Учимся вырезать объекты и делать шаблонные баннеры более эффектными
Уметь отделять объект от фона - это базовый, простой и крайне востребованный навык, который можно и нужно освоить при работе в программе photoshop. Список задач, которые решают объекты без фона, безграничен. Однако в рамках данной группы я затрону лишь небольшую часть, которая так или иначе касается редактирования шаблонов.
Итак, как можно применить данный навык при работе с шаблонами из группы. Самый первый случай, когда нам понадобится объект без фона, это использование шаблона, в котором не предусмотрено стандартное окно под фоновое изображение (См Рис. 1). Вследствие чего нам просто необходима фотография продукта, у которого заблаговременно был удален фон.
Второй случай, когда нам может потребоваться умение удалять фон, это желание сделать шаблонный баннер более интересным с помощью эффекта частичного выхода изображения за отведенные рамки (См Рис. 2).
Теперь, когда мы разобрались, для чего же нам нужен навык отделения объекта от фона, предлагаю перейти к технической части вопроса.
Техническая часть
Прежде чем я начну знакомить Вас с нужными инструментами, хочу сделать лирическое отступление, которое позволит лучше понять рабочий процесс.
Самое первое, что необходимо понять, к какой цели мы идем и какими методами этого можно достичь. Например, наша задача отделить фон от объекта, соответственно, первоначально мы должны выделить сам объект. Как правило, объекты не будут круглыми или квадратными, поэтому инструмент «прямоугольная/овальная область» нам не подходит. Самый эффективный инструмент для обводки сложной фигуры - это «перо», с помощью него можно обводить как прямые, так и округлые линии, однако, если наш объект достаточно простой, то вполне реально обойтись и инструментом «прямоугольное лассо». Получившийся сложный контур мы переводим в обводку, чтобы с помощью векторной маски или ластика удалить фоновую часть. К слову, чтобы воспользоваться ластиком, необходимо произвести инверсию выделенной области, проще говоря, чтобы выделенным был не сам объект, а весь фон вокруг него.
Наверное, Вы успели заметить, что к одному и тому же результату можно добраться совершенно разными способами, и это я еще не рассказал про инструменты «магнитное лассо», «волшебная палочка», «быстрое выделение» и «каналы». Поэтому озвучу очень важный вывод: освоить все инструменты программы не сложно, гораздо важнее научиться их правильно применять, а для этого необходимо точно понимать, что Вы делаете и для чего.
Итак, мы выяснили, что первым делом нам необходимо обвести контуром сам объект. Как я писал выше, инструментов, способных нам помочь в этом деле, огромное множество. Правда, мы рассмотрим только 2 из них, которые железно подойдут под любой случай, кроме выделения волос и шерсти.
Коротко о выделении волос и шерсти: эта тема стоит отдельной статьи, а лучше всего отдельного видео-урока. Однако освещать данный вопрос в рамках сообщества я не планирую.
Прямолинейное Лассо — отличный инструмент для выделения простой фигуры без округлых форм. Демонстрация работы с инструментом (см. Рис. 3). Важно! Не забудьте закрыть выделяемый контур, то есть вернуться в исходную точку. Это необходимо, чтобы сформировать выделение для дальнейшей работы.
После окончания обводки объекта, перемещаем взгляд на окошко со слоями, в самом его низу обращаем внимание на пиктограммы, находим «добавить слой-маску» и при активном слое с нашим изображением нажимаем на неё (см. Рис. 4). Готово!
Перо — однозначно один из самых функциональных инструментов, с помощью которого можно выделить все, кроме отдельных волосинок и шерсти. В 80% случаев использую именно его. К сожалению, через текст почти невозможно передать всю философию работы с данным инструментом, поэтому пройдемся по касательной, как говорится, затронем самые базовые моменты
Самое первое, что нужно сделать, это активировать инструмент, нажав на него в левом меню инструментов, и перевести на создание контура (См Рис. 5).
Важно! Как и при работе с инструментом «прямоугольное лассо», всегда необходимо возвращаться к исходной точке, чтобы полноценно сформировать контур для дальнейшей работы.
Если с обводкой прямых линий все должно быть понятно, то круглые области могут вызывать вопросы. Благо инструмент «перо» их без проблем решает. Самый простой и единственный способ, который я осмелюсь передать через текст, это добавление дополнительных точек с направляющими.
Логика работы следующая. Мы ставим две точки, в начале округлости объекта и в ее конце. Далее добавляем новую точку прямо на линии, которая должна быть округлой, и настраиваем так, чтобы контур правильно обводил объект. Для этого удерживаем клавишу «ctrl» и не отпускаем, «перо» сменится на инструмент «выделение узла», с помощью него регулируем направляющие. Далее отпускаем клавишу «ctrl» и продолжаем обводить объект (См Рис. 6).
После окончания обводки объекта мы получаем закрытый контур. В случае с инструментом «перо» это не конечный этап. Теперь данный контур мы должны преобразовать в выделение. Для этого, все тем же инструментом «перо», жмем правой клавишей мыши на контур и кликаем на пункт «выделить область» (см. Рис. 7).
Важно убедиться, что выделен именно интересующий нас объект, а не область вокруг него. Это легко определить по характерной пунктирной линии. Если выделению подвергся именно фон, мы увидим пунктирную полосу по всему периметру полотна (см. Рис. 8). Чтобы исправить это, выберете инструмент «прямоугольная область», нажмите правой кнопкой мыши по выделению, кликните на пункт «инверсия выделенной области», и Ваше выделение перестроится на объект. (См Рис. 8).
На данном этапе мы имеем выделенный объект на полотне, однако фон все еще остается на своем месте. Теперь наша задача убрать его. Делается это просто, перемещаем взгляд на окошко со слоями, в самом его низу обращаем внимание на пиктограммы, находим «добавить слой-маску» и при активном слое с нашим изображением нажимаем на неё (см. Рис. 9). Готово!
Небольшое дополнение. Если после добавления "слой-маски" Вы обнаружили некоторые косяки, ничего страшного, исправить их достаточно просто. Активируйте слой маску в окне слоев, возьмите инструмент "кисть" и подкорректируйте нужную область. Черная кисть - это стереть изображение, белая - это восстановить изображение (см. Рис. 10).
Теперь, когда мы технически освоили процесс отделения объекта от фона, предлагаю перейти к практическим примерам.
Практическая часть
Практическую часть предлагаю посвятить эффекту частичного выхода изображения за рамки, так как именно он больше всего будоражит умы новичков. Рассмотрим 2 примера, одно изображение мы будем вырезать с помощью инструмента «прямолинейное лассо», а второе, соответственно, с помощью «пера».
Начнем с инструмента «прямолинейное лассо». Прежде всего, нам потребуется продублировать изображение и переместить копию выше в слоях, это делается, чтобы вырезаемое изображение возвышалось над всеми элементами баннера (См Рис. 11).
Далее приступаем к выделению. Можно снизить прозрачность изображения, с которым мы работаем, это позволит точно понять, с какого момента требуется начать обводку. По завершению добавляем слой-маску, возвращаем прозрачность на 100%, готово! (См Рис. 12)
Переходим к инструменту «перо». Как и в первом примере, необходимо продублировать изображение, с которым мы будем работать, в самый верх. Для наглядности взято изображение с округлыми формами, приступаем к обводке (См Рис. 13).
После того как контур закрылся, преобразуем его в выделение, включаем слой маску, готово! (См Рис. 14)
Друзья, спасибо за внимание. Понимаю, что материал достаточно сложный для восприятия, поэтому рекомендую пробежаться по нему несколько раз, а лучше закинуть в закладки, чтобы периодически возвращаться и освежать память. Если остались вопросы, обязательно задавайте их в комментариях под постом с этой статьей, по возможности отвечу или даже дополню материал новыми подробностями.