Создание анимации в фотошопе при помощи инструмента Осветлитель

4

Сегодня представляю вам урок по анимации, полученной при помощи инструмента «Осветлитель» программы PhotoShop.

Идея анимации состоит в том, чтобы при помощи этого инструмента получить на картинке переливы, блики и за их счет «оживить» неподвижное изображение, создать эффект мерцания.

Урок несложный, с такой анимацией вполне справится и новичок. Однако, работа требует аккуратности и внимательности.

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

Хотя,повторюсь,при помощи инструмента Осветлитель можно создать любую анимацию по вашему желанию. При этом эффект получается всегда разным и неповторимым.

Интенсивность бликов зависит от параметров кисти, при помощи которой вы высветляете те или иные участки изображения. И на разных изображениях эффект с одними и теми же параметрами будет смотреться по-разному.

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

Поверьте, это увлекательное занятие!

А сейчас непосредственно сам урок.

Шаг 1.
Для данного урока я выбрала картинку, полученную из обычной фотографии розы, предварительно обработанной при помощи специального фильтра для фотошопа Redfield/ Fractalius.
Об этом фильтре мы поговорим чуть позже, в следующих уроках, а пока просто берем картинку и загружаем ее в фотошоп.

Урок анимации шаг 1.

Шаг 2.
Создаем два дубликата изображения. Напомню, если кто не знает или подзабыл, что это можно сделать двумя способами: выбрав из контекстного меню пункт «Создать дубликат слоя» или просто перетягивая мышкой выделенный слой на кнопочку- конвертик внизу, который я специально для вас выделила зеленым контуром.

урок анимации. шаг 2

Шаг 3.
Настраиваем параметры инструмента Осветлитель. Для этого нажимаем на панели инструментов на одноименный значок, щелкаем правой кнопкой мыши на картинке и в открывшейся табличке выбираем необходимую кисть.

урок анимации. шаг 3

Кисть может быть любой, на ваше усмотрение, в зависимости от картинки и результата, который вы хотите получить. Если вы возьмете мягкую кисть, то «блики» на анимации будут более мягкими,нежными, а если жесткую — то более ярко выраженными. Каждая кисть привнесет в вашу анимацию свой неповторимый эффект. Я выбрала круглую мягкую кисточку.

Далее подбираем размер кисти. Если вам нужно будет обводить только контуры картинки, то выбирайте кисть более маленького размера, а если вы захотите «осветлять» достаточно большие участки картинки, то подбирайте и размер кисти соответствующий. Главное, чтобы, рисуя кистью вы не получили что-то бесформенное и напоминающее кляксы на листе бумаги. Не спешите, старайтесь делать все аккуратно!

Шаг 4
Выбираем в основном меню программы Окно/Рабочая среда/Движение. При открытии панели анимации выбираем Создать анимацию кадра. Получаем первый кадр нашей анимации. Смотрите панель анимации внизу фото.

урок анимации. шаг 4

Выбираем слой 1. Остальные два слоя закрываем (убираем с них «глазик»).И аккуратно инструментом «Осветлитель» проходимся (как бы рисуем) по нескольким кромкам и местам изображения розы. Для наглядности я обвела участки, на которых я поработала.

Здесь главное – понять принцип.

ВНИМАНИЕ!
Места, которые осветляются на одном слое, не должны совпадать с местами осветления для других двух слоев! Потому что для получения красивой анимации «блики» должны появляться в разных местах картинки.

Шаг 5.
Создаем второй кадр анимации. Для этого нажимаем кнопочку на панели анимации «Создать новый кадр» (квадратик с загнутым углом). Появляется второй кадр.
Включаем слой 1 копия, выключаем слой 1.

Урок анимации. шаг 5

И дальше продолжаем работать аналогично шагу 4, то есть инструментом «осветлитель» обрабатываем иные места на картинке. Я их тоже обвела для наглядности.

Шаг 6.
Создаем третий кадр анимации. Только теперь выключены два нижних слоя и включен слой 1 копия 2. Места для «обработки» опять же показала на картинке.

урок анимации. шаг 6

Будьте внимательны при включении и отключении слоев.
Первый кадр- «глазик» включен только на слое 1, второй кадр- «глазик» включен только на слое 1 копия, третий-«глазик» включен только на слое 1 копия 2.

После проверки соответствия слоев кадрам анимации, выбираем время анимации, щелкнув правой кнопкой мышки внизу кадра анимации (с надписью 0 сек) и из появившегося ассортимента настроек выбираем нужную длительность кадра. Я выбрала 0,2 с. Но в разных случаях, время выбирается разным. Причем можно установить не только время из списка, но и свое, которое вам нужно, а также можно установить разное время для каждого кадра.

урок анимации. время кадра

Нажмите на кнопочку «пуск анимации», это треугольничек, обычный символ для пуска на всех видеоустройствах (я обвела его зеленым цветом).
Картинка ожила.

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

ВНИМАНИЕ!
Для того, чтобы анимация была непрерывной, надо выбрать в нижнем меню окошка анимации- режим «постоянно». Если же хотите, чтобы анимация повторялась определенное количество раз, а потом остановилась, то выбирайте «однократно» или «другое» — выбрав нужное количество повторений!

повторение кадра

Шаг 7.
Сохраняем нашу анимацию: Файл — Сохранить для WEB и устройств…

параметры сохранения анимации

Выставляем такие параметры, как у меня на скрине и не забываем уточнить размеры изображения, приведя их к стандартным (если нужно). Сохраняем.
Анимация картинки инструментом Осветитель программы фотошоп готова!

готовая анимационная картинка

Вот еще парочка моих анимаций, созданных с применением инструмента «Осветлитель».

горящие свечи

анимация колдунья

При создании двукадровой анимации можно получить эффект «включено-отключено» (бывает что нужен именно такой эффект).
Тогда на втором шаге создаем не два, а всего один слой дубликат. Первый слой автоматически становится первым кадром анимации, а на втором кадре мы осветляем выбранные места изображения инструментом Осветлитель.

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

светофор с мигающим глазиком стрелочка анимированная

Надеюсь, урок вдохновит вас на анимационные подвиги! Будут вопросы- спрашивайте, отвечу.

До новых встреч! И творческих вам успехов!

Если статья Вам понравилась, поделитесь в соц. сетях


podpiska-na-email Введите адрес вашей электронной почты:

4 комментария

  • Владимир - Дар здоровья

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

    • Лора Лора

      Благодарю за отзыв! буду рада, если мои уроки помогут Вам в освоении фотошопа!

  • Ирина

    Большое спасибо за такой пошаговый урок . Можно конечно в сети интернет найти готовую анимацию, что б поздравить близких, друзей с праздником. Но лучше это сделать самой, так интересней, а в этом уроке все поробно и доступно. Спасибо.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *