-Рубрики

 -Приложения

  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Перейти к приложению Онлайн-игра "Empire" Онлайн-игра "Empire"Преврати свой маленький замок в могущественную крепость и стань правителем величайшего королевства в игре Goodgame Empire. Строй свою собственную империю, расширяй ее и защищай от других игроков. Б
  • Старые кнопки дневника на Li.ruСлучайно нашел, сделано 6 лет назад, кнопки для установки на свой сайт.

 -Всегда под рукой

 -Поиск по дневнику

Поиск сообщений в SIrena59

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 18.03.2013
Записей: 5903
Комментариев: 1273
Написано: 7489


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

Воскресенье, 11 Января 2015 г. 19:00 + в цитатник
Градиент в ФШ. Урок.

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

градиент.gif


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





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

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

1.png

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

2.png

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

3.png

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

4.png

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

5.png

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

6.png

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

7.png

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

спасибка.gif

Будут вопросы пишите, спрашивайте, всегда отвечу!

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



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

аватарка-для-тренинга.gif


Сообщество"Фотошоп+видео-анимация"

Серия сообщений "Мои уроки":
Часть 1 - Урок как из видео сделать анимашку
Часть 2 - Урок . Анимация огня.
...
Часть 6 - Как работать с футажами в ФШ.
Часть 7 - Урок для новичков. Движение облаков.
Часть 8 - Урок ФШ. Угловой градиент.
Часть 9 - Урок "Градиент и ластик"
Часть 10 - Всё-всё о розах! Маленькие хитрые приёмы при уходе за розами

Метки:  

Процитировано 32 раз
Понравилось: 20 пользователям

koreckolga   обратиться по имени Воскресенье, 11 Января 2015 г. 19:09 (ссылка)
Спасибо за интересный урок, Ирочка!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 11 Января 2015 г. 19:11ссылка
Пожалуйста
jzayka   обратиться по имени Воскресенье, 11 Января 2015 г. 19:27 (ссылка)
Спасибо за интересный урок))
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 11 Января 2015 г. 21:06ссылка
пожалуйста
ВАТ   обратиться по имени Воскресенье, 11 Января 2015 г. 19:34 (ссылка)
Спасибо Ирина! Попробую Когда-то делала с таким же эффектом.
28d5f581702b.gif---2 (524x154, 113Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 11 Января 2015 г. 21:08ссылка
Да это для новичков урок на тренинг, а ты конечно же знаешь
Перейти к дневнику

Воскресенье, 11 Января 2015 г. 21:39ссылка
Ирина, а когда планируешь тренинг?
Перейти к дневнику

Воскресенье, 11 Января 2015 г. 21:53ссылка
Где-то в конце января, примерно через две недельки или начало февраля)))
Перейти к дневнику

Воскресенье, 11 Января 2015 г. 23:37ссылка
Спасибо!
Nattallie   обратиться по имени Воскресенье, 11 Января 2015 г. 19:49 (ссылка)
спасибо, возьму с вашего позволения
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 11 Января 2015 г. 21:09ссылка
пожалуйста, конечно берите
Сулия   обратиться по имени Воскресенье, 11 Января 2015 г. 19:51 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 11 Января 2015 г. 21:09ссылка
пожалуйста
ВАЛЕНТИНА_ЛИСЕНКОВА   обратиться по имени Воскресенье, 11 Января 2015 г. 20:20 (ссылка)
Спасибо, Ирина, красивый эффект!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 11 Января 2015 г. 21:09ссылка
пожалуйста
Tamreko   обратиться по имени Воскресенье, 11 Января 2015 г. 20:39 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 11 Января 2015 г. 21:10ссылка
пожалуйста
rottam   обратиться по имени Воскресенье, 11 Января 2015 г. 22:13 (ссылка)
Спасибо большое!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 11 Января 2015 г. 22:48ссылка
пожалуйста
Selesta_L   обратиться по имени Понедельник, 12 Января 2015 г. 11:18 (ссылка)
Добрый день,Ирина! Спасибо за урок! Красиво получается!
С Новым годом и всеми январскими праздниками!!!
Ответить С цитатой В цитатник
SIrena59   обратиться по имени Понедельник, 12 Января 2015 г. 11:26 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
gordijenko_inna   обратиться по имени Понедельник, 12 Января 2015 г. 22:05 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику
TataGar   обратиться по имени Четверг, 15 Января 2015 г. 19:50 (ссылка)
Урок цитирую Только собралась поработать ...опять не удалось Спасибо за урок. Интересный.
Ответить С цитатой В цитатник
Перейти к дневнику
Mono-Liza   обратиться по имени Суббота, 17 Января 2015 г. 08:55 (ссылка)
Благодарю!
Ответить С цитатой В цитатник
Перейти к дневнику
be-ll   обратиться по имени Четверг, 22 Января 2015 г. 09:06 (ссылка)
С благодарностью.
Ответить С цитатой В цитатник
Перейти к дневнику
Зоя_Крайсик   обратиться по имени Пятница, 19 Мая 2017 г. 08:03 (ссылка)
Спасибо Вам за урок! ..вот и я научилась!
СПАСИБО (300x120, 237Kb)
Ответить С цитатой В цитатник
tane4ka777   обратиться по имени Пятница, 25 Августа 2017 г. 21:22 (ссылка)
Спасибо за урок!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку