Как сделать контур фигуры в фотошопе: Управление контурами в Photoshop

Как изменить толщину контура в фотошопе

Ответы

если она на отдельном слое, то ctrl+t и растягивать
если на основном фоне, то выделить линию тем, чем удобнее, потом ctrl+j и снова ctrl+t
можно заглянуть в edit -> transform и там потыркать остальные функциии трансформации

lojcin 7 (92210) 34 176 787 5 лет

Инструкция
1
Запустите программу Microsoft Word, установите панель инструментов «Рисование», либо перейдите в меню «Вставка» – «Рисунок» (в зависимости от версии программы). Выберите инструмент «Линия». Щелкните левой кнопкой мыши в той части документа, где она будет начинаться, далее не отпускайте и ведите в нужном направлении. После того, как вы нарисовали линию, необходимо установить толщину линии. Если вы работаете с программой Word 2007, тога для того, чтобы изменить толщину линии, выделите линию, далее на панели инструментов отобразится меню «Формат», выберите там пункт «Контур фигуры», далее «Толщина линии» и выберите необходимое значение толщины линии согласно образцу.

Кроме того, вы можете выбрать свое значение толщины линии, для этого щелкните по кнопке «Другие линии» и задайте необходимые параметры.
2
Перейдите на панель инструментов «Рисование», если работаете в любой другой версии программы Microsoft Word. Найдите там кнопку «Толщина линии», щелкните по ней и выберите необходимую толщину.
3
Запустите программу PicPick, простой графический редактор для создания элементарных изображений и их редактирования. Перейдите в панель инструментов и выберите инструмент «Прямая линия». Щелкните левой кнопкой мыши в том месте рисунка, где начнется линия, далее проведите в нужном направлении и нарисуйте линию. На панели инструментов выберите опцию «Контур», установите нужный контур, а в меню справа нажмите стрелку и выберите толщину линии (от 1 до 15 пикселей).
4
Запустите программу Adobe Photoshop, создайте новый файл, перейдите в палитру инструментов и выберите инструмент «Линия». На панели инструментов введите в поле «Толщина» необходимое значение толщины линии в пикселях. Щелкните левой кнопкой мыши в том месте рисунка, где начнется линия, далее проведите в нужном направлении и нарисуйте линию.

На этой странице

Сегменты, компоненты и точки контура

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

Контур может быть замкнутым, не имеющим ни начала, ни конца, (например, круг) или открытым, имеющим отдельные конечные точки (например, волнообразная линия).

Гладкие кривые соединяются узловыми точками, называемыми

точками сглаживания. Контуры с резкими кривыми соединяются точками преломления.

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

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

Выбор контура

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

Чтобы выделить компонент контура (включая фигуру в слое-фигуре), выберите инструмент «Выделение контура» и щелкните в любом месте внутри компонента контура. Если контур состоит из нескольких компонентов, будет выделен только компонент, находящийся под курсором.

Чтобы выделить сегмент контура, выберите инструмент «Стрелка» и щелкните одну из узловых точек сегмента или выделите прямоугольную область, захватывающую часть сегмента.

Если выбран инструмент «Стрелка», контур или компонент контура можно выбрать целиком, щелкнув мышью в пределах контура при нажатой клавише «Alt» (Windows) или «Option» (Mac OS). Активизировать инструмент «Стрелка» можно, когда выбран любой другой инструмент, установив указатель над узловой точкой и нажав клавишу «Ctrl» (Windows) или «Command» (Mac OS).

Выбор нескольких контуров | Photoshop

Можно выбрать несколько контуров на одном или нескольких слоях.

На панели Контуры выполните любое из следующих действий, чтобы сделать контуры видимыми.

• Для выбора нескольких смежных контуров щелкайте их, удерживая клавишу «Shift».
• Щелкните мышью, нажав клавишу «Ctrl» (Windows) или «Command» (Mac OS), чтобы выбрать контуры, не следующие подряд друг за другом.

Выберите инструмент Выделение контура или Стрелка и выполните одно из следующих действий.

• Перетащите курсор над сегментами.
• Щелкайте контуры, удерживая клавишу «Shift».

Чтобы выделить дополнительные компоненты или сегменты контура, выберите инструмент Выделение контура или Стрелка и выделяйте дополнительные контуры или сегменты, удерживая клавишу «Shift».

При желании с контурами можно работать в режиме изоляции. Чтобы изолировать только слой, содержащий контур, и сделать контур активным, дважды щелкните его, предварительно выбрав инструмент выделения. Также можно изолировать один или несколько слоев, используя элемент меню Выбрать/изолировать слои или установив для параметра Фильтрация слоев значение Выбрано .

Выйти из режима изоляции можно несколькими способами, такими как:

• Отключение фильтрации слоев
• Выбор для параметра Фильтрация слоев другого значения вместо Выбрано
• Двойной щелчок вне контура, когда выбран инструмент выделения

Изменение порядка контуров

Можно изменить порядок сохраненных контуров, которые не относятся к типу «Фигура», «Текст» или «Векторная маска», на панели Контуры .

На панели Контуры перетащите контур в нужное место. В Photoshop можно выбирать и перетаскивать несколько контуров одновременно.

Создание дубликатов контуров

На панели Контуры выберите контур, дубликат которого необходимо создать. В Photoshop можно выбирать несколько контуров одновременно.

Выполните одно из следующих действий.

• Удерживая клавишу «Alt» (Windows) или «Option», перетащите контуры.
• Выберите команду Создать дубликат контура в меню панели.

Укажите параметры контура

Можно задать цвет и толщину линий контура по своему вкусу и для упрощения видимости. При создании контура — например, с помощью инструмент «Перо» — щелкните значок шестеренки ( ) на панели параметров. Теперь укажите цвет и толщину линий контура. Кроме того, укажите, следует ли выполнить предварительный просмотр сегментов контура по мере перемещения указателя мыши между щелчками (эффект Просмотр ).

Корректировка сегментов контура

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

Если опорная точка соединяет два сегмента, то при ее перемещении изменяются оба эти сегмента.

При рисовании с помощью инструмента «Перо» можно временно активировать инструмент «Стрелка» для корректировки уже нарисованных сегментов. Для этого при рисовании нажмите клавишу «Ctrl» (Windows) или «Command» (Mac OS).

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

Перемещение прямых сегментов

Корректировка длины и угла сегментов прямой

С помощью инструмента «Стрелка» выберите опорную точку сегмента для изменения.

Корректировка положения и формы сегментов кривой

Чтобы скорректировать положение сегмента, перетащите сегмент. Удерживайте клавишу «Shift», чтобы ограничить корректировку углом, кратным 45°.

Для того чтобы скорректировать форму сегмента с любой стороны от выделенной опорной точки, перетащите опорную точку или управляющую точку. Удерживайте клавишу «Shift», чтобы ограничить движение углом, кратным 45°.

Корректировка сегмента контура также обеспечивает корректировку связанных сегментов, позволяя интуитивно трансформировать очертания контуров. Чтобы только отредактировать сегменты между выбранными точками привязки аналогично более ранним версиям Photoshop, на панели параметров выберите «Ограничения перемещения контуров».

Кроме того, к сегменту или опорной точке можно применить трансформирование, например, масштабирование или поворот.

Удаление сегмента

Удаление линии направления опорной точки

• Выберите инструмент «Преобразовать опорную точку» и щелкните опорную точку на линии направления.

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

Расширение открытого контура

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

Для того чтобы создать точку сглаживания, поместите инструмент «Перо» в то место, где должен заканчиваться новый сегмент, затем перетащите инструмент.

Соединение двух открытых контуров

Для того чтобы соединить один открытый контур с другим, щелкните конечную точку второго контура. Когда инструмент «Перо» будет наведен точно на конечную точку другого контура, рядом с указателем появится маленький значок объединения .

Для соединения нового контура с существующим нарисуйте новый контур рядом с существующим, затем переместите инструмент «Перо» к невыбранной конечной точке существующего контура. Щелкните конечную точку, когда рядом с указателем появится значок объединения.

Перемещение или пошаговое смещение опорных точек или сегментов с помощью клавиатуры

Удерживайте клавишу «Shift» в дополнение к клавише со стрелкой для перемещения на 10 пикселей за один раз.

Добавление и удаление узловых точек

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

Палитра инструментов содержит три инструмента для добавления или удаления точек: инструмент «Перо» , инструмент «Добавить опорную точку» и инструмент «Удалить опорную точку» .

По умолчанию инструмент «Перо» заменяется на инструмент «Добавить опорную точку», когда указатель наведен на выделенный контур, и на инструмент «Удалить опорную точку», когда указатель наведен на опорную точку Чтобы инструмент «Перо» автоматически заменялся на инструмент «Добавить опорную точку» или «Удалить опорную точку», на панели параметров должен быть выбран параметр «Оптимизация».

Можно выделить и отредактировать несколько контуров одновременно. Можно также перерисовать контур при добавлении опорных точек щелчком и перетаскиванием по мере добавления.

Чтобы удалить опорные точки, не используйте клавиши «Delete» или «Backspace», а также команды «Редактирование» > «Вырезать» или «Редактирование» > «Удалить». Эти клавиши и команды удаляют как саму точку, так и присоединенные к ней сегменты.

Я нарисовал несколько линий с помощью инструмента «Линия» в Photoshop CS6.

Линии являются векторами на слое формы.

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

Есть ли способ изменить ширину хода?

Ответы

Я думаю, что у вас проблема в том, что ваши линии настроены на обводку «изнутри», поэтому независимо от веса вы не увидите результат. Вам нужно щелкнуть стиль линии рядом с pt weight> затем больше параметров> затем там, где написано align, установить по центру или снаружи. Надеюсь, это поможет.

отметка

Это смущало меня много раз, потому что я думаю и хочу, чтобы это был путь удара, но это не так.

То, что вы на самом деле хотите в Photoshop с помощью инструмента « Line , – это « Вес» .

Однако, как только Line создана в Фотошопе, она действует как Rectangular Shape таким образом Weight больше не может быть изменен, регулируя числовое значение.

Теперь, Stroke Width фактически наложит Stroke вокруг Line , потому что снова Line в Фотошопе – это в основном Rectangular Shape . Это линия веса 40px с 3pt обводкой:

Как увеличить контур в фотошопе. Фигуры Photoshop

Инструкция

Выделить контур в Фотошопе можно несколькими способами. Самый простой связан с использованием «Волшебной палочки» — Magic Wand. В палитре компонентов ее значок выглядит как палочка со звездочкой на конце. Для корректного выделения контуров Magic Wand следует правильно настроить. Установите в свойствах инструмента параметр Tolerance (допуск) равным 30. Это значение позволит достаточно уверенно отделять контур нужного изображения от фона.

Работать с «Волшебной палочкой» очень просто. Поднесите ее к краю предмета, контур которого вы хотите выделить, и кликните левой кнопкой мышки. Контур части изображения будет выделен. Теперь нажмите Shift и, удерживая клавишу, снова кликните левой кнопкой мыши возле еще не выделенной контуром части изображения. Нажатие Shift позволяет тянуть дальше уже выделенный контур. Продолжайте тем же способом создавать контур. Если вы ошиблись, переключитесь раскладку и нажмите Ctrl + Z – последнее действие будет отменено.

Когда контур будет замкнут, переходите к редактированию выделения. Оно может понадобиться в том случае, если в некоторых участках изображения оконтуривание было выполнено некорректно, и контур срезал часть изображения. Немного уменьшите значение tolerance, затем подведите Magic Wand к захваченной контуром части изображения. Удерживая нажатой клавишу Alt, кликните мышкой ошибочно выделенную область. Контур будет исправлен. Теперь нажмите Del, существующий фон вокруг изображения будет удален и залит фоном, выбранным в палитре компонентов.

Для выделения более сложных контуров, особенно сливающихся с фоном, используйте компонент «Лассо» (Lasso Tool). Выберите его, нажмите левую кнопку мышки и тяните инструмент по периметру выделяемого изображения до тех пор, пока контур не будет замкнут. Недостаток инструмента в том, что здесь выделение идет вручную и его качество определяется тем, насколько точно вы двигаете мышь.

Во многих случаях возможности Magic Wand и «Лассо» оказываются недостаточными для точного выделения контуров сложного объекта. Например, вам надо вырезать с фотографии изображение кота, да так, чтобы сохранились усы и . Выделить «Волшебной палочкой» или «Лассо» каждую шерстинку невозможно, да и не нужно – для этого есть более удобный инструмент «Перо».

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

Видео по теме

Источники:

• Работа с инструментом «Уточнить край»
• как выделить контур в фотошопе

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

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

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

Инструкция

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

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

С изображения уберите ненужные черные пятна. Сделать это можно разными способами. Наиболее понятный для непосвященного — найти в левом меню, на котором обозначены инструменты, выделение. Обычно это левый верхний квадратик. Найдите внизу 2 квадратика, которые обозначают цвета. В вашем случае это черный и белый. Белый должен находиться внизу. Выделите с помощью мыши область, которую вы хотите почистить, и нажмите клавишу «Delete». Более мелкие пятнышки уберите с помощью ластика, который вы тоже найдете на боковой панели.

Дорисуйте недостающие линии с помощью кисти. Контур рисунка должен быть сплошным. Нанесите, если нужно, дополнительные линии — тычинки цветка, камни домика и т.д.

Определите, какой вам нужен размер рисунка . В меню «Файл» выставите опции для печати. Если вам нужен очень большой рисунок, а принтер позволяет распечатывать только формат А4, разделите ваш эскиз на несколько частей. Распечатайте каждую часть отдельно, на забыв обозначить места для склейки.

Видео по теме

Полезный совет

Рисунок для вышивки переведите на ткань с помощью копирки, толченого мела или грифеля. В первом случае он просто обводится по контуру. Копирку положите красящим слоем на ткань. Для того, чтобы перевести рисунок с помощью мела или грифеля, наколите его по контуру иголкой. Проколы делайте на расстоянии 3-5 мм друг от друга.

Если вы хотите сделать самодельный витраж, положите рисунок на горизонтальную поверхность и накройте его стеклом. К 5 частям клея по стеклу добавьте 2 части черной туши и 5 частей алюминиевой или бронзовой пудры. Клей лучше взять в баночке и такой, который не очень быстро схватывается. Это может быть, например, ПВА. Герметик не подойдет, а вот с жидким стеклом можно попробовать поэкспериментировать. Перемешайте компоненты. Накладывайте получившуюся краску по контуру мягкой художественной кисточкой. Линия должна быть выпуклой, чтобы жидкий лак, которым вы зальете детали рисунка, не перетекал из одной части витража в другую.

Источники:

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

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

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

• — программа Photoshop;
• — изображение.

Инструкция

К наиболее очевидным способам выделения фрагмента картинки четко заданной формы относится применение таких инструментов, как Rectangular Marquee, Elliptical Marquee, Single Row Marquee и Single Column Marquee. При помощи Rectangular Marquee можно выделить участок прямоугольной формы любого размера. Для этого включите инструмент, зажмите левую кнопку мышки и растяните рамку, ограничивающую выделение. Если вам нужно выделить квадратную область , в процессе применения Rectangular Marquee зажмите клавишу Shift.

Для выделения фрагмента эллиптической формы подойдет инструмент Elliptical Marquee. Зажатая в процессе работы клавиша Shift даст возможность выделить круглый участок изображения.

Инструменты Single Row Marquee и Single Column Marquee пригодятся в случае, когда требуется выделить вертикальный или горизонтальный ряд шириной в один пиксель.

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

Polygonal Lasso следует использовать в случае, когда нужно выделить многоугольник. Включите инструмент и, кликая левой кнопкой мыши, по очереди расставьте опорные точки в углах фрагмента. Для замыкания выделения кликните по первой опорной точке.

Инструмент Magnetic Lasso служит для быстрого выделения областей с контрастными краями. Перед началом работы установите значение в поле Edge Contrast. При небольшой величине этого параметра инструмент будет реагировать на незначительное изменение контраста. Кликните по краю выделяемого объекта и, отпустив клавишу мыши, обведите фрагмент. Magnetic Lasso проставит на краях области опорные точки. Если последняя опорная точка оказалась не на месте, удалите ее клавишей Backspace. Если требуется, поставьте точку вручную, кликнув по контуру в нужном месте.

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

При обработке снимков нередко приходится заниматься раздельной обработкой теней, полутонов и ярких участков изображения. Для их выделения можно применить опцию Color Range из меню Select. Выбрав из списка Select пункт Highlights, вы выделите яркие фрагменты картинки, пункт Midtones потребуется для средних тонов, а Shadows – для теней. При помощи Color Range можно выделить область , окрашенную в произвольный оттенок. Для этого выберите пункт Sampled Colors и укажите на изображении цвет, на основе которого будет создано выделение.

Видео по теме

Источники:

• 5 секретов инструментов выделения в Фотошоп
• как выделить область в фотошопе

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

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

• Графический редактор Adobe Photoshop.

Инструкция

Если в каком-либо слое требуется выделить все изображение на высоту и ширину документа, то сначала кликните по строке этого лэйера в панели слоев. Отображение панели может быть отключено — нажмите клавишу F7 или выберите в разделе меню «Окно» пункт «Слои», чтобы этот элемент отобразился в интерфейсе Photoshop. Выделив нужную строку, воспользуйтесь сочетанием клавиш Ctrl + A или пунктом «Все» в разделе меню «Выделение». По краям изображения появится анимированная пунктирная рамка, показывающая границы выделенного фрагмента. Если после этого на панели слоев перейти на другую строку, выделенным окажется содержимое другого слоя.

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

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

Для выделения фрагмента изображения произвольной формы используйте инструмент «Лассо» — это следующая (третья) пиктограмма на панели. Вместо щелчка по ней можно нажать клавишу L. Нужную замкнутую область выделения нарисуйте указателем мыши. У этого инструмента есть две вариации, одна из которых — «Прямолинейное лассо» — позволяет выделять сложные многоугольники, а другая — «Магнитное лассо» — очень полезна при выделении одинаково окрашенных участков изображения. Выбрать один из этих вариантов можно так же, как и в предыдущем шаге — при нажатии и удержании левой кнопки на иконке инструмента появляется меню со списком.

Инструменты четвертой кнопки — «Волшебная палочка» и «Быстрое выделение» — предназначены для работы с фрагментами изображения, имеющими одинаковую окраску и цветовую насыщенность. По действию они схожи с «магнитным лассо», но при использовании этих инструментов от вас требуется только указать одну точку-образец, кликнув ее указателем мыши. После этого Photoshop по своему усмотрению выделит весь участок точек, схожих с образцом. Используйте для включения этого инструмента клавишу W.

Видео по теме

При работе с изображениями в «Фотошопе » может потребоваться отменить предыдущее действие и вернуться к исходной картинке. Для возвращения к предыдущему результату нужно выполнить несколько действий..

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

• — компьютер;
• — любая версия программы «Фотошоп».

Инструкция

Работа с изображениями – увлекательное занятие, которое требует от фотомастера определенных знаний и умений. Но даже у опытного пользователя «Фотошопа» нередко возникают ситуации, когда в ходе работы над созданием нового шедевра нужно вернуться на несколько шагов назад.

Внести изменения в обрабатываемое фото можно на любом этапе редактирования. Правда, пред началом работы вам, естественно, нужно открыть изображение. Для этого достаточно одновременно нажать клавиши клавиатуры Alt+Shift+Ctr+O или в меню «Файл», что на рабочей панели, выбрать опцию «Открыть как», после чего указать место расположения изображения и его формат.

Далее приступайте к непосредственной обработке. А если потребуется внести изменения и вернуться назад, загляните в раздел «Редактирование» на рабочей панели. Здесь вы сможете произвести необходимые операции, выбрав соответствующую опцию: «Отменить», «Шаг назад» и «Шаг назад».

Для удобства вы можете воспользоваться «горячими клавишами»: Ctrl+Z – для отмены последнего действия, Shift+Ctrl+Z — для совершения шага вперед и Alt+Ctrl+Z – для выполнения шага назад.

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

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

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

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

Инструкция

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

Не отпуская кнопки, переведите курсор на противоположный по диагонали угол, рамки будут показывать контур обрезаемой части изображения. Не опасайтесь задать неточные размеры, вы сможете их подкорректировать, перетащив мышкой маркеры на углах и сторонах выделенного участка. Затем выберите любой инструмент на панели. Появится запрос с тремя вариантами: «Кадрировать», «Отмена», «Не кадрировать». Чтобы обрезать рисунок , выберите первый. Если хотите изменить границы обрезки, нажмите «Отмена». Нажатие третьей кнопки полностью отменяет операцию обрезки.

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

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

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

Инструмент «Перо» имеет богатые возможности, с его помощью можно вырезать даже очень сложные элементы изображения – например, пушистого кота. При этом программа, следуя вашим командам, автоматически уточнит края изображения, выделив шерсть и усы животного. Подробно об использовании «Пера» лучше прочитать в специализированной литературе.

Источники:

• Сложное выделение волос за 5 минут в Photoshop CS5

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

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

• Компьютер с установленным «Фотошопом», фотография.

Инструкция

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

Создайте новый слой, нажав соответствующую кнопку на панели слоев справа. Вы увидите, что новый слой появится выше основного.

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

Вернитесь к своей фотографии, чтобы сделать заливку на новом слое. Это действие можно вызвать с помощью сочетания клавиш Shift+F5 или через меню программы: «Правка» – «Заливка» («Edit» – «Fill»). В открывшемся окне выберите «Цвет переднего плана» («Foreground Color») и подтвердите действие. Никакие другие параметры изменять или задавать не нужно. Также можно просто выбрать нужный значок на панели инструментов и кликнуть мышью в нужную область. В результате заливки выбранный вами участок кожи полностью окрасится в необходимый цвет. Не пугайтесь, когда увидите, что пока это еще не похоже на загар.

Поменяйте режим наложения на «Мягкий свет» («Soft Light») и уменьшите прозрачность слоя, чтобы изображение приняло естественный облик. Сделать это можно в панели слоев в верхних выпадающих настройках. Уровень прозрачности выберите самостоятельно, в зависимости от ваших предпочтений и изначального цвета кожи на фотографии. Попробуйте разные настройки, двигайте ползунок, изменяйте прозрачность и цвет загара, чтобы добиться нужно результата.

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

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

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

Инструкция

Откройте изображение. Зайдите в меню «Фильтр -> Размытие -> Умное размытие» (Filter -> Blur -> Smart Blur). Выберите режим «Только края». Далее инвертируйте цвета. «Редактирование -> Коррекция -> Инвертировать цвета» (Edit -> correction -> inventirovat color). Или нажмите Ctrl + I.

Создайте новый документ: «Файл -> Создать» (file -> new). Перенесите туда рисунок. Выделите слой, на котором изображен рисунок. Для этого зайдите в палитру слоев. Отключите видимость фонового слоя, то есть щелкните по глазику напротив.

Щелкните по выделенному слою правой кнопкой мыши и выберите «Параметры наложения» (Blending Options). На главной панели в параметре «Наложить, если»(Blend If) перетащите белый ползунок так, чтобы на изображении исчез весь белый цвет. Нажмите ОК.

Создайте новый слой так, чтобы он находился поверх остальных. Зайдите «Слои -> новый слой» (layer -> new layer). Нажмите клавиши Ctrl + E. Или в меню выберите «Слои -> Связать слои» (layer -> link layer). Это действие позволит окончательно вытеснить белый цвет. Далее необходимо выделить фигуру . Нажмите Ctrl и одновременно щелкните мышкой по окну первого слоя.

1 голос

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

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

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

Обрамление фото

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

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

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

Стыдно признаться, но в стародавние времена, для редактирования я и сам просто создавал новый слой при помощи клавиш Ctrl+J, пока не открыл для себя этот элементарнейший момент. Вот почему так важно читать книги и смотреть полноценные курсы для начинающих. Экономит время и помогает не совершать глупых действий, но об этом чуть позже.

Как только вы это сделали, отыщите в меню справа раздел «Параметры наложения». Он скрывается под иконкой функции fx. В этом разделе откройте категорию «Обводка».

Готово, то что нам нужно. Первым делом справа, под кнопками «Ок», «Отмена» и «Новый стиль» отыщите «Просмотр» и поставьте напротив него галочку, чтобы сразу видеть изменения на рисунке.

Теперь определитесь с размером рамки. Можете при помощи мыши оттащить меню. Зацепите его сверху, там где написано «Стиль слоя» и перенесите в нужное место.

Решите внутри, снаружи или из центра будет нарисована рамка. Естественно, если это край изображения, то вы не увидите контура, когда примените функцию «снаружи». Лишь часть отобразится, если она будет размещена «По центру». Чуть позже или в процессе работы вы наглядно поймете в чем различия.

Еще одна важная настройка – «Цвет». Щелкните по этой плашке и получите доступ к спектру, чтобы изменить оттенок.

Вот такой результат получился у меня после того, как я все сделал и кликнул на «Ок».

Сложный контур

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

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

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

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

Перейдите в раздел правого меню «Контуры».

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

Теперь в разделе «Контуры» нажмите на правую кнопку мыши и щелкните «Выполнить обводку».

Готово. Жмете «Ок».

Альтернативный более простой вариант

В этот раз я поступлю мудрее и выберу объект, который состоит только из одного цвета. Так его будет проще выделять палочкой. Щелкаю ей по женщине, а затем выношу этот объект на при помощи клавиш Ctrl+J.

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

Теперь выбираете обводку, как делали это ранее, через параметры наложения (fx).

И снова работаете с контуром. Уже привычным образом, как и в первой главе про обрамлении фото. В этот раз можно использовать положение «Снаружи» и «По центру».

Надписи

Теперь я покажу вам как работать с буквами. В этом тоже нет ничего сложного. Могу предложить интересные статьи о том, или . Тоже не бесполезное умение. Обратите внимание.

Сам же создаю картинку и вставляю в нее текст обычным способом при помощи одноименного инструмента из левой панели.

В этот раз не думаю что будет сложно найти обводку.

Ну и осталось лишь разобраться со ставшими привычными настройками. Ничего нового.

Видео инструкция

Если какие-то моменты остались для вас непонятными, могу предложить видео, благодаря которому все становится ясно. Здесь максимум полезной информации о использовании наложения цвета.

Ну а если вам больше понравился (или был непонятен) рабочий контур, то вам подойдет другой ролик.

Если у вас появилось необъяснимое желание узнать о программе максимум, хоть владеете вы ей недостаточно, могу предложить курс «Фотошоп для начинающих в видеоформате ». Из него вы сможете узнать много полезного о инструментах и возможностях Adobe Photoshop.

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

Весь прошлый урок мы рисовали фигуры, выбирая на панели параметров режим «Слой-фигура», сегодня рассмотрим два остальных режима — «Контуры» и «Заливка пикселов».

Контуры

Линия, ограничивающая фигуру, представляет собой контур. Рабочий контур — это временный контур, который появляется на панели «Контуры» и определяет границы фигуры.

Контуры можно использовать несколькими способами:

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


• Контур можно преобразовать в выделенную область.


• Контур можно залить или обвести произвольным цветом.

Создайте новый файл для экспериментов. Возьмите инструмент -фигура- на панели инструментов, выберите режим «Контуры» на панели параметров и растяните мышкой контур на холсте. Теперь посмотрите на панель «Слои», выберите на ней вкладку «Контуры»:

В нижней части панели находятся кнопки, за которыми закреплены наиболее полезные команды работы с контурами:

Выполнить заливку контура основным цветом.

Выполнить обводку контура.

Загрузить контур как выделенную область.

Сделать из выделенной области рабочий контур.

Создать новый контур.

Удалить активный контур.

Итак, вы нарисовали контур, теперь щелкните по иконке -выполнить заливку контура основным цветом- и вот ваш контур похож на фигуру. Попробуйте в деле и другие кнопки панели «Контуры».

Теперь посмотрите на верхнюю часть панели и щелкните по трем параллельным черточкам:

Здесь можно выбрать инструмент для обводки контура. Аналогично можно настроить и заливку контура в соответствующем пункте меню.

На самом деле основным инструментом для работы с контурами является «Перо», это очень полезный инструмент и ему посвящен следующий урок.

Заливка пикселов

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

1. Выберите слой на котором будете рисовать.


2. Выберите на панели инструментов желаемый основной цвет.


3. Выберите инструмента «Фигура» на панели инструментов.


4. Выберите на панели параметров режим «Заливка пикселов», остальные параметры по желанию.


5. Растяните мышкой фигуру на холсте.

На этом урок закончен, в следующий раз мы познакомимся с очень полезным инструментом — «Перо».

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

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

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

Я написала следующий текст, с помощью инструмента «Horizontal Type Tool» , и выбрала для него настройки, какие подчеркнуты на рисунке ниже.

Теперь нужно выделить наш текст. Про различные способы выделения , Вы можете прочесть, перейдя по ссылке. Поскольку текст однотонный и достаточно контрастный, по отношению к фону, я буду использовать инструмент «Magic Wand Tool» (Волшебная палочка).

В настройках инструмента выбираем значение «Tolerance» (Допуск) – выделяет область с похожими по цвету пикселями, и убираем галочку напротив «Contiguous» (Смежные пиксели). Убрав галочку, можно будет выделить сразу все пиксели похожего цвета на всем изображении, даже если области с похожим цветом расположены в различных местах.

Кликаем Волшебной палочкой по тексту. В результате, он будет выделен. Если бы мы оставили галочку напротив «Contiguous» (Смежные пиксели), то выделилась бы только одна буква, по которой мы кликнули, и пришлось бы кликать по каждой букве, чтобы выделить ее.

Теперь давайте обведем текст. Наведите курсор на выделенную область и кликните по ней правой кнопкой мыши. Выберите из контекстного меню «Make Work Path» (Образовать рабочий контур).

В следующем окне задайте значение допуска «Tolerance» и нажмите «ОК» .

Текст будет обведен тонкой линией. Чтобы ее увидеть, на панели слоев скройте слой, на котором написан текст – уберите глазик напротив него.

Делаем обратно слой с текстом видимым. Теперь нужно создать новый слой. Для этого на панели слоев кликните на кнопочку «Create a new layer» (Создать новый слой).

Оставляем выделенным созданный слой «Layer 1» .

Сделать контур в Фотошопе можно, используя различные инструменты: «Brush Tool» (Кисть), «Eraser Tool» (Ластик), «Smudge Tool» (Палец) и прочие. Но перед тем как его сделать, нужно настроить необходимые параметры для инструмента.

Мы будем создавать контур, используя «Brush Tool» (Кисть). Поэтому, выбираем ее на панели инструментов, и задаем желаемые параметры. Я выбрала жесткую кисть с размером 7 салатового цвета.

После этого, на панели инструментов выберите «Path Selection Tool» (Выделение контура).

Кликните мышкой внутри выделенного контура и выберите из меню «Stroke Path» (Выполнить обводку контура).

В следующем окне из выпадающего списка выбираем инструмент, которым будем делать контур. Выбирайте тот инструмент, который Вы настраивали на предыдущем шаге. У меня это «Brush Tool» (Кисть). Нажмите «ОК» .

Контур текста будет обведен. В примере, кистью салатового цвета.

Чтобы удалить тонкую серую линию, которой изначально был обведен текст, нажмите «Backspace» . На рисунке через светлый контур просвечивается темная полоска – это уберет ее.

На этом все – мы сделали контур для текста в Фотошопе.

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

Для данного примера это делается так: разблокируйте слой «Background» , удалите слои «Background» и «сайт» , сохраните изображение в формате *.png или *.gif .

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

Теперь рассмотрим, как сделать контур для объекта на изображении . Создадим контур для этой розы.

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

Открываем изображение или фото в Фотошопе. Теперь нужно выделить объект. Я буду использовать инструмент «Quick Selection Tool» (Быстрое выделение).

Выбираем его и кликаем мышкой по розе. Если ошибочно выделится ненужная часть изображения, зажмите «Alt» и кликните по ней мышкой, чтобы вычесть данную область из выделения.

Когда выделите нужный объект, нажмите по нему правой кнопкой мыши и выберите из меню «Make Work Path» (Образовать рабочий контур). Наша роза будет обведена тонкой серой линией.

На палитре слоев создаем новый слой и оставляем его выделенным.

Теперь перейдите к настройке инструмента, с помощью которого будете делать контур. У меня будет «Brush Tool» (Кисть) седьмого размера черного цвета.

Выбираем на панели инструментов «Path Selection Tool» (Выделение контура). Кликаем мышкой внутри выделенного контура и выбираем из меню «Stroke Path» (Выполнить обводку контура).

В следующем окне выберите тот инструмент, который настраивали.

Если отключить видимость основного слоя, получится следующее. Удалить тонкую серую линию контура можно клавишей «Backspace» .

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

Рисовать будем на том слое, где выделен контур, поэтому активным должен быть «Layer 1» .

Я выбрала черный цвет для кисти, размер – 4 и обвела все линии внутри розы.

И, зажав Shift, построю правильный круг:

Векторная фигура в виде правильного круга

Photoshop помещает каждую новую нарисованную нами векторную фигуру на отдельный слой, называемый слой-фигурой. И если мы сейчас посмотрим на панель слоев, то увидим новый слой с фигурой с именем «Эллипс 1» (в англ. — Ellipse 1), расположенный выше фонового слоя. На то, что это слой с векторной фигурой, указывает значок, расположенный справа внизу миниатюры слоя:

Каждая новая векторная фигура получает свой собственный слой, значок векторного слоя обведён салатовым цветом

Каждая новая векторная фигура получает свой собственный слой в панели слоёв.
В документе одна фигура готова, я нарисую вторую такую же фигуру рядом с первой так, чтобы вторая фигура немного перекрывала первую. Photoshop автоматически помещает эту вторую векторную фигуру на собственном слое (слой автоматически именован «Эллипс 1») на миниатюре слоя также имеется значок:

Две перекрывающихся векторные фигуры. Вторая векторная фигура в настоящее время перекрывает первую. На панели слоёв видны два отдельных слоя с фигурами.

В настоящее время обе моих фигуры имеют красный цвет, но мы можем легко изменить цвет любой фигуры, просто дважды кликнув по миниатюре слоя в панели слоёв. Я дважды кликнул по миниатюре второй фигуры, это действие открывает окно палитры цветов (Color Picker), где я могу выбрать новый цвет. Причём, во время выбора цвета, цвет фигуры и миниатюры изменяется в реальном времени:

Изменение цвета фигуры после двойного клика по миниатюре слоя в панели слоёв. Обратите внимание, что при изменении цвета в палитре цветов, цвет также меняется в качестве предпросмотра у фигуры в документе и миниатюры слоя. Если Вы нажмёте кнопку «Отмена» вместо «ОК», палитра цветов закроется, а цвет фигуры не изменится (в моём случае, останется красным)

Я нажму кнопку ОК, чтобы закрыть Палитру цветов и принять изменения. Теперь моя фигура стала синей.

Выбрать векторную фигуру в документе можно с помощью инструмента «Выделение контура» (Path Selection Tool):

Но выбрать фигуры можно только на активном слое, поэтому, чтобы мне выбрать красный круг, следует сперва кликнуть по слою с этой фигурой в панели слоёв, а затем уже по самой фигуре в документе:

Выбор красного круга: сперва выбрать слой, затем клик по фигуре.

Я могу менять слои в стеке панели слоёв. Например, если я перетащу слой с красным кругом вверх, он закроет синий:

Перемещение слоя с красным кругом вверх.

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

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

