На главную страницу сайта Уроки | Лента событий | Галерея | Лента активности | Форум
Я забыл пароль | Регистрация
Анимация | Базовые | Дизайн | Работа с фото | Текстовые эффекты | Эффекты
Добавить виджет на гравную страницу Яндекса
 
Просмотров: 13763
Средней сложности Размещено: 07.05.2012 г.

Создаем маски прозрачных элементов в фотошоп


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

Предварительный просмотр финального результата:

Создаем маски прозрачных элементов в фотошоп


Шаг 1.


Выделение является важной частью рабочего процесса в редактировании изображений. Это обычно делается легко, но иногда наличие прозрачных пикселей может усложнить задачу. Для такого типа выделений инструмента Перо (Pen tool) недостаточно. Чтобы выделить участки с переменным уровнем прозрачности, мы должны выбрать инструмент или команду, которая позволит нам управлять информацией о яркости из цветовых каналов этого изображения. Потому что мы заинтересованы не просто в выделении объекта, а в создании маски, где будут храниться данные о переменном уровне яркости для определения комплексного уровня прозрачности.


Мы можем использовать каналы изображения для создания маски, потому что маска также использует черно-белое изображение (чисто белый = 100% непрозрачный и чисто черный = 100% прозрачный), чтобы сохранить информацию о прозрачности.


Создаем маски прозрачных элементов в фотошоп


Шаг 2.


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


Создаем маски прозрачных элементов в фотошоп


Шаг 3.


Перед нами исходное изображение. Оно выполнено в цветовой модели CMYK (векторное изображение), но тот же процесс будет работать и в режиме RGB (растровое изображение). Разница будет лишь в панели каналов. Вместо четырех цветовых и одного композитного канала (в CMYK) будет три цветовых и один композитный (RGB).
Нашей задачей является замена черного фона на любой другой при сохранении прозрачных элементов изображения: стекла, воды, пузырьков. Для этого мы будем использовать команду «Внешний канал» (Image> Apply Image).


Создаем маски прозрачных элементов в фотошоп


Шаг 4.


Команда «Внешний канал» (Apply Image) позволяет смешивать один любой слой изображения и канал со слоем, и канал активного изображения.


Но помните, что пиксели изображений должны соответствовать именам изображений в диалоговом окне функции «Внешний канал». Здесь мы не используем два изображения. Мы смешиваем копию черного канала (Black) с cамой копией черного канала.


Но сила опции «Внешний канал» содержится в разделе «Цель» (Target). Здесь вы можете задать режим смешивания, который хотите использовать при наложении.


Создаем маски прозрачных элементов в фотошоп


Шаг 5.


Смотрим на наше изображение стакана с водой. В палитре «Каналы» (Channels) выбираем канал с сильным контрастом. Поиск каналов с хорошим контрастом имеет важное значение для качественного выделения.


Создаем маски прозрачных элементов в фотошоп


Шаг 6.


Здесь черный канал выявляет хороший контраст между стеклом и фоном.


Создаем маски прозрачных элементов в фотошоп


Шаг 7.


Копируем черный канал (Black), перетянув его миниатюру на иконку нового канала внизу панели. Аналогичное действие произойдет, если вы нажмете пр.кн.мыши по миниатюре черного канала и выберите из меню - Duplicate channel (дубликат канала).


Создаем маски прозрачных элементов в фотошоп


Шаг 8.


На активной копии черного канала переходим в меню Image > Apply Image (Изображение-Внешний канал).


Создаем маски прозрачных элементов в фотошоп


Шаг 9.


Сначала смешиваем в режиме Умножение (Multiply) c увеличением черного, и в этом процессе происходит преобразование фона любой области черного с серым. Но уменьшаем целевую непрозрачность (50%), чтобы смешивание не было слишком интенсивным. В противном случае, мы могли бы удалить некоторые белые области, потому что они не чисто белые.


Создаем маски прозрачных элементов в фотошоп


Шаг 10.


Режим смешивания «Умножение» (Multiply) просматривает цветовую информацию в каждом канале и усиливает базовый цвет для смешиваемого цвета. В результате всегда получается цвет намного темнее базового. Умножение любого цвета с черным цветом создает черный. При использовании этого режима мы удаляем любые серые области фона.


Создаем маски прозрачных элементов в фотошоп


Шаг 11.


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


Создаем маски прозрачных элементов в фотошоп


Шаг 12.


