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

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

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

 

 

Помощь сайту

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

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

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

Меценаты

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

Вход на сайт

Профиль

Кто на сайте

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

 

 

 

 

 

 

Последние комментарии

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

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

 

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

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

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

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

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

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

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

Хочу сразу оговориться, что представленный здесь файл 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. Если нет - зарегистрируйтесь, это бесплатно.


Прикрепить фотографии

Популярные уроки сайта:

Prev Next

Текстура дерева

Уроки фотошопа текстуры

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

Читать далее

Текст "Геометрия…

Уроки фотошопа текст

Текст "Геометрия" Всем привет! Сегодня мы будем создавать текст "Геометрия". В уроке Вы узнаете, как создать надпись из простых геометрических фигур. Такой текст сможете использовать при создании логотипов, открыток, плакатов и т.п. Сначала мы...

Читать далее

Как правильно выбрат…

Практические советы

Как правильно выбрать разрешение сканирования    Серия уроков по реставрации фотографий: Реставрация фото. Варианты получения правильной черно-белой картинки Подготовка к реставрации. Как...

Читать далее

Яркий фон

Уроки рисования в фотошопе

Яркий фон Всем привет! Сегодня мы будем рисовать яркий фон. Такой фон вы сможете использовать при создании обоев для рабочего стола, плакатов, открыток и т.п. Сначала мы при помощи фильтров Облака, Меццо-тинто и...

Читать далее

Как быстро перевести …

Видеоуроки

Как быстро перевести старое фото в сепию в фотошопе Всем привет! Эффект сепии в фото наверняка знаком многим — коричневатые фотографии, под старину, действительно добавляют особый эффект фотографиям. В переводе с греческого "сепия" значит "каракатица...

Читать далее

Как ускорить реставра…

Видеоуроки

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

Читать далее

Рамка с рваными краям…

Рамки в фотошопе

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

Читать далее

Как нарисовать горящу…

Уроки рисования в фотошопе

Как нарисовать горящую спичку Всем привет! Сегодня мы разберемся с тем, как нарисовать горящую спичку в фотошопе. В уроке научимся создавать реалистичный огонь. Сначала мы при помощи стилей слоя Наложение градиента и инструмента...

Читать далее

Фон линии

Уроки рисования в фотошопе

Фон линии Всем привет! Сегодня мы будем создавать простой фон линии. Такой фон Вы сможете использовать в качестве обоев рабочего стола, как фон для фото или открытки и т.п. Сначала мы создадим фон...

Читать далее

Текст на запотевшем о…

Уроки фотошопа текст

Текст на запотевшем окне Всем привет! Рисовать на запотевшем стекле - это, как сиюминутный порыв и воспоминание о детстве, в котором родители хвалили твои рисунки. Ты в любой момент можешь подышать на...

Читать далее

Реставрация цветных ф…

Видеоуроки

Реставрация цветных фотографий Всем привет! У каждой семьи дома есть несколько альбомов с фотографиями, на которых запечатлены совершенно чужие, казалось бы, люди: прадеды, тети и дяди, чьи-то братья и сестры. Разглядывать их –...

Читать далее

Текстура шерсти

Уроки фотошопа текстуры

Текстура шерсти Всем привет! Мех – удивительная структура: миллионы волосков собраны в теплую, пушистую шерсть, которую нам так хочется щупать, гладить и обнимать. Думаете, на то, чтобы изобразить мех реалистично, требуется много времени? А...

Читать далее

Быстрые способы реста…

Видеоуроки

Быстрые способы реставрации фото Всем привет! В этом уроке рассмотрим быстрые способы реставрации фото. На старых фотографиях бывает много мелких царапинок и каких-либо дефектов. Сидеть над каждой царапинкой можно очень и очень...

Читать далее

Простые рамки для фот…

Рамки в фотошопе

Простые рамки для фотошопа  Всем привет! В сегодняшнем уроке мы будем создавать простые рамки для фотошопа, которые помогут украсить ваши фото. Разберём три варианта рамок в разных техниках. Сначала мы создадим первую рамку в...

Читать далее

Теплое тонирование

Обработка фотографий в фотошопе

Теплое тонирование Всем привет! Сегодня мы будем добавлять на фотографию тонировку в теплых тонах и создавать мягкий эффект. Сначала мы при помощи корректирующего слоя Кривые изменим цветовую гамму изображения. Затем с помощью инструмента...

Читать далее

Реставрация старых фо…

Видеоуроки

Реставрация старых фото. Подготовка - используем возможности сканирования и смарт-объектов Всем привет! А у нас следующий урок из серии по реставрации старых фото. Сегодня рассмотрим интересный способ подготовки фотографии для работы по ее...

Читать далее

Промежуточные итоги и…

Обработка фотографий в фотошопе

В прошлом месяце мы с вами начали рассматривать интересную тему по реставрации старых фотографий. Тема вызвала большой интерес у подписчиков и гостей сайта. Для рассмотрения темы мы наметили несколько шагов: правильное сканирование фотографий изучение...

Читать далее

Работа с текстом "К…

Уроки фотошопа текст

Работа с текстом  "Карамельный эффект" Всем привет! Сегодня мы будем изучать урок по работе с текстом "Карамельный эффект". Этот эффект представляет из себя блестящий объемный текст, который как бы окрашен в розовую...

Читать далее

Подготовка к реставра…

Видеоуроки

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

Читать далее

Реставрация фото. Вар…

Видеоуроки

Реставрация фото. Варианты получения правильной черно-белой картинки Всем привет! У каждого из нас в семейном альбоме хранятся старые фотографии.  Нередко бывает так, что на старинной фотографии утрачены фрагменты, в том числе и важные...

Читать далее

Логотип с полутоновым…

Фотошоп уроки эффекты

 Логотип с полутоновым эффектом Всем привет! Сегодня мы будем создавать логотип с полутоновым эффектом. Вы можете взять на вооружение данный эффект и использовать его не только при создании логотипов, а так, как...

Читать далее

Как сделать бороду в ф…

Видеоуроки

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

Читать далее

Сделать фотоколлаж из…

Уроки фотошопа коллажи

Сделать фотоколлаж из вертикальных полос Всем привет! Сегодня мы разберемся с тем, как сделать фотоколлаж из вертикальных полос. Эффект очень прост в исполнении, Вы сможете с легкостью и за короткое время преобразить свои...

Читать далее

Космический эффект дл…

Уроки фотошопа текст

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

Читать далее

Фото с эффектом распа…

Фотошоп уроки эффекты

 Фото с эффектом распада Всем привет! Предлагаю в уроке пофантазировать и сделать что-то непохожее на реальность. Эффект распада именно то, что далеко от реального мира. Многие видели в интернете подобные необычные фото, где какая-то фигура рассыпается...

Читать далее

Рисуем в фотошоп фон б…

Уроки рисования в фотошопе

Рисуем в фотошоп фон бабочки Всем привет! Сегодня миром дизайна и творчества правит фотошоп. Благодаря простым инструментам и удобным шаблонам любой пользователь может создать нечто фантастическое. Воплощайте в своих рисунках любые идеи, используя...

Читать далее

В фотошоп рисуем пейз…

Уроки рисования в фотошопе

В фотошоп рисуем пейзаж Всем привет! Фотошоп предоставляет очень широкие возможности для работы с фотографией и изображениями. Вы можете изменить снимок до неузнаваемости, исправить огрехи и недостатки или нарисовать что-то новое, с нуля, например...

Читать далее

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