Итак, давайте сложим две векторные фигуры. В панели слоёв выбираем синюю фигуру и нажимаем Ctrl+C. Затем удалим слой методом перетаскивания мышкой в корзину:

Удаление слоя после копирования

Теперь у нас на панели слоёв остался только слой с красной фигурой и фоновый. Нажимаем на слой с фигурой для его выбора и затем нажимаем комбинацию клавиш Ctrl+V на клавиатуре, чтобы вставить скопированную формы в слой. при этом фигуры объединятся в одну:

Объединённая фигура из двух кругов на одном слое.

Так как в данный момент обе фигуры находятся на одном слое, я могу изменить взаимодействие фигур друг относительно друга, выбирая различные варианты на панели параметров с помощью кнопки «Операции с контуром» (Path Operations):

Кнопка переключений режимов взаимодействия контуров («Операции с контуром»)

По нажатию на эту кнопку выпадает список с четырьмя различными режимами взаимодействия, это: Объединить фигуры (Add to Shape Area), Вычесть переднюю фигуру (Subtract from Shape Area), Область пересечения фигур (Intersect Shape Areas), и Исключить пересекающиеся фигуры (Exclude Overlapping Shape Areas):

Операции с контуром

Операция «Объединить фигуры» (Add to Shape Area) была инициирована в тот момент,когда мы вклеили скопированную фигуру в слой с фигурой. Давайте рассмотрим другие операции.

Вычесть переднюю фигуру (Subtract from Shape Area) — вторая (вклеенная) фигура больше не видны в документе. Вместо этого, Photoshop использует её, чтобы удалить часть первоначальной фигуры, ту часть, где две фигуры пересекаются:

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

Область пересечения фигур (Intersect Shape Areas) — На этот раз, остается видимым только тот участок, где две фигуры перекрывают друг друга:

Видимый участок остался только в области пересечения фигур

Исключить пересекающиеся фигуры (Exclude Overlapping Shape Areas) — результат, противоположный предыдущему. Обе формы видны только в тех областях, где они не перекрываются:

Видимыми остаются только те области фигур, где они не перекрывают друг друга

Полное объединение компонентов фигур

И в списке осталась ещё одна команда — «Объединить компоненты фигур» (Merge Shape Components). Команда не зря отстоит особняком от других, т.к. она приводит к необратимым действиям — объединению образующих контуров. Если ранее мы просто переключались между командами, то после применения этой команды, переключиться уже будет нельзя.

Если мы нажмём на эту строку, то появится сообщение с предупреждением «Эта операция превратит фигуру в обычный контур. Продолжить?» (This operation will turn a live shape into a regular path. Continue?) , после нажатия ОК контуры будут объединены, все внутренние линии пересекающихся контуров будут удалены, и две или несколько векторных фигур будут преобразованы в один контур, это показано на рисунке, объединение компонентов фигур при:
1. Объединить фигуры (Add to Shape Area)
2. Вычесть переднюю фигуру (Subtract from Shape Area)
3. Область пересечения фигур (Intersect Shape Areas)

Объединение компонентов фигур при различных состояниях операций с контурами

Рисование контуров

До сих пор мы использовали векторные инструменты в режиме фигур. Давайте переключим режим в панели параметров на «Контур» (Path). Обратите внимание, что после переключение из панели параметров исчезли некоторые опции, например, заливка цветом, обводка и т.п:

Панель параметров при режиме векторных инструментов «Контур» (Path)

Создадим новый документ Photoshop, на котором имеется только лишь один фоновый слой, возьмём инструмент «Эллипс» (Ellipse Tool) , на панели параметров выберем, как я говорил выше, режим инструмента «Контур», и проведём контур на документе. Курсор vsib при этом примет вид креста в плюсиком:

Контур, созданный инструментом «Эллипс» в режиме «Контур».

Обратите внимание, что в панели слоёв ничего не изменилось — как был один фоновый слой до рисования контура, так он один и остался после рисования.

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

Контур является всего-лишь инструментом для каких-либо действий — преобразования контура в выделенную область, обводки контура, заливки цветом, создание 3D экструзии из контура и т.п., но полноценным элементом рисунка контур не является.

И так как контура не зависят от слоев, они имеют свою собственную панель — Панель контуров (Paths panel) — которая, по умолчанию, сгруппирована в с панелями слоёв и каналов. На рисунке ниже я переключиться на панель контуров, где мы можем увидеть контур, который я только что нарисовал, он автоматически именован Photoshop как как «Рабочий контур (в англ. — Work Path):

Контур в документе и на панели контуров

Название «Рабочий контур» означает, что на данный момент этот контур является временным, но мы можем сохранить его как часть документа, для этого нам нужно просто его переименовать. Для переименования дважды кликните на его имени в панели контуров, после чего Photoshop откроет диалоговое окно для сохранения контура, предлагающее новое имя. Вы можете просто принять новое имя по умолчанию или ввести своё. Я назову свой «контур-эллипс»:

Путь для сохранения контура

Хотя, если честно, контур сохраняется при сохранении документа PSD и без переименования, возможно, в ранних версиях он и не сохранялся, я уже не помню.

Инструмент «Выделение контура» выделяет контур целиком со всеми узлами, «Выделение узла» выделяет один (или насколько, если зажать Ctrl) опорных узлов контура, инструмент «Угол» изменяет свойства опорных узлов.

Изменение контура с помощью инструмента «Выделение узла»

Операции с контурами

Внизу панели контуров имеются семь кнопок. Эти кнопки позволяют делать с контурами некоторые операции:

Кнопки операций с контурами.

Перечисляю, слева направо:

Выполнить заливку контура основным цветом (Fill path with foreground color) — контур на активном слое в панели слоёв будет залит основным цветом цветовой палитры. Если в документе есть только фоновый слой, значит, будет залит фоновый.

Выполнить обводку контура кистью (Stroke path with brush) — контур на активном слое будет обведён кистью основным цветом цветовой палитры. Толщина и жёсткость линии обводки зависит от настроек инструмента «Кисть» (Brush Tool) . К примеру, если «Кисть» заранее настроена — круглая, 50% жёсткости, а основной цвет в палитре красный — такая и будет линия обводки, красная, мягкая, толщиной 3 пикселя.

Загрузить контур, как выделенную область (Load Path as a selection) — контур будет преобразован в выделенную область .

Сделать из выделенной области рабочий контур (Make work path from selection) — в данном случае, по понятным причинам, не активна.

Добавить маску (Add a mask) — к слою будет добавлена слой-маска по очертаниям контура, прозрачная область маски — внутри контура, работает только после преобразования контура в выделенную область.

Создать новый контур (Create new Path) — в данном случае не используется.

Корзина (Delete current Path) — тут думаю. понятно, нужна для удаления контура

Кроме того, на панели параметров имеются три кнопки для работы с контурами:

Кнопки операций с контурами на панели параметров

Кнопка «Выделение» (Selection…) преобразует контур в выделенную область. В отличии от аналогичной кнопки внизу панели контуров, нажатие на эту кнопку преобразует контур в выделение не мгновенно, а открывает диалоговое окно с некоторыми параметрами и позволяет задать, к примеру, радиус растушёвки:

Диалоговое окно параметров для преобразования контура в выделенную область

Маска (Mask) — добавляет к слою векторную маску. Если в панели слоёв имеется только фоновый слой, он преобразуется в обычный и к нему также добавляется векторная маска:

Векторная маска из фонового слоя

О третьей кнопке я расскажу чуть ниже.

Преобразование контуров в векторные фигуры

Для преобразования контуров в векторные фигуры на панели задач имеется специальная кнопка, активная в режиме «Контур», это третья кнопка из тех о которых я начал рассказывать выше, она называется «Фигура» (Shape):

Кнопка на панели параметров для преобразования контура в векторную фигуру.

Нажатие на кнопку моментально преобразует контур a векторную фигуру:

Векторная фигура из контура. Цвет заливки фигуры взят из основного цвета цветовой палитры.

При этом фигура заливается сплошным цветом. Этот цвет соответствует основному цвету цветовой палитры.

Но, дело в том, что данная кнопка появилась только у последних версий Photoshop. Между тем, эта операция (векторная фигура из контура) доступна и для более ранних версий Photoshop, вплоть до CS3 включительно, хотя и требует небольшого фокуса.

Итак, у меня имеется документ с фоновым слоем и простым контуром:

Контур для создания векторной фигуры.

Для создания фигуры нам придётся всего-лишь добавить корректирующий слой «Цвет» (Solid Color). Откроется диалоговое окно слоя, где выберите цвет заливки будущей фигуры и нажмите ОК. Всё, фигура готова, она создана на новом слое. Результат, по сути, тот же, как и при использовании кнопки «Фигура».:

Векторная фигура из контура с помощью корректирующего слоя «Цвет» (Solid Color).

Пиксельная заливка (Fill Pixels)

Третий режим рисования фигур в Photoshop — это Пиксельная заливка (Fill Pixels), которая позволяет нам создавать пиксельные формы. Я выберите опцию «Пикселы» (Pixels) на в панели параметров:

Режим пиксельной заливки в панели параметров

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

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

Так что для создания новых пиксельных фигур следует использовать новые пустые слои.

На данный момент у меня имеется документ с одним единственным фоновым слоем. Я добавлю новый слой, нажав Ctrl+Shift+Alt+N, задам в цветовой палитре цвет, скажем, зелёный #5ab345, возьму инструмент «Эллипс «, режим в панели параметров, как говорилось ранее, задан «Пикселы», нажимаю курсором мыши внутри документа и протаскиваю курсор для создания фигуры:

Создание пиксельной заливки.

После того, как я отпускаю клавишу мыши, фигура мгновенно заливается основным цветом с цветовой палитры:

Пиксельная заливка, созданная с помощью инструмента «Эллипс».

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

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

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

В этом материале я расскажу, как преобразовать текст или отдельную букву текста в Photoshop в рабочий контур (Work Path) и каким образом можно получить из любого текста пользовательскую фигуру (Custom Shape).
Конвертация букв в векторный контур необходима, например, для коррекции формы буквы, для создания выделенной области из букв. Кроме того, нередко возникает задача объединения буквы или текста целиком с какой-либо другой фигурой для создания новой пользовательской формы.

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

Пример HTML-страницы

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

Существует несколько способов выполнения этой задачи, и, проще всего кликнуть правой кнопкой мыши по слою с текстом в панели слоёв и нажать по пункту «Создать рабочий контур» (Convert to Shape):

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

Вторым способом является простой клик правой клавишей мыши по тексту и последующий клик по пункту «Создать рабочий контур» (Convert to Work Path) в открывшемся контекстном меню. Но, чтобы этот метод сработал,необходимо, чтобы инструмент «Текст» (Type Tool) был активным, кроме того, необходимо выйти из редактирования текста в слое (чтобы текст в документе не был подчёркнутым и курсор не мигал, для этого, после создания текста, нажать комбинацию Ctrl+Enter), но сам слой в панели слоёв при этом должен быть активным:

Третий способ заключается в использовании вкладок главного меню. В версиях ниже CS6 идём Слои —> Текст —> Создать рабочий контур (Layer —> Type —> Convert to Work Path), в версиях CS6 и выше идём по вкладке Текст —> Создать рабочий контур (Type —> Convert to Work Path).
Убедитесь, что в панели слоёв выбран текстовый слой, иначе метод на сработает!

При применении любого из этих трёх способов текстовый слой остаётся без изменений, а photoshop добавляет рабочий контур, который Вы можете редактировать при помощи векторных инструментов, например, «Пера» (Pen Tool), «Стрелка» (Direct Selection Tool), «Угол» (Convert Point Tool) и др.

На примере я отключил видимость текстового слоя и переместил опорные точки буквы «е» инструментом «Стрелка»:

Кроме изменения и получения текста с буквами пользовательской формы. Вы можете после преобразования текста в контур получить пользовательскую форму (Custom Shape) и использовать эту форму в последствии.

Сохранение текста как пользовательской формы

Для сохранения текста как пользовательской формы, пройдите по вкладке Редактирование —> Определить произвольную фигуру ( Edit —> Define Custom Shape), откроется новое окно, где следует задать новой фигуре имя:

Чтобы использовать полученную фигуру, переключитесь на инструмент «Произвольная фигура» (Custom Shape Tool):

И выберите созданную Вами форму:

Кроме того, при активном инструменте «Произвольная фигура» Вы можете получить из контура выделенную область, слой-маску или фигуру:

На примере я выбрал создание при помощи слой-маски.

Ссылка на источник

Пример HTML-страницы

Как нарисовать контур круга в фотошопе

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

Круг – базовая фигура, использование которой в фотошопе ограничено лишь вашей фантазией. И каков бы ни был ваш уровень познаний, использовать ее вам все равно придется. Поэтому, тянуть не будем и сразу приступим.

Существует несколько способов рисования идеально ровного круга в фотошопе. Но для начала нам требуется создать новый документ для работы. Верхняя панель. Команда Файл – Создать. Рекомендую создавать большой документ, удобный для работы. Я предпочитаю 2000 пикселей по ширине и 1000 по высоте. Но вы можете использовать любой другой размер по своему усмотрению.

Обратим свое внимание на боковую панель инструментов. Инструмент «Эллипс». Он – то нам и нужен. Кликаем по нему, а затем по рабочей области. Удерживаем правую клавишу мыши и проводим окружность. А сейчас я расскажу вам небольшую хитрость. Дабы с первого раза добиться идеально ровного круга зажмите клавишу shift на клавиатуре. Рекомендую запомнить этот прием. Так как работает он со многими элементами.

А теперь второй способ. Теперь мы нарисуем окружность с помощью выделенной области. Для чего опять обратимся к панели инструментов.

Кликаем на инструмент «овальная область», зажимаем shift и рисуем.

Теперь нам требуется залить ее цветом. Обращаемся к панели выбора цвета. Кликаем и выбираем оттенок в появившемся окне. Двигая ползунок, вы можете просмотреть миллионы оттенков и в любом случае найдете то, что вам нужно. Как только сделаете выбор – жмите кнопку «ок» в том же окне.

На той же панели ищем инструмент «заливка». Кликаем по нему, а затем по выделенной области.

Окружность готова. Снимаем выделение, нажав комбинацию клавиш на клавиатуре ctrl+j.

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

Создаем выделенную область и переходим к вкладке «редактирование», где выбираем команду «выполнить обводку».

В появившемся окне выбираем цвет обводки и ее толщину, которая выражается в пикселях.

Вот, что у нас получилось. Не забываем снимать выделение.

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

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

Рисуем круг

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

Далее, в свойствах вверху (прямо под меню) вы увидите три основных показателя прорисовки, а именно:

• Цвет заливки. Отвечает за то, какого цвета будет ваша окружность. Если поставить пункт «Нет заливки» , то внутри будет пустота, то есть останется только контур.
• Цвет обводки. Если задать здесь какой-либо цвет, то мы увидим, что контур стал меняться.

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

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

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

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

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

Самое интересное, что все эти комбинации можно совмещать. Например, если вы хотите рисовать ровный круг из центра, то начните его чертить с зажатым SHIFT и ALT одновременно. А потом еще и можете зажать пробел и перенести куда-нибудь нашу фигуру.

Как нарисовать круг нужного диаметра

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

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

Свойства круга

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

Первичные свойства

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

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

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

Например, если я увеличу размер обводки в 6 раз, то вот как она будет у меня смотреться.

И завершают наши первичные свойства параметры обводки, которые находятся рядом с толщиной. У нас есть несколько вариантов (сплошная, прерывистая и пунктирная линии), из которых вы можете выбрать параметры. Но на данном этапе я рекомендую оставить сплошную линию по умолчанию.

Также, эти самые свойства вы можете активировать в отдельной панели. Для этого перейдите в меню «Окно» — «Свойства» .

Объединение и вычитание

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

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

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

1. Нарисуйте желтый круг и следом за ним еще один внутри него. Только сделайте это в режиме объединения, как мы это делали чуть выше, чтобы они были на одном слое.
2. Далее, снова идем в «Операции с контуром» и на сей раз выбираем пункт «Вычесть переднюю фигуру» . Как видите, теперь, вместо второй фигуры у нас дырка. Но самое интересное, что мы ничего не удалили. Просто второй круг стал прозрачным. Такая фишка удобна тем, что этой областью можно управлять, двигать, увеличивать, уменьшать, а также удалить, если она не нужна.
3. Теперь, берем инструмент «Выделение контура» (черный курсор) и тыкаем на прозрачную окружность внутри основного круга. При желании его можно увеличить при помощи знакомой комбинации горячих клавиш CTRL+T или задав параметры в свойствах. После этих манипуляций принимаем трансформирование и пододвигаем внутреннюю фигуру вправо или влево. Как видите, благодаря тому, что наш второй круг скрывает всё, что находится за ним, создается ощущение того, что перед нами месяц.

Я надеюсь, что вы поняли суть того, для чего нужно вычитание фигуры.

Как нарисовать круг в круге

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

Способ номер 1. Копирование слоев

Давайте сразу нарисуем круг с красной заливкой и без обводки. и уже после этого скопируем этот слой три раза (пусть у нас будет четырехслойная мишень). Для этого встаньте на слой с нарисованным только что кругом и трижды нажмите комбинацию клавиш CTRL+J, чтобы дублировать его три раза.

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

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

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

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

Сейчас я специально сделал между окружностями разное расстояние, чтобы показать вам, как сделать всё ровно буквально за одно-два нажатия. Для этого выделите все слои, участвовавшие в процессе, по очереди с помощью зажатой клавиши CTRL. Либо вы можете выделить все сразу, выделив лишь первый и последний слой с зажатым SHIFT. Все, что было между ними будет также автоматически выделено.

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

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

Способ 2. Вставка новой окружности

Кроме вышеуказанного способа можно воспользоваться простым добавлением. Я не буду долго размусоливать эту тему, так по идее все и так должно быть понятно.

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

Обтравочная маска и рамка

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

1. Для начала нарисуем круг и загрузим сразу изображение, которое туда нужно будет поместить.
2. Теперь, встаем на слой с изображением (только обязательно убедитесь, что он находится над фигурой) и жмем на нем правой кнопкой мышки. После этого выбираем пункт «Создать обтравочную маску» .
3. Как видите, изображение скрылось где-то за пучиной невидимости, но часть его выглядывает в круге. Это работает по принципу окна в доме. Вы видите всё, что за окном, но не более того. Теперь, можете просто взять инструмент «Перемещение» и двигать изображение как захотите. Также можете его трансформировать и выполнять все другие известные действия.

Это очень классное решение, так как всё получается ровно и четко, а самое главное, не страдает сама картинка и мы можем перемещать ее внутри круга как захотим.

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

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

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

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

Ну а на этом я свою сегодняшнюю статью заканчиваю. Надеюсь, что вам понятно, как нарисовать круг в фотошопе нужного диаметра, с заливкой и обводкой. Если есть какие-то вопросы, то спрашивайте, не стесняйтесь. Ну а на этом у меня всё. Не забудьте подписаться на паблики в социальных сетях и на уведомления моего блога. До скорых встреч. Пока-пока!

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

Создание круга в Фотошопе

Для того, чтобы нарисовать круг в Фотошопе, мы можем воспользоваться двумя инструментами: “Овальная область” и “Эллипс”. У каждого их них есть свои особенности, поэтому давайте по-отдельности рассмотрим каждый.

Метод 1: инструмент выделения “Овальная область”

Сперва рассмотрим на примере, как можно создать круг с помощью инструмента “Овальная область”, входящего в группу “Выделение”.

1. Кликнув правой кнопкой мыши по группе инструментов “Выделение” нам нужно выбрать “Овальную область”.
2. Чтобы получился идеально ровный круг, зажимаем клавишу Shift и создаем выделение при помощи данного инструмента.
3. Нажимаем сочетание клавиш Shift+F5 (или переходим в меню “Редактирование” и выбираем пункт “Выполнить заливку”). Откроется окно заливки. В параметре “Содержание” выбираем опцию “Цвет”.
4. На экране появится Палитра цветов. Определяемся с нужным цветом и оттенком, после чего нажимаем OK в окне палитры и затем – в окне заполнения цветом из предыдущего шага.
5. Все готово. Мы получили идеальный круг, залитый нужным цветом.

Кстати, “покрасить” круг можно и по-другому:

1. После того, как мы выделили область в виде круга нажимаем по кнопке выбора цвета на основной боковой панели инструментов. Откроется уже знакомое окно “Палитра цветов”, где мы выбираем требуемый цвет/оттенок и кликаем OK.
2. После этого выбираем инструмент “Заливка” и кликаем в любом месте внутри выделенной области в форме круга.

Чтобы убрать выделение, нажимаем на клавиатуре сочетание клавиш Ctrl+D.

Метод 2: использование инструмента “Эллипс”

Создать круг можно также с помощью инструмента “Эллипс” из группы “Фигуры”. Давайте посмотрим, как с ним работать.

1. Для начала нужно выбрать требуемый инструмент на боковой панели.
2. Теперь, зажав клавишу Shift, аналогично созданию выделения, рисуем эллипс, который примет форму ровного круга.
3. Задать точные размеры круга можно на верхней панели инструментов. При этом, чтобы сохранить пропорции при редактировании ширины или высоты, предварительно нажимаем на значок связки.
4. Если нужно изменить цвет созданной фигуры, можно кликнуть на миниатюру слоя в Панели слоев. Появится окно “Палитра цветов”, где можно задать любой понравившийся цвет.

Заключение

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

Как сделать обводку в фотошопе: 4 потрясающих способа

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

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

При оформлении рисунков, картинок и документов часто применяется обводка, чтобы выделить и украсить объект или текст на общем фоне. Делается это быстро и не сложно, так что, господа, не переживаем. Всё будет на прежнем уровне доступно объяснено.

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

Что же, не будем более задерживаться на вступлении, а приступим побыстрее к делу! Приятного вам чтения!

Два способа создания обводки

Существует два пути того, как сделать обводку в «Фотошопе»: выделение границ слоя при помощи одного из специально предусмотренных эффектов и обрисовывание векторного контура. Первый способ чаще применяется для визуального подчеркивания границ объектов и для отделения их от фона (чаще всего это необходимо, например, для того чтобы выделить текст на пестром фоне). Второй способ больше используется для рисования, особенно при создании четких геометрических фигур.

Обводка. Что это такое и зачем она нужна?

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

По своей сути, обводка – это внешние линии, которые проходят по контуру нужного вам объекта. Они могут иметь несколько типов, давайте их вкратце рассмотрим.

Название типа	Описание	Назначение
Цвет	Линии границы одного цвета	Самый обычный тип. Используется для обычного выделения
Градиент	Контур с переходящим цветом по вектору градиента	Более интересный вариант, больше подходит для оформления.
Узор	Граница с наложением узора	Аналогично предыдущему больше подходит для украшения объекта.

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

Рассмотрение будет вестись на самой последней версии Photoshop CC 2021, но в данной функции различий не будет и на более ранних версиях, поэтому вы сможете применить эти знания на фотошопе cs5, cs6 и на более ранних.

Приступаем к непосредственному разбору!

Обводка слоя в «Фотошопе»

Под обводкой в «Фотошопе», прежде всего, понимается эффект слоя. Этим слоем может быть либо изображение, либо его фрагмент, либо буквы, написанные инструментом «Текст».

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

1. Выбрать слой.
2. В пункте меню вкладки «Редактирование» выбрать «Выполнить обводку».

Откроется диалоговое окно, где нужно будет настроить параметры обводки и подтвердить команду нажатием кнопки «Да». Обводка в «Фотошопе» будет создана, соответствующий слой — обведен, его границы станут видны.

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

• по границе слоя снаружи;
• так, чтобы граница была ее центром;
• по границе внутри.

Также можно настроить режим — как у любой заливки (цвет, узор либо градиент). Путем сочетания этих и других инструментов программы легко добиться самых разных эффектов.

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

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

Второй слой

Если вы смотрели хоть одно мое видео с моего канала youtube, то возможно видели, что в начале каждого ролика у меня стоит заголовок, который обведен особым образом. Так вот, многие меня спрашивают, как я проделываю такой прием. И сейчас я вам поведаю свой секрет, хотя тут ничего секретного на самом деле и в помине нет.

1. Итак, для начала вы должны написать любой текст. Сделали? Молодцы! И теперь зажмите клавишу CTRL
   и нажмите на иконку
   «Т»
   в панели слоев. После этого у вас ваш текст должен выделиться пунктирной линией.
2. Теперь создайте новый слой и сделайте так, чтобы он находился прямо за текстовым слоем. То есть верхним слоем будет надпись, а ниже будет наш новый пустой слой. Да, и сразу встаньте на него, чтобы он был у вас активным.
3. Далее мы идем в верхнее меню и выбираем пункт «Выделение» — «Модификация» — «Расширить» . В появившемся окне мы должны выбрать, насколько расширить нашу выделенную область. В своем примере я выберу на 3 пикселя, но вы можете экспериментировать. После чего нажимаем ОК
   .
4. И следующим шагом нам нужно будет выбрать и сменить на черный (ну или какой-либо еще). Ну а дальше заливаем выделенную область и смотрим на результат.
5. А в довершение к этом можно опять же залезть в стили слоя и выбрать там обводку, и работать с ней. И тогда уже получится более красивый эффект. Именно его я и использую для заголовков к моим видео.

Вот пара примеров того, что у меня получилось.

Кстати, если вы помните, то заливать область вы можете не только областью, но и какой-нибудь текстурой, тогда эффект может получиться еще интереснее. Так что всё в ваших руках. Ну а если вы всё же захотите изучить фотошоп с нуля буквально за пару недель, то я вам настоятельно рекомендую изучить этот классный видеокурс . Он просто потрясающе сочетает в себе простоту, легкость и полезность. смотрится просто на одном дыхании. А по промокоду KOSKOMP_E73

вы получите скидку
10%
от стоимости курса!

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

С уважением, Дмитрий Костин.

Как обвести текст простым способом. Обводка текста или изображения цветом, градиентом и узором в Фотошоп выполняется схожими действиями.

Урок проводится в редакторе cs6, но он подходит и для других версий. В видео показана работа в англоязычной версии Adobe Photoshop CC, но его просмотр полезен при работе в cs6, cs5… с русскоязычным интерфейсом.

Другое диалоговое окно «Обводка»

Второй способ сделать обводку слоя – это выбрать пункт меню «Слой», а далее – «Стиль слоя». Откроется окно, где будут видны все параметры, которые можно задать стилю слоя. Среди них нужно выбрать «Обводку».

Это же окно со стилями вызывается нажатием кнопки «Добавить стиль слоя» в окне «Слои».

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

Для этого пройдите в меню «Редактирование», далее – «Клавиатурные сокращения», найдите по одному из указанных выше путей по пунктам меню и задайте удобную для вас комбинацию.

Как обвести текст

Мы имеем три слоя – фон, изображение, текст.

Сначала сделаем обводку текста. Вызываем окно стилей одним из способов:

1. Двойным щелчком по слою в палитре;
2. Нажать на слой в палитре правой кнопкой мыши и в появившемся списке выбрать Параметры наложения.

3. Нажатием на иконку стилей fx

внизу палитры, и в появившемся списке можно выбрать «Параметры наложения», но удобнее сразу выбрать стиль

В этот момент активным должен быть тот слой, с которым мы работаем.

Откроется окно. Здесь активируем параметр Обводка, нажав на него мышкой, чтобы выделился синим цветом.

Стиль сразу же применился к буквам – по контуру появилась черная линия. Если этого не видно в рабочем окне – поставьте галочку функции Просмотр (рис. 5). Теперь значения параметров можно изменить на свое усмотрение.

Для наглядности мы заменили цвет обводки на зеленый и обозначили контур букв белой полосой.

Функцию Режим наложения

рассматривать в уроках для начинающих нет смысла. Ее не часто используют даже продвинутые мастера фотошопа. Это взаимодействие с нижним слоем. Оставим без изменений режим Нормальный.

Строка Непрозрачность

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

Как видно на рисунке 6, положения «Внутри» и «Из центра» перекрывают часть контура букв. Если сделать обводку полностью прозрачной , то эта часть контура тоже станет прозрачной.

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

Как сделать обводку в «Фотошопе?» Второй способ — это создание контура и его прорисовка.

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

При помощи инструмента «Выделение», «Лассо» или «Волшебная палочка» выделите фрагмент изображения, который нужно обвести. Через пункт меню «Окно» вызовите «Контуры». В этом окне найдите кнопку «Сделать из выделенной области рабочий контур». На панели «Инструменты» выберите инструмент «Кисть», задайте его параметры (форму, цвет и т. д.). Затем в окне «Контуры» нажмите кнопку «Выполнить обводку контура кистью». Выделенная вами ранее область будет обведена. После этого удалите контур.

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

Обратите внимание на то, что обводка в этом случае будет размещена на указанном вами слое, в том числе новом.

Изучение Photoshop

Если вы хотите всерьёз заняться изучением фотошопа, не рыскать в интернете ответы на те или иные вопросы, а систематично и последовательно постигать азы этой удивительной программы, даже если вы полный ноль, то настоятельно рекомендую курс Зинаиды Лукьяновой — «Фотошоп с нуля в видеоформате VIP 3.0

».

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

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

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

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

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

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

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

Как изменить цвет и текстуру обводки

Окошко Тип обводки

открывает список, где можно выбрать настройки заливки: цветом, градиентом или узором.

Цвет

Производит заливку однородным цветом. Чтобы его изменить, нажимаем на квадратик с текущим цветом (рис8 п.1) – открывается палитра. Здесь устанавливаем цвет (рис 8 п.2), выбираем его тональность (рис 8 п.3).

Если вы точно знаете код цвета, можно его вставить в соответствующую графу.

Теперь наш текст обведен бледно голубым цветом.

Обводка узором

Заполняет паттерном, то есть готовым узором.

Обводку узором покажем на примере изображения.

Делаем этот слой активным.

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

Так же, как описано выше, открываем окно параметров и выбираем нужный стиль.

В строке Тип обводки выбираем Узор. Открывается такое окно настроек:

Здесь мы увеличили толщину линии до 6 пикс. и для лучшего эффекта увеличили масштаб самого узора до 128%.

Кнопка привязки к началу координат выравнивает узор по верхнему левому краю слоя.

Если хотим изменить узор – открываем библиотеку нажатием на стрелочку (рис 10. п.1). Еще больше узоров найдем там же нажатием на значок настроек. Откроется список. (рис.10. п.2).

Сложный контур

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

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

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

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

Перейдите в раздел правого меню «Контуры».

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

Теперь в разделе «Контуры» нажмите на правую кнопку мыши и щелкните «Выполнить обводку».

Готово. Жмете «Ок».

Альтернативный более простой вариант

В этот раз я поступлю мудрее и выберу объект, который состоит только из одного цвета. Так его будет проще выделять палочкой. Щелкаю ей по женщине, а затем выношу этот объект на при помощи клавиш Ctrl+J.

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

Теперь выбираете обводку, как делали это ранее, через параметры наложения (fx).

И снова работаете с контуром. Уже привычным образом, как и в первой главе про обрамлении фото. В этот раз можно использовать положение «Снаружи» и «По центру».

Произвольная обводка — фигуры

На заготовку я наложил скриншот космических леденцов с Ali и хочу обвести в овал само изображение. Как это сделать.

Сперва я растрирую слой. Это нужно если вы просто перетащили картинку из папки в рабочее поле программы. Щелкаете правой клавишей мыши по выбранному слою, чтобы появилось дополнительное окно, а затем выбираете растрировать.

Обрамление фото

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

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

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

Стыдно признаться, но в стародавние времена, для редактирования я и сам просто создавал новый слой при помощи клавиш Ctrl+J, пока не открыл для себя этот элементарнейший момент. Вот почему так важно читать книги и смотреть полноценные курсы для начинающих. Экономит время и помогает не совершать глупых действий, но об этом чуть позже.

Как только вы это сделали, отыщите в меню справа раздел «Параметры наложения». Он скрывается под иконкой функции fx. В этом разделе откройте категорию «Обводка».

Готово, то что нам нужно. Первым делом справа, под кнопками «Ок», «О отыщите «Просмотр» и поставьте напротив него галочку, чтобы сразу видеть изменения на рисунке.

Теперь определитесь с размером рамки. Можете при помощи мыши оттащить меню. Зацепите его сверху, там где написано «Стиль слоя» и перенесите в нужное место.

Решите внутри, снаружи или из центра будет нарисована рамка. Естественно, если это край изображения, то вы не увидите контура, когда примените функцию «снаружи». Лишь часть отобразится, если она будет размещена «По центру». Чуть позже или в процессе работы вы наглядно поймете в чем различия.

Еще одна важная настройка – «Цвет». Щелкните по этой плашке и получите доступ к спектру, чтобы изменить оттенок.

Вот такой результат получился у меня после того, как я все сделал и кликнул на «Ок».

Видео инструкция

Если какие-то моменты остались для вас непонятными, могу предложить видео, благодаря которому все становится ясно. Здесь максимум полезной информации о использовании наложения цвета.

Ну а если вам больше понравился (или был непонятен) рабочий контур, то вам подойдет другой ролик.

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

». Из него вы сможете узнать много полезного о инструментах и возможностях Adobe Photoshop.

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

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

В этом уроке мы с вами научимся создавать многослойные обводки для текста при помощи такого инструмента Фотошоп, как смарт-объект. Для работы я использую версию Photoshop CS5, но вы можете воспользоваться любой версией это программы, начиная с CS2.

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

Итак, приступим!

Как можно сделать обводку ещё лучше?

Но в 2021 году простой обводкой уже никого не удивишь.

Но ничего страшного, ведь в Adobe Photoshop CS6 есть намного больше полезных функций. Например, тень или подсветка.

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

Ведь при правильном подборе можно сделать надпись намного красивее.

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

Выберите тот цвет, который вы хотите сделать подсветку.

А после этого вам нужно будет настроить эту самую подсветку.

Там вы сможете изменить её интенсивность, угол и распыление.

Как только вы найдёте оптимальное состояние, вы сможете сохранить его как шаблон, чтобы в будущем не тратить лишнее время.

А ещё можно вернуться к прошлому способу.

Там при помощи обводки вы сможете сделать не просто интересную фигуру, но и плавный переход.

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

После возьмите в руки градиент и воспользуйтесь им для создания обводки.

А также можно настроить тиснение.

В таком случае буква получится не просто красивой, но и реалистичной. А если ещё и сдвинуть его по углу, то получим очень красивую букву с точечным тиснением.

Она будет выглядеть очень современно.

P.S. Возможно вам интересна будет запись: «Фотошоп для начинающих с нуля: полное руководство»

Обычная обводка

Для начала я покажу вам как просто обвести текст. И в этом нам поможет уже знакомая нам функция. Итак, поехали!

1. Давайте откроем какое-нибудь изображение в качестве фона и выберем белый (или любой другой) цвет в качестве основного. Теперь выберите инструмент «Текст», задайте нужный шрифт и размер, и напишите что-либо на новом слое.

2. А теперь вам нужно войти в стили слоя этого текста и поставить галочку на пункте «Обводка». Вы сразу заметите, как надпись обвелась и преобразилась. Правда неизвестно, какие настройки там стоят, так что давайте подстроим все сами.

3. В настройках текста два самых главных параметра — это положение и размер. Положение показывает, с какой стороны будет происходить обводка (снаружи, внутри или в центре). Практика показывает, что самое оптимальное положение — это снаружи. А размер, как вы сами понимаете, будет указывать размер обвoдки в пикселях.

