ЗДРАВСТВУЙТЕ, УВАЖАЕМЫЕ ЧИТАТЕЛИ!
Сегодня я хочу предложить Вам еще один урок по созданию анимации. Заканчивается весна и вот-вот наступит лето. Все вокруг цветет. Вот и мы заставим расцвести... текст. Эту анимацию тоже можно использовать в качестве аватара на форумах. Впрочем, я показываю принцип, а уж как им распорядиться пусть подскажет Ваша фантазия.ШАГ 1: создаем новый документ размером 300х300 пикселей (если для аватара, то размер ставите 150х150 пикселей) с белым фоном. Берем инструмент Текст (Text) (Т)
. Выбираем равномерно широкий шрифт, например, Arial Rounded MT Bold из стандартного набора шрифтов Windows, настраиваем его примерно таким образом:
и пишем любую букву, например первую букву ника или имени![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWelJEr2zLtYegQoD2H_cbqQlEVj9-B3zlKizc8b3sxerSOJCKanTPxcDHvUwZntdS8FaY3VCWtOHVaygbaHaLuqGymBuavR3O9X3mqx2mRLOWy5uSRjKUYooL-W-L5mXVKiPuOxoQ1lY/s400/1.gif)
ШАГ 2: теперь добавим нашему тексту стилей. Щелкаем по кнопочке Добавить стиль слоя (Add a layer style) внизу палитры слоев
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcXXy4CfFUrCkoVmV67jRM6O-0NuwqKoafgHlGeYWGgHMfptB2AGnI-g-D2zsFsY9zd7Y3wTcaR69x_6UK2SnSZ3eZFYeEMiDzYbo6pwKvX4F9U_0wvnUOi5VEOCv9G36kchb8eM5zK-M/s400/3.gif)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_WPVr6LEciJGU60webu7FWRPDwXFNdAk8zusSJTZKfc8xfWIycGxqUC894jy2q4l9uIvYV4eieb2q_zA6Rzb3jhEoKdCFNpP8PXHyLxLqAB1oB2Dw_4_Q7Zu4T1bAL2zp3Dk-kiFfgjU/s400/drop-shadow.gif)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGb7Xb9cVB5Ef9XofFg7TNuR5VXdP8Uo-Jly6CEFmFM2SdpdW5Leoerg5HVVWvmoVDuO7xvnBIbjdCqYTUfbBgNmIlsFmP6KWH9jAPS9b3DnskUfKMLcTkznMZk4Dt-mFMqb6Y2KdxpAs/s400/4.gif)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDNCKDb4Ij-66p_5049d0CKbKMfjmNpkDSSDf_Z3EoKgxNlc7rCscUme89mgeCYAeDxSRzyg2Wk7tm0OK9zWxUd7Wv6oPVhBbP2Emq35ppnyBU-jNUp5escXJM2x0HKBsgrZYZajjIRbc/s400/5.gif)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMRb-Ur81iBOS7CT31a8KuXgGLYGedmkNBeYwJwZ3HuA9YtW06tsApA-RsRf3OIsn1nGdx5gA2xM_w-RjyAAAq184bEPM-4_rVAGZS6i8rkmu-jNfZa5bgLgUEOl6xGm0qkgqdMMIeC2s/s400/6.gif)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD2CviH0yRtMkeYYFEAgrUSMWYSzPR0IcwRYGzfChSxpvsO3Q_3Up4jeUmdKHTtCUd2dd8_MrKdZSg5HrOZdy0dWlfDwkcwi2aWh6ky4nwXp5usWmQwkoaF7D1U9M-37Fx32LgJEucOKc/s400/6.1.jpg)
Все. Фон мы подготовили. Теперь приступаем к созданию цветов, которые расцветут на нашем тексте-полянке.
ШАГ 3: для цветов нам понадобится инструмент Произвольная фигура (Custom Shape Tool) (U)
в виде цветка любой формы. Мне нравится ромашка, поэтому выберу ее
Создаем новый слой на самом верху Палитры слоев (назовем его ЦВЕТОК), цвет переднего плана ставим белый (для ромашки) или любой другой, какой Вам нравится. В настройках инструмента выставляем следующие:
и рисуем первый цветок. (Для удобства работы можно приблизить изображение клавишами CTRL+"+". Теперь выбираем инструмент Овал (Elipse)
с такими же настройками, что и Пользовательская фигура (Custom Shape), ставим цвет переднего плана желтый #ffff00 и на этом же слое рисуем серединку для нашего цветка. Получается следующее:![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoIucU3Aajrt1cW_WOwjuJ1mcKDBiLRd4rrdnZHcvNN3r5f-0XH3r2U3wQKkauFet8MHTaZOZvwlEYvcUFwxMYfuyU8yNGRTPVAeTMCA_U-W72Z3qhuy47dKVFIcF8SP-q0toCRGknEnQ/s400/10.jpg)
Теперь берем инструмент Перемещение (Move) (V) (13.gif) ![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsPrtxYPO2DUG5ytv5HYFRefnlMRDe87NDK8Mklmk_kWAOuUaG4Fy6ztdn5bgxnWBKQvZM7Ge0p8chdAwZBr2tkrvbykyaorvH5KRW2bY-vEVW89dRFrs8YNleRYnXKJl_XGOPsp3OvUI/s400/7.gif)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio9biIFG6rPCmkoIZRuExN8wsS47Ocqim8Q0dBTEuQ8bGDK0TBwWeS0e5vOfzX8s3XptyC18WcWExlhB7rhDP5-5UWFGJte1LuT9iqPAyaDDdtqg3OHQlcHcv7qXh3yfgoSCZ9iIDC8Ug/s400/8.gif)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWP1yvpSC2XQ92RQrec1g-QzVR5UsMunSbeckydd4_WLYfFTZkRG1dE0BYNq8KAAxh0YyUygEj9jglyV1cJyRwzK0BPRFEzSr9m37f9oasK7ic76G5g4tFzEcHAElnMzKcTT-Dcd0c-LM/s400/9.gif)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbjOZQQ5ev84EvG89ixugbP-gD36KKgdMjkvV4jWd339yJGUuvbrxiXF4o2hskZIUOeaw7cdh42W_KsIq27W0CTUtvPJjlakSqqd_XekvllYx7c24mYqp8ZlYtt4iFcm8u50aYfGQi60Q/s400/11.gif)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoIucU3Aajrt1cW_WOwjuJ1mcKDBiLRd4rrdnZHcvNN3r5f-0XH3r2U3wQKkauFet8MHTaZOZvwlEYvcUFwxMYfuyU8yNGRTPVAeTMCA_U-W72Z3qhuy47dKVFIcF8SP-q0toCRGknEnQ/s400/10.jpg)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZUjUNjWisiZehfQ4-cvDS5r6lSL0LBZurBzW5CZmAum-dSZisDIENmbCMex8BmJfi3rJ9hR2t-luJ3NYHHftmaeVd4RXOblEBbo1DihUlukkBiVf0xzNEjZeSIfU9rIdJMcWPBW703D4/s400/12.gif)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUuNjrKtDlg1M3CpVdgbylomCGNAG8WRxcLCEeiZWbtIz70m6LpR7ScD4Ys5eq7NzR7yD7iS6wDfJTmuKhL4zO0YdI-_HdIyzB_iYfEWI6ZISGp7qqNVykm7dhXZSFFcYN9fKYSu3eCPA/s400/13.jpg)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqyK5zL3xlsDJ6Ys0Oj6Oz3oV8IoXlh3vwiVV-5NPdSyXUG3mv6bMgRQuTKb3v0KbN_CaryqyKAH3DCzskR-gP3do0B-Aofs4YUpAaM7q7gM7U6Shfzth-yMVGc88tkZd1zjPY_vaIqJM/s400/14.jpg)
ШАГ 4: Текст-полянку мы сделали. Осталось ее "оживить". Для этого нам нужно открыть окно Анимация (Animation), Окно/Анимация (Window/Animation)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXtq7CsmUqn30Y-TW1Hlc13Z_PFCqLLTRG9Rs9gCB8IIJ1Ppa42yJ8BV_8CYakpw_CMZOXmX5-lG9MEAmDVU-wIe332Gsujl_lS5Ca6S2s3L6wb1eSA2V4WCEcDIIz03fSuy6CDABF9SA/s400/15.gif)
В этом окне уже будет открыт первый кадр нашей "мультяшки", но нам нужно, чтобы на этом кадре была только одна ромашка. Поэтому в Палитре слоев отключаем все слои ЦВЕТОК copy, кроме собственно слоя ЦВЕТОК. А чтобы не мучится, щелкая по "глазам" на большом количестве этих слоев-копий, перейдите на слой ЦВЕТОК, зажмите клавишу ALT и щелкните по "глазу" рядом с иконкой слоя. Все слои будут скрыты, кроме этого. Вам теперь остается просто "включить" фоновый слой и слой с текстом, щелкая по таким же "глазам" рядом с иконками. Таким образом, у нас есть первый кадр с одной единственной ромашкой на зеленой полянке.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6sYsZgI5be9qrMZ1Xhlm-YX8PkhKJPtvKxiuSeYOncAabuEOtnFLG5pivdwsR0wi3slG3lcVIqIb1mhLwd9o9nZotMmhfvuwvSx3VfXbrS27gkCi0j4AuY_nOCXn-zz2MIJiWXP0OsUY/s400/16.gif)
Теперь в этом же окне Анимация нажимаем на кнопочку Дублировать кадр (Duplicate current frame), а в Палитре слоев включаем первую копию слоя ЦВЕТОК, ЦВЕТОК copy.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidxZqvA_nV0FwcDSWd7aNobK6_QRg0JV9tucWpn_aZM-s0wWFusLRvL8Jnq4ahM31sdweVGSgEqYkelbTfxS5gzA9rb8lF4xso8CK5ExpAdP7ha4ClIicXo6DaxkFsrctMPBFn9eqH9Og/s400/17.gif)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8KtqkJ8C3QDpbbdhTQOF-wOOT1PLkfa-qcU9Xa53nwPJjFBAnQDfme7aypitpsjRp7-1oP7I_dIQaQTjJJkyBS7BrlnLALoKczM3ingTd0ztEIHl8x7pn2ZEsMa-BYNE0M1U3w7oR5Z0/s400/18.gif)
Ну вот и все! Анимация готова. Сохраните ее в GIF формате. Если для создания анимации Вы использовали Image Ready то нужно сохранять документ командой "Сохранить оптимизированный как...", но опять же, формат GIF.
А на этом я с Вами прощаюсь. Надеюсь урок Вам понравился!
До свидания!
До свидания!
Класс!
ОтветитьУдалить