Выделение объектов в фотошопе. Все о выделении. Создание контура объекта (фигуры) из выделения в программе Фотошоп различных версий

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

Инструкция

Вам понадобится

• - компьютер с программой Adobe Photoshop;
• - выход в Интернет;
• - сканер;
• - принтер;
• - тушь;
• - алюминиевая или бронзовая пудра;
• - клей для стекла;
• - калька.

Инструкция

• как сделать контур у изображения

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

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

Если заявить, что в плане разнообразия и удобства способов выделения "Фотошоп" не имеет себе равных, это не будет преувеличением (во всяком случае, явным).

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

Однако, несмотря на разнообразие, простоту и удобство специальных инструментов выделения в "Фотошопе", по мнению многих мастистых "фотошоперов", точнее и качественнее, чем с помощью инструмента "Перо" (Pen tool), способа нет.

По тщательно обрисованному пером контуру объекта стучат правой кнопкой мыши и выбирают команду "Образовать выделенную область" (Make Selection), затем в открывшемся диалоговом окошке задают радиус растушевки, ставят/убирают галочку в чекбоксе "Сглаживание" (Anti-aliasing) и нажимают OK. Все, выделение готово.

Автоматическое выделение объекта в "Фотошопе" сводится к растягиванию рамочки по контуру элемента, если он обладает прямоугольной или овальной формой, а в некоторых инструментах к щелчку (щелчкам) мыши внутри выделяемой области.

Прямоугольные и округлые выделения

Инструменты выделения прямоугольниками, эллипсами (окружностями) и узкими полосками (линиями) собраны на панели в группу с подсказкой "Прямоугольная область"(Rectangular Marquee Tool), куда, кроме названного, входят инструменты "Овальная область" (Elliptical Marquee Tool), "Область горизонтальная строка" (Single Row Marquee Tool) и "Область вертикальная строка" (Single Column Marquee Tool).

Чтобы сделать выделение, нужно щелкнуть, где надо, мышкой, растянуть рамочку нужных размеров и отпустить кнопку - выделение готово. Если тащить мышку с нажатой клавишей Shift, получится квадрат (или круг), а если с клавишей Alt, рамка станет растягиваться от центра фигуры, а не от угла или края.

Следующее очень полезное "если" связано с клавишей пробела, нажав которую в ходе выделения (не отпуская клавишу Shift), можно прервать процесс растягивания рамки и перемещать контур целиком, чтобы лучше "прицелиться", затем отпустить пробел и продолжить выделение.

И последнее "если" относится к курсору, который внутри выделенной области меняет свой вид, указывая, что контур теперь можно перемещать целиком.

Параметры настроек всех выделений на панели вверху одинаковы, за исключением овального выделения, для которого предусмотрен режим "Сглаживание" (Anti-aliased) для сглаживания переходов непрозрачности на краях.

Сложные контуры выделения

Разобравшись с тем, если контуры выделения имеют прямоугольную или овальную (круглую) форму, можно переходить к более интеллектуальным средствам выделения.

Для элементов со сложными контурами к вашим услугам предоставлена группа инструментов с подсказкой "Прямолинейное/Многоугольное лассо" (Polygonal Lasso Tool), куда, кроме означенного, входят инструменты Tool) и "Магнитное лассо" (Magnetic Lasso Tool).

Простое "Лассо" сродни карандашу. Нажав левую кнопку мыши, обводят (набрасывают лассо) нужную область (объект) и отпускают кнопку. Контур автоматически замкнется, где бы вы ни отпустили кнопку. Если контур не удался, можно, не отпуская кнопку, нажать клавишу Esc, убрав, таким образом, выделение, и "набросить лассо" еще раз.

Включив "Прямолинейное/Многоугольное лассо", вы обводите объект не плавной, непрерывной линией, а угловатым контуром, последовательно щелкая мышкой от точки к точке, между которыми протягиваются прямые линии. Для замыкания контура не обязательно совмещать начало с конечной точкой - достаточно приблизиться к ней настолько, чтобы рядом с курсором появился кружочек, намекающий на то, что можно смело щелкать - контур замкнется. Создать контур, не замыкая его полностью, можно и двойным щелчком мыши или с клавишей Ctrl.

Если линия пошла не туда, выручит клавиша Esc, но лучше пользоваться клавишей Delete, удаляющей последний отрезок контура. С нажатой по ходу выделения клавишей Alt оба лассо меняются ролями.

Если вам все равно, как вырезать объект в "Фотошопе", лишь бы выделение было более или менее качественным и, главное, быстрым, то, пожалуй, "Магнитное лассо" справится с этим наилучшим образом.

Мудрое "лассо с магнитом" само распознает линию максимального отличия в цвете, яркости или контрасте и "прилипает" к этой линии. От нас требуется лишь щелкнуть мышкой на границе объекта выделения и просто "уложить лассо" вокруг него, не заморачиваясь на деталях. В отличие от обычных лассо, магнитному "аркану" нужно задать ширину (width) зоны (полосы), которую он должен анализировать при определении границы выделяемого объекта. Контур магнитного инструмента замыкается так же, как у обычных лассо.

"Волшебные" инструменты

Еще одна "сладкая парочка" средств выделения, спрятанных под одной кнопкой на панели инструментов, включает инструменты "Волшебная палочка" (Magic Wand Tool) и "Быстрое выделение" (Quick Selection). Эти инструменты позволяют выделять на изображении области одного цвета или близких по тону красок.

В отличие от знакомого всем инструмента "Заливка" (ведерко с краской) с такими же настройками, не заливает участки другим цветом, а выделяет их. Повинуясь щелчку мыши в какой-нибудь точке, "Волшебная палочка" анализирует цвет вокруг нее и выделяет все смежные участки такого же цвета при условии, что в настройках инструмента выбран режим "Смежные пиксели" (Contiguous). В противном случае выделение распространится на все подходящие области по всему изображению.

Инструмент "Быстрое выделение" работает по такому же принципу, только здесь область выделения рисуют собственной кистью с настраиваемыми параметрами (размер, жесткость, интервалы, угол и форма).

Есть немало причин, по которым использование стандартных инструментов выделения в определенных ситуациях неуместно или нежелательно, поэтому желательно разобраться, как выделить объект в "Фотошопе" в таком капризном случае.

Для этого используют группу стирающих инструментов (ластиков), среди которых тоже есть "волшебники". Группа включает собственно "Ластик" (Eraser Tool), "Фоновый ластик" (Background Erser Tool) и "Волшебный ластик" (Magic Eraser Tool).

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

"Ластик" работает, как кисть или карандаш, поэтому и настройки у них одинаковые. Принцип работы "Волшебного ластика" такой же, как у инструмента "Волшебная палочка", только ластик не создает выделение, а удаляет с рисунка или части его области одного цвета.

"Фоновый ластик" хоть и не волшебный, но если показать ему образец (кликнуть мышкой над удаляемой областью) и, удерживая кнопку, обвести контур объекта, он удалит именно то, что нужно, независимо от сложности границы, и даже великодушно позволит вам "нагло" залезать курсором-прицелом на объект.

В качестве альтернативного варианта выделения по цвету можно рассматривать команду "Цветовой диапазон" (Color Range) в меню "Выделение" (Select). По этой команде откроется окно параметров настроек этой функции с уменьшенной копией изображения в центре. Цвет, который должен быть выделен, указывают, щелкнув мышкой (пипеткой) на миниатюре или на самом изображении. Можно щелкать "до потери пульса", пока выбранный оттенок не устроит вас, причем, если кликать с клавишей Shift, новый цвет добавиться к ранее выделенным, а щелчок с клавишей Alt, напротив, исключает указанный оттенок из кандидатов на выделение (то же самое делают пипетки с +/-).

Для контроля над выделением многоцветной области нужно выбрать под миниатюрой радиокнопку "Выделенная область" (Selection).

Извлечение объекта из фона

С задачей отделения объекта от фона "Фотошоп" прекрасно справляется по команде "Извлечь" (Extract) в меню Эта команда переносит нас в отдельное диалоговое окно, достойное статуса мини-редактора выделений. От нас требуется выбрать слева вверху похожий на фломастер инструмент, задать толщину мазка и обвести объект, показывая таким образом программе, где пройдет граница между отделяемым элементом и фоном. Граница обязательно должна оказаться внутри нарисованной линии, окаймляющей объект. Замкнув контур, выбираем ведерко с краской (Fill Tool) и заливаем объект, щелкнув внутри (не снаружи!) нарисованного контура. Только после этого кнопка "OK" позволит нажать себя и убедиться в незаурядных способностях фильтра Extract.

Выделение с использованием цветовых каналов

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

Для этого в панели слоев переходят на вкладку "Каналы" (Channels) и выбирают наиболее контрастный (чаще всего это синий) канал. Затем дублируют слой выбранного канала, переходят в "Изображение" (Image) > "Коррекция" (Adjustments) > "Яркость"(Brightness)/"Контрастность" (Contrast) и усиливают оба параметра, предельно зачерняя объект и "отбеливая" фон. При необходимости можно внести уточнения черной или белой кистью.

Далее изображение инвертируют (Invert), выбрав эту команду в том же меню "Изображение" > "Коррекция". Теперь остается только щелкнуть с нажатой клавишей Ctrl по слою копии канала и, "закрыв ему глазик", вернуться на вкладку "Слои" в режим RGB, где вас уже заждалось аккуратное и точное выделение.

Выделение с помощью "Быстрой маски"

Можно выделить/вырезать объект и с помощью инструмента "Быстрая маска" (Quick selection tool), расположенного в самом низу панели инструментов. Область выделения здесь просто рисуют черным цветом (но у маски цвет красный) с помощью обычных кистей. Частичное выделение для растушевки его границ получается не только вариациями жесткости, непрозрачности и нажима кисти, но и закрашиванием различными оттенками серого цвета. В режиме маски можно применять и градиентную заливку "от черного к белому" или наоборот.

Нередко возникает потребность по каким-либо соображениям немного передвинуть объект на изображении. Такую операцию лучше проводить в условиях относительно однородного фона, чтобы легче было "залатать дыру" на старом месте смещенного фрагмента. Оказывается, есть программы, в которых это делается почти автоматически "без шума и пыли". Например, можно CS6 и "незаметно" перенести его в другое место с помощью инструмента "Перемещение с учётом содержимого" (Content-Aware Move Tool), который находится в группе инструментов "Точечная восстанавливающая кисть".

Для этого нужно выделить объект любым способом и просто передвинуть в нужное место, а уж программа позаботится о том, чтобы на фоне не осталось следов (во всяком случае, явных) прежнего места проживания "переселенца". Если получится грязновато, инструменту "Перемещение с учётом содержимого" можно помочь "замести следы", выбрав в меню "Редактирование" команду "Выполнить заливку" и указав в списке "Использовать" вариант "С учетом содержимого".

Уточняем края выделения

Начиная с версии CS5 в "Фотошопе" появляется мощный инструмент "Уточнить край" (Refine Edge), расположенный в числе прочих параметров на панели настроек всех инструментов выделения. С помощью этого инструмента можно установить ширину области обнаружения краев (настройка "Радиус" и функция "Умный радиус") и отрегулировать параметры смещения, сглаживания, растушевки и контрастности границ выделяемого объекта.

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

Посмотрите на это изображение:

Как проще всего выделить это изображение. Здесь обычное Лассо , точно не подойдет.
Можно поковыряться Полигональным Лассо , но это займет у вас очень много времени, оно больше подойдет для выделения прямоугольных объектов (стол, кубик, книга).

1 способ:

Магнитное лассо в этом случае сделает хорошую работу, так как картинка с высоким уровнем контраста, но все же не идеальную.

Если вы не будете сами останавливаться и добавлять на острых выступах и в уголках дополнительных точек, то инструмент их просто будет проскакивать. Результат на двоечку.

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

2 способ:

Хорошей альтернативой будет инструмент Перо . При работе с ним можно постоянно отрываться: переключаться на другие инструменты, работать с другими документами, сходить чай попить и т.д.

Еще одно его достоинство, что полученный контур, можно корректировать до того как превратить его в выделение.

Сначала выделили грубо:

Потом ставим дополнительную точку по середине прямого участка:

Зажимаем Ctrl и превращется в белую стрелку, что позволяет перетаскивать точку.

Когда вы закроете последнюю точку, появится сплошной контур. Чтобы получить выделение, нужно щелкнуть правой кнопкой мыши и выбрать команду Make Selection (Образовать выделенную область)

Там вас спросят про растушевку. Если вы хотите, чтобы края выделенного объекта слегка смягчились, то поставьте 1 - 2 px .

Кого заинтересовал инструмент Перо, советую прочитать эту .

3 способ:

Для этого изображения супер-быстрым способом выделения будет использование Волшебной палочки .

Главное угадать с параметром "Допуск". Я, например, установила 45 и щелкнула 1 раз по фону. У меня почти все выделилось.

Потом я зажала Shift и пощелкала по светло-зеленым участкам. Готово!

Осталось нажать Shift+Ctrl+I , чтобы инвертировать выделение.

4 способ:

Как еще можно сделать выделение?
С помощью быстрой маски!

Обводка и выделение контура изображения или рисунка: как правильно обвести, вырезать, выделить, сделать или обрезать.

Для создания коллажей и других многослойных изображений могут потребоваться контуры тех или иных объектов. Также привлечь внимание зрителя поможет обводка человека или другого предмета по его контуру. Создать контур - это не самая легкая операция. Далеко не каждому новичку данные действия по силам. Этот урок будет посвящен именно работе с контурами и силуэтами. Если вы будете повторять наши действия, то легко научитесь новой операции.

Контур в Фотошопе

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

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

Теперь необходимо выделить объект. Если бы это был человек, то пришлось бы использовать инструмент «Магнитное лассо». Но с человеком данную операцию мы проведем позже. Сейчас же перед нами простенькое изображение сердечка. Его выделить гораздо проще. Достаточно задействовать инструмент «Быстрое выделение». Отрегулируйте размер кисти, после чего начинайте щелкать по фигуре. И так до тех пор, пока по контуру объекта не побежит пунктирная линия. Если вы случайно выделили лишнюю область, то щелкните по ней при зажатой клавише Alt.

Как создать контур изображения Фотошопе?

Но мы ранее задавались вопросом, как создать контур изображения в Фотошопе и пока же вместо контура мы имеем лишь выделение. В случае с человеком оно будет ещё и не очень четким. Как уточнить края выделения — вы уже должны знать по нашим прошлым урокам. Если же у вас таких знаний нет, то чуть позже мы об этой функции Фотошопа расскажем. В данном же случае выделение должно пройти отлично, с краями работать не нужно.

При выделенном объекте перейдите в панель «Слои». Здесь сейчас создан всего один слой, имеющий наименование «Фон». Создайте новый слой, для этого используется соответствующая кнопка в нижней части данной панели. Активным мгновенно станет новый слой. Но заметьте: выделение сохранилось!

Теперь обратите внимание на левую часть рабочего окна Adobe Photoshop. Почти в самом низу имеются два квадратика, окрашенные в разные цвета. Вас должен интересовать левый квадратик. Щелкните по нему левой кнопкой мыши. Вам будет предоставлена палитра цветов. Если вы собираетесь создать стандартный черный силуэт, то и цвет выбирайте черный. Если же вы желаете окрасить силуэт в другой цвет, то сейчас самое время выбрать его. Но не забывайте, что в любой момент вы можете сменить цвет.

В нашем случае был выбран красный цвет. Далее необходимо перейти к инструменту «Заливка». После этого остается лишь щелкнуть по выделенной области левой кнопкой мыши. Вся эта область тут же окрасится в выбранный цвет. Теперь можно задействовать сочетание клавиш Ctrl+C, чтобы скопировать данный контур. Заметьте, скопирован будет именно данный слой, фон останется нетронутым.

