![градиент.gif градиент.gif](http://filed6-26.my.mail.ru/pic?url=https%3A%2F%2Fimg-fotki.yandex.ru%2Fget%2F17914%2F86303573.2%2F0_af255_6e2537f3_orig.gif&mw=&mh=&sig=0551f948a2b37cd30f02ae8864b8e181)
Итак, открываем новый документ в ФШ, я взяла размер 300Х120.
Вы выбирайте размер какой вам будет нужен, смотря что вы будете
делать. Берем инструмент ЗАЛИВКА и заливаем его любым цветом.
![1.png 1.png](http://filed14-8.my.mail.ru/pic?url=https%3A%2F%2Fimg-fotki.yandex.ru%2Fget%2F16165%2F86303573.2%2F0_af25d_89ebc21e_orig.png&mw=&mh=&sig=86c7ad8fb5a38a7b251b5e1ab33961ca)
Дальше, под слоями нажимаем на значек, который я указала на
скриншоте и будем применять стили, например тиснение, потом
нажимаем наложение градиента, выбираем какой вам нравится,
в маленьком окошке ставим УГЛОВОЙ обязательно и что бы угол у
нас стоял 90 градусов-это нам нужно будет при анимации.
![2.png 2.png](http://filed17-10.my.mail.ru/pic?url=https%3A%2F%2Fimg-fotki.yandex.ru%2Fget%2F15517%2F86303573.2%2F0_af25e_7674ce77_orig.png&mw=&mh=&sig=5f3e14ff6ed020468d4cd87ad5552a65)
После того как выбрали градиент по цвету, щелкаете по полоске
градиента, это образец редактируемого градиента с переходами цвета
и прозрачности, откроется окошко в котором вы можете редактировать
уже существующий градиент. Под полосой и над ней расположились
маркеры (квадратики с треугольниками над или под ними). Те,
что под полосой отвечают за переходы цвета. Если вы щёлкнете
кнопкой мыши на каком-нибудь маркере, треугольник над ним станет
цветным, значит, маркер стал активным и готов к редактированию.
Что можно сделать? Можно переместить его в любую сторону вдоль
цветовой полосы, можно поменять его цвет. Для этого щёлкните на
окошке Цвет и в окне Цветовая палитра выберите нужный оттенок.
Таким образом фантазируйте, редактируйте градиент и делайте
такой какой вам понравится, я сделала такой
![3.png 3.png](http://filed3-19.my.mail.ru/pic?url=https%3A%2F%2Fimg-fotki.yandex.ru%2Fget%2F11%2F86303573.2%2F0_af25f_ece17cde_orig.png&mw=&mh=&sig=a3ae8cecd790b0aa7fde7ebebdc06d6f)
Тиснение сделали, градиент выбрали и редактировали, в общем
сделали какой вам понравился. И вот, что у нас получилось: 1 слой
1 кадр в анимации и наш шаблончик с градиентом
![4.png 4.png](http://filed18-4.my.mail.ru/pic?url=https%3A%2F%2Fimg-fotki.yandex.ru%2Fget%2F15550%2F86303573.2%2F0_af260_39ef8f6e_orig.png&mw=&mh=&sig=d6ebcefa1f7d24e6c63211d64c1fd2b7)
Идем к нашим кадрам-он у нас один, жмем на квадратик внизу и
просто добавляем еще один кадр.
Дальше опять идем в стили, нажимаем опять значек под слоями,
жмем на наложение градиента и нам открывается окошечко с нашим
уже редактированным градиентом. Ничего не трогаем, все оставляем
как и было только у нас был угол 90, вот его мы и поменяем на -90
Смотрите скриншот на нем я показала это
![5.png 5.png](http://filed4-11.my.mail.ru/pic?url=https%3A%2F%2Fimg-fotki.yandex.ru%2Fget%2F16130%2F86303573.2%2F0_af261_f5b120c2_orig.png&mw=&mh=&sig=7b9d641677baa67d809bcfeaa565b69f)
Дальше идем в кадры, нажимаем внизу на цепочку, открывается
окошко там мы ставим цифру сколько кадров вы хотите добавить,
я добавила 10, но лучше добавить 15 кадров, так как вы знаете,
чем больше вы добавите кадров тем плавнее будет анимация
![6.png 6.png](http://filed16-24.my.mail.ru/pic?url=https%3A%2F%2Fimg-fotki.yandex.ru%2Fget%2F15564%2F86303573.2%2F0_af262_3db2300d_orig.png&mw=&mh=&sig=eda169cf91067d61f10fd7f105dc0109)
Последний кадр удаляем, у меня это 12, так как он повторяет
первый кадр и он нам не нужен, и вы у себя удаляете последний
кадр. Запускаете анимацию, любуетесь и сохраняете.
![7.png 7.png](http://filed4-3.my.mail.ru/pic?url=https%3A%2F%2Fimg-fotki.yandex.ru%2Fget%2F15548%2F86303573.2%2F0_af263_5e949829_orig.png&mw=&mh=&sig=568186e1132bf5b08e2c6f463a7c88b1)
Вот такой шаблончик у вас получится и теперь вы можете из
него сделать ту же спасибку какую сделала я, добавив на него
текст, или другую иконку, ну это вы уж сами придумаете)
![спасибка.gif спасибка.gif](http://filed14-21.my.mail.ru/pic?url=https%3A%2F%2Fimg-fotki.yandex.ru%2Fget%2F15513%2F86303573.2%2F0_af266_1be0b57a_orig.gif&mw=&mh=&sig=ca154ff60e603d5badd772f4619a8137)
Будут вопросы пишите, спрашивайте, всегда отвечу!