Урок "Градиент и ластик"
![анимашка-2.gif анимашка-2.gif](https://img-fotki.yandex.ru/get/15556/86303573.2/0_af7ac_483c101b_orig.gif)
Дорогие друзья, искала я искала легенький урок
на эту тему, но не нашла или просто не увидела,
хотя я знаю что они есть, пришлось написать мне
самой этот урок для тренинга и для новичков. Урок
очень простой, легкий, а эффект получается интересный.
Открываем наш фотошоп, открываем новый документ с
размерами какие вам нужны. Заливаем фон любым цветом,
берем инструмент ластик и открываем в панели сверху
кисточки. Я выбрала бабочку, вы выбираете то, что
нужно вам и этой кисточкой кликаем по фону. Бабочка
у меня стала прозрачной, смотрите скриншот
![1.png 1.png](https://img-fotki.yandex.ru/get/15504/86303573.2/0_af7ad_b1ffe6ed_orig.png)
теперь создаем три новых прозрачных слоя, для этого
жмем на квадратик внизу (как я показала на скриншоте)
3 раза и добавляем три новых прозрачных слоя.
Добавили мы эти слои, но они получились над фоном с
бабочкой, а нам нужно чтоб они были под фоном. Для
этого мы просто захватываем мышкой слой с бабочкой и
перетаскиваем этот слой на самый верх
![2.png 2.png](https://img-fotki.yandex.ru/get/15552/86303573.2/0_af7ae_a372732b_orig.png)
Теперь нам нужно наши прозрачные слои залить разными
градиентами. Отключаем глизики на двух прозрачных слоях
на одном оставляем, стоим на этом слое он у нас синий
(на фоне с бабочкой глазик включен всегда!), идем
в верхнюю панель и берем градиент какой вам нужен -
заливаем первый слой.
![3.png 3.png](https://img-fotki.yandex.ru/get/15511/86303573.2/0_af7af_66da8ace_orig.png)
дальше глазик на первом слое выключаем, включаем на
втором слое, берем другой градиент и заливаем второй
слой. Точно так же поступаем с третьим слоем и заливаем
опять другим градиентом. Все, все слои у нас залиты
градиентами и все готово для анимации.
![4.png 4.png](https://img-fotki.yandex.ru/get/16138/86303573.2/0_af7b0_6a3c309a_orig.png)
Теперь нам осталось всего лишь анимировать все что мы
сделали. Идем в анимацию там у нас уже есть первый
кадр и стоим мы на первом слое, на остальных двух
слоях с градиентом глазки выключены, еще раз повторяю,
на фоне глазик включен постоянно. В кадрах мы нажимаем
на квадратик внизу и добавляем еще один кадр, а в слоях
на первом слое глазик выключаем и включаем глазик на
втором слое он становится синий, дальше опять в кадрах
добавляем 3 кадр и в слоях соответственно включаем
глазик на последнем 3 слое с градиентом, а на втором
выключаем. Время анимации я поставила 2 с. вы ставите
какое вас устраивает.
Все, включаем анимацию и любуемся, если вам все
нравится, идем сохранить для Web....
![5.png 5.png](https://img-fotki.yandex.ru/get/15502/86303573.2/0_af7b1_a67bd732_orig.png)
и вот что у нас получилось;
![анимашка-3.gif анимашка-3.gif](https://img-fotki.yandex.ru/get/15547/86303573.2/0_af7b2_a244d22d_orig.gif)
Удачи вам и приятного творчества!
Автор урока Сухачева Ирина
![аватарка-для-тренинга.gif аватарка-для-тренинга.gif](//img-fotki.yandex.ru/get/3003/86303573.1/0_ad085_46dfdfc1_orig.gif)
Сообщество"Фотошоп+видео-анимация"
| |
|
|
|