Откройте другую фотографию. Нажмите сочетание клавиш Ctrl+V. Тут же созданный вами силуэт появится на фотографии. Для его позиционирования используется инструмент «Перемещение». Для изменения размеров нужно перейти в режим свободного трансформирования. Это делается при помощи выбора инструмента из группы «Выделение» и щелчка по силуэту правой кнопкой мыши. В контекстном меню вы быстро заметите нужный пункт. Размеры меняйте при зажатой клавише Shift, это позволит сохранить пропорции изображения. Для изменения цвета силуэта вновь используется инструмент «Заливка».

Контур рисунка в Фотошопе

Но контур рисунка в Фотошопе можно создать и другим способом. Давайте вернемся к тому моменту, когда мы выделили сердечко. Новый слой ещё не создан. Напомним, делали мы это в панели «Слои». Теперь же для создания слоя будет использоваться отдельное меню.

Когда предмет выделен — перейдите по пути «Слои>Новый слой-заливка>Цвет». Дальше вам будет предоставлена знакомая уже палитра цветов. Выберите тот или иной цвет, после чего им будет залита вся выделенная область. Заливка окажется на новом слое. Мы повторили рассмотренную ранее операцию, но уже другим путем. Графический редактор Adobe Photoshop тем и хорош, что он позволяет добиться одного и того же результата при помощи разных действий.

Если вы повторяли действия вслед за нами, то уже догадались о том, что силуэт можно окрасить не только в какой-нибудь цвет. Ещё раз перейдите по пути «Слои>Новый слой-заливка». В выскочившем контекстном меню имеются пункты «Градиент» и «Узор». Они действуют сходим образом, только теперь вам будут предоставлены на выбор градиенты и узоры. Градиент вы даже сможете создать с нуля.

Как выделить контур в Фотошопе?

Создание силуэтов простеньких объектов не вызывает никаких затруднений. Другой дело — создание контура человека. Некоторые начинающие пользователи даже задаются более простым вопросом: как выделить контур в Фотошопе, если это человек? Инструмент «Быстрое выделение» с этой задачей уже не справится. Либо вы будете мучиться с ним очень долго.

Откройте фотографию, на которой изображен человек. Желательно, чтобы он был сфотографирован почти в полный рост, так в силуэте точно можно будет узнать мужчину или женщину. Ещё нужно помнить, что для правильного выделения нужна четкая фотография. Если она получена при помощи зеркальной камеры, то это идеальный вариант. Снимки, сделанные «мыльницей» или смартфоном тоже подойдут. Но на выделение человека в этом случае вы потратите очень много времени.

Но хватит слов, пора приступать к решению нашей задачи. Увеличьте масштаб изображения до 100-процентного. Выберите инструмент «Магнитное лассо». Теперь двигайте курсор по контуру человека, совершая щелчок за щелчком. Постепенно вы соедините последний маркер с первым, после чего по контуру человека побежит пунктирная линия. Для перемещения по увеличенному изображению зажимайте клавишу «Пробел».

На человеке могут присутствовать такие места, которые выделять не нужно. Например, в нашем случае это пространство между левой рукой и грудью, также участок между пальцами на правой руке. Для отмены выделения этих пространств нужно зажать клавишу Alt. Затем данные участки точно так же выделяются по их контуру.

Как в Фотошопе вырезать контур?

Выделение почти завершено. Осталось лишь уточнить края выделения. Ведь как бы вы не старались — помарки будут. Устранить их поможет автоматика. А если точнее, то кнопка «Уточнить край». Нажмите её, после чего выскочит не самое маленькое диалоговое окно. Если вы знакомились с нашими прошлыми уроками, то суть этого окна вам уже знакома.

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

Остается лишь перейти по пути «Слои>Новый слой-заливка>Цвет». Щелкните по черному цвету и нажмите кнопку «OK».


Пора задаться вопросом, как в Фотошопе вырезать контур. А делается это методом простого перетаскивания. Сначала откройте новое изображение, куда вы хотите добавить созданный только что силуэт. Вернитесь к картинке с черным контуром. Перейдите к панели «Слои». Теперь захватите мышью самый верхний слой и тащите его на новую картинку. Силуэт появится на изображении, после чего останется переместить его в нужную часть картинки. Как это делается — рассказано выше.

Как сделать контур в Фотошопе?

Теперь вы поняли, как сделать контур в Фотошопе и сейчас мы совершили самые простые операции. Графический редактор Adobe Photoshop способен и на большее. Выделение контура нужно для реализации самых разных задач. Давайте вернемся к тому моменту, когда мы выделили человека. Что можно сделать после этого выделения?

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

Но исказить таким образом можно не только человека. В данный момент выделен его контур. Если же перейти по пути «Выделение>Инверсия», то картина изменится. Теперь можно произвести любые изменения с фоном. Попробуйте перейти по пути «Фильтр>Размытие>Размытие по Гауссу». Далее останется лишь подобрать степень размытия. После этого лишь размытый контур вокруг человека не позволит сказать, что кадр получен при помощи сильного раскрытия диафрагмы. Как избавиться от этого контура — тема отдельного урока, который уже имеется на сайте.

Обводка контура в Фотошопе

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

Вновь мы возвращаемся к тому моменту, когда человек оказывается выделенным. Впрочем, вы можете тренироваться и на более простых объектах, это уже не важно. После выделения перейдите в панель «Слои». Здесь необходимо создать новый слой, который тут же сделается активным. Далее перейдите по пути «Редактирование>Выполнить обводку». Выскочит небольшое диалоговое окно. В нём вам необходимо выбрать цвет обводки и её толщину. К сожалению, толщину предстоит выбирать наугад, так как предпросмотр в данном случае не работает.


Зачем нужна обводка контура? Это очень интересный вопрос. Пожалуй, умение совершить данную операцию пригодится при создании именной открытки. Также обводкой контура регулярно пользуются для создания эффекта рисунка. Так создается впечатление, что контур человека обведен тушью (при этом используется черный цвет). А ещё можно попробовать создать привидение. Для этого уже используется белый цвет и сильная прозрачность. Затем слой с этим контуром переносится на новую картинку. После этого остается изменить размер этого контура и поменять его местоположение. При необходимости нижнюю часть контура можно стереть инструментом «Ластик». А если вы ещё и фильтр «Размытие» к этому слою примените…

Как обвести контур в Фотошопе?

Пожалуй, вы получили ответ на вопрос, как обвести контур в Фотошопе — но на самом деле тему можно продолжить. В данный момент человек у нас обведен по контуру стандартным белым цветом. Но иногда может потребоваться более интересная обводка. Например, в виде градиента. Как же это сделать?

При создании обводки нам предлагают стандартную палитру цветов. Никаких градиентов нам не предлагается. Поэтому белым цветом изначально обвести контур придется. Или любым другим, это совершенно не важно. Затем перейдите по пути «Выделение>Отменить выделение». Теперь нам не будет мешаться пунктирная линия. Затем взгляните на панель «Слои». Активным должен быть верхний слой, именно он содержит в себе наш контур. Нажмите кнопку «Fx», в предоставленном контекстном меню выберите пункт «Наложение градиента». Откроется диалоговое окно, в котором останется выбрать нужный градиент. Также предлагается выбрать его направление, масштаб и прочие параметры. Если в вашем графическом редакторе градиентов мало, то никто не помешает создать новый. Рассматривать подробно данный процесс мы не будет, так как этому однажды будет посвящен отдельный урок.


Другие вкладки использовать не нужно. Не забывайте, что в данный момент работа происходит только с обводкой, изменения происходят именно с ней. То есть, тень будет отбрасывать именно обводка, а не человек. Но и после создания простой градиентной обводки эффект получился достаточно интересный.

Выделение контура в Фотошопе

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

Выделение контура в Фотошопе — это одна из самых простых операций. Лишь сперва она кажется очень сложной. Если вы научитесь всему этому, то в дальнейшем сможете создавать очень интересные коллажи. Например, давайте напоследок попробуем создать уникальную картинку. Пусть наш мужчина будет выделен по контуру. Обводка будет окрашена в градиентные цвета. За мужчиной будет располагаться надпись «Котельнич». При этом головой человек должен заслонять одну из букв. Сможете создать такое изображение самостоятельно? Если нет, то читайте инструкцию.