4. Ну и конечно же нельзя забывать про сам цвет обводки. Тут все зависит от цвета текста. Если вы будете использовать белую надпись, то обводка должна быть потемнее, например черная или темно-синяя. Но вы можете экспериментировать с текстом. Здесь вас совершенно никто не ограничивает.

«Adobe Photoshop. Базовый уровень». Занятие 12.1. Версия 2019

Первая часть конспекта к двенадцатому занятию курса «Adobe Photoshop. Базовый уровень» в его гибридной версии, стартовавшей в 2019 году. Курс состоит из 8 видоезанятий и 7 онлайн занятий. Конспекты сделаны только для видеозанятий, поскольку на онлайн занятиях идет разбор пройденной темы и домашних заданий. Здесь можно посмотреть полное описание и программу курса.

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

Конспекты к старой версии курса, состоявшей из 12 онлайн занятий и проходившей с 2012 по 2019 год можно найти

здесь.

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

Для стандартизации внешнего вида, обеспечения стабильности и удобства доступа, данные материалы представлены в виде документов Evernote с упрощенным форматированием. Чтобы перейти к оригиналу статьи, кликните по адресу сайта непосредственно под ее названием.

Для лучшей связи конспекта и занятия в соответствующих местах помещены миниатюры разбираемых в этот момент изображений.

Задачи на занятие
1. Познакомиться с путями (Path) и освоить методику быстрого построения контура
2. Научиться создавать при помощи путей векторные и растровые маски
3. Понять принципы создания реалистичных фотомонтажей
4. Научиться работать с текстом и верстать простые макеты

Для самостоятельного изучения:
Андрей Журавлев. «Работа с путями (Path) в Photoshop»
Liveclasses. Adobe Photoshop: работа с путями. Инструменты и операции
Liveclasses. Adobe Photoshop: работа с путями. Практика применения
Liveclasses. Adobe Photoshop: работа с текстом

Тема 21. Работа с путями (Path).

Для самостоятельного изучения:
Liveclasses. Adobe Photoshop: работа с путями. Инструменты и операции

21.1 Что такое пути и для чего они нужны

• Пути — это элементы векторной графики, или, как их еще называют «Кривые Безье»


• Кривая Безье — это математически заданная кривая, поэтому она остается гладкой при любом увеличении


• Специализированной программой для работы с векторной графикой является Adobe Illustrator, в Photoshop пути применяются как вспомогательные элементы


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


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


• Процесс построения пути, повторяющего форму объекта, называют: «обтравить», «оконтурить», «обойти путем», «оттрассировать»


• Таким образом вырезаются объекты с четкими плавными границами, маски для волос делаются на основе контрастов, содержащихся в каналах изображения

Для самостоятельного изучения:
RuGraphics.ru «Создание выделение с помощью «Пера» Pen Tool»
Википедия. «Кривые Безье»

21.2 Базовые операции в палитре Paths

• В командном меню работа с путями не представлена, поэтому все операции с ними выполняются через палитру Paths (Контуры) и выпадающее меню этой палитры


• Чтобы создать новый путь нужно кликнуть по второй справа кнопке Create new path (Создать новый контур) в нижней части палитры Paths (Контуры)


• Чтобы сделать пиктограмму пути крупнее нужно вызвать команду Panel Options (Параметры панели) и выбрать более крупную иконку


• Путь в палитре Paths (Контуры) является органайзером, аналогом прозрачного файла, в которую будут складываться отдельные контуры


• Активный в данный момент путь подкрашивается серым цветом, чтобы переключиться на другой путь достаточно кликнуть по нему


• Чтобы выделить несколько путей идущих по порядку, необходимо выделить крайний из них, зажать клавишу «Shift» и выделит крайний с друго конца


• Добавить или убрать из выделения любой из контуров можно зажав клавишу «Cmd» и кликнув рядом с его пиктограммой


• На экране отображаются контуры, находящиеся в активных путях


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


• Любой контур можно скопировать из одного пути и вставить в другой, при этом положение вставленного контура будет точно таким же


• Деактивировать все пути можно кликнув по пустому пространству в палитре Paths (Контуры), или нажав клавишу «Enter», когда в палитре Tools (Инструменты) выбран любой инструмент по работе с путями


• Если на момент построения нового контура ни один из путей не активен, программа создаст временный путь Work Path (Рабочий контур) и контур будет строится в нем


• ВНИМАНИЕ!!! Временный путь Work Path (Рабочий контур) может быть только один, если он уже существует и не активен, при создании нового временного пути программа уничтожит старый со всем его содержимым


• Если в процессе работы появился временный путь Work Path (Рабочий контур), просто кликните по его названию в палитре Paths (Контуры) и переименуйте, он превратиться в обычный путь


• Чтобы удалить контур, нужно перенести его на правую кнопку с пиктограммой корзинки в нижней части палитры Paths (Контуры)


• Второй способ удаления пути — нажать на кнопку «Del» при условии, что ни один из контуров в этом пути не является активным


• Данный способ является опасным, потому что при таком удалении контура система не требует подтверждения, а нажать на кнопку «Del» можно случайно

21.3 Инструменты для построения и работы с контуром

• Основным инструментом при работе с путями является Pen Tool (Перо)


• В процессе работы активным должен быть только инструмент Pen Tool (Перо), быстрый доступ к остальным инструментам организуется за счет специальных настроек и нажатия клавиш-модификаторов


• Чтобы перо строило путь, а не Shape (Фигуру), в первом выпадающем меню палитры Options (Параметры) выбрать настройку Path (Контур)


• Простой клик пером ставит в соответствующем месте опорную точку без усов


• Если нажать клавишу мышки и не отпуская ее потянуть курсор в сторону, из вновь созданной опорной точки будут сразу вытянуты усы


• В процессе создания усы связаны как по направлению, так и по длине


• Контур состоит из опорных точек и соединяющих их отрезков кривой (прямой)


• Если из обеих точек не выходят направляющие (усы) они соединяются отрезком прямой


• Если хотя бы из одной опорной точки выходит направляющая (ус), эти точки будут соединяться кривой


• Направление уса является касательной к кривой на входе в опорную точку, длина уса задает степень ее кривизны


• Если усы, выходящие из точки, связаны (образуют развернутый угол), контур проходит через это точку плавно, без излома


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


• Чтобы замкнуть контур, нужно кликнуть пером по первой опорной точке контура


• Чтобы оставить контур не замкнутым, нужно прервать его построение, сделав не активным путь в котором строился контур, или кликнув за пределами контура белой стрелкой


• Для продолжения построения прерванного ранее контура кликните пером по его крайней точке, признаком активности контура является отображение всех его опорных точек


• Аналогичным образом можно соединить строящийся контур с уже имеющимся


• Цвет и ширину отображения путей можно изменить в настройках Preferences > Guides, Grid & Slices (Настройки > Направляющие, сетка и фрагменты)


• Инструмент Freeform Pen Tool (Свободное перо) строит путь по траектории движения курсора


• При обтравке Freeform Pen Tool (Свободное перо) бесполезен в силу низкой точности повторения реального контура объекта и низкого качества получающегося пути


• Инструмент Curvature Pen Tool (Перо кривизны) изменяет форму уже построенного контура, при этом работает более интерактивно и сложно, чем простое перемещение опорных точек


• Инструменты Add/Delete Anchor Point Tool (Перо (добавить/удалить опорную точку)) добавляют новые опорные точки и удаляют уже существующие опорные точек, без разрыва контура в месте удаления точки


• Чтобы обычное перо автоматически добавляло/удаляло опорные точки достаточно активировать в палитре Options (Параметры) настройку Auto Add/Delete (Оптимизация)


• Инструмент Path Selection Tool (Выделение контура), или «черная стрелка», выделяет весь контур целиком и позволяет его двигать и копировать


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


• Инструмент Direct Selection Tool (Выделение узла), или «белая стрелка», работает с отдельными элементами контура: позволяет сдвигать опорные точки и изменять направляющие


• Чтобы изменить ус нужно переместить его крайнюю точку, при этом связь с противоположным усом сохраняется только по направлению


• Если белой стрелкой обвести прямоугольник, будут выделены все элементы контуров, которых попали в это прямоугольник. Добавлять или исключать элементы из выделения можно кликая по ним с зажатой клавишей «Shift»


• Чтобы на время превратить обычное перо в Direct Selection Tool (Выделение узла) нужно зажать клавиши «Cmd»


• Convert Point Tool (Угол) или «галочка» — инструмент для раздельной работы с направляющими


• Если галочкой подхватить ус за крайнюю точку, он отвяжется от противоположного уса (станет не зависимым по направлению). В результате в данном месте возникнет излом контура


• Теоритичеки, связать однажды развязанные усы невозможно, однако, на практике эта задача успешно решается: достаточно кликнуть галочкой по опорной точки (усы будут удалены) и не отпускаю клавишу мышки растянуть из нее новую пару связанных усов


• Чтобы на время превратить обычное перо в Convert Point Tool (Угол) нужно зажать клавиши «Alt»


• Чтобы удалить опорную точку, разорвав в этом месте контур, нужно активировать эту опорную точку и один раз нажать на кнопку «Del»


• После такого удаления опорной точки все остальные опорные точки данного контура будут активированы, поэтому второе нажатие на кнопку «Del» приведет к удалению остатков контура

Для самостоятельного изучения:
RuGraphics.ru «Векторный инструмент Photoshop. Произвольная Фигура»

21.4 Порядок операций для быстрого построения контура

• Процесс построения пути, повторяющего форму объекта, называют: «обтравить», «оконтурить», «обойти путем», «оттрассировать»


• Для быстрого и эффективного построения контура нужно работать циклически, как швейная машинка: каждый следующий стежок делается на чистовую и весь построенный участок контура является качественным


• Операция 1: ставим новую точку контура и сразу вытягиваем из нее усы так, чтобы предыдущая часть контура точно повторила границу объекта


• Операция 2: поправляем выходной ус так, чтобы можно было построить следующий участок контура


• Если в этом месте контур должен преломляться, развязываем усу, если нет — не развязываем


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


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


• Не гонитесь за скоростью, она придет сама собой. Следите за аккуратностью и старайтесь уменьшать количество правок предыдущих точек


• Мысленно разбивайте контур на участки более-менее постоянной кривизны. Стыки между ними и будут оптимальным положением опорных точек


• Можно сделать переменную кривизну контура между соседними точками если вытягивать из них усы разной длины


• Старайтесь строить контур из участков без двойного перегиба. Управлять таким контуром будет легче


• Любой контур можно представить как последовательность больше или меньше деформированных четвертинок окружности


• Старайтесь мыслить на 2-3 точки вперед, это защитит от неприятных тупиков в поисках следующей позиции для опорной точки


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

Дополнительные материалы:
Андрей Журавлев. «Работа с путями (Path) в Photoshop»

21.5 Основные ошибки при построении контура

• При обтравке обычно используется масштаб отображения картинке на экране 200%-400%. Такой масштаб позволяет, с одной стороны, хорошо разглядеть все детали и нюансы границы объекта, а с другой стороны, уместить на экран участок между опорными точками и его окрестности, достаточные для растягивания усов


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


• Не ставьте лишних точек. Это замедляет работу из-за избыточных операций и делает контур менее гладким и управляемым


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


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


• Слишком малая длина усов может привести к мягкому надлому контура


• Обязательно вытягивайте из точки усы и не развязывайте их, если не хотите переломить в этом месте контур

21.6 Степень детализации при обтравке

• Начинать тренировки лучше с обтравки букв. Чистота формы таких объектов делают путь более регулярным, но требуют достаточно точной симметрии


• По степени сложности литеры (из представленных в примере) идут в порядка «П», «З», «О»


• Сложность формы литер в разных гарнитурах возрастает в порядке: прямой рубленый шрифт (Helvetica Regular), прямой засечный шрифт (Times New Roman Regular), курсивный засечный шрифт (Times New Roman Italic)


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


• Упрощение контура возможно при вырезании объекта, если сглаживание формы границ делает границу более аккуратной и приятной на вид


• Помните, что форма, которая задается границами объекта, должна быть согласована с формой, которая задается светл-теневым рисунком

Тема 22. Применение путей.

Для самостоятельного изучения:
Liveclasses. Adobe Photoshop: работа с путями. Практика применения

22.1 Векторная маска

• Vector Mask (Векторная маска) — это маска слоя, сделанная на основе векторного контура


• Чтобы создать векторную маску нужно активировать слой, к которому она будет применяться, путь, из которого она будет создана, и отдать команду Layer > Vector Mask > Current Path (Слои > Векторная маска > Активный контур)


• Более быстрый способ создания векторной маски: произведя те же предварительные действия, кликнуть по кнопке быстрого создания маски в нижней части палитры Layers (Слои) с зажатой клавишей «Cmd»


• При активном слое его векторная маска появляется как временный путь в палитре Paths (Контуры)


• В дальнейшем векторная маска редактируется так же, как обычный путь


• Основной плюс векторной маски — возможность быстро редактировать контур вырезания с сохранением плавности границ


• Основной минус векторной маски — ограниченные возможности по ее доработке, ее можно только растушевать


• Чтобы граница вырезания не выглядела слишком резкой, маску нужно немного (в пределах одного пикселя) растушевать


• Растушёвку для векторной маски можно сделать через регулятор Feather (Растушевка) в палитре Properties (Свойства)


• Обычно пути применяют не напрямую в виде векторной маски, а как вспомогательные лекала для создания обычной (растровой) маски слоя

Для самостоятельного изучения:
RuGraphics.ru «Вырезаем фигуру человека из фотографии. Применение векторной маски»

22.2 Проверка качества обтравки и доработка маски

• Проверка качества обтравки сводится к поиску артефактов вдоль границы объекта и производится при помощи подстановки вырезанного объекта на фона разного цвета


• После обтравки ее качество проверяют создав векторную маску и подставляя объект на белый, средне-серый, черный, красный, синий и зеленый фона


• Наиболее заметны артефакты будут на фоне противоположного цвета тому, на котором происходила съемка


• Ни на одном новом фоне на границе объекта не должны просматриваться следы старого фона


• При наличии мелких следов старого фона, или микроблоков, на границах, проще всего незначительно сдвинуть в этом месте границу вырезания вовнутрь объекта


• Чтобы избежать эффекта вырезания ножницами границу маски слегка растушевывают при помощи настройки Feather (Растушевка) в палитре Properties (Свойства)


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


• Избежать такого эффекта можно сделав на основе контура растровую маску, предварительно завалив ее на один пиксел вовнутрь и размыв границы на тот же один пиксел


• Загружаем выделение по силуэту пути при помощи команды Make Selection (Выделить область) из выпадающего меню палитры Paths (Контуры), или кликнув по пиктограмме пути с зажатой клавишей «Cmd»


• Заваливаем границу выделения вовнутрь с помощью команды Select > Modify > Contract (Выделние > Модификация > Сжать) с настройкой 1px


• Рстушевываем границу выделения с помощью команды Select > Modify > Feather (Выделние > Модификация > Растушевка) с настройкой 1px


• Создаем маску слоя, которая автоматически формируется на основе активного выделения


• Перед быстрой загрузкой выделения по контуру пути хотя бы один раз загрузите ее с помощью команды Make Selection (Выделить область) из выпадающего меню палитры Paths (Контуры), чтобы проверить параметры при загрузке выделения


• Сдвиг границы маски и ее растушевка применимы только к четким резким границам. Применять такие команды к макам лохматых объектов категорически нельзя!


• Команда Make Work Papth (Образовать рабочий контур) автоматически создает путь на основе активного выделения. Такой путь является крайне неаккуратным, поэтому применять эту команды категорически не рекомендуется

22.3 Создание сложной растровой маски на основе контуров

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


• В данном примере для обтравки бомбардировщика сделано три пути: общий силуэт самолета без лопастей и переплета передней кабины; силуэт смазанных лопастей; силуэт для элементов переплета в передней кабине


• Сборка маски производится на слоях и начинается с создания корректирующего слоя-заливки черного цвета


• Перед созданием слоя-заливки деактивируйтесь все пути в палитре Paths (Контуры)


• Каждый следующий элемент маски создаем на отдельном растровом слое для удобства их последующей раздельной доработки

22.4 Взаимодействие контуров при создании выделений

• Алгоритм взаимодействия выделений, загружаемых по разным контурам одного и того же пути, зависит от настроек инструмента Pen Tool (Перо), которые он имел на момент построения контуров


• Чтобы узнать, по какому алгоритму будет взаимодействовать выделение конкретного контура, нужно активировать его и взяв в руки белую или черную стрелку проверить настойку Path Operations (Операции с контуром) в палитре Options (Параметры)


• Настройка Combine Shapes (Объединить фигуры) добавляет выделение по данному контуру к остальным выделениям


• Настройка Subtract Front Shapes (Вычесть переднюю фигуру) вычитает выделение по данному контуру из выделений, сделанных по нижележащим контурам


• Настройка Intersect Shape Areas (Область пересечения фигур) ставляет область пересечения выделения по данному контуру с остальными выделениями


• Настройка Exclude Overlapping Shapes (Исключить пересекающиеся фигуры) дает выделение участков, лежащих внутри нечетного количества контуров, и отсутствие выделения участков, попадающих вовнутрь четного количества контуров


• В настройках Path Operations (Операции с контуром) пера показываются настройки не активных контуров, а самого пера


• Чтобы гарантированно и стабильно переключить режим активных контуров на Exclude Overlapping Shapes (Исключить пересекающиеся фигуры) нужно в настройках пера переключиться на любой ненужный режим, а потом опять переключиться на Exclude Overlapping Shapes (Исключить пересекающиеся фигуры)


• Загрузив выделение по силуэту самолета, заливаем его на отдельном слое белым цветом, после этого снимаем выделение и немного размываем получившийся белый силуэт для смягчения его границ


