Реклама
REKLAMA
Стать автором

Если вы хотите принять участие в развитии проекта ps-tutorials.ru с выгодой для себя (вы публикуете материалы, а мы платим деньги за вашу работу). Просим написать нам через обратную связь.

Создан: 26 январь 2013

Анимация — создаем блики на различных предметах

Сегодня я научу вас создавать пробегающий по картинке блик, часто встречающийся в в логотипах, различного рода рекламных изображениях, применяют такие блики везде и повсеместно. Принцип неизменен и везде один- принцип наложения маски.

 

Начнем: 

1 шаг. Запустим Фотошоп

2 шаг. Создим новый файл, пусть размеры будут скажем... 400 на 300 пикселов.

3 шаг. Вставим изображение, с которым и будем работать впоследствии.

4 шаг. Выберем инструмент Лассо (Lasso Tool (L))

5 шаг. Аккуратно отделим шлем от остального содержимого и поместим его на новый созданный слой через копирование.

6 шаг. Проведем аналогичную операцию по выделению и копированию с наплечником, поместив его на новый слой.

Анимация — создаем блики на различных предметах

7 шаг. Приступим к созданию самого блика на шлеме - создадим новый слой, а на нем — выполним прямоугольное выделение, затем сделаем градиентную заливку. Выберем тип заливки — Зеркальная ( Reflected). Трансформируем наше изображение и подвинем его как указано на предыдущем анимированном рисунке. Выполним наложение используя сочетание- Ctrl+G. (или Alt+Ctrl+G - для CS2).

 

Немного дополнительной информации к размышлению:

Практика показала что именно на данном этапе у многих возникала загвоздка. Придется расшифровать все поэтапно, если возникла необходимость.

Итак: Как же создать блик?

а) Сделаем прямоугольное выделение (если не помните как-вспоминайте сами, и под пытками не подскажу)

Анимация — создаем блики на различных предметах

б) Создадим градиент, выбрав тип заливки Зеркальная (Reflected). Видите наверху картинки выделение? Тяните, растягивая инструмент от центра к краю выделения . Получится примерно как на рисунке. Нет - пробуйте снова!

Анимация — создаем блики на различных предметах

в) Уменьшим прозрачность слоя.

Анимация — создаем блики на различных предметах

г) Выберем произвольную трансформацию.

Анимация — создаем блики на различных предметах

д) Повернем выделенный нами градиент под нужным углом.

Анимация — создаем блики на различных предметах

е) Выполним наложение, зайдем- Пункт меню Слои (Layer) — Создать обтравочную маску (Create Clipping Mask) или используя комбинации клавиш Ctrl+G для CS (или Alt+Ctrl+G - для CS2).

Анимация — создаем блики на различных предметах

8 шаг. Аналогичные операции выполним и для наплечника - создадим и наложим маску.

9 шаг. Отодвинем блики на свои исходные позиции — чтобы они стали совсем незаметны. Сохраняем... Все, теперь подготовка в Фотошоп закончена!

10 шаг. Запустим Image Ready

11 шаг. Создадим последовательно фреймы, на каждом последующем перемещая маску-градиент (удобнее кнопками клавиатуры - стрелками для управления курсором), не забывая,конечное, выставлять при этом необходимые значения задержки времени. Сначала анимируем блик находящийся на шлеме, затем блик на плече. Но очередность, впрочем, не важна - кому как нравится- так и анимируйте.

12 шаг. Ну вот и все! Еще раз повторюсь — все эти манипуляции универсальны, как для текста, так для самых разнообразных предметов. Выглядит эффект всегда неплохо. Такой же принцип используется и при нанесении эффектов во Flash - так что, похоже, данная техника не раз пригодится вам в дальнейшем.

Комментарии:

Копирование дизайна строго запрещено. © 2012 - 2016
Яндекс.Метрика
Материалы сайта предоставляются исключительно в ознакомительных целях. Если Вы считаете, что какой-либо из материалов нарушает Ваши права - свяжитесь с Администрацией.