Как обрезать по контуру в Фотошопе?

Возьмите фотографию. Выделите человека при помощи инструмента «Магнитное лассо». Теперь перейдите по пути «Редактирование>Копировать» или воспользуйтесь сочетанием клавиш Ctrl+C. Так вы сможете человека обрезать по контуру в Фотошопе, затем перейдите по пути «Редактирование>Вставить». Или нажмите сочетание клавиш Ctrl+V. Повторите последнее действие. Визуальных изменений не произойдет. Но на самом деле теперь существует три слоя с позирующим мужчиной.

В панели «Слои» выберите второй по счету слой. Далее перейдите по пути «Редактирование>Выполнить обводку». Подберите ширину, цвет — не важен. В качестве расположения выберите «Снаружи». Вновь перейдите в панель «Слои» и нажмите в нижней части панели кнопку «Fx». Щелкните по пункту «Наложение градиента». Выберите понравившийся градиент или создайте новый. Когда закончите — жмите кнопку «OK».

Большая часть работы сделана. Теперь осталось лишь задействовать инструмент «Горизонтальный текст». Напишите слово «Котельнич» или любую другую надпись. Затем выделите её, после чего измените размер и тип шрифта. Далее можно окрасить надпись в другой цвет или даже воспользоваться каким-либо стилем. Когда будете довольны результатом — вернитесь в панель «Слои». Вам нужно слой с текстом сделать вторым снизу. То есть, он должен располагаться над слоем «Фон». Вот и всё, картинка готова!

Итоги урока

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

На мой взгляд перо - самый удобный, понятный и легкий в использовании инструмент. Давайте вместе начнем с самого простого. Займемся обтравкой контура.
Честно говоря, этот урок мне дается с огромным трудом, ибо перейдя в иллюстратор я рисую без Alt, и мне очень непросто сообразить, куда поставить точку, если Alt использовать все-таки можно. Но работа с использованием Alt, очень проста, и избавит нас от всех страхов перед пером. Дальше мы бесстрашно сможем учиться работать пером и без Alt в гладких точках. Итак начнем.
Вырежем цветочек. Я взяла эту картинку. Картинка увеличивается кликом по превью.

Мы будем вырезать из нее этот цветок:

Совсем подробно:-) Кликаем по превью первой картинки, скачиваем ее и открываем эту картину в photoshop.
Нажимаем сочетание клавиш Ctrl+0 (ноль), или так:

Берем инструмент "Pen" - "Перо" для чего нажимаем клавишу "P" (Расклад клавиатуры английский). Или так:

Настройки пера такие:

Ставим первую точку:

Теперь внимательно:-). Сначала читаем, потом делаем, - ибо это - единственное, что надо понять, - остальное просто. :-)
Ставим вторую точку (красная стрелка), не отпускаем левую клавишу мышки, немного отводим (не отпуская клавишу мыши) перо в сторону - около точки появятся две стрелочки (направляющие - синяя стрелка), тянем за направляющую (синяя стрелка), поворачиваем ее, выгибая контур (зеленая стрелка), чтобы он лег четко по контуру цветка. НЕ ОТПУСКАЕМ МЫШКУ!

Теперь зажимаем клавишу Alt (мышку мы не отпускаем!) и загоняем направляющую (синяя стрелка) обратно в нашу вторую точку, так (красная стрелка):

Загнали. Отпускаем клавишу мышки! :-)

Прочитали? Теперь можно делать. :-))))
Для того чтобы обтравить весь цветок, нам остается провести сию операцию несколько раз. Кнопка Alt и загон направляющей помогают как бы зафиксировать перо, чтобы с каждой новой точкой контур гнулся куда нам надо. На самом деле и без Alt контур гнется в строго определенном направлении, а не беспорядочно. Но здесь надо потренироваться, понять логику Пера. Поэтому понимать сию логику мы начнем, работая с использованием Alt:-)
Вы заметили - пока мы тянем за направляющие, - перо приобретает вид такого примерно треугольничка:

