• Авторизация
Дневник LudmelaRU Лента друзей - Дневник - Полная версия


Угловой градиент.Урок для ФШ. 11-01-2015 20:34 к комментариям - к полной версии - понравилось!


 
 

 

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

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

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

 

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

 

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

И так, открываем новый документ в ФШ, я взяла размер 300Х120.
Вы выбирайте размер какой вам будет нужен, смотря что вы будете
делать. Берем инструмент ЗАЛИВКА и заливаем его любым цветом.
 [640x345]
Дальше, под слоями нажимаем на значек, который я указала на
скриншоте и будем применять стили, например тиснение, потом
нажимаем наложение градиента, выбираем какой вам нравится,
в маленьком окошке ставим УГЛОВОЙ обязательно и что бы угол у
нас стоял 90 градусов-это нам нужно будет при анимации.
 [640x345]
После того как выбрали градиент по цвету, щелкаете по полоске
градиента, это образец редактируемого градиента с переходами цвета
и прозрачности, откроется окошко в котором вы можете редактировать
уже существующий градиент. Под полосой и над ней расположились
маркеры (квадратики с треугольниками над или под ними). Те,
что под полосой отвечают за переходы цвета. Если вы щёлкнете
кнопкой мыши на каком-нибудь маркере, треугольник над ним станет
цветным, значит, маркер стал активным и готов к редактированию.
Что можно сделать? Можно переместить его в любую сторону вдоль
цветовой полосы, можно поменять его цвет. Для этого щёлкните на
окошке Цвет и в окне Цветовая палитра выберите нужный оттенок.
Таким образом фантазируйте, редактируйте градиент и делайте
такой какой вам понравится, я сделала такой
 [640x345]
Тиснение сделали, градиент выбрали и редактировали, в общем
сделали какой вам понравился. И вот, что у нас получилось: 1 слой
1 кадр в анимации и наш шаблончик с градиентом
 [640x345]
Идем к нашим кадрам-он у нас один, жмем на квадратик внизу и
просто добавляем еще один кадр.
Дальше опять идем в стили, нажимаем опять значек под слоями,
жмем на наложение градиента и нам открывается окошечко с нашим
уже редактированным градиентом. Ничего не трогаем, все оставляем
как и было только у нас был угол 90, вот его мы и поменяем на -90
Смотрите скриншот на нем я показала это
 [640x345]
Дальше идем в кадры, нажимаем внизу на цепочку, открывается
окошко там мы ставим цифру сколько кадров вы хотите добавить,
я добавила 10, но лучше добавить 15 кадров, так как вы знаете,
чем больше вы добавите кадров тем плавнее будет анимация
 [640x345]
Последний кадр удаляем, у меня это 12, так как он повторяет
первый кадр и он нам не нужен, и вы у себя удаляете последний
кадр. Запускаете анимацию, любуетесь и сохраняете.
 [640x345]
Вот такой шаблончик у вас получится и теперь вы можете из
него сделать ту же спасибку какую сделала я, добавив на него
текст, или другую иконку, ну это вы уж сами придумаете)
 [300x120]

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

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

аватарка-для-тренинга.gif
[показать]

 

 
вверх^ к полной версии понравилось! в evernote
Комментарии (15):
Nella__solneshko 11-01-2015-22:53 удалить
Спасибо Людочка! Мне еще многому надо учиться.
Обратиться - Ответить - К полной версии
LudmelaRU 11-01-2015-23:11 удалить
Ответ на комментарий Жанна_николаевна # Жанна_николаевна, [показать]
Обратиться - Ответить - К полной версии
LudmelaRU 11-01-2015-23:12 удалить
Ответ на комментарий Надежда_Заломина # Надежда_Заломина, Надюша, рада! [показать]
Обратиться - Ответить - К полной версии
LudmelaRU 11-01-2015-23:14 удалить
Ответ на комментарий Nella__solneshko # Неллечка, дорогая, очень рада тебе! Желаю успеха!!! [показать]
Обратиться - Ответить - К полной версии
be-ll 12-01-2015-01:53 удалить
С благодарностью.
Обратиться - Ответить - К полной версии
Таня_Зимина 12-01-2015-02:10 удалить
Большое спасибо за урок!
Обратиться - Ответить - К полной версии
LudmelaRU 12-01-2015-07:11 удалить
Ответ на комментарий be-ll # Наденька! Рада тебе, мне приятно! Благодарность за урок Ирине!
Обратиться - Ответить - К полной версии
LudmelaRU 12-01-2015-07:14 удалить
Ответ на комментарий Таня_Зимина # Таня_Зимина, Благодарность Ирочке! А мне приятно, что заглянули ко мне! [показать]
Обратиться - Ответить - К полной версии
СА-МАРА 13-01-2015-23:25 удалить
спасибки за похвалу , ну на 7 еще вытяну)))))))))))))
Обратиться - Ответить - К полной версии
vdomarvik 15-01-2015-23:33 удалить
Спасибо большое!!!
Обратиться - Ответить - К полной версии
LudmelaRU 16-01-2015-01:27 удалить
Ответ на комментарий vdomarvik # vdomarvik,

[показать]


Обратиться - Ответить - К полной версии


Комментарии (15): вверх^

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

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