• Аналогичным образом поступаем с силуэтом лопастей, только задаем растушёвку с большим радиусом

22.5 Маска для протяженных объектов постоянной ширины

• При обтравке проводов, лески, ниток или любых других протяженных объектов постоянной ширины, их можно просто нарисовать на маске, подобрав соответствующий диаметр кисти


• Для этого нужно подобрать диаметр кисти, построить контуры по осевым линиям данных объектов и отдать команду Stroke Path (Выполнить ободку контура)


• При достаточно маленьком диаметре кисти (несколько пикселей) жесткость ее границ можно не снижать, края мазка и так будут достаточно жесткими


• Перед тем как отдать команду Stroke Path (Выполнить ободку контура) нужно произвести все настройки инструмента, которым будет производиться обводка контура


• Ключ Simulate Pressure (Имитировать нажим) активировать не нужно, чтобы не менялась ширина мазка


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


• Чтобы загрузить в качестве выделения сформированный на слоях ч/б силуэт, нужно кликнуть по пиктограмме композитного канала в палитре Channels (Каналы)

Для самостоятельного изучения:
pskurs.ru «Обводка контура в Фотошоп»

22.6 Shape Layer (Слой Фигура)

• Shape Layer (Фигура) — это слой в котором форма объектов задается векторными контурами, а заливка и обводка присваивается им как атрибут


• Чтобы получить Shape Layer (Фигура) нужно применить векторную маску к любому слою-заливке


• Настройка параметров заливки и обводки Shape Layer (Фигура) производится через палитру Options (Параметры) инструментов Path Selection Tool (Выделение контура) или Direct Selection Tool (Выделение узла)


• Все эффекты и стили слоя применяются к Shape Layer (Фигура) так же, как и к обычным слоям


• Первый плюс Shape Layer (Фигура) — возможность быстро перекрашивать графические элементы


• Второй плюс Shape Layer (Фигура) — возможность сильно менять размер таких фигур с сохранением плавности границ

Для самостоятельного изучения:
RuGraphics.ru «Пунктирная рамка и линия в Photoshop CS6»

© Андрей Журавлев (aka zhur74), 2012 г.
Редакция третья (2019 г.) переработанная и дополненная.
Первая публикаци https://zhur74.livejournal.com/98092.html

Photoshop как рисовать фигуры — Вэб-шпаргалка для интернет предпринимателей!

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

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

Создание фигур

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

Сюда входят Прямоугольник», «Прямоугольник со скругленными углами», «Эллипс», «Многоугольник», «Произвольная фигура» и «Линия». Все эти инструменты выполняют одну функцию: создают рабочий контур, состоящий из опорных точек, и заливают его основным цветом.

Как видим, инструментов довольно много. Поговорим обо всех кратко.

Прямоугольник.
C помощью данного инструмента мы можем нарисовать прямоугольник или квадрат (с зажатой клавишей SHIFT).

Урок: Рисуем прямоугольники в Фотошопе
Прямоугольник со скругленными углами.
Этот инструмент, как следует из названия, помогает изобразить такую же фигуру, но со скругленными углами.

Радиус скругления предварительно настраивается на панели параметров.

Эллипс.
При помощи инструмента «Эллипс» создаются круги и овалы.

Урок: Как нарисовать круг в Фотошопе
Многоугольник.
Инструмент «Многоугольник» позволяет нам рисовать многоугольники с заданным количеством углов.

Количество углов также настраивается на панели параметров. Обратите внимание, что в настройке указан параметр «Стороны». Пусть этот факт не вводит Вас в заблуждение.

Урок: Рисуем треугольник в Фотошопе
Линия.
С помощью данного инструмента мы можем провести прямую линию в любом направлении. Клавиша SHIFT в данном случае позволяет проводить линии под 90 или 45 градусов относительно холста.

Толщина линии настраивается все там же – на панели параметров.

Урок: Рисуем прямую линию в Фотошопе
Произвольная фигура.
Инструмент «Произвольная фигура» дает нам возможность создавать фигуры произвольной формы, содержащиеся в наборе фигур.

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

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

Общие настройки инструментов

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

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

Цвет заливки фигуры. Данный параметр работает, только если активирован инструмент из группы «Фигура», и мы находимся на слое с созданной фигурой. Здесь (слева направо) мы можем: выключить заливку полностью; залить фигуру сплошным цветом; залить градиентом; замостить узором.

Следующим в списке настроек идет «Штрих». Здесь имеется в виду обводка контура фигуры. Для штриха можно настроить (или отключить) цвет, причем задав тип заливки,

Далее следуют «Ширина» и «Высота». Данная настройка позволяет нам создавать фигуры с произвольными размерами. Для этого необходимо внести данные в соответствующие поля и кликнуть в любом месте холста. Если фигура уже создана, то изменятся ее линейные размеры.

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

Манипуляции с фигурами

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

Новый слой.
Когда выставлена данная настройка, новая фигура создается в обычном режиме на новом слое.

Объединение фигур.

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

При включенной настройке создаваемая фигура будет «вычтена» из находящейся в данный момент на слое. Действие напоминает выделение объекта и нажатие клавиши DEL.

Пересечение фигур.

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

Исключение фигур.

Данная настройка позволяет удалить те области, где фигуры пересекаются. Другие области останутся нетронутыми.

Объединение компонентов фигур.

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

Практика

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

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

2. Затем выберем инструмент «Эллипс» и пункт настроек «Вычесть переднюю фигуру». Сейчас мы будем вырезать круг в нашем квадрате.

3. Кликаем один раз по любому месту на холсте и, в открывшемся диалоговом окне, пропишем размеры будущего «отверстия», а также поставим галку напротив пункта «От центра». Круг будет создан точно в центре холста.

4. Нажимаем ОК и видим следующее:

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

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

Соответственно, если требуется градиентная заливка или узор, то пользуемся панелью параметров.

7. Зададим обводку. Для этого взглянем на блок «Штрих» на панели параметров. Здесь выберем тип обводки «Пунктир» и ползунком изменим ее размер.

8. Цвет пунктира зададим с помощью клика по соседнему цветовому окошку.

9. Теперь, если полностью отключить заливку фигуры,

То можно увидеть следующую картину:

Таким образом мы пробежались почти по всем настройкам инструментов из группы «Фигура». Обязательно потренируйтесь, моделируя различные ситуации, чтобы понять, каким законам подчиняются растровые объекты в Фотошопе.

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

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

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

Отблагодарите автора, поделитесь статьей в социальных сетях.

Программа Adobe Photoshop широко используется для работы с изображениями, предоставляя действительно широкий спектр возможностей. Большинство пользователей применяют Фотошоп для ретуши фото, но, помимо этого, программа позволяет создавать: рисунки, картины, графику — разной степени сложности. В Photoshop имеется несколько инструментов, предназначенных для создания рисунков. Первым делом необходимо научиться рисовать простейшие элементы вроде треугольников, линий, эллипсов и прочего, так как они используются очень часто при создании разного рода рисунков. В этой статье подробно рассмотрим, как нарисовать в Фотошопе простейшие фигуры. Давайте разбираться. Поехали!

Постигаем азы компьютерной графики

Открыв Adobe Photoshop, обратите внимание на панель инструментов. Чтобы перейти к фигурам, кликните мышкой по иконке в виде прямоугольника. В выплывающем окне вы увидите следующие инструменты:

• «Прямоугольник»;
• «Прямоугольник со скруглёнными углами»;
• «Эллипс»;
• «Многоугольник»;
• «Линия»;
• «Произвольная фигура».

Редактор предлагает несколько классических и произвольных форм

Всего существует три режима рисования:

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

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

Нет ничего проще, чем провести линию. Для этого применяется одноимённый инструмент.

Для круга используйте клавишу Shift либо меню дополнительных настроек

Перейдём к тому, как нарисовать круг в Фотошопе. Здесь всё происходит аналогичным образом. Выберите инструмент «Эллипс», определитесь с цветом и толщиной контура. Если вы хотите получить круг, а не эллипс, зажмите на клавиатуре клавишу «Shift» либо установите «окружность» в разделе геометрических параметров.

Рисуем красивую композицию стандартными средствами

Теперь давайте разберёмся, как нарисовать треугольник в Фотошопе. В этом случае всё не так очевидно, но при этом нисколько не сложнее. Всё, что нужно — выбрать «Многоугольники» и в маленьком окошке «Sides» задайте количество углов. Соответственно, чтобы получить треугольник, впишите цифру «3». Дальше всё делается точно так же, как в предыдущих случаях. При помощи инструмента «Многоугольник» можно получить фигуру с любым количеством углов. Если необходимо получить прямоугольный треугольник, нарисуйте квадрат, а затем отсеките половину по диагонали.

Стрелки в начале или конце можно задать в свойствах инструмента

Рассмотрим, как нарисовать стрелку в Photoshop. Сделать это можно двумя способами. Первый заключается в том, что нужно выбрать инструмент «Линия», затем в окне параметров отметить, с какой стороны линии будет находится стрелка (в начале, либо в конце), далее нужно задать толщину стрелки в пикселях. Поставьте курсор в нужную точку и начните растягивать линию мышкой. Второй способ — выберите «Произвольная фигура». На верхней панели есть таблица с шаблонами, среди них есть и стрелка.

Шаблоны, идущие в обычной комплектации приложения

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

Очередь просмотра

Очередь

• Удалить все
• Отключить

YouTube Premium

Хотите сохраните это видео?

Пожаловаться на видео?

Выполните вход, чтобы сообщить о неприемлемом контенте.

Понравилось?

Не понравилось?

Текст видео

Всем привет. Сегодня у нас небольшая замена. Вместо Богдана урок проведу, я — Данила Кулеша. Цель данного эксперимента в том, что бы зритель написал в комментариях, какие плюсы и минусы есть у Богдана. Мы работаем на подписчиков, так что будем стараться все исправить.

В этом видео я буду рассказывать как пользоваться стандартными инструментами для создания фигур. Расскажу про инструмент для создания прямоугольников, кругов, линий и других фигур. И еще расскажу про настройки которые есть у данных фигур. Так же рассмотрим сочетания клавиш которые ускорят и упростят Вашу работу в Adobe Photoshop.
—————————————————————————-
Мой канал посвящен обзорам техники, урокам по монтажу и также созданию оборудования для улучшения контента
—————————————————————————-
Есть ТРИ на мой взгляд самые основные рубрики:

— Уроки монтажа в Final Cut Pro X — http://bit.ly/1HKy2KH — в данных уроках я рассказываю интересные моменты монтажа которые активно используются на моем канале. Так же отвечаю на вопросы по созданию роликов по примеру какого-то видео.

— Обзоры техники — http://bit.ly/1fbwTFd — доносить информацию в данных роликах я стараюсь качественной картинкой (контентом) и всегда откровенно рассказываю о устройствах которые попадают ко мне на обзор. Так что если вам интересно узнать о последних новинках в мире технологий вам данный плейлист пригодится.

— #CreateWithoutMoney — http://bit.ly/1gFLiKW — данная рубрика будет полезна тем людям которые только пришли на YouTube и еще не имеют материальной базы для того что бы создавать качественный контент. Я рассказываю как больших затрат можно создавать качественный контент используя подручные средства.

Думаю что вы подпишетесь на мой канал http://bit.ly/1MPzqVz и не будете жалеть об этом.

Так же хочу предоставить вам информацию о моих социальных сетях:

Рекомендуем к прочтению

Как добавить контурный макияж к вашим фотографиям в Photoshop

Как добавить контурный макияж к вашим фотографиям в Photoshop перейти к содержанию

В этом видеоуроке Аарон Нейс из Phlearn демонстрирует, как добавить контурный макияж к вашей модели с помощью Adobe Photoshop.

Contour — это сочетание бликов и теней на лице, которое создает очень характерный вид, который очень распространен в мире моды и журналов. Если вы хотите воссоздать его в Photoshop (в отличие от создания его профессионалом по макияжу, вам потребуется всего несколько шагов).

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

Теперь мы собираемся изменить режим наложения первого слоя на «Жесткий свет», добавить размытие по Гауссу и сделать то же самое со вторым слоем. Вы можете уменьшить непрозрачность, если вам нужно, и вы также можете поиграть с насыщенностью оттенка слоя, если цвета не кажутся идеальными.

Это более или менее — пока вы уменьшите эффект, он может быть вполне реалистичным.

Вы можете найти много других видеоуроков по Photoshop в разделе Photoshop LensVid (и вы можете найти гораздо больше видео с Phlearn в нашем специальном подразделе Phlearn).

В этом видео фотограф Энтони Морганти сравнивает три популярных программного обеспечения для редактирования изображений, которые в настоящее время включают…

Наш любимый инструмент Audition наконец-то появился в Premiere Pro, и это большое дело…

Adobe анонсировала Photoshop 2022 (и Lightroom 2022) вместе с большими улучшениями Camera RAW (теперь в…

Компания iZotope из Кембриджа недавно анонсировала 9-ю версию своего популярного усовершенствованного…

Photoshop, Постобработка Аарон Нейс, Контурный макияж, Контурный макияж в Photoshop, Phlearn, Photoshop LensVid

Этот веб-сайт использует файлы cookie для улучшения вашего опыта.Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. Настройки файлов cookie ПРИНЯТЬ

Политика конфиденциальности и использования файлов cookie

Применение и создание пользовательских контуров_

Эффекты, доступные в диалоговом окне «Стиль слоя», можно изменить с помощью предоставленных параметров. Один из таких вариантов — контурная карта. Контуры управляют формой эффектов падающей тени, внутренней тени, внешнего свечения, внутреннего свечения, скоса и тиснения и атласности в указанном диапазоне.Они делают это, позволяя вам определять, как тень исчезает для эффекта Drop Shadow; создать кольца прозрачности для сплошного цвета Outer и Inner Glow; изменять повторение цвета градиента и непрозрачность для свечения с градиентной заливкой; а также для создания выпуклостей, выступов и впадин, определяющих рельеф для Bevel и Emboss.

Вы можете назначить контурные карты эффекту из предварительно определенного списка или определить свои собственные контуры. Чтобы увидеть тонкие изменения, вызванные назначением другого контура, создайте простой объект, заполненный 50% серым, примените к нему эффект в диалоговом окне «Стиль слоя», например, тень, а затем циклически прокрутите предопределенные контуры один за другим. .Чтобы выбрать другой контур, щелкните направленный вниз треугольник на значке «Контур» (рис. 7-5), чтобы вызвать средство выбора контура.

Чтобы определить свой собственный контур, выполните следующие действия:

1. В диалоговом окне «Стиль слоя» выберите любой из эффектов, в которых используются контуры.

2. Щелкните в любом месте на значке контура, чтобы вызвать редактор контура, но не на направленный вниз треугольник, который вызывает средство выбора контура (рис. 7-5).

3. Измените кривую во всплывающем диалоговом окне «Редактор контуров» (рис. 7-5).Установите флажок Угол, если вы хотите, чтобы ваша кривая имела острый сегмент.

4. Нажмите кнопку «Создать» (не кнопку «Сохранить»), дайте контуру запоминающееся имя, а затем нажмите кнопку «ОК».

5. Нажмите кнопку «Сохранить» в редакторе контуров, если вы хотите сохранить контур отдельно, или нажмите кнопку «ОК» для выхода.

Рис. 7-5: Детализация параметров Drop Shadow в диалоговом окне Layer Style и диалоговом окне Custom Contour Editor. A — щелкните, чтобы открыть всплывающее окно настраиваемого контура.B — Щелкните, чтобы выбрать предопределенный контур.

Если вы хотите сохранить новый контур как часть текущего набора, в диалоговом окне «Стиль слоя» щелкните направленный вниз треугольник значка «Выбор контура» и выберите «Сохранить контуры» во всплывающем меню «Выбор контура». .

При перезапуске Photoshop сохраненный контур или набор можно загрузить из меню «Выбор контура» при условии, что вы сохранили его в папке по умолчанию: ~ \ Adobe Photoshop CS2 \ Presets \ Countours.

ПРИМЕЧАНИЕ Контуры в палитре контуров не могут быть перегруппированы в самом палитре контуров.Менеджер предустановок).

Читать дальше: Эффекты перемещения и перестановки

Была ли эта статья полезной?

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

Между версиями нет большой разницы, поэтому это руководство будет работать для обеих версий.Сам использую CS6 со своего сайта. 😉
Это длинное руководство, но я надеюсь, что вы не пожалеете о своем времени. Включаем музыку, чтобы не было так скучно и вперед!

1. Естественно, чтобы перевести рисунок в цифровую версию, его нужно отсканировать или сфотографировать.

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

1.2. Вот я сфотографировал рисунок, днем ​​на окне, но он все равно не такой яркий, все-таки телефон не сканер, но, тем не менее, контур виден, так что можно запустить Фотошоп и начать редактирование.

1.3. Перейдите в Изображение — Коррекция — Обесцветить или нажмите Shift + Ctrl + U, это необходимо для того, чтобы ненужные цвета не появлялись во время коррекции.

1.4. Снова перейдите в Изображение — Коррекция, но теперь выберите Уровни (Ctrl + L), у вас будет такое окно:

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

Теперь можете сравнить и увидеть, что результат стал намного лучше.

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

2.1. На данном этапе проверяю косяки, возможно какие-то неровности анатомии. Сделать это просто: Изображение — Поворот изображения — Отразить по горизонтали

Вот что я сделал:

На картинке мне не нравятся плечо, нос и рука, сейчас это поправим.

2.2. Переходим к фильтру — Пластик (Shift + Ctrl + X)

Это откроет пластиковое окно:

Для исправлений нам понадобится Warp Tool (W):

Выберите разные размеры кисти и сдвиньте части не нравится, главное не переборщить, иначе качество может быть потеряно, и помните, там можно отменить только ОДНО последнее действие:

То, что я сделал, вы можете посмотреть здесь:

