Урок "Градиент и ластик"



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

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



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



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



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



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



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



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



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




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

Серия сообщений "Мои уроки":
Часть 1 - Урок как из видео сделать анимашку
Часть 2 - Урок . Анимация огня.
...
Часть 7 - Урок для новичков. Движение облаков.
Часть 8 - Урок ФШ. Угловой градиент.
Часть 9 - Урок "Градиент и ластик"
Часть 10 - Всё-всё о розах! Маленькие хитрые приёмы при уходе за розами