Режим «Перекрытие» (Overlay) усиливает или осветляет цвета изображения, в зависимости от основного цвета. Базовый цвет не заменяется, а смешивается с сочетанием цветов для воспроизведения более светлого или более темного, чем оригинальный цвет.
Белые области становятся ярче, а черные – темнее. При использовании режима «Перекрытие» (Overlay) мы увеличиваем интенсивность белых областей, так как мы хотим их сохранить, но маскируем черные области в финальном изображении.


Создаем маски прозрачных элементов в фотошоп


Шаг 13.


Вы можете корректировать копию черного канала с применение кисти (Brush) черного или белого цвета. Рисуя белым цветом, вы сохраняете эти области изображения, рисуя черным – скрываете на маске. В палитре каналов белый означает непрозрачность пикселей, а черный – прозрачность.


Создаем маски прозрачных элементов в фотошоп


Шаг 14.


Загружаем выделение копии черного канала (Ctrl+клик по иконке данного канала) или нажимаем внизу панели каналов иконку выделения.


Создаем маски прозрачных элементов в фотошоп


Шаг 15.


Переходим в панель слоев (Layers) и дублируем фоновый слой, перетянув его на иконку нового слоя внизу панели. Вы также можете нажать пр.кн.мыши по миниатюре фонового слоя и выбрать - Duplicate Layer.


Создаем маски прозрачных элементов в фотошоп


Шаг 16.


Активируем копию фонового слоя, нажав по ней л.кн.мыши и затем создаем маску на этом слое, нажав на ее иконку внизу панели слоев (Add Layer Mask).


Создаем маски прозрачных элементов в фотошоп


Шаг 17.


Теперь, создаем новый слой (Ctrl+Shift+N) ниже слоя с маской и заливаем его (Edit-Fill или Shift+F5) любым цветом (красным или синим). Проверяем качество маски. Как видите, есть несколько серых областей на изображении.


Создаем маски прозрачных элементов в фотошоп


Шаг 18.


Есть два способа, позволяющих удалить эти серые области. Первый процесс даст вам лучший результат, но рассмотрим оба.


Создаем маски прозрачных элементов в фотошоп


Шаг 19.


Первый способ: изменяем режим смешивания слоя с маской на Lighten (Замена светлым), удаляя серые области.


Создаем маски прозрачных элементов в фотошоп


Шаг 20.


Режим «Замена светлым» (Lighten) изучает цветовую информацию в каждом канале и пиксели темнее, чем сочетание цветов, заменяются, а пиксели светлее, чем смешиваемый цвет – не изменяются. В результате темные серые пиксели удалены.


Создаем маски прозрачных элементов в фотошоп


Шаг 21.


Способ второй: загружаем выделение маски копии фонового слоя (Ctrl+клик по иконке маски данного слоя). Вы можете также загрузить копию черного канала в палитре «Channels».


Создаем маски прозрачных элементов в фотошоп


Шаг 22.


Теперь нажимаем на иконку корректирующих слоев (Create New Adjustment Layer) внизу панели слоев.


Создаем маски прозрачных элементов в фотошоп


Шаг 23.


Добавляем корректирующий слой «Уровни» (Levels).


Создаем маски прозрачных элементов в фотошоп


Шаг 24.


В диалоговом окне уровней перетягиваем слайдер полутонов (Midtones) серого цвета влево на 4,10, а слайдер светов (белый) устанавливаем посередине гистограммы на значение 122. Так мы превратили серые пиксели в белые.


Создаем маски прозрачных элементов в фотошоп


Шаг 25.


После применения режима смешивания «Замена светлым» (Lighten) в первом способе, вы увидите, что повреждены белые области изображения. Для их восстановления используем инструмент Штамп (Clone Stamp Tool).


Создаем маски прозрачных элементов в фотошоп


Шаг 26.


Вот и все! Вы можете использовать данную технику для выделения сложных объектов с переменным уровнем прозрачности.


Ниже изображение до и после обработки.


Создаем маски прозрачных элементов в фотошоп


Финальное изображение:


Создаем маски прозрачных элементов в фотошоп


Используемые материалы:


Стакан воды

Обсудить урок на форуме




Категория: Уроки Фотошопа
Автор (переводчик): Arindam Bhaduri
Источник: Ссылка на источник скачиваний/переходов: 35




Рейтинг популярности: 2.4/5 (Всего оценок: 45)

Скачивание материала, добавление комментариев и общение на форуме доступно только для зарегистрированных пользователей



В галерею
12.05.2014 12.05.2014  Владимир Носков

Спасибо за полезный урок!


В галерею
12.11.2012 12.11.2012  cobrastar

Спасибо за полезный урок!