2.3. Отразите изображение обратно: Изображение — Поворот изображения — Отразить по горизонтали.

2.4. Выберите инструмент Brush Tool (B) и установите белый цвет.

Регулируем нужный размер и жесткость, все зависит от того, какого размера чертеж и как вам удобнее работать.

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

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

В итоге у меня получилось вот так:

Вы можете снова использовать Уровни (Ctrl + L) и Dodge, чтобы все оставалось чистым.

2.5. Теперь вам нужно отделить контур от фона, для этого перейдите в Выделение — Все (Crtl + A)

Мерцающий контур должен появиться вокруг изображения, если он появляется, затем щелкните изображение правой кнопкой мыши и выберите «Вырезать на новый слой»

В результате теперь у вас должно быть два слоя и слой 1 активен, на нем есть путь:

2.6. Там, где находится вкладка «Слои», рядом с ней находятся каналы, щелкните по ним, и появится следующая вкладка:

Щелкните кружок в нижней части области, которая выделена на изображении, и вернитесь к слоям. tab, убедитесь, что выделен контурный слой, и в крайнем случае нажмите Delete, Del или Ctrl + X.
Выбрать выделение — Снять выделение (Ctrl + D), если оно не исчезло само по себе.

Очертания очень бледные, но это еще не все.

2.7. Во вкладке слоев нажмите на квадрат

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

2.8. Теперь вы можете создавать новые слои под контуром и раскрашивать как обычный контур. Вы также можете использовать различные эффекты наложения, например Умножение.

Получается примерно так:

