Log in
Post
Spam

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


Like

You cannot comment as you are not authorized.


ирина сухачева      05-02-2015 16:48 (link)
Re: Урок "Градиент и ластик".
Урок "Градиент и ластик"

анимашка-2.gif

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

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

1.png

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

2.png

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

3.png

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

4.png

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

5.png

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

анимашка-3.gif

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



ирина котельникова      05-02-2015 19:48 (link)
Re: Урок "Градиент и ластик".
Спасибо Ирочка за прекрасный урок!!!!!
♥ Irina❧ UIV ♥      05-02-2015 20:05 (link)
Re: Урок "Градиент и ластик".
Ириша,спасибо большое за урок!!!
Лариса Красняк      05-02-2015 20:13 (link)
Re: Урок "Градиент и ластик".
Спасибо большое за урок !!!
Елена Тронова      05-02-2015 22:04 (link)
Re: Урок "Градиент и ластик".
Спасибо за урок!
Наталия Иванова-Павлова      06-02-2015 11:46 (link)
Re: Урок "Градиент и ластик".
С началом обучающего курса . Спасибо , Ирина , за энтузиазм.
Мои работы

Zoom

Лев
Вера Ларионова      06-02-2015 12:42 (link)
Re: Урок "Градиент и ластик".
Ирочка,спасибо за поучительный урок!
Вот моя работа.

Zoom
Елена Истомина.      06-02-2015 18:40 (link)
Re: Урок "Градиент и ластик".
Спасибо,Ирочка,за познавательный урок!!!
анна кузнецова      06-02-2015 22:36 (link)
Re: Урок "Градиент и ластик".
Спасибо за уроки Ирина . Вот , что у меня получилось .


Zoom



Zoom
Галина Фирсова      07-02-2015 09:55 (link)
Re: Урок "Градиент и ластик".


Zoom
Ирина, вторую не могу поставить сразу все исчезает почему то,просто все закрывается.Попробую два раза сделать
Сергей Цыков      07-02-2015 14:31 (link)
Re: Урок "Градиент и ластик".
Иринка спасибо за урок...моему охламону понравилось..поменял цвет неба на фото с храмом--теперь все разговоры про это...а анимацию сделать не может...градиенты вставил а как у тебя внизу анимации нет..и на ластике бабочек и прочего нет..
Лыга Раиса      09-02-2015 15:32 (link)
Re: Урок "Градиент и ластик".
Спасибо за урок,Ирочка принимай работу!!!!!!!


Zoom



Zoom
Галина Бухарина      09-02-2015 18:27 (link)
Re: Урок "Градиент и ластик".
Спасибо, за интересный урок!!!!
Валентина Карташова      09-02-2015 21:49 (link)
Re: Урок "Градиент и ластик".
Валентина Лавренцова      14-02-2015 00:21 (link)
Re: Урок "Градиент и ластик".
Ирочка, вот мои работы.
Изображение - savepic.org — сервис хранения изображений
Изображение - savepic.org — сервис хранения изображений
Ольга Читахян      21-02-2015 14:25 (link)
Re: Урок "Градиент и ластик".