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

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

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

 

 

Помощь сайту

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

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

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

Меценаты

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

Вход на сайт

Профиль

Кто на сайте

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

 

 

 

 

 

 

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

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

 

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

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

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

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

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

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

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

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

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

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

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

Читать далее

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

Видеоуроки

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

Читать далее

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

Читать далее

Анимация текста "Ра…

Уроки анимации в фотошопе

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

Читать далее

Рамка снежинки

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

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

Читать далее

Эффект выцветания

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

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

Читать далее

Зимние обои

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

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

Читать далее

Памятные цвета

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

Памятные цвета Всем привет! Памятные цвета важны для грамотной коррекции изображений, а именно, чтобы объекты были необходимых цветов и их оттенков. Для каждой фотографии цвет одного и того же предмета, измеренный глазом...

Читать далее

Коллаж "Танцующая д…

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

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

Читать далее

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

Видеоуроки

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

Читать далее

Рисуем планету земля

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

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

Читать далее

Мозаика из фотографий

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

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

Читать далее

Как восстановить стар…

Видеоуроки

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

Читать далее

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

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

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

Читать далее

План реставрации фото

Видеоуроки

План реставрации фото Прежде чем начать делать непосредственно в фотошопе реставрацию снимка, надо сесть и подумать над некоторыми вопросами. О чем надо подумать? Смотрите новый видео урок: «План реставрации фотографий».     Серия уроков по реставрации фотографий: Реставрация фото. Варианты получения правильной черно-белой картинки Подготовка к...

Читать далее

Огненный текст

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

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

Читать далее

Светящийся текст

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

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

Читать далее

Рамка для фотографии

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

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

Читать далее

Шрифт набросок

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

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

Читать далее

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