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


Тренинг III урок 2. Анимация блика. 15-12-2014 05:17 к комментариям - к полной версии - понравилось!


 
 

Анимация блика


 

1.0.Открываем PSD формат Урока 1,мы продолжаем делать открытку.
1.1.Открываем и добавляем клипарт PNG (на прозрачном фоне).
1.2.Открываем этот клипарт в новом документе.
В панели слоёв в правом верхнем углу нажимаем на значок"меню" выбираем "создать дубликат слоя..." В открывшемся окне выставляем вот такие настройки : Назначение Документ: Новый Жмём ОК.
1.3.Будем делать блик который скользит по краям часов.
Сначала нужно выделить внутреннею часть часов для этого возьмём инструмент "Овальная область". Что бы точно попасть в центр добавим направляющие (как их добавлять можно посмотреть во 2 уроке часть3 в пункте 5.1.)Настраиваем инструмент, ставим растушёвку 3 пик.подводим курсор в центр пересечения направляющих,зажимаем клавиши Shift+Alt и начинаем растягивать круг до нужного размера. Затем отпускаем сначала мышку,затем пальцы на клавиатуре.

(смотри Рис.1 и 2)

Рис.1


[300x219]

Рис.2


[300x219]


1.4.Теперь нужно сделать инверсию Идём :Панель Меню – Выделение – Инверсия
1.5.Правой стороной мышки щёлкаем внутри выделенной области и выбираем "Скопировать на новый слой" слой называем "обводка"(смотри Рис.3 и 4)

Рис.3


[300x193]

Рис.4


[300x193]


2.0.Теперь будем рисовать блик который будет скользить по обводки циферблата для этого добавляем новый слой называем "блик", берём инструмент градиент от белого к прозрачному, зеркальный и рисуем луч.
2.1.Сделаем обтравочную маску,это значит что луч будет виден только на части клипарта ,а не на всём слои.Для этого на клавиатуре зажимаем Alt,и подводим курсор мышки между слоями, "блик" и "обводка" появляется квадрат со стрелкой
нужно щёлкнуть левой стороной мышки.Или используем сочетание клавиш "Alt+Ctrl+G".(смотри Рис.5 и 6)

Рис.5


[300x196]

Рис.6


[300x196]


2.2.К слою блик можно применить режим наложения или эффекты.
Я поменяю цвет,нажать на значок "fx",затем "Наложение цвета...", выберем нужный цвет,нажать "ОК" и ещё раз "ОК".
2.3.Теперь нужно чуток размыть по Гауссу.Идём : Панель Меню – Фильтр – Размытие – Размытие по Гауссу
Радиус : 10,0 пикс.(смотри Рис.7 - 9)

Рис.7


[300x300]

Рис.8


[300x178]

 

Рис.9


[300x244]


3.0.Приступаем к созданию анимации.Открываем панель по кадровой анимации,выставляем настройки : Постоянно,скорость 0,2 сек. слой "блик" активный,берём инструмент "Перемещение" зажав левой стороной мышки на документе сдвигаем блик в самый низ клипарта.
3.1.В панели анимации добавляем новый кадр и снова передвигаем блик теперь в верх.(смотри Рис.10 - 11)

Рис.10


[300x260]

Рис.11


[300x260]


3.2.В панели анимации выделяем оба кадра и нажимаем значёк "Создание промежуточных кадров", Добавить кадров : 12, Ок.
3.3.Меню панель анимация - Создать слои из кадров.
3.4.В панели слоёв выделяем новые кадры и объединяем их в группу. Группе даём название "Анимация 2"(смотри Рис.12 - 13)

Рис.12


[300x260]

Рис.13


[300x259]


4.4.Готовую анимацию переносим на нашу будущую открытку.
Инструмент перемещения, в панели меню щёлкаем правой стороной мышки по вкладке и выбираем "Переместить в новое окно".
4.5.Группу "Анимация 2" перетаскиваем на документ"Анимация цвета"

(смотри Рис.14 - 15)

Рис.14


[300x258]

Рис.15


[300x261]


5.0.Совмещаем "Анимацию 2" с "Анимацию 1"
Стоим на 1 кадре в панели анимации.В панели слоёв открываем группу "Анимация 2" щёлкнув по треугольнику.Слой "Кадр 1" глазик открыт, остальные глазики закрыты в этой группе.
5.1.В панели анимации становимся на Кадр 2,в панели слои становимся на слой Слой "Кадр 2" глазик открыт.У слоя "Кадр 1" глазик закрыт. Так повторяем до 14 кадра.(смотри Рис.16 - 17)

Рис.16


[300x261]

Рис.17


[300x259]


5.2.Жмём "Play" и любуемся.Не забывайте сохранять черновики
в PSD формате они нам ещё пригодятся.
5.3.Сохранить в GIF формате Идём : Панель Меню – Файл – Сохранить для Web...


 
Это результат нашего урока

 

Желаю вам всем успехов в обучении.
Благодарность за урок-Irina Hochweis

 

 
вверх^ к полной версии понравилось! в evernote
Комментарии (10):
Спасибо! Красивое оформление
LudmelaRU 15-12-2014-07:20 удалить
Ответ на комментарий Жанна_николаевна # Жанна_николаевна, Как приятноооо!!!! Благо дорогая!
streglova 24-12-2014-17:14 удалить
Спасибо, Людочка, за урок! Всего доброго!!!
Спасибо за урок! С наступающим Вас!!!
LudmelaRU 24-12-2014-22:03 удалить
Ответ на комментарий streglova # streglova,
LudmelaRU 24-12-2014-22:03 удалить
Ответ на комментарий Оленька_555 # Оленька_555,
LudmelaRU 23-01-2015-21:52 удалить
Ответ на комментарий vdomarvik # vdomarvik, [показать] Заходите, всегда рада!
LudmelaRU 23-01-2015-21:53 удалить
Ответ на комментарий Tamreko # Tamreko, [показать] Заходите, всегда рада!


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

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

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