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

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

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

 

 

Помощь сайту

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

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

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

Меценаты

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

Вход на сайт

Профиль

Кто на сайте

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

 

 

 

 

 

 

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

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

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

 

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

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

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

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

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

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

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

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

Золотой текст в фотош…

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

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

Читать далее

Сравнение возможност…

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

  Сравнение возможностей модуля Camera Raw с возможностями рабочего потока   Продолжение разговора о Raw файлах в рабочем потоке фотошоп мастера. Первая часть находится здесь. В этом уроке мы рассмотрим Adobe Camera Raw для его использования в...

Читать далее

Силуэт гитариста в фо…

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

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

Читать далее

Raw файлы в рабочем пот…

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

Raw файлы в рабочем потоке фотошоп мастера   Мы с Вами прошли все шаги рабочего потока фотошоп мастера по Дэну Маргулису. Как Вы могли убедиться, это отличная методика коррекции фотографии, приводящая порой к вау...

Читать далее

Как сделать рисунок и…

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

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

Читать далее

Текстура арбуза в фот…

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

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

Читать далее

Двухцветный портрет в…

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

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

Читать далее

Техника пуантилизм в …

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

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

Читать далее

Возможности рабочего …

Видеоуроки

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

Читать далее

Создание обоев для ра…

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

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

Читать далее

Этапы рабочего потока…

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

ЭТАПЫ РАБОЧЕГО ПОТОКА ФОТОШОП МАСТЕРА Закончилось рассмотрение этапов рабочего потока фотошоп мастера по Дэну Маргулису. Всего у нас получилось одиннадцать шагов. Как Вы понимаете, совсем не обязательно применять все эти шаги...

Читать далее

Как сделать цепь в фот…

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

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

Читать далее

Как настроить резкост…

Видеоуроки

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

Читать далее

Абстрактный фон для ф…

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

Абстрактный фон для фотошопа Всем привет! Сегодня в уроке "Абстрактный фон для фотошопа" мы будем рисовать абстрактный вихрь. Сделаем мы это при помощи стандартных фильтров и инструментов фотошоп. Рисовать вихрь мы будем...

Читать далее

Как улучшить резкость…

Видеоуроки

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

Читать далее

Обои капельки росы в ф…

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

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

Читать далее

Как профессионально н…

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

  Как профессионально настроить резкость Мы переходим к заключительному этапу рабочего потока, а именно к увеличению резкости фотографии. Усиление резкости — наиболее субъективный момент в обработке снимка, который вызывает больше всего разногласий и ее...

Читать далее

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

Видеоуроки

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

Читать далее

Как сделать северное …

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

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

Читать далее

Как в фотошопе добави…

Видеоуроки

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

Читать далее

Повышение резкости в …

Видеоуроки

  Повышение резкости в фотошопе   В фотошопе существует огромное количество методов увеличения резкости фотографии. Одним из самых старых является применение фильтра "Контурная резкость". Этот фильтр лучше использовать в крайних случаях, так как...

Читать далее

Гранжевая рамка

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

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

Читать далее

Эффект старения фото

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

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

Читать далее

Светящийся текст в фо…

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

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

Читать далее

Деформация в фотошопе

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

Деформация в фотошопе Всем привет! С вами снова Король Елена и мы продолжаем разбирать нововведение в Photoshop 2020. Очень часто любители создания различного рода коллажей сталкиваются с проблемой, когда какой-либо объект (или даже...

Читать далее

Мини-тренинг «PRO резко…

Видеоуроки

Мини-тренинг «PRO резкость» Как поднять резкость фото, даже имея незначительные познания в Photoshop. [icon icon="icon: ellipsis-v" background="transparent" color="#ff1616"]Многие фотошоп мастера (особенно начинающие) думают, что поднятие резкости фотографии - это очень сложный...

Читать далее

Абстрактный фон линия…

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

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

Читать далее

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