2.9. Если контур очень грязный и неровный, и вы недовольны результатом, а планшета нет, то сразу сделайте контур в Photoshop, затем закрасьте полученный контур ярко-синим (# 00b6ff) или зеленым цветом.

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

2.10 . Возвращаемся в Каналы и отключаем все, кроме синего, чтобы выключить, нужно убрать глаз рядом со слоем.Если вы выбрали зеленый контур, то останется только зеленый слой.

Синий контур исчезнет.

2.11. Теперь, чтобы сохранить результат, убедитесь, что выбран ТОЛЬКО синий слой, перейдите в Select — All (Ctrl + A), затем Edit — Copy (Ctrl + C). Снова включите все слои (RGB, красный, зеленый, синий), пока появится синий контур, и выберите Edit — Paste (Ctrl + V)
Вернитесь на вкладку слоев, и у вас будет следующее:

На слое 1 есть плоский контур, на фоне которого есть контур с синими линиями, поэтому вы можете удалить его, переключиться на него и нажать Ctrl + A, затем Ctrl + X.
Чтобы отделить контур от белого фона, вам необходимо повторить шаг 8: переключиться на вкладку «Каналы» и щелкнуть кружок в нижней части области, затем вернуться на вкладку «Слои» на слое контура и нажать «Удалить» или «Удалить». , в крайнем случае Ctrl + X.
Выделить выделение — Снять выделение (Ctrl + D), если оно не исчезло само по себе.
Теперь контур идеален, можно раскрашивать.

3. Если у вас есть планшет, вы можете делать контур вручную и не нужно проводить никаких манипуляций с цветами и вырезанием, единственное, что пригодится — пластик, но это на ваше усмотрение.
3.1. Откройте сфотографированное / отсканированное изображение в Photoshop и перейдите в Image — Image Size.

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

3.2. Теперь вам нужно разделить изображения на новый слой, нажмите Ctrl + A, щелкните изображение правой кнопкой мыши и выберите «Вырезать на новый слой».

3.3. Убедитесь, что слой 1 с изображением активен, и установите прозрачность примерно на 50%.

Изображение стало еле заметно, если вам сложно его увидеть, то прозрачность можно изменить в любой момент.

3.4. Рисую контур обычной кистью со следующими параметрами.

3.5. Создайте новый слой над изображением и раскрасьте его.

Это все, что я хотел бы рассказать вам в этом руководстве. Удачи и успехов в рисовании и освоении фотошопа!

Урок в формате DOC для просмотра в автономном режиме или для печати, вы можете скачать его

В этой статье мы рассмотрим, как создать контур для текста или объекта на изображении в Photoshop. Сделать это совсем несложно и потребует немного времени. Теперь вы убедитесь в этом.

Как обвести текст в Photoshop

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

Я написал следующий текст с помощью инструмента Horizontal Type Tool и выбрал для него настройки, которые подчеркнуты на изображении ниже.

Теперь нам нужно выделить наш текст. О различных методах выбора вы можете прочитать, перейдя по ссылке. Поскольку текст сплошной и достаточно контрастный по отношению к фону, я воспользуюсь инструментом Magic Wand Tool.

В настройках инструмента выбираем значение «Допуск» — выделяем область с пикселями аналогичного цвета и снимаем галочку напротив «Смежные» (Смежные пиксели). Снимая флажок, вы можете выбрать сразу все пиксели одного цвета во всем изображении, даже если области с одинаковым цветом расположены в разных местах.

Щелкните текст Волшебной палочкой. В результате он будет выделен. Если мы оставим галочку напротив «Смежные» (смежные пиксели), то будет выбрана только одна буква, на которой мы щелкнули, и нам пришлось бы щелкать каждую букву, чтобы выбрать ее.

Теперь обведем текст. Наведите курсор на выбранную область и щелкните ее правой кнопкой мыши. В контекстном меню выберите «Создать рабочий путь».

В следующем окне установите значение Допуска и нажмите ОК.

Текст будет обведен тонкой линией. Чтобы его увидеть, скройте в панели слоев слой, на котором написан текст — уберите глаз перед ним.

Верните текстовый слой видимым. Теперь нам нужно создать новый слой.Для этого на панели слоев нажмите кнопку «Создать новый слой».

Оставьте созданный слой «Layer 1» выбранным.

Вы можете создать контур в Photoshop с помощью различных инструментов: «Brush Tool» (Кисть), «Eraser Tool» (Ластик), «Smudge Tool» (Finger) и других. Но перед этим нужно настроить необходимые параметры инструмента.

Создадим путь с помощью «Brush Tool» (Кисть). Поэтому выберите его на панели инструментов и установите желаемые параметры.Я выбрала светло-зеленую жесткую кисть 7 размера.

После этого на панели инструментов выбираем «Path Selection Tool» (Выбор пути).

Щелкните мышью внутри выделенного контура и выберите в меню «Обводка контура» (Выполнить обводку контура).

В следующем окне из выпадающего списка выбираем инструмент, которым мы будем делать контур. Выберите инструмент, который вы настроили на предыдущем шаге. У меня есть «Brush Tool» (Кисть).Щелкните ОК.

Будет выделен контур текста. В примере светло-зеленая кисть.

Нажмите Backspace, чтобы удалить тонкую серую линию, которая изначально была обведена для текста. На рисунке сквозь светлый контур видна темная полоса — это уберет ее.

Вот и все — мы сделали набросок текста в фотошопе.

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

В этом примере это делается так: разблокируйте слой «Фон», удалите слои «Фон» и «Сайт», сохраните изображение в формате * .png или * .gif.

Как очертить изображение

Теперь рассмотрим, как нарисовать контур объекта на изображении … Создадим контур этой розы.

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

Откройте изображение или фотографию в Photoshop.Теперь нам нужно выделить объект. Я буду использовать инструмент быстрого выбора.

Выберите его и нажмите на розу. Если по ошибке выбрана ненужная часть изображения, зажмите «Alt» и щелкните по нему мышью, чтобы вычесть эту область из выделения.

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

На палитре слоев создайте новый слой и оставьте его выделенным.

Теперь переходим к настройке инструмента, с помощью которого вы будете строить путь. У меня будет «Brush Tool» (Кисть) седьмого размера черного цвета.

Выберите «Инструмент выбора пути» на панели инструментов. Щелкните мышью внутри выделенного контура и выберите в меню «Обводка контура» (Выполните обводку контура).

В следующем окне выберите инструмент, который вы настроили.

Если отключить видимость основного слоя, получится следующее.Удалить тонкую серую линию контура можно с помощью клавиши «Backspace».

Теперь с помощью тонкой кисти нарисуем пути внутри изображения. Включите видимость слоя с розой.

Мы будем рисовать на слое, где выделен контур, поэтому «Слой 1» должен быть активен.

Я выбрал для кисти черный цвет, размер 4 и провел все линии внутри розы.

Вот изображение в результате. Вы можете залить контур любым цветом.Точно так же можно создавать интересные узоры с помощью штрихов.

Иногда вам нужно обвести выделенную область (например, обвести контур ). Этот прием очень удобен при использовании вместе с инструментами выделения. Например, вы можете комбинировать его с инструментом «Прямоугольная область», чтобы добавить к фотографии тонкий черный контур, или с овальным выделением.

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

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

Вот как добавить контур по краю изображения:

Шаг 1

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

Шаг 2

Выберите команду меню Редактирование => Обводка … В диалоговом окне введите значение в пикселях в поле Ширина (я установил его на 10 пикселей), а затем нажмите на индикатор цвета.Выберите цвет из появившейся палитры и нажмите OK. Когда вы вернетесь, установите переключатель в группе «Расположение» в положение «Внутри», чтобы контур появлялся только внутри границ изображения.

Шаг 3

Щелкните OK, чтобы просмотреть новую схему.

Чтобы обвести кого-нибудь на фотографии, вам нужно будет выполнить в основном те же шаги:

Шаг 1

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

Шаг 2

Выберите команду меню Обводка , введите ширину и сопоставьте цвет. Он должен быть не менее 2 пикселей в ширину, чтобы круг был достаточно толстым, чтобы его можно было увидеть. В группе Location установите переключатель в положение Center , тогда Photoshop поместит обводку в центр над «марширующими муравьями».Например, если вы ввели ширину в 2 пикселя, программа разместит один пиксель снаружи выделения, а другой — внутри (другими словами, он «перешагнет» выделение).

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

Фото руки нам поможет:

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

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

Для этого наведите курсор мыши на слой в палитре слоев (выделение синим цветом) и щелкните правой кнопкой мыши. Этими действиями мы откроем окно настроек, в котором выберем пункт «Дублировать слой»:

После того, как мы выбрали опцию «Дублировать слой», щелчком левой кнопки мыши перед нашими глазами появилось новое окно:

Мы можем просто нажать кнопку «ОК» или можем сразу после появления этого окна написать что-нибудь на клавиатуре, то есть присвоить слою имя или имя, а затем нажать «ОК» кнопка.Мы делаем это на свое усмотрение.

Я просто нажал кнопку «ОК»:

Готово! Дубликат слоя появился в палитре слоев (окне).

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

Обратимся к списку режимов наложения в верхнем меню окна слоя, расширяя список режимов обычным щелчком мыши по кнопке со стрелкой:

Перед нами предстал список режимов наложения слоев:

Давайте увеличим контраст, давайте увеличим его.Выберем из списка режим «Линейный диммер»:

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

Что ж, с инструментом Quick Selection все готово. Наведите курсор мыши на нужный нам в данный момент инструмент «Быстрый выбор» в окне инструментов:

И щелчком левой кнопки мыши выберите его. Курсор мыши превращается в круг с перекрестием внутри.

Теперь обратим внимание на технические настройки прибора.Давайте посмотрим на блок управления с такими техническими настройками:

Инструмент должен работать в режиме «Добавить в выделение». Для этого щелкните значок инструмента со знаком плюс. Если значок выделен синим цветом, то нажимать на него не нужно, — режим уже активирован:

Если вы установите значение 3 или 5, выделение будет более резким. Если мы выберем значение намного большее, чем то, что мы видим сейчас, и увидим значение 18, то, начав выделять ладонь, мы зафиксируем белый фон, так как с большим диаметром инструмента его чувствительность будет уменьшаться.

Пожалуй, «золотой серединой» можно считать значение, при котором кружок-курсор инструмента будет немного меньше любого пальца руки. Для меня диаметр инструмента удобен в пределах 15-22. Я выбрал значение 18. Возможно, лучше сосредоточиться на своих ощущениях и на самом процессе отбора. В зависимости от того, насколько удобно и качественно (отсутствует захват белого фона) мы проводим выбор, и нам нужно перемещать ползунок регулировки диаметра инструмента, выбирая оптимальное значение.

Чтобы инструмент работал, как говорится, «на полную катушку», жесткость нужно выставить на 100%. Что ж, теперь мы готовы выбрать руку. Предлагаю начать подбор с запястья:

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

Ну что ж, приступим. Переместите курсор инструмента на запястье. Нажимая и удерживая левую кнопку мыши, мы начинаем перемещать инструмент вверх по направлению к кончикам пальцев:

Мы запускаем инструмент на большом пальце, затем на ладони и на другом пальце …, а затем инструмент работал независимо, и кисть полностью покрывалась выделением.

Если такого независимого выделения не произошло, то плавно перемещаем курсор инструмента по всем пальцам, пока рука не будет полностью выделена.

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

Что делать, если белый фон все равно попадает в область выделения? Вы можете полностью отменить выделение, нажав сочетание клавиш Ctrl + D и снова начать выделение ладони.Или вы можете перейти в блок технических настроек прибора и переключить режим его работы щелчком мыши, но уже по значку прибора с минусом:

Вовсе не нужно изменять другие настройки инструмента (диаметр кружка курсора, его жесткость, интервалы самого пунктирного выделения).

Этот переключатель режима дает нам возможность убрать «захват», выделив белый фон:

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

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

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

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

Кисть выделена — по ее контуру активно бегают выделенные «муравьи», и мы меняем инструмент и создаем новый слой в окне слоев.

Начнем с создания нового слоя. Щелкните в нижнем меню окна слоев значок для создания нового слоя. Сделано:

Через несколько секунд этот новый слой превратится в слой контура ладони или, скорее, будущий контур. Пока у нас есть только выбор, и контур впереди.

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

Возьмем самый верхний.Это также первая сверху вниз, называемая «Прямоугольная область»:

.

Итак, новый, все еще пустой слой был создан, инструмент был изменен, и теперь мы перемещаем курсор инструмента в область ладони и оказываемся внутри выделения. Курсор инструмента выглядит как два креста. Один большой, а другой маленький. Делаем правый клик. Появилось окно опций, в котором нас сейчас интересует опция «Обводка»:

Выберем. И тогда появилось следующее окно настроек:

В этом окне мы можем по желанию настроить толщину (ширину) контурной линии, ее цвет, а также выбрать место обводки, а затем нажать кнопку «ОК».Я не буду менять настройки, а просто нажму кнопку «ОК». И вот что получилось:

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

Ну это другое дело:

Чтобы убедиться, что созданный нами контур не имеет изъянов и дефектов, увеличиваем масштаб видимости (версия Photoshop CS5):

К сожалению, приходится признать, что контур получился «так себе».Линия контура имеет множество неровностей, которые были заметны в самом начале ее создания и при 100% масштабе видимости.

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

Кроме того, само изображение может быть не оригиналом.Итак, изображение ладони, с которым мы только что работали, уже было подвергнуто не очень качественной обработке в каком-то редакторе изображений, что отразилось на контуре, который мы создали из выделения. Именно размещение изображений на белом фоне позволяет скрыть неровности контура при одновременном снижении контрастности объекта (осветления).

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

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

В этом видео я покажу вам, как очертить объекты в Adobe Photoshop. Обводка — это подчеркивание контуров объектов с помощью цвета, при этом объект может быть либо изображением, либо текстом. Чаще всего мазки используются для выбора объектов, которые сливаются с фоном, особенно для изображений небольшого размера, таких как значки для видео на YouTube. Для ознакомления с текстом, кстати, вы можете посетить наш сайт.

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

Чтобы показать процесс с нуля, я закрою этот документ и создам новый. Кстати, я использую английскую версию Photoshop. На данный момент это Photoshop CC2015.5, но по некоторым ключевым моментам скажу, как называется опция в русской версии.

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

Пришло время сделать гребок. Первым делом нужно перейти в окно «Слои», в русской версии оно называется «Слои». Если этого окна нет, вы можете включить его через меню «Программы / Окно». В окне «Слои» щелкните правой кнопкой мыши слой с объектом, в данном случае это верхний слой, и выберите пункт «Параметры наложения», в русскоязычной версии этот пункт называется «Параметры наложения».Появляется такое окно, в нем найдите пункт «Штрих», в русской версии он называется «Штрих», и щелкните по этому пункту левой кнопкой мыши. После этого включается штрих, его можно увидеть по галочке перед названием, и открываются настройки штрихов. На объекте, как видите, уже отображается результат, который соответствует вставленным параметрам. Эти параметры можно изменить, и давайте рассмотрим их по порядку.

Первый ползунок — размер в пикселях. С помощью этого параметра вы можете изменить толщину штриха.Вы можете установить значение с помощью ползунка или ввести его вручную в это поле.

Ниже находится меню «Позиция», т.е. позиция. Здесь есть три варианта на выбор: снаружи, т. Е. Обводка начинается от края объекта и идет наружу; inside (внутри), т.е. штрих начинается от края объекта и идет внутрь, как бы заполняя объект; центр, в этом случае ход идет от края одновременно в обоих направлениях, пополам.

Следующее меню — режим наложения.Я не буду на этом останавливаться, потому что режимы наложения — это отдельная большая тема, и при обводке режимы наложения не используются. Под режимами наложения находится параметр «непрозрачность». непрозрачность. Здесь с помощью ползунка вы можете настроить непрозрачность штриха, то есть будет ли фон просвечивать сквозь нее или нет. Ниже находится пункт «надпечатка». Мы его пропускаем, потому что он нам не нужен. Эта опция нужна для устранения нежелательных артефактов при печати.

Еще ниже находится меню «Тип обводки», где вы можете выбрать один из трех вариантов.Первый вариант — Color, т.е. Color. Это по умолчанию, и при его выборе объект будет обведен одним цветом, который можно выбрать, щелкнув здесь левой кнопкой мыши на этом прямоугольнике с этим цветом. Появляется окно выбора цвета, в нем вы выбираете нужный цвет, чаще всего используют белый или черный, но бывают исключения, и когда цвет выбран, нажмите «ОК».

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

Ну и последний, третий вариант штрихового типа — это узор. Здесь вы можете выбрать один из предложенных вариантов узора и изменить масштаб этого узора.

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

В общем, после того, как вы определитесь с типом штриха и его цветом, нажмите кнопку «ОК». Выполнено!

Мазки изображения работают так же. Например, есть какое-то изображение. В данном случае логотип Youtube на прозрачном фоне. Выберите это изображение любым способом. Скопируйте его с помощью сочетания клавиш «Ctrl + C». Вставьте куда хотите с помощью комбинации клавиш «Ctrl + V», и тогда все будет точно так же, как с текстом. Щелкните правой кнопкой мыши слой / Параметры наложения / Обводка и настройте.

Как сделать контурный макияж в Photoshop

Проведение исследований

Мы в Phlearn специализируемся на многих вещах. Контурный макияж не входит в их число. Мы использовали дружественный Интернет, чтобы найти в Google несколько ссылок о том, как люди на самом деле создают контурный макияж. К счастью, в Photoshop нанести макияж намного проще, чем в реальной жизни. Вот что мы узнали из этого процесса, всегда ищите ссылки. Книги, журналы, Интернет и даже вещи прямо за окном могут стать отличным источником вдохновения для вашей работы.Иногда требуется немного толкнуть, чтобы творческие соки потекли. После того, как мы собрали несколько референсов, мы были готовы к работе. Мы хотели выделить блики и тени, а затем нарисовать их на лице нашего объекта. Тогда мы решили, что нам нужно все соединить безупречно.

Начало работы

Мы выбрали эталонное изображение и перетащили его в Photoshop, чтобы работать как своего рода Руководство. Мы начали с анализа теней в нашем справочнике. Затем мы создали новый слой и использовали инструмент «Кисть», чтобы имитировать то, что мы видели в нашей ссылке.Мы выбрали цвет тени на нашем изображении, а затем начали рисовать контур щеки объекта. Нас не слишком заботила точность, потому что мы знали, что позже все будем размывать. Затем мы продолжаем рисовать Тень на подбородке, вокруг глаз, вокруг лба и вниз по носу в бровь. Это помогло нам закончить черновой набросок нашего темного контура. Затем мы начали наш светлый контур. Мы взяли тот же самый процесс выборки светлого цвета из нашего объекта и начали рисовать по нашему объекту.Мы начали со щек, подбородка, вокруг рта и на лбу. Мы старались сделать вещи максимально симметричными, относясь к ним так, как если бы мы были настоящими визажистами.

Добавление размытия

Мы изменили режим наложения на нашем темном слое на «Жесткий свет». После того, как мы изменили режим наложения, мы добавили размытие по Гауссу. Этот эффект помог смешать то, что мы нарисовали. Возникла очевидная проблема — Цвет. Простой корректирующий слой оттенка / насыщенности помог нам немного смягчить цвет и сделать изображение более реалистичным.Мы снизили насыщенность и яркость, чтобы добавить реалистичности фотографии. Затем мы повторили этот процесс для светлого контура изображения. Добавляем размытие по Гауссу и увеличиваем радиус, пока все не смешается.

Последние штрихи

Мы понижаем непрозрачность определенных областей, чтобы предметы лучше сочетались друг с другом. Затем мы создали маску слоя, чтобы закрасить черным участки, которые мы не хотели, чтобы эффект был виден. Наш конечный продукт — это потрясающее изображение с персонажем, который выглядит так, как будто она накрашена.Безумие думать, что мы использовали эталонное изображение из Google в качестве руководства по контурному макияжу. Теперь ваша очередь заняться контурным макияжем… конечно же, в Photoshop 😉

Полное руководство Bootcamp с Беном Уиллмором

Информация об уроке

Действие создания контурной карты

Это метод, который я никогда не хочу выполнять вручную, и я бы использовал его только бездействием, потому что он требует большого количества шагов. Это создает контурную карту.Если вы когда-нибудь видели архитектурный рисунок участка земли, вы знаете, где именно контуры, которые он описывает. Различные возвышения на местности с линией выглядят примерно так. Ну, я создаю что-то подобное на основе уровней яркости, каждая из этих строк описывает, где, например, 10% серого будет находиться на изображении, а другая линия может быть там, где 20% серого и так далее. Вот как может быть сложная техника, которую вы использовали бы только в том случае, если хотите применять действия.Итак, давайте посмотрим на это. Я собираюсь начать с оригинальной цветной фотографии, а фильтр, который я собираюсь использовать, чтобы получить эффект, — это фильтр. Эээ, я думаю, это союзники, а затем контур начертан. Контур означает обводку там, где есть определенный оттенок серого, и здесь есть выбор, называемый уровнем, и вы …

может перемещать его. Он варьируется от 0 до Он будет рисовать маленькие линии. Ну, эти линии воздушные, обычно цветные, если у вас есть цветное изображение, и если вы хотите только одну линию вместо нескольких цветных, вам нужно сначала просто преобразовать ваше изображение в черно-белое.Итак, давайте посмотрим, как мы можем применить это несколько раз, и получим интересный результат. Итак, я перейду на панель действий. Я собираюсь создать новый экшен, и я назову его «Контуры хитом». И первое, что я хочу сделать, это продублировать этот слой. Итак, я наберу игровые окна, управляемые командой J, чтобы получить дубликат. Затем я хочу вытащить цвет из этого дубликата. Я сделаю это корректировкой изображения, обесцвечиванием. Затем я хочу упростить это, потому что, если я действительно проследил, где есть определенный оттенок серого на нашем изображении прямо сейчас, в большинстве случаев эти области являются действительно сложными мелкими деталями.Что ж, если я упрощу изображение, оно будет более гладким и в результате получится один фильтр, который может помочь мне легко найти изображения, называемые медианными, которые являются медианными шума фильтра, чем выше я подниму его, тем более плавным будет этот конечный результат. Итак, нужно выяснить, какая настройка по-прежнему позволяет вам распознавать то, что изображено на картинке. И это вроде как пойти на максимальную настройку, при которой вы можете распознать вещи, потому что чем выше настройка, тем более плавным будет конечный результат. Это изображение, которое я буду использовать несколько раз при запуске фильтра контура трассировки.Итак, что я собираюсь сделать прямо сейчас, это изменить имя этого слоя, потому что я хочу иметь возможность легко переключать этот слой, даже если у нас есть целая группа слоев в этом документе, просто щелкнув по нему. Я не хочу использовать ту акулу клавиатуры, которую мы использовали ранее. Итак, я дважды щелкну по слою и дам ему имя, которое вы никогда не найдете в другом документе. Ах, я могу назвать это действием. Итак, я знаю, что это часть действия. Я назову его «Целевой уровень действия номер один» или что-то в этом роде.Я сомневаюсь, что открою документ, в котором будет слой с названием Action Target Layer one. Я просто пытаюсь ввести уникальное имя. И поэтому не будет иметь значения, если я щелкну этот слой мышью и на панели действий. Он записывает имя, потому что я придумал имя и попытался убедиться, что оно будет уникальным, или просто ввел случайную строку цифр. Этого достаточно, и вы, вероятно, не найдете этого в других документах. Теперь мне придется использовать эту конкретную информацию несколько раз, поэтому я наберу команду J, чтобы скопировать ее, чтобы я не испортил оригинал, а затем мы зайдем сюда и применим фильтр контура трассировки , и я собираюсь начать с этого.Уменьшен до относительно низкого значения, как это. Я нажму кнопку «ОК», а затем сделаю активным слой, находящийся под ним. Я назвал этот слой специально для этого действия уникальным именем. Не думаю, что это можно будет найти в других документах. Я могу просто щелкнуть по нему, и не имеет значения, что здесь, на панели слоев, у него есть имя слоя. Что ж, пока имя этого слоя уникально, оно все равно должно работать. Я в команде типа J и Onion. Примените фильтр еще раз, и я немного увеличу его.Щелкните ОК? И затем я собираюсь повторить этот процесс. Фактически, мне нужно сделать еще один шаг. И то есть я должен установить каждый из них в режим умножения, потому что в режиме умножения он будет объединен с тем, что внизу. Но я сделаю это позже. Я собираюсь нажать на слой, который находится под командой J, чтобы дублировать, и я просто буду повторять этот процесс снова и снова, каждый раз перемещая его немного дальше, затем щелкая слой, который находится под командой J для дублирования и повторного применения фильтра, который позже под командой J будет дублировать.Хорошо, просто повторяй это снова и снова, и поэтому я никогда не хочу делать это вручную. Или я должен сказать, что хочу сделать это вручную только один раз, и это один из тех приемов. Я всегда фиксирую его бездействие, потому что делать это каждый раз — заноза в заднице. Я просто повторяю шаги. Хорошо, мы назовем это достаточно хорошим. Теперь мне нужно получить все те слои, которые были только что созданы выше. Мне нужно сейчас выбрать его всех. У них всегда должны быть одинаковые имена, потому что они основаны на том уникальном имени, которое я подписал ниже.Так что я мог просто удерживать клавишу Shift и нажимать на них, или я мог использовать свою клавиатуру. Помните это? Я считаю, что это был вариант в скобке. Клавиши выберут слой, который находится выше. А если у вас есть клавиша Shift, она добавится к тому, что уже выбрано. Так что я могу напечатать это несколько раз. У нас есть много разных вариантов. Все они выбраны. Я собираюсь изменить их режим наложения на выбор чейза, называемый умножением, что позволит им комбинировать вместе.И тогда нам не нужны отдельные слои. Итак, я перейду в меню слоев, просто выбрав объединенные слои, которые будут объединять вместе выбранные в данный момент слои. Хорошо, тогда я бы хотел получить цвет оригинала, иначе линии, которые в настоящее время были видны как цвет оригинального изображения, мне больше не нужна эта версия в оттенках серого. это уже выполнило свою задачу. Это был исходный материал для каждого максимума, применившего это действие или нет, действие, фильтр. И мне это больше не нужно.У него уникальное имя, которое я сделал для этой части действия, поэтому я могу просто щелкнуть по нему и перетащить в корзину. И это нормально, что название слоев там следующее. Что я хочу сделать, так это превратить этот слой в выделение. То, как я превращаю что-то в выделение, если я хочу сделать это на основе его яркости, я переключился на панель каналов, и если у вас нет открытой панели каналов на ваш экран, вы можете найти его прямо здесь. И если вы войдете в панель каналов и переместите указатель мыши на верхнюю часть, большинство каналов будет направлять ее маленькую картинку, вы удерживаете командную клавишу и нажимаете на нее.Это управление окнами, которые загружают яркость этого изображения в качестве выделения, но в итоге загружают все области, которые являются белыми, что является полной противоположностью того, что мне нужно. Итак, я перейду в меню выбора в Select Inverse. Теперь у нас есть выбор из всех этих маленьких черных линий, и все, что я собираюсь сделать, это выбросить этот слой, потому что он находится на Ли Целью было создать выделение, которое у нас есть в настоящее время. Итак, теперь, если я перетащу его в корзину, мы окажемся на слое, содержащем исходное изображение, а не добавим маску слоя, когда я добавлю маску слоя на Ли.Области, которые я выбрал, останутся видимыми, поэтому остальная часть изображения исчезнет. И теперь у нас есть все линии, созданные этими фильтрами, заполненные исходным цветом изображения. Наконец, я хочу заполнить шахматную доску белым цветом, поэтому я перейду к нижней части панели слоев, щелкну значок корректирующего слоя и выберу сплошной цвет. Я собираюсь выбрать белый цвет, а затем переместить этот слой под ним и, вероятно, смогу щелкнуть по нему мышью, чтобы переместить его под ним.Но если я хочу быть лучше, я мог бы использовать свои сочетания клавиш, и это было бы командное управление в левой скобке Windows, чтобы переместить его вниз. Помните, что опция меняет, какая активная команда фактически перемещает слой. Итак, теперь у меня есть конечный результат, и в моей панели действий я наконец могу нажать Stop, и теперь мы поспорили. Вернем изображение. Давайте найдем вершину этого действия. Давайте нажмем кнопку воспроизведения, и вы увидите наш конечный результат. Это пример техники, в которой я бы никогда не применил эту технику, не записав действие для его создания.Но теперь я могу применить это в любое время. Я хочу Teoh за считанные секунды, и есть много таких техник, которые в конечном итоге превращаются в сложные техники, которые делают так, что действия становятся важными.

Обертывание объектов с помощью карт смещения Учебное пособие по Photoshop

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

У меня также есть вариант этого урока, в котором я оборачиваю текст вокруг фотографии.

Шаг 1

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

Загрузите текстуру камня здесь

Шаг 2

Щелкните палитру каналов и щелкните каждый канал, пока не найдете наиболее контрастный (от темного к светлому). В данном случае это Красный канал.

Шаг 3

Нам нужно создать новый документ из канала.

Щелкните правой кнопкой мыши / Control + щелкните область канала на палитре каналов или щелкните верхнюю правую стрелку, чтобы открыть раскрывающееся меню. Выберите «повторяющийся канал».

В разделе «Место назначения»> «Документ» выберите новый.

Нажмите ОК

Шаг 4

Теперь у вас будет новый документ. Это станет нашей картой смещения. Примените размытие по Гауссу 0,7 (Фильтр> Размытие> Размытие по Гауссу), чтобы немного снизить резкость деталей. Это в конечном итоге сделает изображение более гладким.

Шаг 5

Сохраните документ как .psd, я назвал его displacementMap.psd, подойдет любое имя, просто запомните его и местоположение. Ставлю свой на рабочий стол.

Теперь мы создали нашу карту смещения для использования в дальнейшем.

Step 6

В нашем исходном документе щелкните «RGB», чтобы восстановить отображение канала по умолчанию.

Шаг 7

Откройте панель слоев и добавьте рисунок или текст на новый слой.Это контент, который вы хотите исказить. Убедитесь, что у вас есть все, что вы хотите деформировать, на одном слое. Если у вас есть текст, растеризуйте его сейчас. (Щелкните правой кнопкой мыши на палитре слоев рядом с именем и выберите «растеризовать слой» во всплывающем меню.

Шаг 8

Теперь применим карту смещения…

Фильтр> Искажение> Смещение

Шаг 9

Используйте настройки, показанные здесь, когда откроется палитра Displace

Нажмите ok

Step 10

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

Щелкните, чтобы открыть

Step 11

Теперь вы увидите, как ваше изображение искажается, чтобы охватить текстуру камня.

Давайте немного оживим.

Шаг 12

Выберите режим наложения, чтобы добавить реалистичное смешивание.

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

Вот результат режима наложения.

Посмотрите, как цвет сочетается с текстурой.

Step 13

Вот точно такое же изображение, но с вариацией. Я добавил стиль слоя внутренней тени к верхнему слою.

Надеюсь, вам понравилось это руководство и вы многому научились.

У меня также есть вариант этого урока, в котором я оборачиваю текст вокруг фотографии.

CS6 Superguide

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

---

Применение текстуры к контуру с помощью Photoshop

Сейчас самый первый семинар TipSquirrel, проводимый в невероятном соборе Питерборо, быстро приближается, и после недавнего посещения, чтобы почувствовать это место и сузить круг вопросов, над какими портретами я буду работать на готическую / вампирскую тему, кричал крик … Из-за отсутствия лучшей фразы 🙂

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

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

Шаг 1. Дублируйте изображение

Первое, что нужно сделать, это продублировать ваше изображение, поскольку мы собираемся создать карту смещения. Для этого просто перейдите к IMAGE… DUPLICATE

Откроется следующее диалоговое окно с просьбой дать дубликату изображения имя.В этом случае мы назовем это чем-то творческим, например «карта смещения», и нажмем ОК.

Шаг 2: Подготовьте карту смещения

Изображение перед вами теперь является дубликатом, поэтому мы собираемся сделать это картой смещения, превратив ее в черно-белую. Это не обязательно должно быть отмеченное наградами черно-белое преобразование, поэтому мы просто перейдем к ИЗОБРАЖЕНИЕ… НАСТРОЙКИ… НЕСАТУРАЦИЯ , затем немного увеличим контраст на ИЗОБРАЖЕНИЕ… НАСТРОЙКИ… КРИВЫЕ и выберем Средняя контрастность из меню предустановок…

Затем перейдите к FILTER… NOISE… DESPECKLE и примените это примерно 3 раза.

Чтобы закончить карту смещения, все, что нам нужно сделать, это сохранить ее как файл .psd (Photoshop).

Шаг 3. Добавьте текстуру

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

С отслаивающимся слоем краски наверху на панели слоев и в том месте, где вы хотите, чтобы появился законченный эффект, сначала обесцветьте его с помощью ИЗОБРАЖЕНИЯ… НАСТРОЙКИ… ОБЕСПЕЧЕНИЯ, а затем измените режим наложения на Умножение

Шаг 4: Применение карты смещения

Мы еще не закончили, но уже видим, как эффект начинает проявляться.Следующее, что нужно сделать, это использовать карту смещения, которую мы сделали ранее. Итак, перейдите к ФИЛЬТР… ИСКАЖЕНИЕ… СМЕЩЕНИЕ. Откроется следующее диалоговое окно…

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

Если вы чувствуете, что «обертывания» недостаточно, просто повторите этот шаг, но увеличьте его в первом диалоговом окне (т.е.е. Ранее мы использовали 10 штук в каждой коробке)

Шаг 5: Последние штрихи

Как только мы это сделаем, мы выберем ИЗОБРАЖЕНИЕ… НАСТРОЙКИ… УРОВНИ

и переместите ползунок светлых тонов влево, пока не будете довольны тем, как все это сочетается…

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