ФотошопСундучок
Начните свой путь в мир ФОТОШОПА сейчас!


БЕСПЛАТНЫЕ РАССЫЛКИ ВКОНТАКТЕ

(более 20 рассылок) 

 

 

Помощь сайту

Понравился сайт? Внесите вклад в его развитие, пожертвовав любую сумму.

Деньги пойдут на оплату серверов и на развитие сайта.

В примечании к платежу, при желании, укажите свои данные.

Меценаты

Присоединяйтесь в

Вход на сайт

Кто на сайте

Сейчас 344 гостей и ни одного зарегистрированного пользователя на сайте

 

 

 

 

 

 

Яндекс.Метрика

Как сделать анимацию в фотошопе инструментами осветления и затемнения

 

Как сделать анимацию в фотошопе

инструментами осветления и затемнения

 Уроков, посвящённых анимации картинок, написано в большом количестве.

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

Одни из таких инструментов -  осветлитель и затемнитель (О). 

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

Будем делать простую анимацию свечи.

Хочу сразу оговориться, что представленный здесь файл GIF пришлось уменьшать и ухудшать в связи с требованиями сайта к размещению файлов – не более 80кБ, так что качество гифки здесь, мягко говоря, не очень.

В архиве увидите файл исходного качества.

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

Гифки в исходном размере можете посмотреть в архиве, в приложении в конце урока.

Начнём урок с анимации свечи.

Откройте в фотошопе картинку со свечой. Сделай сразу четыре копии фонового слоя (Ctrl+J). Отключите видимость на трёх верхних слоях. У Вас должны остаться включёнными глазки только на фоновом слое (его мы трогать вообще не будем) и на слое 1, с которым будем сейчас работать.

Для начала создадим лёгкое колебание свечи от движения воздуха. Сделать это можно  разными способами, например, фильтром «Пластика». Или, как это сделал я, фильтром «Искривление». Встаньте на слой 1, увеличьте изображение и обведите пламя свечи инструментом лассо. Перейдите в меню «Фильтр > Искажение > Искривление» и потяните  кривую вниз и влево. Сильно изгибать не стоит, совсем чуть-чуть, иначе пламя у Вас будет плясать, а не колыхаться. Не забудьте поставить галочку, как на рис. ниже.   

Далее будем работать с инструментами осветитель и затемнитель. Можно проводить обработку непосредственно на слое, но в таком случае мы не сможем воздействовать на степень воздействия инструментов. К тому же, мы ведь не ищем лёгких путей, правда? Поэтому, добавим выше слоя1 пустой слой

выделим его полностью (Ctrl+A) и зальём его серым (меню «Редактирование > Выполнить заливку (или Shift+F5)»). В открывшемся окне выбираем «50% серого». Слой зальётся серым цветом, измените режим наложения на «Мягкий свет». Именно на этом слое мы с Вами и будем накладывать свет и тень.

Берём инструмент «Осветлитель». Настройки: диапазон - средние тона, экспонирование – 10-13%, жёсткость – 0%, размер кисти меняйте в соответствии с обрабатываемым участком.

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

Результат рисования на сером слое можно контролировать – щёлкните по глазику слоя ЛКМ с зажатой клавишей Alt и Вы наглядно увидите свои художества – где уже прорисовали, а где можно ещё поправить. Чтобы вернуться обратно, щёлкните ещё раз с Alt.

Если полученный результат покажется Вам чрезмерным – уменьшите непрозрачность слоя, как Вам понравится.

Когда Вас будет всё устраивать, объедините слой 1 и слой 2 (серый) – выделите оба слоя мышкой с зажатой клавишей Ctrl, щелчком ПКМ выберите объединить слои. Получили слой «Слой1».

Перейдите через слой выше, т.е. на «Слой 1 копия 2». И проделайте те же действия, начиная с фильтра «Искривление». Только теперь кривую фильтра выгибайте в другую сторону.

На сером фоне прорисовывайте света и тени, исходя из того, что пламя мы сместили вправо.

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

Я бы посоветовал Вам переименовать все слои, кроме фонового, по порядку – слой1, слой2, слой3 и слой4, чтобы не путаться в анимации.

На слоях 3 и 4 можете сделать лёгкие акценты осветлителем и затемнителем, поставив небольшие штрихи в местах светов и теней. На разных слоя разные акценты.

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

Нажмите на значок справа в окне и выберите Создать кадры из слоёв.

Удалите 1-кадр – это фоновый слой (оставлял на всякий случай).

Остальные кадры выделите все (с зажатой клавишей Shift). Нажмите на цифры времени демонстрации кадра и установите для всех время в 0,1 или 0,2 сек. А ниже поставьте режим проигрывания в постоянно. Включаем Play и наслаждаемся.

Осталось сохранить. Идём в меню «Файл > Экспортировать > Сохранить для Web…» (в старых версиях просто, «Сохранить для Web»).

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

Можете добавить ещё несколько слоёв с эффектом Боке и включить их в анимацию. Как это сделать, я хочу описать в своём следующем уроке (напишите, пожалуйста, в комментариях -  интересна ли Вам эта тема).

Примерно так же выполнил работу с открыткой «С первым летним днём».

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

Удачных Вам творческих работ.

Автор – Лодянов Олег (kinoLOG).

 

Скачать урок в формате PDF и исходники к нему: 

 

Чтобы получить интересные уроки на свой адрес, введите свои данные в форму подписки ниже:

 

Печать

Комментарии  

Вера
0 # Вера 25.07.2017 02:16
Спасибо большое за урок! Очень понравилась идея дополнительного слоя с 50 % заливкой серого!
Ответить | Ответить с цитатой | Цитировать
Гость
0 # Гость 12.06.2017 11:45
Спасибо, Олег, очень интересный урок! Вообще интересно все новое.
Ответить | Ответить с цитатой | Цитировать

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

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


  • Кнопка в стиле Windows XP

    Здесь мы расскажем, как своими руками создавать кнопки, стандартные для интерфейса Windows XP. На первый взгляд, данная задача кажется очень Далее
  • Вода в пустыне

    Классический пример перехода одной фотографии в другую: {smooth-scroll-top} Далее
  • Градиентная рамка

    Обычно картина лучше выглядит в рамке, особенно если рамка сделана с учётом особенностей изображения. Это касается не только рисованных изображений, Далее
  • 1
  • 2
  • 3

Соглашение / Оферта
Автор сайта: Накрошаев Олег, Все права защищены Copyright, © 2009-2018