Угловой градиент.Урок для ФШ.

Воскресенье, 11 Января 2015 г. 20:34 + в цитатник

За урок благодарность Ирине С.

Градиент в ФШ. Урок.
В сети много уроков по использованию градиента в ФШ, а я хочу
вам показать как можно использовать угловой градиент и сделать
симпатичный шаблончик для спасибки:

такой же можно сделать шаблончик для плеера с музыкой:

		- Подруга верная			02:57

да много еще где его можно применить, нужно только включить свою
фантазию и открыть наш любимый фотошопчик)))

И так, открываем новый документ в ФШ, я взяла размер 300Х120.
Вы выбирайте размер какой вам будет нужен, смотря что вы будете
делать. Берем инструмент ЗАЛИВКА и заливаем его любым цветом.

Дальше, под слоями нажимаем на значек, который я указала на
скриншоте и будем применять стили, например тиснение, потом
нажимаем наложение градиента, выбираем какой вам нравится,
в маленьком окошке ставим УГЛОВОЙ обязательно и что бы угол у
нас стоял 90 градусов-это нам нужно будет при анимации.

После того как выбрали градиент по цвету, щелкаете по полоске
градиента, это образец редактируемого градиента с переходами цвета
и прозрачности, откроется окошко в котором вы можете редактировать
уже существующий градиент. Под полосой и над ней расположились
маркеры (квадратики с треугольниками над или под ними). Те,
что под полосой отвечают за переходы цвета. Если вы щёлкнете
кнопкой мыши на каком-нибудь маркере, треугольник над ним станет
цветным, значит, маркер стал активным и готов к редактированию.
Что можно сделать? Можно переместить его в любую сторону вдоль
цветовой полосы, можно поменять его цвет. Для этого щёлкните на
окошке Цвет и в окне Цветовая палитра выберите нужный оттенок.
Таким образом фантазируйте, редактируйте градиент и делайте
такой какой вам понравится, я сделала такой

Тиснение сделали, градиент выбрали и редактировали, в общем
сделали какой вам понравился. И вот, что у нас получилось: 1 слой
1 кадр в анимации и наш шаблончик с градиентом

Идем к нашим кадрам-он у нас один, жмем на квадратик внизу и
просто добавляем еще один кадр.
Дальше опять идем в стили, нажимаем опять значек под слоями,
жмем на наложение градиента и нам открывается окошечко с нашим
уже редактированным градиентом. Ничего не трогаем, все оставляем
как и было только у нас был угол 90, вот его мы и поменяем на -90
Смотрите скриншот на нем я показала это

Дальше идем в кадры, нажимаем внизу на цепочку, открывается
окошко там мы ставим цифру сколько кадров вы хотите добавить,
я добавила 10, но лучше добавить 15 кадров, так как вы знаете,
чем больше вы добавите кадров тем плавнее будет анимация

Последний кадр удаляем, у меня это 12, так как он повторяет
первый кадр и он нам не нужен, и вы у себя удаляете последний
кадр. Запускаете анимацию, любуетесь и сохраняете.

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

Приятного творчества и удачи!

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

Серия сообщений " ***PHOTOSHOP CS6-тренинг уроков от Irina Hochwe":
Часть 1 - Работа с масками в Photoshop.
Часть 2 - Для любителей Ф/Ш.Как установить-Adobe Photoshop CS6.
Часть 3 - Угловой градиент.Урок для ФШ.
Часть 4 - Интересный эффект работы инструментом ластик.
Часть 5 - Урок для Фотошоп " Закрываем глазки".Перепост от Ирины С.