Ставим третью точку (красная стрелка), не отпускаем клавишу мыши, выгибаем контур (зеленая стрелка), зажимаем Alt и загоняем направляющую в эту самую третью точку(черная стрелка):

Отпускаем мышку.

Ставим четвертую точку и т.д. Вот все мои точки, - осталось только замкнуть контур, т.е. поставить последнюю точку в первую (строго в нее! :-)):


Кстати, подумалось.... Вы можете скачать именно эту картинку и для начала ставить точки строго туда, куда я ставила. Ибо - если у меня контур выгнулся, - значит и у вас он выгнется:-)

Ставим последнюю точку строго в первую, не отпускаем мыши и выгибаем контур. Alt у нас на этом последнем этапе уже не будет работать (если мы точно попали в первую точку). Поэтому, выгнув контур, просто отпускаем клавишу мышки. Все. обтравка контура закончена. :-)
Вот так:

У нас все еще включен инструмент Pen - Перо. :-) Клацаем правой клавишей мыши по файлу в любой точке и в выпавшем окне выбираем "Make Selection"- "Сделать выделение":

В открывшемся окне ставим Feather Radius - Радиус пера, радиус растушевки. Я ставлю 2 пкс (т.к. картинка у нас не слишком маленькая, и эта растушевка не будет резать глаз. Чем больше картина, тем большую растушевку можно ставить, и, соответственно, чем меньше - тем меньшую). Итак у меня 2 пкс, и жму ОК:

Цветок у нас выделился - вместо контура (простой линии) вокруг него выделение - переливающаюся пунктирная линия:

Теперь нажимаем сочетание клавиш Ctrl+C или так:

Нажимаем Ctrl+N или так (открываем новый файл, короче:-)))):

Умный фотошоп сразу ставит нужные параметры открываемого файла, чтобы вставить скопированное. Нам остается нажать кнопку ОК. Но, на всякий случай..., (доверяй, но проверяй) проверяем, чтобы все у нас было, как на скрине. Зеленая стрелка - фон прозрачный. Если у вас другой - выбираем прозрачный. Синяя стрелка - можем поменять название. Ну и жмем ОК:

Файл открылся:

Нажимаем сочетание клавиш Ctrl +V, или так:

Все, мы всю работу выполнили. У нас вырезанный цветок на прозрачном фоне:

Сохраняем файл в Png. Так:

Дополнительно:-)
Перед сохранением файла можно проверить, все ли у нас хорошо. Открываем палитру слоев (нажимаем клавишу F7) или так:

В палитре слоев с зажатой клавишей Ctrl щелкаем сюда (клавишу Ctrl зажимаем, чтобы новый слой у нас был ПОД слоем с цветком):

Вот у нас появился новый слой:

Мы стоим на этом новом пустом слое (видите - он выделен синим?), нажимаем сочетание клавиш Shift + F5 или так:

В открывшемся окне нажимаем на галочку (красная стрелка) и в выпавшем списке выбираем Black - черный (синяя стрелка):

Наш пустой нижний слой залился черным и мы хорошо видим, как будет смотреться цветок на фоне:

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

Встаем в открытой палитре истории на пункт Close Path (красная стрелка). И наш мы возвращаемся к тому моменту, где мы замкнули путь (синяя стрелка):

Снова берем инструмент перо и зажимаем клавишу Ctrl !!! Тыкаем (все делаем с зажатой клавишей Ctrl!!!) по любой точке контура и видим, что у нас появились все опорные точки с направляющими):

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

Собственно, пока все. У этого метода преимущество - простота. Но есть недостатки - у нас остается одна направляющая, что сокращает возможности редактирования. И, если мало опыта работы с пером, контур может получиться не слишком плавным. Но начнем все же с этого, чтобы научиться гнуть контур:-)
По этому же методу можно отрисовывать картинки
Урок . Здесь конкретно - отрисовка контура. Весь урок
Именно по этому уроку я и училась:-)

P.s. После того как мы проверили обтравку картинки, вынеся ее на черный фон, - этот слой с фоном удаляем и сохраняем в png.