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

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

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

 

 

Помощь сайту

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

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

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

Меценаты

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

Вход на сайт

Профиль

Кто на сайте

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

 

 

 

 

 

 

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

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

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

 

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

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

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

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

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

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

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

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

Как использовать и на…

Видеоуроки

Как использовать и назначить горячие клавиши для ускорения работы в рабочем    Всем привет! Как можно ускорить свою работу, работая по алгоритму Дэна Маргулиса на первом и втором шаге? Вы заметили, как часто мы...

Читать далее

Глитч эффект

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

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

Читать далее

Как поднять контраст …

Видеоуроки

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

Читать далее

Текст в стиле "Граф…

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

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

Читать далее

Контраст изображения…

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

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

Читать далее

Почему надо смешивать…

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

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

Читать далее

Абстрактный фон с за…

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

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

Читать далее

Как рисовать паутину

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

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

Читать далее

Какие каналы в фотошо…

Видеоуроки

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

Читать далее

Как использовать кома…

Видеоуроки

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

Читать далее

Текстура под мрамор

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

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

Читать далее

Как искать неправильн…

Видеоуроки

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

Читать далее

Рамка для фото с пауко…

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

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

Читать далее

Последовательность ш…

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

Последовательность шагов рабочего потока В этом материале Вы сможете скачать последовательность шагов рабочего потока по Дэну Маргулису в графическом представлении. Последовательность представлена в виде 2-х файлов формата PDF и Jpeg, которые Вы...

Читать далее

Текст "Хэллоуин"

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

Текст "Хэллоуин" Всем привет! Сегодня мы будем создавать текст в стиле "Хэллоуин". Этот праздник пришел к нам совсем недавно, хотя корни его уходят в глубину веков. Мы не будем углубляться в историю...

Читать далее

Эффект растворения дл…

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

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

Читать далее

Обзор панели Д. Маргул…

Видеоуроки

Обзор панели Д. Маргулиса PPW Tools 5 Всем привет! В этом уроке разберем основную панель Дэна Маргулиса PPW Tools 5.  Верхняя часть панели интуитивно понятна, а вот чтобы разобраться с тем, что и...

Читать далее

Что полезного установ…

Видеоуроки

Что полезного установилось вместе с панелью ppw tools panel Дэна Маргулиса Всем привет! В прошлом уроке мы установили с Вами панель Дэна Маргулиса. Но вместе с той панелью установилось еще 3 новых панели. Давайте...

Читать далее

Эскиз из фото

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

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

Читать далее

Как добавить дождь на …

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

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

Читать далее

Панель фотошопа Д. Мар…

Видеоуроки

Панель фотошопа Д. Маргулиса PPW Tools 5 (установка в Photoshop) Всем привет! В этом уроке установим панель фотошопа, которая помогает нам работать в рабочем потоке по Дэну Маргулису. Эта панель помогает нам быстро...

Читать далее

Сколько времени заним…

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

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

Читать далее

Эффект под металл в те…

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

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

Читать далее

Этапы обработки фото …

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

Этапы обработки фото в рабочем потоке PPW (алгоритм обработки фото в фотошопе) по Дэну Маргулису В предыдущих двух уроках (ссылки на них есть под картинкой), мы рассмотрели общие понятия рабочего потока PPW...

Читать далее

Красивая рамка для фо…

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

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

Читать далее

Алгоритм обработки фо…

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

Алгоритм обработки фото в фотошопе     (продолжение) Мы продолжаем цикл материалов, посвященных последней книге Дэна Маргулиса «Современная технология цветокоррекции в Photoshop. PPW и другие идеи для быстрого улучшения изображений». Прочитав предыдущую статью о рабочем...

Читать далее

Алгоритм обработки фо…

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

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

Читать далее

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