Это рубрика lessons.

:

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

работа с прозрачными объектами в фотошопе

выделение объектов
каналы в фотошопе

Шаг 1. Иногда отделить объект от фона очень посто, а бывает, что прозрачные области могут сделать этот процесс немного сложнее. Для таких проектов, инструмента Pen Tool недостаточно. Для выделения областей с переменным уровнем прозрачности нужен инструмент или команда, которая позволит управлять информацией о яркости взятой из цветовых каналов данного изображения. Для этого мы будем использовать маски на основе информации, взятой из Каналов изображения. Каналы представляеют из себя черно-белое изображение, что позволяет их использовать для создания маски, так как маска также является черно-белым изображением (белый = 100% непрозрачный и чистый черный = 100% прозрачный).

стакан в фотошопе

Шаг 2. Открываем изображение в Фотошопе. Хотя это изображение в цветовой моделе CMYK, тот же процесс будет работать и в RGB. Разница будет лишь в панели Каналов (Channels). Вместо четырех цветовых каналов и одного составного канала, там будет три цветовых канала и один композитный канал в изображении RGB. Целью данного урока будет удаление черного задника так, чтобы можно было бы использовать его на любом другом фоне (то есть с сохранием всех прозрачных элементов). В этом уроке мы будем использовать команду Apply Image (Image>Apply Image).

apply image

Шаг 3. Команда Apply Image позволяет накладывать слой и канал одного изображения на канал и слой другого изображения. Но надо помнить, что количество пикселей (pазмеры изображений) должны совпадать для этих изображений. В данном уроке мы будем использовать всего лишь одну фотографию для наложения копии Черного (Black) Канала на Черный (Black) Канал самой фотки. Сила Apply Image скрыта в пункте Target (см. рисунок внизу), в котором можно задать Режим Наложения (Blending).

каналы в photoshop
черный каналы

Шаг 4. Открыв файл в Photoshop, идем на панель Каналы (Channels), чтобы найти подходящий канал с хорошим контрастом. Видно, что наиболее подходящим является Черный (Black) канал.

дублируем канал

Шаг 5. Дублируем Черный (Black) канал, перетащив его на иконку «Создать новый канал (Сreate new channel) внизу Панели Каналов. Также можно создать копию канал, кликнув по нему правой кнопкой мыши и выбрав пункт Duplicate Channel (Дубликат канала).

apply image

Шаг 6. Выбираем копию Черного (Black) Канала и идем Image>Apply Image.

apply image

Шаг 7. Режим Смешивания (Blending) ставим Multiply (Умножение), чтобы усилить черный цвет и сделать его более контрастным по сравнению с нефоновыми цветами (черный у нас цвет фона и от него надо избавиться). Но уменьшаем Непрозрачность (Opacity) до 50%, чтобы полученное наложение не было слишком сильным, иначе можно просто потерять некоторые белые области, так как они не являются чисто белыми.

apply image

Шаг 8. Затем дважды используем Apply Image в Режиме смешивания Overlay, чтобы усилить белый цвет. Теперь мы можем легко выделить белую область. На этот раз используем 100% Непрозрачность (Opacity).

apply image

Шаг 9. При желании, вы можете подправить получающуюся маску с помощью Кисти (Brush), используя черно-белую палитру. Белый цвет позволяет добавить области в наше будущее выделени, а черная — удалить (замаскировать) часть изображения. Белый означает непрозрачность и черный — прозрачность в пределах данного канала.

создание нового слоя

Шаг 11. После этого переходми на Панель Слоев (Layers) и копируем фоновый слой, перетащив его на кнопку «Создать новый слой» (create new layer) внизу Панели Слоев. Вы можете также кликнуть правой кнопкой мыши на фоновом слое и выбрать Duplicate Layer.

создание маски слоя

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

создание маски слоя

Шаг 13. Создаем новый слой и заливаем его красным или синим цветом. Это позволит проверить качество маски. Вы увидите, что внутри маски есть несколько серых областей.

создание маски слоя

Шаг 14. Есть два способа, чтобы удалить эти нежелательный области серого цвета. Хотя первый способ, описанный ниже, дает лучший результат, мы все же рассмотрим оба.

режим наложения lighten

Шаг 15. Вариант 1: Изменяем Режим Наложения копии слоя фона на Lighten, чтобы удалить серую зону.

маска слоя

Шаг 16. Вариант 2: Переводим маску слоя в выделение, кликая удеживая Command/Ctrl кнопкой мыши по миниатюре маски на копии фонового слоя.

adjustment layer
levels

Шаг 17. Затем кликаем по иконке Adjustment layer (Регулирующий слой) внизу Панели Слоев. И выбираем Levels (Уровни).

adjustment layer

