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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Выставляем такие параметры, как у меня на скрине и не забываем уточнить размеры изображения, приведя их к стандартным (если нужно). Сохраняем.
Анимация картинки инструментом Осветитель программы фотошоп готова! (Фото 8)
И к ней еще парочка моих анимаций (фото 9-10), созданных с применением инструмента «Осветлитель». Чтобы увидеть оригинальное изображение, кликните по выбранной картинке.

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

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

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

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

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

Поделиться в соц. сетях
Поделиться в Фейсбуке Поделиться записью в Твиттере Поделиться в Телеграмм Поделиться в ЖЖ Поделиться в Whatsapp Поделиться в Viber
  Метки:
Обсуждение: 4 комментария
  1. Спасибо за эту информативную статью. Я сейчас только начинаю осваивать фотошоп, поэтому все, что с ним связано меня сейчас вдохновляет.

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

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

    Ответить
    1. Пожалуйста! Рада, если мой урок пригодился)) И благодарю за отзыв!

      Ответить

Ваш комментарий

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

  Отправляя комментарий, вы соглашаетесь с политикой конфиденциальности этого сайта *

© 2024 Взгляд на мир   
Все права защищены. При копировании материалов с сайта обязательно ставьте активную ссылку на первоисточник
Уважайте, пожалуйста, авторские права и чужой труд.