Источник

Дорогие друзья, искала я искала лёгенький урок
на эту тему, но не нашла или просто не увидела,
хотя я знаю, что они есть, пришлось написать мне
самой этот урок для тренинга и для новичков. Урок
очень простой, лёгкий, а эффект получается интересный.

Открываем наш фотошоп, открываем новый документ с
размерами, какие вам нужны. Заливаем фон любым цветом,
берём инструмент ластик и открываем в панели сверху
кисточки. Я выбрала бабочку, вы выбираете то, что
нужно вам, и этой кисточкой кликаем по фону. Бабочка
у меня стала прозрачной, смотрите скриншот.



Теперь создаём три новых прозрачных слоя, для этого
жмём на квадратик внизу (как я показала на скриншоте)
3 раза и добавляем три новых прозрачных слоя.
Добавили мы эти слои, но они получились над фоном с
бабочкой, а нам нужно, чтоб они были под фоном. Для
этого мы просто захватываем мышкой слой с бабочкой и
перетаскиваем этот слой на самый верх



Теперь нам нужно наши прозрачные слои залить разными
градиентами. Отключаем глизики на двух прозрачных слоях.
На одном оставляем, стоим на этом слое, он у нас синий
(на фоне с бабочкой глазик включен всегда!), идём
в верхнюю панель и берём градиент, какой вам нужен -
заливаем первый слой.



Дальше глазик на первом слое выключаем, включаем на
втором слое, берём другой градиент и заливаем второй
слой. Точно так же поступаем с третьим слоем и заливаем
  другим градиентом. Всё, все слои у нас залиты
градиентами, и всё готово для анимации.



Теперь нам осталось всего лишь анимировать всё, что мы
сделали. Идем в анимацию, там у нас уже есть первый
кадр. Стоим мы на первом слое, на остальных двух
слоях с градиентом глазки выключены. Ещё раз повторяю:
на фоне глазик включен постоянно. В кадрах мы нажимаем
на квадратик внизу и добавляем ещё один кадр, а в слоях
на первом слое глазик выключаем и включаем глазик на
втором слое. Он становится синим, дальше снова в кадрах
добавляем 3 кадр и в слоях соответственно включаем
глазик на последнем 3 слое с градиентом, а на втором
выключаем. Время анимации я поставила 2 секунды, вы ставите,
какое вас устраивает.
Всё, включаем анимацию и любуемся. Если вам всё
нравится, идём сохранить для Web....



И вот что у нас получилось:



Удачи вам и приятного творчества!

Автор урока Сухачева Ирина

Сообщество"Фотошоп+видео-анимация"

Серия сообщений "• тренинг ФВА/ И.Сухачёва":
Часть 1 - 1-1. Оформление простой рамочкой
Часть 2 - 1-2. Слияние нескольких фото
...
Часть 25 - Бродилочка по урокам тренинга "Маски ФШ"
Часть 26 - Тренинг. Градиент в Фотошопе. 1 урок
Часть 27 - Тренинг. Урок "Градиент и ластик"
Часть 28 - Тренинг. Видеоурок "Градиентная заливка"