![](http://img-fotki.yandex.ru/get/5708/zomka.258/0_68070_8f4567f9_L)
Добрый вечер , мои хорошие...Вот и пришло время следующего урока...Вроде за праздники новогодние мы так обленились. что и печень уже не принимает ни жирного , ни салатов, ни выпивки. ни бока не принимают диванных подушек и уютных кресел))))Вобщем....начинаем новую жизнь....Кстати...со всеми вас прошедшими и кое-какими предстоящими!!
Ну..про Старый новый год я не буду , а вот сердечный праздник валентинкин-это по традиции заграничной. ожидаем в феврале...Хотя...честно вам скажу....не понимаю я это новомодный Валентинов день....особенно если пролистать его историю)))Ну да ладно....Бог с ним...Мы поговорим о другом. о том как не утруждаясь сделать пульсирующую анимацию ,как например вот это сердечко Вам всем!!
![](http://img-fotki.yandex.ru/get/4529/575578.294/0_7209b_2b325a19_XS.jpg)
а разбирать будем на примере заголовка к нашему уроку
Итак...поехали...
![](http://img-fotki.yandex.ru/get/4429/575578.294/0_7209d_414dee3d_L.jpg)
![](http://img-fotki.yandex.ru/get/4427/575578.294/0_7209e_5392088e_XL.jpg)
![](http://img-fotki.yandex.ru/get/4528/575578.294/0_7209f_5a496a37_L)
![](http://img-fotki.yandex.ru/get/4528/575578.294/0_720a0_785c2d85_XL.jpg)
выбираем стиль текста на ваш вкус..
![](http://img-fotki.yandex.ru/get/5414/575578.294/0_720a1_f9e7131a_M.jpg)
![](http://img-fotki.yandex.ru/get/4528/575578.294/0_720a2_e1f2021a_L.jpg)
теперь уходим в панели инструментов на ПРЯМОУГОЛЬНОЕ ВЫДЕЛЕНИЕ и нажимаем вкладку ИЗОБРАЖЕНИЕ на панели фотошопа
![](http://img-fotki.yandex.ru/get/4529/575578.294/0_720a3_738d87a0_L.jpg)
![](http://img-fotki.yandex.ru/get/5414/575578.294/0_720a4_c282cb5f_L.jpg)
Жмем ОК и получаем уменьшенное поле вокруг текста Теперь жмем сочетание клавиш CTRL+ALT+T раскладка клавиатуры помним английская и получаем
![](http://img-fotki.yandex.ru/get/4429/575578.294/0_720b4_e994792f_L.jpg)
переходим на верхнюю панель фотошопа и устанавливаем точно по картинке
![](http://img-fotki.yandex.ru/get/5414/575578.294/0_720a5_fd3a9c94_L.jpg)
то есть уменьшаем размер ширины и высоты на примерно 30 единиц И как только уменьшим получаем вот такую картинку
![](http://img-fotki.yandex.ru/get/4529/575578.294/0_720b5_6b07e4a1_L.jpg)
жмем ENTER чтобы снять маркеры
а теперь наше волшебное сочетание клавиш при помощи двух рук...левая рука CTRL+Shift+ALT а правой добавляем щелчок на букве Т (английская раскладка клавиатуры) и будем получать при каждом щелчке все меньшее и меньшее изображение текста
Вот что у меня получилось после 6 щелчков
>![](http://img-fotki.yandex.ru/get/4611/575578.294/0_720a7_6a9a9213_XL.jpg)
![](http://img-fotki.yandex.ru/get/4529/575578.294/0_720a8_623a4ef7_L.jpg)
теперь надо сделать кадры обратные тому что мы уже сделали.То есть наш текст уменьшился а теперь надо сделать его увеличение..Для этого мы просто дублируем те слои что у нас есть и получившиеся раасставляем в обратном порядке..Как?? а вот так.
![](http://img-fotki.yandex.ru/get/4529/575578.294/0_720a9_f34b445e_L.jpg)
нажав правой кнопкой мышки на выделенном поле выбираем
![](http://img-fotki.yandex.ru/get/5414/575578.294/0_720aa_bbbe0ed4_L.jpg)
![](http://img-fotki.yandex.ru/get/5414/575578.294/0_720ab_99016c9b_XL.jpg)
и вот что получится...теперь снимаем общее выделение щелкнув по любому слою и далее
![](http://img-fotki.yandex.ru/get/5414/575578.294/0_720ac_c883f028_L.jpg)
то есть если смотреть снизу на панели слоев то снизу вверх идут до 7 слоя 1-2-3-4-5-6-7 а потом далее идут на убывание 7-6-5-4-3-2 вот так как на картинке
![](http://img-fotki.yandex.ru/get/5414/575578.294/0_720ad_957657dc_L.jpg)
открываем панель Анимация и жмем в углу панели на треугольник открывается меню в котором выбираем
![](http://img-fotki.yandex.ru/get/4429/575578.294/0_720ae_cf953834_L.jpg)
когда откроются кадры анимации еще раз жмем на стрелку в углу панели и выбираем
![](http://img-fotki.yandex.ru/get/4427/575578.294/0_720af_8f79089_XL.jpg)
Затем
![](http://img-fotki.yandex.ru/get/4428/575578.294/0_720b0_13735a2c_XL.jpg)
это мы выставляем время всем кадрам
![](http://img-fotki.yandex.ru/get/4528/575578.294/0_720b1_692b852c_XL.jpg)
я еще первому кадру поставлю большее время чтобы текст немного на нем "замирал" вот так
![](http://img-fotki.yandex.ru/get/4529/575578.294/0_720b2_e3c37173_L.jpg)
ну вот получим
![](http://img-fotki.yandex.ru/get/4429/575578.294/0_7209c_3c749b04_L.jpg)
и это уже можно сохранять для WEB в формате GIF в ту папку , которую вы выбрали))))
вот и весь урок...а вся сложность в нем ТОЛЬКО!!! во внимательной расстановке слоев по возрастанию и убыванию...чтобы анимация плавно переходила из размера в размер)))
Удачи Вам!!
Ваша Zomka
Комментариев нет:
Отправить комментарий