Как сделать монохромное изображение в фотошопе
Цветная фотография незаменима, когда цвета и оттенки или цветовой тон в изображении настолько четкие и яркие, что позволяют рассмотреть даже самые замысловатые детали. Черно-белая фотография лучше подойдет, когда нужно сосредоточить внимание на предмете и текстуре на изображении, не отвлекаясь на цвета. Эффекты черно-белой фотографии помогают подчеркнуть драматическую нотку в снимках.
Чтобы быстро преобразовать цветное изображение в черно-белое с помощью корректирующего слоя в Photoshop, выполните следующие несложные действия.
Преобразование изображения в черно-белое с помощью корректирующего слоя «Черно-белое»
Чтобы открыть корректирующий слой «Черно-белое», выполните одно из следующих действий.
- Выберите Окно > Коррекция . Щелкните значок «Черно-белое» ( ) на открывшейся панели Коррекция .
- Выберите Слой > Новый корректирующий слой > Черно-белое . В диалоговом окне Новый слой введите имя корректирующего слоя, затем нажмите кнопку ОК .
Photoshop применяет к изображению заданное по умолчанию преобразование в градации серого.
(Необязательно) Дополнительная настройка результатов на панели «Свойства»
Набор: выберите предустановленное смешение градаций серого или ранее сохраненное заказное смешение цветов. Чтобы сохранить заказное смешение, щелкните значок меню «Свойства» ( ) и выберите «Сохранить набор "Черно-белое"».
Авто: смешение градаций серого устанавливается на основе значений цветов в изображении. Автоматическое смешение зачастую позволяет добиться отличных результатов, его также его можно использовать в качестве начальной точки для настройки значений серого при помощи ползунков регулировки цвета.
Оттенок: чтобы применить цветовой тон, включите параметр «Оттенок». Щелкните образец цвета, чтобы открыть палитру цветов и выбрать цвет оттенка.
Ползунки регулировки цвета: настройте серые тона определенного цвета в своем изображении. Перетащите ползунок влево для затемнения или вправо для осветления тонов серого, соответствующих исходному цвету изображения.
- Чтобы настроить цвета прямо на холсте, используйте инструмент прямой коррекции изображения (). Щелкните изображение и перетащите ползунок указанного цвета влево или вправо, чтобы сделать цвет на этом участке более ярким или более темным.
- Щелкните значок «Сброс» (), чтобы восстановить корректировку по умолчанию.
Дополнительные сведения о рабочих процессах сохранения и публикации см. в разделах:
Если вам всегда казалось, что раскрашивание черно-белой фотографии – это нечто сверхсложное и даже из разряда магии, то знайте, вы ошибались. Конечно, чтобы в Фотошопе превратить черно-белое фото в цветное, нужно обладать некоторыми базовыми навыками, но главное – это усидчивость. Для тех, кто не хочет тратить много времени, есть специальные онлайн-сервисы, где можно раскрашивать картинки в один клик прямо в браузере.
Итак, сегодня я покажу вам, как сделать цветной черно-белую фотографию с помощью Adobe Photoshop на примере портрета, а также проведу обзор популярных сервисов, которые делают это автоматически.
Из черно-белого в цветное в Adobe Photoshop
В новой версии Adobe Photoshop 2021 появилась функция автоматического раскрашивания черно-белых фотографий, однако пока эта опция доступна только в бета-версии. Если у вас уже есть новенький Фотошоп, вы можете попробовать сделать фото цветным. Это очень просто:
- Откройте вашу черно-белую фотографию.
- Перейдите во вкладку «Фильтр – Neural Filters».
- Кликните по пункту «Beta Filters».
- Выберите фильтр «Colorize».
Автоматическое раскрашивание выглядит неплохо, но все же перекраска черно-белой фотографии вручную дает более точный и натуральный результат. Так как я пользуюсь Photoshop 2020 года выпуска, то буду делать все руками и покажу вам весь процесс пошагово. Эта инструкция подойдет тем, кто недавно начал изучать Adobe Photoshop. Если вы будете четко следовать алгоритму, у вас все получится!
Я нашла симпатичный портрет девушки и предварительно перевела его в черно-белый цвет. О том, как это сделать, я писала в этом материале.
Сейчас я покажу, как раскрасить черно-белую картинку на примере этой фотографии, а в конце мы сравним мою работу с цветным исходником. Пристегнитесь, это будет увлекательно!
Фотография и референс
Чтобы сделать как можно более натуральную цветную фотографию, важно выбрать правильный референс. Конечно, у меня есть исходное цветное фото, но я буду играть по-честному. Найдите похожую цветную картинку, с которой вы сможете взять цветовую палитру. Референс поможет хорошо раскрасить фотографию: так вы сможете учесть все особенности цвета кожи и нюансы освещения. В качестве референса я нашла похожую по свету и тени картинку. Ее я помещаю на отдельный слой и уменьшаю для удобства работы.
Создаем палитру цвета кожи
Первое, что нам нужно сделать перед раскрашиванием черно-белого фото – создать палитру оттенков кожи. Выберите инструмент «Пипетка» (I) на панели инструментов в левой части экрана. Размер образца назначьте «Среднее 5х5»: это позволит пипетке захватывать цвет из зоны размером 5х5 пикселей. Также убедитесь, что в поле «Образец» стоит установка «Все слои».
Давайте возьмем образцы цвета на лице. Выберите пипеткой самый светлый участок кожи на референсе, затем возьмите инструмент «Кисть» (B) со 100% уровнем нажатия, непрозрачности и жесткости.
Проведите кистью в какой-то области на слое с референсом, чтобы создать образец. Затем снова возьмите инструмент «Пипетка» и выберите участок потемнее. Проделайте то же самое для других оттенков кожи. Я возьму 5 цветов: от самого светлого до самого темного.
Палитра создана, фотография референса больше не понадобится. Можно выделить область нашей палитры инструментом «Прямоугольная область» и нажать Ctrl+J, чтобы выделить ее на новый слой. Тот слой, на котором был референс, можно удалить.
Создаем градиент из палитры
Следующий этап – создание градиента из этой палитры оттенков. Именно его мы будем накладывать на черно-белую фотографию, чтобы получить как можно более натуральный цвет кожи. Чтобы создать градиент:
Теперь слой с палитрой можно скрыть, нажав на иконку с глазом возле слоя.
Раскрашиваем черно-белую фотографию
Первым делом нужно поменять режим наложения слоя. Выберите корректирующий слой с градиентом, а затем щелкните режим наложения «Цветность» (Color).
Теперь кликните по маске и нажмите Ctrl + I.
Наконец-то мы добрались до самой захватывающей части – тут начинается превращение черно-белой фотографии в цветную:
- Чтобы раскрашивать, конечно, понадобится кисть. Возьмите мягкую круглую кисточку белого цвета. Закрашивая белой кистью, мы как бы проявляем наш градиент, который находится на слое-маске.
- Будьте аккуратны, чтобы случайно не задеть другие области. Если вы закрасили не тот участок, то просто выберите черный цвет кисти и замажьте эту зону :) Меняйте размер и мягкость кисти, чтобы сделать точные контуры. Закрасьте кистью кожу.
- Как только вы закончите с раскрашиванием лица, дважды кликните по слою с градиентом и откройте «Параметры наложения». Чтобы сделать эффект освещения натуральнее, нужно немного подвигать ползунки на «Подлежащем слое». Зажмите Alt и кликните на ползунок, чтобы разделить его.
Подвиньте ползунки так, чтобы цвет и тени на лице стали выглядеть естественнее.
Уточнение цвета
Наша черно-белая фотография постепенно преображается в цветную, но раскрашенная область все еще выглядит неестественно. Дело в том, что мы использовали несколько похожих оттенков кожи, но на самом деле наша кожа неоднородна по цвету.
Если вы довольны результатом цвета кожи, то можете остановиться на этом. Но я бы хотела добавить красных оттенков, чтобы добиться натурального цвета. Чтобы это сделать:
- Создайте новый корректирующий слой «Цветовой тон/Насыщенность» (Hue/Saturation).
- Поправьте ползунки в красный оттенок, настройте яркость и насыщенность.
- Кликните по маске слоя и нажмите Ctrl+I.
- Возьмите белую кисть и проведите по тем участкам, которые вы хотите проявить с новым оттенком. Я добавила немного красноватых нюансов на носу, подбородке и капельку на скулах.
Таким способом вы можете добавлять сколько угодно нюансов оттенков, чтобы цветное изображение выглядело максимально естественно!
На этом этапе мы подобрали все оттенки на лице, и теперь можно вернуться к раскрашиванию остальных открытых участков кожи. Чтобы это сделать, снова кликните по слою-маске карты градиента и закрасьте белой кистью остальные области. Я закончила раскрашивание. Вот что у меня получилось:
Кажется, выглядит достаточно натурально.
Раскрашиваем детали черно-белого фото
Теперь таким же образом можно приступить к раскрашиванию губ и одежды, ведь они все еще остаются в черно-белом цвете. Волосы и глаза я трогать не буду, мне кажется, что они идеальны в черно-белом варианте. Чтобы, к примеру, раскрасить губы на портрете, сделайте следующее:
Впечатляет, правда? Конечно, работа была кропотливой, но на выходе получается изображение с реалистичными цветами и аккуратными контурами. Сравните с исходным и черно-белым изображением:
Давайте теперь посмотрим, на что способны онлайн-сервисы по колоризации черно-белых фотографий.
Обзор онлайн-сервисов для превращения черно-белого фото в цветное
Если возиться с Adobe Photoshop времени нет, на помощь приходят онлайн-сервисы, охотно готовые превратить ваши черно-белые снимки в цветные. Колоризация работает на базе искусственного интеллекта, поэтому обработка фотографии занимает считанные секунды. Давайте проверим на прочность самые популярные из них и посмотрим, как они справятся с колоризацией той самой фотографии, с которой я работала в Фотошопе.
Колор
Это – сервис, созданный студией Артемия Лебедева. Колор сможет превратить старую черно-белую фотографию в цветную примерно за 1 минуту. Однако с нашей фотографией инструмент справился не слишком хорошо: весь снимок покрылся пятнами, а светлые участки оказались жутко пересвеченными.
Чтобы дать второй шанс, я попробовала загрузить менее контрастную фотографию, которую было бы проще раскрасить. Здесь цвета получились натуральнее.
Myheritage
Данный сервис с говорящим названием приглашает улучшить архивные семейные фотографии. Myheritage раскрашивает черно-белые изображения с помощью технологии восстановления цвета Myheritage In Color, созданной по модели DeOldify, которая обучалась на миллионах фотографий. Этот сервис подходит не только для раскрашивания черно-белых фото, но и для восстановления цвета старых снимков, которые со временем потеряли яркость.
Colorize
Онлайн-сервис Colorize умеет не только реставрировать и делать фотографии цветными, но и раскрашивает видео. Чтобы скачать отреставрированную картинку без водяного знака, необходимо подключить премиум-аккаунт. Colorize неплохо справился с цветом волос, но подкачал с насыщенностью некоторых участков кожи.
Hotpot.ai
Здесь технология превращения черно-белых фото в цветные, как и у Myheritage, основана на DeOldify. Надо сказать, что результат Hotspot мне понравился больше. Сервис предоставляет возможность выбора фактора колоризации: посмотрите, как они отличаются по оттенкам фотографии. Слева – фактор 12, справа – 20.
Ссылка: hotpot.ai
Algorithmia
Этот инструмент превратил черно-белый снимок в сепию. Может быть, я что-то не так сделала?
Сразу после я проверила его работу на примере, представленном на главной странице сайта, и машина сработала замечательно. Возможно, восстановлению цвета помешал высокий контраст моего изображения. Попробуйте!
Заключение
С помощью Фотошопа можно очень точно раскрасить ч/б-фотографию, но придется попотеть ради отличного результата. Фотошоп дает простор для фантазии – вы можете раскрасить любой предмет или участок картинки в тот цвет, который вам больше нравится.
Если для вас Фотошоп это синоним слов «невыносимо» и «сложно» или вы хотите раскрасить огромное количество фото, попробуйте поиграть с онлайн-инструментами. Искусственный интеллект показывает отличную скорость обработки изображений, но не все сервисы способны точно восстановить цвета черно-белой картинки. Некоторые сайты предлагают реставрацию снимков – это особенно круто, если в вашем архиве завалялись старые семейные фото. Экспериментируйте!
Хотите добавить немного драматизма фотографии, придать своему снимку нуарный оттенок или превратить его в кадр из фильма Хичкока? Вы точно по адресу.
В этой статье я расскажу о нескольких простых способах превращения цветной фотографии в черно-белую с помощью Фотошопа, а также дам список онлайн-сервисов, где это можно сделать в пару кликов. Поехали!
Черно-белая картинка в Photoshop: 5 простых способов
Фотошоп – мощный графический редактор, который предлагает множество инструментов для работы с изображениями. В Фотошопе существует масса способов перевода цветного фото в ч/б, и каждый волен пользоваться тем, что кажется удобнее. Можно просто обесцветить изображение, а можно поиграть с оттенками, добавить контраста и поупражняться со светом и тенью, чтобы фото выглядело более художественно. Если вы считаете, что это все сложно и подходит только для продвинутых пользователей, вы ошибаетесь. Даже если вы сегодня впервые открыли Фотошоп, я уверена – все обязательно получится.
Давайте откроем в Фотошопе какую-нибудь фотографию. Я решила начать путешествие в мир черно-белых картинок с фотографии девушки, которую я скачала с фотостока. Откройте папку с картинкой, которую вы хотите сделать черно-белой, и просто перетащите ее в окно графического редактора.
Начало положено. Давайте теперь подробно разберем все быстрые способы перевода картинки в ч/б.
Способ №1: Обесцвечивание фотографии
Это способ для спидраннеров или тех, кто хочет сделать черно-белую фотографию буквально за секунду. Правда, здесь не будет никаких тонких настроек, но вы можете добавить света или тени другими инструментами позднее. Итак, откройте вашу картинку в Фотошопе и нажмите сочетание Shift+Ctrl+U. Удивились?
С помощью обесцвечивания фотография, конечно, становится черно-белой, но выглядит она не слишком выразительно. Давайте научимся добавлять драматический эффект картинке другими способами.
Способ №2: Черно-белый фильтр
Да, разработчики Adobe Photoshop встроили в редактор специальный инструмент, чтобы максимально упростить процесс превращения цветного в черно-белое. Перейдите в верхнем меню на вкладку «Изображение – Коррекция – Черно-белое» или просто нажмите сочетание клавиш Alt+Shift+Ctrl+B.
В появившемся меню можно изменить оттенки и выбрать параметры изображения. Попробуйте подвигать ползунки оттенков, и вы увидите, как изменяется картинка. Например, при выборе параметра «Синий фильтр» фотография становится более контрастной и выразительной. Смотрите, какие веснушки!
Способ №3: Корректирующий слой
То же самое окошко «Черно-белое» можно открыть при помощи наложения корректирующего слоя. О том, что это такое и зачем он нужен, я подробно рассказывала в этом материале. Чтобы это сделать, выберите слой с вашей фотографией на панели «Слои», а затем кликните по иконке с кругом. Здесь также выбирайте «Черно-белое».
Плюс такого способа в том, что пиксели самого изображения не изменяются – корректирующий слой накладывается поверх изображения. Если дважды кликнуть по значку с кругом рядом с корректирующим слоем, вы снова увидите окно с ползунками для изменения настроек. Чтобы убрать этот слой, просто удалите его, нажав «Delete», и тогда фото вернется к изначальному виду.
Так как с помощью корректирующего слоя мы накладываем ч/б-эффект поверх изображений, вы можете перетащить в окно Фотошопа несколько фотографий сразу и разместить их на панели «Слои». Помните: корректирующий слой должен быть cверху! Теперь вы можете поочередно отключать видимость слоев и сохранять картинки под одним фильтром.
Способ №4: Карта градиента
При помощи инструмента «Карта градиента» можно не только сделать изображение черно-белым, но и красно-белым, фиолетово-желтым или вообще каким угодно. Давайте сосредоточимся на первом варианте и добавим атмосферы вот этой фотографии с людьми на пляже. Переходим по вкладке «Изображение – Коррекция – Карта градиента».
Появилось окошко с градиентом. Если у вас по умолчанию были выбраны черный и белый цвета, то картинка станет черно-белой. Теперь смело нажимайте ОК и сохраняйте фото. А если хотите еще поиграть или все выглядит не так, как хочется, – следуйте инструкции:
- Кликните по градиенту, чтобы открыть редактор.
- Найдите черно-белый градиент в папке «Основные».
- При необходимости поменяйте контраст, двигая точки ползунков в нижней части окна.
Если вы кликните по ползунку, а затем на квадратик «Цвет», то появится палитра. Тут можно выбрать оттенок, например темно-серый. Чтобы добавить в градиент еще один цвет, нажмите на область прямо под градиентом – так появляется новая точка цвета.
Я добавила серый цвет посередине, а белый заменила светло-серым и немного сдвинула ползунки. С помощью редактора градиентов можно добавлять и миксовать множество оттенков серого, чтобы добиться желаемого эффекта. А еще градиенты можно сохранять, а потом применять их на другие картинки с такими же настройками. Все сохраненные градиенты будут отображаться в этом же окне.
Способ №5: Микширование каналов
Еще один способ сделать фото черно-белым – это микширование каналов. Звучит сложно? Но на деле все очень просто:
- Откройте фотографию.
- Перейдите во вкладку «Изображение – Коррекция – Микширование каналов».
- В окрывшемся окне нажмите галочку «Монохромный».
Теперь, изменяя положение ползунков, вы можете скорректировать соотношение каналов, контрастность, тени, света и константу картинки. Как только вам понравится сделанная работа, нажмите ОК.
Я выбрала такие настройки и сдвинула константу на 16% в черный. Так я получила фильтр, напоминающий старую фотопленку.
Бонус: как оставить часть черно-белого фото цветным
Рассказывая о превращении цветного в черно-белое, я подумала: вдруг кому-то будет полезно узнать, как оставить часть фото в цвете. В качестве бонуса я решила показать вам один простой метод. Он потребует немножко усидчивости, но результат вам точно понравится. Чтобы процесс стал повеселее, я решила сделать картинку в духе бессмертного Sin City – это первое, что приходит мне в голову, когда я думаю о цветной детали черно-белого изображения.
Первым делом я подобрала подходящую фотографию: мне понравилась эта симпатичная женщина в красном платье. Итак, перед вами первая в мире инструкция, как сделать бабушку в стиле «Города Грехов». Смотрите:
- Открываем фотографию. Для моей идеи идеально подходит именно эта. Если у вас не показывается панель «Слои», нажмите F7.
- Создаем корректирующий черно-белый слой, как я показывала выше. Этот слой должен быть над фотографией. Двигаем ползунки, чтобы добиться нужного контраста.
- Выбираем инструмент «Кисть». Кисть должна быть непременно черного цвета: с помощью черной кисти стирается часть слой-маски, а с помощью белой – восстанавливается. Выбрать цвет вы можете на палитре в панели инструментов. Размер кисти выберите в верхней панели или просто меняйте его с помощью клавиш «[» и «]».
- Убедитесь, что вы выбрали корректирующий слой на панели слоев.
- Закрасьте кистью область, которую вы хотите оставить цветной. Аккуратно пройдитесь по контуру. Я буду закрашивать черной кистью зону с платьем.
Почти готово! Я бы хотела немного подкорректировать цвет платья. Для этого я наложу корректирующий слой «Цветовой тон/Насыщенность» и заменю малиновый оттенок на красный.
В конце я хочу добавить еще одну небольшую деталь:)
Как сделать черно-белую картинку онлайн: обзор сервисов
Хочется поскорее сделать черно-белую фотографию, но нет Фотошопа? Не беда. Для этого существуют специальные онлайн-редакторы, которые могут похвастаться скоростью и приличным функционалом. Давайте я покажу самые удобные и быстрые сервисы.
Adobe Photoshop Express
Экспресс – ключевое слово, ведь нам нужно сделать все черно-белым максимально быстро. Нажмите на кнопку «Добавить файл» и выберите изображение на компьютере. Когда картинка загрузится, кликните слева «Изменение изображения», а справа откройте вкладку «Ч/б».
Здесь на выбор предоставляется несколько стилей, и каждый из них вы можете корректировать на свой вкус.
В конце работы нажмите на кнопку «Изменение изображения», а затем скачайте полученную черно-белую фотографию. В окне скачивания картинки можно настроить размер, выбрать формат и задать имя файлу.
Canva
Чтобы сделать фото черно-белым в Canva, нужно сначала пройти регистрацию или войти с помощью аккаунта Google, Facebook или Apple. Далее просто следуйте данным шагам:
Помимо фильтров, редактор Canva предлагает ползунки яркости и контраста, которые вы можете покрутить во вкладке «Настройки». Все это можно сделать бесплатно и в пару кликов. Изображение сохраняется в исходном качестве.
Pixlr
В онлайн-редакторе Pixlr можно сделать черно-белую картинку за считанные секунды. Загрузите фото на сайт, нажмите на вкладку «Отрегулировать», а затем «B&W».
Во вкладке «Light» вы можете отрегулировать экспозицию, яркость, добавить тени и контраст, выделить детали изображения.
Ribbet
Онлайн фоторедактор Ribbet позволяет накладывать на изображения различные фильтры, делать обрезку, добавлять текст, менять цвета – одним словом, тут все под рукой.
Чтобы воспользоваться функционалом редактора, необходимо зарегистрироваться. Есть платные функции, но много инструментов доступны бесплатно, в том числе черно-белый фильтр.
Кликайте по «Upload image» или просто бросьте картинку в окошко для загрузки.
На панели слева выберите «Effects», а затем найдите фильтр «Black and white». Сохраните изменения кнопкой «Save». Ribbet несколько сжимает изображения после редактирования, поэтому будьте внимательны – качество исходной картинки снизится.
Fotostars
Этот фоторедактор предлагает широкие возможности настройки цвета и десятки симпатичных фильтров для фотографий. Работать с Fotostars очень просто – загрузите фото и откройте меню фильтров. Прокрутите вниз до фильтров серии «К» и выберите, например, черно-белый вариант под номером «К01».
Нажмите галочку и при необходимости загляните в раздел коррекции. Тут вы найдете варианты добавления контрастности, яркости, можете добавить эффект дымки или даже затмения.
Нажмите на иконку «Сохранить» и скачайте готовую картинку. Надо заметить, что Fotostars не режет качество изображения, что является большим плюсом.
Заключение
Как вы заметили, чтобы сделать цветное фото черно-белым, не надо быть экспертом в графических редакторах. Методы, о которых я рассказала, очень просты – все делается в несколько кликов. Сложности могут возникнуть, если вы пытаетесь создать определенную атмосферу с помощью черно-белой фотографии: здесь придется попотеть над настройками контрастности, яркости и оттенками. Современные онлайн-фоторедакторы тоже набирают мощь и позволяют быстро добиться нужного результата, а интуитивно понятный интерфейс сможет освоить даже новичок.
Анимация картинок в Фотошопе позволяет создавать интерактивные изображения, которые можно использовать в баннерах и презентациях. Также это один из самых простых способов показать дизайнеру идею своего проекта.
Как сделать анимацию в Фотошопе и что для этого нужно знать – разберемся в сегодняшней статье.
Шаг 1: Создаем проект
В качестве примера я буду использовать Adobe Photoshop 2022, вы же можете использовать и более ранние версии, но учтите, что названия некоторых настроек могут отличаться. Сам функционал анимации был доступен еще в версии CS6.
Анимация работает следующим образом – например, с помощью использования нескольких картинок, когда одна накладывается на другую. Поверх картинок мы можем добавлять собственный текст, который также можно анимировать.
Итак, первым делом запускаем программу и создаем в ней файл, который потребуется нам для последующих действий.
- В верхней части программы выбираем «Файл» и жмем «Создать…».
- Теперь нужно выбрать размер файла, можно установить как свои значения, так и выбрать шаблонные. Для примера давайте укажем ширину и высоту в 1080 пикселей – сделать это можно в правой части окна. В завершение нажимаем на «Создать».
- Теперь перед нами отображается холст – рабочая область, в которой мы будем прорабатывать все элементы для их дальнейшей анимации.
Шаг 2: Включаем временную шкалу
Для анимации в Photoshop используется временная шкала. Чтобы ее включить, выполняем следующее:
- В верхней части программы открываем вкладку «Окно» и находим пункт «Временная шкала», который по умолчанию не отмечен галочкой. Также обратите внимание на то, чтобы в этой вкладке был отмечен пункт «Слои» – он потребуется нам в дальнейшем.
- В результате в нижней части окна перед нами отображается временная шкала.
Подробнее о временной шкале мы поговорим на 4 шаге, а пока давайте наполним наш холст для дальнейшей анимации.
Шаг 3: Добавляем контент
На этом этапе вы добавляете свои элементы, которые хотите анимировать. Я же добавлю свои – это будет елка формата PNG и два текстовых слоя «Новый» и «2022 год». Я сделаю что-то вроде новогодней заставки.
Что ж, приступим:
- Добавляем изображение – для этого просто переносим его в область холста.
- Для вставки текста используем инструмент «Горизонтальный текст» – найти его можно в левой части программы. Также можно воспользоваться горячей клавишей «T».
- Для изменения текста используется меню справа – там можно изменить шрифт и задать ему размер. Чтобы появилось это меню, необходимо предварительно выбрать нужный текст. Больше не будем заострять на этом внимание, просто знайте, где и как это можно сделать.
Готово. Мы добавили временную шкалу и вставили весь нужный нам контент. Пора создавать анимацию – о том, как это сделать, поговорим далее.
Шаг 4: Создаем анимацию в Photoshop
Анимация в Фотошопе может создаваться двумя путями:
- В формате видео – это анимация без зацикливания.
- Покадровая анимация – более сложная анимация, можно делать зацикливание и создавать полноценное GIF-изображение.
Давайте рассмотрим оба случая и попытаемся добиться максимальных результатов.
Вариант 1
Данный вариант у нас открыт по умолчанию – это все инструменты временной шкалы, которые появляются при ее активации. Работать с ними крайне просто:
- Самая базовая анимация, которую мы можем сделать – это появление объектов. Предположим, что нам нужно сделать так, чтобы изначально никаких элементов не было и они появлялись постепенно – сначала елка, затем надпись «Новый» и только в конце «2022 год». Для этого на шкале необходимо сдвинуть каждый из слоев в правую часть с учетом того, что первый будет длиннее второго, а второй – длиннее третьего.
- Чтобы запустить анимацию, достаточно нажать на кнопку запуска в левой части шкалы времени.
- Давайте теперь немного усложним анимацию – сделаем так, чтобы елка появлялась снизу, а надписи слева и справа. Первым делом раскрываем на шкале слой с елкой, в моем случае он называется «Без названия», и нажимаем на иконку, расположенную слева от надписи «Перспектива».
- В результате под слоем с елкой у нас появляется оранжевый ромбик. Важно, чтобы он горел и был расположен в начале слоя – только в этом случае мы можем изменять положение объекта. Если все так, то просто перемещаем елку в нужное положение – в моем случае в самый низ, за границы холста. Убедитесь, что нужный объект выбран в слоях справа. Управлять приближением и отдалением холста можно с помощью клавиши «ALT» и колесика мышки – это поможет вам проще работать с объектами вне холста.
- Теперь выбираем то время, когда у нас будет появляться елка. В этой точке возвращаем елку в привычное состояние, то есть в центр холста. Таким образом, у нас появится вторая точка, но уже не закрашенная.
- Можете проверить – теперь елка появляется снизу. Аналогичным образом мы можем поступить с другими объектами.
- Также мы можем работать и с прозрачностью объекта. Например, можно сделать так, чтобы елка выходила снизу, постепенно проявляясь. Для этого необходимо добавить еще один ромбик, но уже с функцией «Непрозрачность». А в правой части увести в ноль непрозрачность выбранного объекта.
- Вот таким образом мы можем создавать анимацию в Фотошопе. Чтобы ее экспортировать в формат GIF, необходимо в верхнем левом углу выбрать «Файл» -> «Экспортировать» -> «Сохранить для Web (старая версия)».
- В отобразившемся окне выбрать «Сохранить…».
В итоге мы получаем анимированную картинку. Если, например, добавить еще кнопку и проиллюстрировать ее нажатие, то получится некий функционал сайта – при нажатии на кнопку показывается елка с текстом.
Как я уже говорил выше, анимация в Photoshop – это один из самых быстрых способов показать дизайнеру свою задумку. Если же нужна полноценная гифка для использования в интернете, стоит использовать покадровую анимацию. Как с ней работать – поговорим далее.
Вариант 2
Покадровая анимация строится так, будто мы создаем мультфильм. В целом, если посидеть подольше, то можно действительно создать небольшой мультик.
Давайте разбираться, как все это работает. Чтобы стало более понятно, я вернусь к изначальному варианту, когда анимация не была настроена.
Вот такими несложными действиями можно создать анимацию в Фотошопе. Да, она не подойдет для каких-то сложных сценариев, которые, например, можно реализовать в Adobe Animate, но для реализации простых гифок или презентации идей – в самый раз.
При помощи корректировки «Микширование каналов» можно создавать высококачественные изображения в оттенках серого, в оттенках сепии или изображения других оттенков. Также можно вносить разнообразные творческие корректировки в изображения. Для создания высококачественных изображений в оттенках серого выберите процентное значение для каждого цветового канала с помощью корректировки «Микширование каналов». Для преобразования цветного изображения в изображение в оттенках серого или добавления к нему определенного тона воспользуйтесь командой «Черно-белый» (см. раздел Преобразование цветного изображения в черно-белое).
Параметры корректировки «Микширование каналов» модифицируют целевой (выходной) цветовой канал с использованием смеси существующих (исходных) цветовых каналов изображения. Цветовые каналы — это изображения в оттенках серого, представляющие тональные значения цветовых компонентов изображения (в режиме RGB или CMYK). «Микширование каналов» позволяет добавлять или отнимать данные градаций серого из исходного канала и модифицировать при помощи них целевой канал. Цвета не добавляются и не вычитаются из определенного компонента цвета, как это происходит в случае корректировки «Выборочная коррекция цвета».
Наборы «Микширование каналов» доступны в меню «Набор» на панели «Свойства». Используйте предустановленные наборы настроек микшера каналов по умолчанию для создания, сохранения и загрузки заказных наборов.
Смешение цветовых каналов
Щелкните значок «Микширование каналов» на панели «Коррекция».
Выберите команду меню «Слой» > «Новый корректирующий слой» > «Микширование каналов». В диалоговом окне «Новый слой» нажмите кнопку «ОК».
Выберите команду меню «Изображение» > «Коррекция» > «Микширование каналов». Но обратите внимание, что в данном методе коррекции вносятся непосредственно в слой изображения и определенная часть исходной информации при этом удаляется.
Выберите канал на панели «Свойства» в меню «Целевой канал», в котором можно смешать один или несколько существующих каналов.
На панели «Свойства» выберите набор «Микширование каналов» в меню «Набор».
При выборе выходного канала ползунок источника для этого канала устанавливается на значение 100%, а для всех остальных каналов — на значение 0%. Например, если выбрать в качестве выходного канала канал красного цвета, то ползунки «Исходные каналы» будут установлены на значения 100% для красного и 0% для зеленого и синего каналов (для изображения в режиме RGB).
Чтобы уменьшить вклад одного канала в создание выходного канала, перетащите ползунок для этого исходного канала влево. Чтобы увеличить вклад определенного канала, перетащите его ползунок вправо или введите в поле значение от -200% до +200%. Если указать отрицательное значение, то исходный канал инвертируется перед добавлением в выходной канал.
Итоговый вклад всех исходных каналов в целевой канал показан в поле «Всего». Если итоговое значение больше 100%, то рядом с этим значением выводится значок предупреждения.
Этот параметр регулирует объем серого в выходном канале. Если его значение меньше нуля, то добавляется больше черного цвета, если же значение больше нуля, то добавляется больше белого цвета. Если значение параметра равно ‑200%, то выходной канал черный, если же оно равно +200%, то выходной канал белый.
Можно сохранить настройки диалогового окна «Микширование каналов» и использовать их для других изображений. См. Сохранение настроек и Применение настроек.
Создание монохромных изображений из изображений в режиме RGB и CMYK
Монохромные изображения отображают цветные каналы как значения серого. Регулируйте процентное соотношение для каждого канала, чтобы отладить общий вид изображения в градациях серого.
Читайте также: