• Авторизация


Урок "Градиент и ластик" 12-03-2025 12:00 к комментариям - к полной версии - понравилось!


Урок "Градиент и ластик"
анимашка-2.gif

Дорогие друзья, искала я искала легенький урок

на эту тему, но не нашла или просто не увидела,

хотя я знаю что они есть, пришлось написать мне

самой этот урок для тренинга и для новичков. Урок

очень простой, легкий, а эффект получается интересный.


Открываем наш фотошоп, открываем новый документ с

размерами какие вам нужны. Заливаем фон любым цветом,

берем инструмент ластик и открываем в панели сверху

кисточки. Я выбрала бабочку, вы выбираете то, что

нужно вам и этой кисточкой кликаем по фону. Бабочка

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

жмем на квадратик внизу (как я показала на скриншоте)

3 раза и добавляем три новых прозрачных слоя.

Добавили мы эти слои, но они получились над фоном с

бабочкой, а нам нужно чтоб они были под фоном. Для

этого мы просто захватываем мышкой слой с бабочкой и

перетаскиваем этот слой на самый верх



2.png



Теперь нам нужно наши прозрачные слои залить разными

градиентами. Отключаем глизики на двух прозрачных слоях

на одном оставляем, стоим на этом слое он у нас синий

(на фоне с бабочкой глазик включен всегда!), идем

в верхнюю панель и берем градиент какой вам нужен -

заливаем первый слой.



3.png



дальше глазик на первом слое выключаем, включаем на

втором слое, берем другой градиент и заливаем второй

слой. Точно так же поступаем с третьим слоем и заливаем

опять другим градиентом. Все, все слои у нас залиты

градиентами и все готово для анимации.



4.png



Теперь нам осталось всего лишь анимировать все что мы

сделали. Идем в анимацию там у нас уже есть первый

кадр и стоим мы на первом слое, на остальных двух

слоях с градиентом глазки выключены, еще раз повторяю,

на фоне глазик включен постоянно. В кадрах мы нажимаем

на квадратик внизу и добавляем еще один кадр, а в слоях

на первом слое глазик выключаем и включаем глазик на

втором слое он становится синий, дальше опять в кадрах

добавляем 3 кадр и в слоях соответственно включаем

глазик на последнем 3 слое с градиентом, а на втором

выключаем. Время анимации я поставила 2 с. вы ставите

какое вас устраивает.

Все, включаем анимацию и любуемся, если вам все

нравится, идем сохранить для Web....



5.png
и вот что у нас получилось;
анимашка-3.gif
Удачи вам и приятного творчества!
Автор урока Сухачева Ирина

аватарка-для-тренинга.gif
"Фотошоп+видео-анимация"
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Урок "Градиент и ластик" | JulianeVi - Фотошоп и всё для него. | Лента друзей JulianeVi / Полная версия Добавить в друзья Страницы: раньше»