Шаг 18. Затем в диалоговом окне Levels перетаскиваем ползунки, как показано на рис, чтобы удалить серую зону или, скорее, преобразовать серый в белый.

clone stamp tool

Шаг 19. После применения Режима наложения Lighten, осталось еще несколько недостаточно обработанных областей. Вы можете использовать инструмент Clone Stamp Tool, чтобы исправить эти недочеты.

clone stamp tool

Шаг 20. Вот и все. Вы можете использовать ту же технику, чтобы выделять сложные объекты с переменной прозрачностью. Ниже представлено фото до и после.

:

rss иконка
ellipse tool
fill

Шаг 1. Для начала необходимо создать новый документ (File>New (Файл>Новый)), размером 512px*512px с разрешением 72dpi. Посел этого рисуем Овал, используя при этом Инструмент Эллипс (Ellipse Tool (U)), как на картинке внизу. Заливку (Fill) для слоя с эллипсом ставим 0%

gradient overlay
рисуем овал

Шаг 2. Идём Слой>Стиль слоя>Наложение Градиента или кликаем мыши по соответствующей копке на Панели Слоёв и выбираем пункт Наложение Градиента (Gradient Overlay). Параметры устанавливаем, как на рисунке

oval tool
внутренняя тень

Шаг 3. Выбираем тот же Инструмент Овал и рисуем оранжевый (#f36523) круг (для этого удерживаем клавишу Shift при рисовании). Выбираем Стили Слоя, а там идем в Inner Shadow (Внутренняя тень) и Stroke (Обводка). Fill (Заливка) для этого слоя пусть будет 100%.

обводка
основа под иконку

oval tool

Шаг 4. Теперь, давайте нарисуем ещё один круг. Опять выбираем Стили Слоя, а там Gradient Overlay (Градиентное Перекрытие). Значения для самого Стиля и Градиента

градиентное перекрытие
градиент

direct selection tool

Шаг 5. Добавляем ещё один Овал, но только этот придётся отредактировать с помощью Инструмента «Стрелка» (Direct Selection Tool (A)), как показано на рисунке. И опять идём в Стили Слоя, а конкретнее в Inner Glow (Внутреннее Свечение). Заливка слоя (Fill) пусть будет 0%.

inner glow
fill

рисуем круг

Шаг 6. Рисуем ещё один круг, цвет заливки — #f36523.

рисуем месяц

Шаг 7. А теперь, делаем из предыдущего круга месяц, для этого рисуем опять же круг удерживая Alt, чтобы вычесть второй круг из первого. Для слоя с месяцем выставляем следующие параметры (Заливка (fill) — 60%, Режим смешивания (Mode) — Overlay (Перекрытие))

overlay
полутень

ellipse tool

Шаг 8. Вооружившись Инструментом Эллипс (Ellipse Tool (U)), рисуем два круга различного размера, цвет кругов пусть будет — #fedb8a.

рисуем линию
рисум иконку

Шаг 9. Теперь, используя Инструмент Прямоугольник со скругленными углами (Rounded Rectangle Tool (U)), радиуса 30px, рисуем толстую линию. Выбираем Инструмент Add Anchior Point Tool (Добавление якорных точек), добавляем пару точек, меняем их тип с помощью Инструмента Convert Selection Tool (Инструмент «Угол») и меняем форму нашей прямой Инструментом «Стрелка» (Direct Selection Tool).

стили слоя
редактирование градиента

Шаг 10. Применим к новому слою следующий Стиль (Layer Style).

иконка

:

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

переводим в ч/б

Шаг 1. Открываем фотографию File>Open (Файл>Открыть).
Шаг 2. Удерживая клавишу Ctrl, щёлкаем по изображению, чтобы увеличить масштаб изображения (если, конечно, в этом есть необходимость).

new layer

Шаг 3. Идём Layer>New Adjustment Layer>Hue/Saturation (Слой>Новый корректирующий слой>Цветовой тон/Насыщенность) и меняем Mode (Режим) на Color (Цветовой тон). Щёлкаем на Ок. В появившемся окне нажимаем Ок (пока ничего не меняя).

new adjustment layer

Шаг 4. Ещё раз идём Layer>New Adjustment Layer>Hue/Saturation, но на сей раз Mode Оставляем на Normal (Нормальный). В окне Hue/Saturation (Цветовой тон/Насыщенность) выставляем значения, как на рисунке внизу.

layer
hue

Шаг 5. Теперь, дважды щёлкаем по иконке нижнего корректирующего слоя и, в появившемся окне, выставляем значения для Ние -> -100.

черно-белая фотография

Шаг 6. Вот и всё! Осталось только сохранить полученный результат (File>Save as (Файл>Сохранить как)).

Наша иконка почти готова

иконка

А если добавить ещё и вторую загагулину, она будет совсем готова! Поздравляю!