Выполнить обводку в фотошопе: Заливка и обводка выделенных областей, слоев и контуров в Photoshop

Содержание

Как обвести перо в фотошопе


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

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

Инструмент Перо

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

Построение контура

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

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


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

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

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

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

Изгиб контура можно произвести и другим способом: ставим две точки (без изгиба), затем между ними ставим еще одну, зажимаем CTRL и тянем ее в нужную сторону.

  • Перемещение любых точек в контуре осуществляется с зажатой клавишей CTRL, перемещение лучей – с зажатой клавишей ALT.
  • Закрытие контура происходит, когда мы кликаем (ставим точку) на начальной точке.
  • Заливка контура

    1. Для заливки полученного контура кликаем правой кнопкой мыши по холсту и выбираем пункт «Выполнить заливку контура».


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

    ОК.

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

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

    Рассмотрим обводку на примере «Кисти».

    1. Выбираем инструмент «Кисть».

    2. Настраиваем размер, жесткость (у некоторых кистей данная настройка может отсутствовать) и форму на верхней панели.

    3. Выбираем желаемый цвет в нижней части панели слева.

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

    5. В выпадающем списке выбираем «Кисть» и нажимаем ОК.

    После выполнения всех действий контур обведется настроенной кистью.

    Создание кистей и фигур

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

    Создаем кисть. Обратите внимание, что при создании кисти фон должен быть белым.

    1. Идем в меню

    «Редактирование – Определить кисть».

    2. Даем название кисти и жмем ОК.

    Созданную кисть можно найти в настройках формы инструмента («Кисти»).

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

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

    1. Кликаем ПКМ (перо у нас в руках) по холсту и выбираем пункт «Определить произвольную фигуру».

    2. Как и в примере с кистью, даем имя фигуре и жмем ОК.

    Найти фигуру можно следующим образом: выбрать инструмент «Произвольная фигура»,

    в настройках на верхней панели открыть набор фигур.

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

    Обводка объектов

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

    1. При обводке (она же «обтравка») увеличивайте масштаб изображения (клавиши CTRL+ «+» (просто плюс)).
    2. Немного смещайте контур в сторону объекта, чтобы избежать попадания фона в выделение и частично отсечь размытые пиксели.

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

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

    Дальше уже сами решайте, что делать с полученным выделением. Чаще всего нажимают CTRL+J, чтобы скопировать его на новый слой, тем самым отделив объект от фона.

    Удаление контура

    Ненужный контур удаляется просто: при активированном инструменте «Перо» нужно кликнуть правой кнопкой мыши и нажать «Удалить контур».

    На этом закончим урок об инструменте

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

    Отблагодарите автора, поделитесь статьей в социальных сетях.

    Небольшая инструкция о том, как обводить контур инструмента Pen tool в Photoshop

    Чтобы обвести перо в Photoshop, нужно:

    1. Создаём слой на котором будем рисовать пером.
    2. Рисуем
    3. Задаём диаметр, цвет, и другие параметры кисти или чем мы там будем обводить
    4. Выходим в панель Контуры (Paths) и жмём внизу там где кнопка нового слоя Обвести контур кистью (Stroke patch) или просто жём на нашем контуре правой кнопкой мыши и видим тот же Stroke patch

    Видеооуроки, учебник и курсы онлайн

    Для просмотра видеоурока нажмите на миниатюрный экран.

    Вы узнаете:

    • Как выполнить обводку и заливку контура.
    • Где находится пункт Simulate Pressure (Имитировать нажим).
    • Как рисовать пером в режиме Shape Layer (Фигура)
    • Как придать стиль слою с узором.
    • Как придать одинаковые стили разным слоям с фигурами
    • Как добавлять и удалять контуры.

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

    В этом уроке мы будем создавать узоры используя функции заливки и обводки контура. Создайте новый слой. Выберите инструмент Pen (Перо) В настройках параметров отметьте (для cs5) контуры. Нарисуйте завиток. Переключитесь на инструмент Brash (Кисть) . Подробно этот инструмент и его настройки изложены в 8 уроке Brash (Кисть). Подберите подходящий диаметр, настройте непрозрачность и цвет.

    Откроите окно настроек кисти: меню Window (Окно)Brashs (Кисти) илинажав F5. В CS5 вызвать это окно можно нажав на значок в панели настройки параметров кисти. Отметьте галочкой –Shape Dinamics (Динамика формы). В настройках динамики в разделе Control (Управление) – выберите Pen pressure (Нажим пера).

    Снова переключитесь на инструмент перо , подведите курсор к контуру и нажмите правую кнопку мыши.

    Появится контекстное меню .

    Выберите Stroke Path… (Выполнить обводку контура).

    В выпадающем списке выберите Brash (Кисть) и отметьте галочкой Simulate Pressure (Имитировать нажим). Щелкните правой кнопкой мыши по уже окрашенному контуру и нажмите Delate Path (Удалить контур). У вас должно получиться , примерно такое изображение.

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

    Меняя диаметр кисти и прозрачность, создайте несколько завитков. Чтобы отредактировать созданный контур, нажмите Ctrl или переключитесь на инструмент Direct selection tool (Стрелка).

    Посмотриите на эту схему. Прямые и наклонные под 45 градусов сегменты нарисованы при помощи клавиши Shift. В точке перехода от кривой линии к прямой был выполнен щелчок с зажатой клавише Alt. После последней точки, был выполнен щелчек мышью, с зажатой клавишей Ctrl. Обводка контура выполнена кистью 461 (Трещина).

    Заливка контура


    У любого контура можно залить внутреннюю область. Щелкните правой кнопкой мыши по контуру и выберите в контекстном меню Fill Path (Выполнить заливку контура).

    Появится окно, в котором можно выбрать заливку. В выпадающем списке Use (Использовать) можно переключаться между разными типами заливки. Это может быть не только цвет, но и текстура Pattern (Регулярный). Если контур не замкнут, то заливка будет произведена по кратчайшему расстоянию между первой и последней точкой контура.

    Как рисовать пером в режиме Shape Layer (Фигура)

    Чтобы получить капельку, переключитесь на режим рисования фигур . В параметрах инструмента установите Color (Цвет) в который будет окрашена фигура. В выпадающем меню Style (Стиль) можно выбрать интересный, уже готовый стиль.

    Обратите внимание на палитру слои. Фигура автоматически рисуется на отдельном слое.

    К созданному контуру можно добавлять и исключать новые фрагменты. Для этого удобно пользоваться режимами определяющими взаимосвязь между контурами. Найти их можно в панели параметров инструмента перо. С четырьмя из них вы уже знакомы из уроков по инструментам выделения. Это режимы: новый, добавление, удаление и пересечение. При работе с контурами к ним добавляется еще один Exclude (Исключение).

    Изменение стиля наложения для слоя с фигурой

    После того как узор будет закончен, можно придать ему дополнительные стили. Для этого нажмите правую кнопку мыши на слое с завитками и выберите пункт Layer Style (Параметры наложения). Отметте галочками Drop Shadow(Тень) и Bevel and Embos (Тиснение). Поэксперементируйте с включением других настроек. Если настройки стиля по умолчанию вас не устраивают, то двойной щелчок по названию любого из них открывает дополнительное окно для редактирования.

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

    Кто сказал, что рисовать можно только кисточками и карандашами? В этом уроке мы с вами начали рисовать векторным инструментом Pen (Перо) и создали свой первый векторный узор. А теперь, вспомните с чего начинаются детские рисунки. Вспомнили? Правильно! С самых простых геометрических фигур. Солнышко — это кружок. Домик — это квадрат и треугольник. Все конечно знают песенку из м/ф «Осьминожки»в которой есть такие слова: «палка, палка, огуречик, вот и вышел человечек…» В современной рекламе, да и просто в иллюстрациях часто можно встретить элементы простой векторной графики. Вот и мы с вами сейчас окунемся с головой в детство и попробуем нарисовать рисунок из простейших векторных фигур, которых в программе Photoshop предостаточно.

    Начнем с инструмента Rectangle (Прямоугольник). Действие этого инструмента похоже на работу инструмента Rectangular Marquee (Прямоугольное выделение/область). Зажав левую кнопку мыши нарисуйте прямоугольник нужной величины. Если хотите чтобы получился квадрат — нажмите и удерживайте клавишу Shift. Обратите внимание на палитру Layers (Слои) — рядом с миниатюрой прямоугольника появилась миниатюра маски.

    Два раза кликните по первой миниатюре в палитре Layers (Слои) для изменения цвета заливки фигуры и выберите подходящий цвет.

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

    Включите режим сетки: меню View (Просмотр) — Show (Показать) — Grid (Сетку). Комбинация клавиш ctrl + ‘. Выберите инструмент Move (Перемещение). Потяните за боковые точки для изменения пропорций большого прямоугольника. Выравняйте его по сетке. Нажмите

    Enter для подтверждения изменений.

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

    Переключитесь на инструмент Pen (Перо). В панели параметров установите режим Shape Layer (Фигура). Начертите крышу в виде треугольника. Для симметрии используйте сетку (как на школьной тетрадке).

    Остальные векторные инструменты работают аналогично.

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

    Ellipse Tool (Эллипс). Чтобы нарисовать круг — нажмите и удерживайте клавишу Shift.

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

    Unconstrained (Произвольно). Этот режим установлен по умолчанию. Фигура рисуется произвольным образом.

    Square (Квадрат). При включении этой настройки включается режим 1:1. Это значит, что в результате вы получите ровный круг или квадрат. Лично я предпочитаю пользоваться для этого результата клавишей Shift.

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

    Proportional (Задать пропорции). В графах для ввода значений можно задать необходимые пропорции. Например 1:2 или 6:9.

    From Center (От центра). Отметив этот пункт галочкой, фигура будет рисоваться из центра, если не отмечать то начало будет от места первого клика левой кнопки мыши.

    Snap to pixels (Привязать к пикселям). Включите этот параметр и ваши прямоугольники станут более четкими. Для использования этого параметра следует включить сетку ( Ctrl+’ ), т.к. привязка фигуры будет проходить по линиям сетки.

    Слева фрагмент фигуры без привязки к пикселям (край размыт), справа с привязкой.

    Polygon (Многоугольник). Параметр Sides (Стороны) назначает количество углов (от 3 до 100). Чем выше значение, тем больше многоугольник похож на круг.

    Smooth Corners (Сгладить внешние углы). Прозволяет скруглить внешние углы.

    Star Options (Звезда). При включении этой опции стороны многоугольника превращаются в вершины звезды. Появляется возможность задать глубину лучей и сгладить внутренние углы.

    Line (Линия). Инструмент рисует линию. Чем выше значение параметра Weight (Толщина), тем толще линия. При больших значениях можно начертить прямоугольник. Максимально можно задать 1000 пикселей. В параметрах инструмента можно включить отображение стрелок и отрегулировать их начертание.

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

    Вопросы:

    (правильный ответ вы можете узнать из викторины в конце видеоурока)

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

    – Меню Edit (Редактирование)Stroke…(Выполнить обводку).

    – Меню правой кнопки мыши инструмента Pen(Перо)Stroke Path… (Выполнить обводку контура).

    – Меню Layer (Слои )Layer Style (Стили слоя)Stroke (Обводка).

    – Правый клик мышкой по слою с контуром – Параметры наложения – Stroke (Обводка).

    1. Как придать обводке контура сужение в начале и в конце?

    – Отметить галочкой Simulate Pressure (Имитировать нажим) в настройках инструмента Brash(Кисть).

    – Уменьшить диаметр кисти в начале и в конце контура.

    – Отметить галочкой Simulate Pressure (Имитировать нажим) в окне Stroke Path (Выполнить обводку контура).

    Домашнее задание

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

    Добавить комментарий

    Отменить ответ

    Для отправки комментария вы должны авторизоваться.

    Многослойная обводка текста в Фотошоп / Creativo.one

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

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

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

    Шаг 1

    Напишем текст, с которым будем работать в дальнейшем. Создадим новый слой, при помощи инструмента Текст ( Text Tool) напишем слово «style». Цвет заднего плана чёрный.

    Вот так выглядит панель слоёв на данном этапе нашей работы:

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

    Из выпадающего списка выберите стиль Обводка (Stroke).

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

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

    После того, как вы подобрали цвет, нажмите ОК.

    Дальше я увеличил размер обводки до 21 пикс., выставив необходимое мне значение в окошке Размер (Size).

    Нажимаем ОК. Вот что получается у нас после добавления первой обводки к нашему тексту:

    Шаг 2

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

    Тогда я преобразовал текстовый слой в Смарт-объект. Смарт-объект работает как виртуальный контейнер, поместив в него наш текст с первым слоем обводки, мы сможем добавить вторую линию!

    Чтобы это сделать, нажмите на значок в верхней части панели слоёв, как показано на скриншоте:

    В выпадающем меню выберите опцию Преобразовать в Смарт-объект (Convert To Smart-Object)/

    После преобразования слоя в Смарт-объект, в нижнем правом углу предварительного просмотра слоя появится такой значок:

    Шаг 3

    Добавим вторую линию обводки. Для этого снова щёлкнем  на значок Стилей слоя в нижней части панели слоёв, выберем параметр Обводка (Stroke).

    Снова откроется диалоговое окно стиля слоя Обводка (Stroke). Как и в предыдущем шаге с добавлением обводки, выберите подходящий вам цвет и размер обводки. Я выбрал синий цвет и размер обводки 10 пикс.

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

    Вот, что у меня получилось в результате добавления обводки к смарт-объекту с текстом внутри:

    Шаг 4

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

    Я добавил третью линию обводки к своему тексту. Цвет я подобрал светло-голубой, как в первой линии обводки, размер установил 10 пикс.

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

    Вот так легко и очень просто можно добавить любое количество обводок к тексту, используя всего лишь стиль слоя Обводка (Stroke) и Смарт-объекты (Smart-Object) программы Фотошоп.

    Надеюсь, урок вам понравился, удачи в творчестве!

    Автор: Steve Patterson

     

    Источник: photoshopessentials.com

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Смысл существования двух диалоговых окон «Обводка»

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

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

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

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

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

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

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

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

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

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

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

    Нажмите Просмотр в строке меню.

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

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

    • Черно-белый цвет находится на крайнем правом конце спектра.
  • Выберите инструмент на панели инструментов в левой части окна.

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

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

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

    • Если вы решили использовать инструмент «Карандаш» или «Кисть», зажмите левую кнопку мыши и перетащите курсор вдоль линий. Отпустите кнопку, чтобы переместить инструмент и создать другой ряд штрихов.
    • Если вы решили использовать инструмент «Перо», щелкните по изображению левой кнопкой мыши; будет создана опорная точка. Теперь еще раз щелкните по изображению; будет создана вторая опорная точка, а между двумя опорными точками появится прямая линия. В случае кривых линий изображения нужно создать как можно больше опорных точек.
  • Мне кажется, что каждый из нас хоть раз в своей жизни обводил карандашом кисть своей руки, положив её на лист бумаги. А может быть это происходило на пляже. Кисть руки лежала на песке и мы обводили её какой-нибудь палочкой или длинным камушком. И в том и другом случае у нас получался контур. А давайте сделаем что-то подобное, но теперь в программе Фотошоп.

    Помогать нам будет фото кисти руки:

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

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

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

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

    Мы можем просто нажать кнопку «Ок», а можем, после появления этого окошка, сразу же на клавиатуре что-то написать, то есть присвоить слою имя, ну или название и уже после этого нажать кнопку «Ок». Делаем на своё усмотрение.

    Я просто нажал кнопку «Ок»:

    Готово! Слой-дубликат появился в палитре (окне) слоёв.

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

    Обратимся к перечню режимов наложения в верхней менюшке окна слоёв, раскрыв список режимов обычным щелчком мыши по кнопке-стрелке:

    Перед нашими глазами появился перечень режимов наложения слоя:

    A давайте усилим контрастность, так усилим. Выберем из перечня режим «Линейный затемнитель»:

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

    Ну вот, для работы инструментом «Быстрое выделение» всё готово. Наводим курсор мыши на нужный нам в данный момент инструмент «Быстрое выделение» в окошке инструментов:

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

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

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

    Если установить значение 3 или 5, то выделение будет более чётким. Если выбрать значение значительно больше видимого нам сейчас, а видим мы значение 18, то начав выделять ладонь, мы будем захватывать белый фон, так как с большим диаметром инструмента уменьшится его чувствительность.

    Пожалуй «золотой серединой» можно считать значение, при котором кружок-курсор инструмента будет немного меньше какого-нибудь пальца кисти руки. Для меня удобен диаметр инструмента в пределах 15-22. Я остановил выбор на значении 18. Пожалуй, лучше ориентироваться на свои ощущения и на сам процесс выделения. В зависимости от того, насколько удобно и качественно (нет захвата белого фона) мы осуществляем выделение, нам и нужно двигать ползунок регулировки диаметра инструмента, подбирая оптимальное значение.

    Чтобы инструмент работал, как говорится, «на полную катушку», жёсткость нужно установить 100%. Ну вот у нас всё готово к выделению кисти руки. Предлагаю начать выделение с запястья:

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

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

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

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

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

    Что же делать, если в область выделения всё же попал белый фон? Можно отменить выделение вообще, нажав сочетание клавиш Ctrl+D и начать выделять ладонь заново. А можно обратиться к блоку технических настроек инструмента и переключить режим его работы щелчком мыши, но теперь уже по значку инструмента с минусом:

    Менять другие настройки инструмента вовсе не обязательно (диаметр курсора-кружочка, его жёсткость, интервалы самого пунктирного выделения).

    Такое переключение режима даёт нам возможность удалить «захват» выделением белого фона:

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

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

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

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

    Кисть выделена - «муравьи» выделения активно бегут по её контуру, а мы производим смену инструмента и создаём новый слой в окошке слоёв.

    Давайте начнём с создания нового слоя. Нажмём в нижней менюшке окна слоёв, значок создания нового слоя. Готово:

    Этот новый слой через несколько секунд превратится в слой-контур ладони, а точнее будущий контур. У нас есть пока только выделенная область, а создание контура впереди.

    Теперь произведём смену инструментов или режимов выделения. Обычным щелчком мыши выберем инструмент обычного (не быстрого) выделения. И какой именно инструмент из перечня мы выберем, в нашем данном случае, не имеет значение:

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

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

    Выберем её. И вот появилось следующее окошко настроек:

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

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

    Ну вот, другое дело:

    Чтобы быть уверенными в том, что созданный нами контур без изъянов и дефектов, увеличим масштаб видимости (версия Фотошоп CS5):

    К сожалению надо признать, что контур получился «так-себе». Линия контура имеет много неровностей, которые были заметны уже в самом начале его создания и при 100% масштабе видимости.

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

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

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

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

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

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

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

    Я написала следующий текст, с помощью инструмента «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, возьму инструмент "Эллипс ", режим в панели параметров, как говорилось ранее, задан "Пикселы", нажимаю курсором мыши внутри документа и протаскиваю курсор для создания фигуры:



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

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



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

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

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

    как ее сделать и настроить

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Смысл существования двух диалоговых окон «Обводка»

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

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

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

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

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

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

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

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

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

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

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

    Как быстро и просто сделать обводку в фотошопе | Pixelbox.ru - Дополнения и уроки по Фотошопу

    Сделать обводку в фотошопе можно двумя способами: при помощи стилей слоя и через меню Редактирование (Edit). В этом уроке мы рассмотрим оба способа.

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

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

    Обводка при помощи стилей слоя

    Для начала создадим новый документ (Файл-Создать (File-New)) и добавим в него какой-либо объект, к которому нужно добавить обводку. Например, фигуру с сердечком:

    В панели слоев делаем активным слой с сердечком и щелкаем по нему два раза левой кнопкой мыши. Это действие откроет окно стилей слоя (Layer Style):

    Ставим галочку у параметра Выполнить обводку (Stroke) и переходим в меню настроек.

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

    В параметре Тип обводки из выпадающего списка можно выбрать три варианта обводки – Цвет, Градиент, Узор. Если вы выберете один из двух последних вариантов (Градиент или Узор) дополнительно сможете выбрать стиль градиента или узора.

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

    Окно стилей слоя с настройками:

    Фигура с обводкой:

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

    Обводка при помощи меню Редактирование

    Растрируем слой с фигурой (ПКМ по слою-Растрировать слой). Отключим глазок стилей слоя в панели слоев и активируем выделение слоя с объектом, щелкнув с зажатой клавишей Ctrl по миниатюре слоя:

    Поверх слоя с объектом создайте новый слой. Слои-Новый-Слой (Layer-New-Layer) или нажмите на миниатюру создания нового слоя в панели слоев. Этот шаг необязателен, мы можем применить обводку к самому растрированному слою, только тогда изменения станут необратимыми и, если мы захотим изменить или вовсе убрать обводку, не будет возможности этого сделать, придется либо отменять шаги, либо вырезать обводку вместе с «куском» объекта.

    Переходим в меню Редактирование-Выполнить обводку (Edit–Stroke), появится такое окошко с настройками:

     

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

    После применения настроек снимите выделение, перейдя в Выделение-Отменить выделение (Select-Deselect) или нажав сочетание горячих клавиш Ctrl + D.

     

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

    Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

    как ее сделать и настроить

    Нажмите Просмотр в строке меню.

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

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

    • Черно-белый цвет находится на крайнем правом конце спектра.
  • Выберите инструмент на панели инструментов в левой части окна.

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

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

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

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

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

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

    Я написала следующий текст, с помощью инструмента «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 и обвела все линии внутри розы.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Смысл существования двух диалоговых окон «Обводка»

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Я написала следующий текст, с помощью инструмента «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 и обвела все линии внутри розы.

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

    В уроке представлен один из приемов оформления текста, а конкретно – обводка.

    Для того чтобы сделать обводку в Фотошопе нам понадобится непосредственно «пациент». В данном случае это будет одна большая буква «А».

    Сделать обводку текста можно стандартными средствами Фотошопа. То есть дважды кликнуть по слою, вызвав стили и выбрать пункт «Обводка» .

    Здесь можно настроить цвет, расположение, тип и толщину обводки.

    Это путь дилетантов, а мы с Вами настоящие профи, поэтому и действовать будем по другому.

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

    Итак, текст у нас есть, приступаем.

    Зажимаем клавишу CTRL и кликаем по миниатюре слоя с текстом, тем самым получив выделение, повторяющее его форму.

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

    Идем в меню «Выделение – Модификация – Расширить» .

    Здесь настройка только одна. Пропишу значение в 10 пикселей (размер шрифта 550 пикс).

    Получаем вот такое выделение:

    Чтобы произвести дальнейшее редактирование необходимо активировать один из инструментов группы «Выделение» .

    Ищем на верхней панели инструментов кнопку с названием «Уточнить край» .

    Нашли? Нажимаем.

    Здесь нам необходимо изменить только один параметр – «Сглаживание» . Поскольку размер текста у нас огромный, то и значение также будет довольно большим.

    Находясь на этом слое нажимаем сочетание клавиш SHIFT+F5 . Появится окно с параметрами заливки.

    Здесь выбираем «Цвет» . Цвет может быть любой.

    Получаем следующее:

    Снимаем выделение сочетанием клавиш CTRL+D и продолжаем.

    Помещаем слой с обводкой под слой с текстом.

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

    Затем выберем тип градиента «Зеркальный» и инвертируем его.

    Жмем ОК и любуемся…

    Что-то не так…

    Продолжим эксперимент. Извиняюсь, урок.

    Переходим на слой с текстом и изменяем непрозрачность заливки на 0% .

    Дважды кликаем по слою, появляются стили. Выбираем пункт «Тиснение» и настраиваем примерно, как на скриншоте.

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

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

    Как пользоваться пером в Фотошопе

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

    Предлагаем вам изучить основные принципы

    Панель инструмента

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

    Режимы

    Вначале вы увидите два режима:

    1. Слой-фигура — здесь строятся слоевые векторные изображения;
    2. Контуры.

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

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

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

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

    Режим подходит для рисования кривых

    Выделение области

    Перо используют для создания области выделения в Фотошопе.

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

    Данная функция будет полезна при дальнейшей работе с фотографиями

    Обводка кисточкой

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

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

    Фотошоп как всегда радует своей вариативностью

    Заливка

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

    Трансформирование

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

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

    Свободное перо

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

    В режиме «Свободное перо» можно настроить также некоторые параметры. Параметр «Погрешность» при установленных 2-3 пикселях создаёт контур несглаженный, неплавный, при 10 пикселях тот становится плавным.

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

    Включаем дополнительные опции

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

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

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

    Угол

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

    Создание определённых фигур

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

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

    Стили изображений

    Для объектов, выстраиваемых в режиме «Слой-фигура», можно задавать стиль из нескольких стандартных, предлагаемых программой. Фигура сразу образуется в выбранном стиле, для которого автоматически добавляются эффекты. Это изображение можно легко перевести из вектора в растровое, кликнув по иконке правой кнопкой и выбрав «Растрировать слой».

    Можно добавить эффекты

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

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

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

    Обводка контура в Photoshop (с примерами) Урок Photoshop

    www.psd-dude.com

    Узнайте, как использовать Stroke Path в Photoshop. Эта функция очень полезна для создания различных текстовых эффектов.Чтобы увидеть применение Stroke Path , ознакомьтесь с моим руководством о том, как создать контурный текст в Photoshop.
    Это также очень полезно для создания рамок и границ, эффектов контура и так далее. В предыдущем уроке мы узнали, как построить путь, а сегодня мы говорим об обводке путей.

    Твитнуть

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

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

    Это руководство применимо для Photoshop CS и CC 2015, 2018 и 2019 гг.

    Как сделать рабочий путь

    От

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

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

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

    [БЫСТРЫЙ СОВЕТ] Почему мой контур обводки в Photoshop неактивен?

    Ход хода не работает? Это одна из ошибок, которые я сделал много, когда начал работать с контурами в Photoshop.

    Рассмотрим использование Pen Tool в Photoshop для рисования контура. Скажем, я пытался сделать Stroke Path.

    Почему обводка неактивна или отключена?

    1. Поскольку при рисовании контура в Photoshop для включения Stroke Path необходимо выбрать Path при рисовании с помощью инструмента Pen Tool

    Вот как это выглядит в моем Photoshop CC

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

    Как использовать обводку контура в Photoshop

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

    В Photoshop вы можете использовать опцию Stroke Path со всеми основными инструментами: Brush Tool , eraser Tool , Smudge Tool , Burn Tool и т. Д.Но самый используемый инструмент для обводки контуров в Photoshop - Brush Tool ; поэтому в этом уроке я собираюсь объяснить, как это работает.

    Возьмите инструмент Brush Tool и выберите кисть, которая вам нравится. Я выберу простую точечную кисть

    .

    Выберите инструмент выбора пути и щелкните правой кнопкой мыши путь. Выберите Stroke Path и в раскрывающемся списке инструментов выберите Brush , что на самом деле является настройкой по умолчанию.

    Нажмите клавишу bacspace , чтобы удалить путь.Или щелкните правой кнопкой мыши вкладку Путь и выберите удалить путь , чтобы увидеть результат.

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

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

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

    Предыдущий пост

    Преобразование изображения в силуэт векторной формы в Photoshop

    Следующее сообщение

    Создаем текст на деревянной книжной полке в Photoshop

    Stroke in Photoshop - Учебник по эффектам обводки для металлических стилей

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

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

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

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

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

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

    Откройте коллекцию металлических градиентов Photoshop: они очень полезны для обводки границ с металлическим эффектом.

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

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

    штрихов в Photoshop CS6

    Есть два способа наложения обводок на слои-фигуры в Photoshop CS6 - с помощью стилей слоев, которые используются с версии 6 (это древняя версия 6.0, а не CS6), или с помощью совершенно новых параметров векторной формы. На первый взгляд они могут показаться похожими, но между ними есть существенные различия.

    Лучшее качество #

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

    Имеет ли значение это для мазков меньшего размера? Может быть нет. Разница небольшая.

    Однако векторные штрихи могут иметь нецелочисленные размеры, поэтому вы можете использовать обводку 0,5 пикселя в документе, отличном от Retina, и он будет масштабироваться точно до 1 пикселя для размеров Retina. Штрихи стиля слоя должны иметь целочисленный размер, поэтому масштабирование документа может вызвать ошибки округления.

    Лучшее растушевывание маски #

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

    Лучшие углы #

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

    Больше #

    Обводка в стиле слоя составляет максимум 250 пикселей. Векторные штрихи могут быть немного больше, с максимальным размером 288 пикселей.Вы даже можете обмануть, чтобы получить более крупные векторные штрихи, применив штрих, а затем увеличив масштаб документа (проверено до 1600 пикселей, прежде чем отказаться).

    Поведение открытого пути #

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

    Лихая #

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

    Смотрите, сэр. Смотрите, сэр. Мистер Нак, сэр. Давайте проделаем трюки с штрихами и точками, сэр. Давайте проделаем трюки с масками и кепками, сэр.

    Фигурный взрыв #

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

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

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

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

    Еще одна небольшая победа для штрихов в стиле слоя.

    Опубликовано 21 января 2013 г.

    Добавить несколько штрихов в Photoshop CC

    Добавить обводку к слою в Photoshop довольно просто. Возможность существует уже давно. Но знаете ли вы, что теперь в Photoshop CC очень просто добавить несколько мазков? В диалоговом окне «Стили слоя» теперь есть параметры для создания нескольких штрихов. Посмотрим, как это работает.

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

    Добавим обводку обычным способом:

    1. Убедитесь, что выбран текстовый слой.
    2. Щелкните значок «Добавить стиль слоя» и
    3. Выберите обводку:

    Теперь мы настроим внешний вид обводки:

    1. Установите размер на 5 пикселей, положение снаружи и цвет на черный.
    2. Затем щелкните значок «+» рядом со стилем обводки.

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

    1. Измените цвет на белый. Отрегулируйте размер, пока не будут заполнены все пробелы. В этом примере я использовал 54 пикселя.
    2. Теперь щелкните значок «+» еще раз!

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

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

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

    Самое замечательное в создании нескольких обводок в Photoshop CC таким образом заключается в том, что стили слоя остаются динамическими и редактируемыми и изменяются при изменении текста.Это работает, даже если текст преобразован. Например:

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

    Теперь выберите стиль деформации. Здесь я выбрал "Выпуклость". Обратите внимание, что с деформированным текстом у нас есть пробел в обводке между двумя буквами.

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

    Обратите внимание, что рядом со многими другими стилями в диалоговом окне «Стиль слоя» также есть знаки «+». Это показатель того, что вы также можете добавить несколько этих стилей. Небо это предел!

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

    Smart Strokes в Photoshop CS3

    На первый взгляд, добавление обводки к слою - либо с помощью Edit> Stroke, либо с помощью стиля слоя Stroke - может показаться довольно простым (скучным), но с небольшим воображением все может значительно измениться. интереснее в мире штрихов.Сначала мы увидим, как с помощью смарт-объектов можно добавить удивительные возможности к вашим рисункам с обводкой, а затем мы научимся создавать пунктирные линии, используя обводки с узорами.

    ШАГ 1 Начните с выделения
    Открыв фоновый документ, щелкните значок «Создать новый слой» в нижней части панели «Слои», чтобы добавить новый слой, и используйте инструмент выделения по вашему выбору, чтобы добавить выделение. . В этом примере мы добавили три круга с помощью инструмента Elliptical Marquee Tool (удерживайте клавишу Shift, чтобы добавить более одного выделения на один и тот же слой).Позже мы увидим, как вы можете начать с нестандартной формы.

    ШАГ 2 Добавление базового штриха
    Хотя стили слоев обеспечивают большую гибкость, мы начнем с базового штриха и построим его. В меню «Правка» выберите «Обводка». В диалоговом окне «Обводка» выберите «Ширину» и «Цвет» и установите для параметра «Местоположение» значение «Центр». (Если вы начали с прямоугольного выделения, вы можете использовать Inside в качестве позиции, хотя это повлияет на все остальные шаги). Щелкните ОК.


    ШАГ 3 Добавление стиля слоя «Обводка»
    Щелкните значок «Добавить стиль слоя» в нижней части панели «Слои» и выберите «Обводка» во всплывающем меню.В диалоговом окне измените положение на Снаружи, а затем поэкспериментируйте с шириной и цветом, чтобы получить желаемый вид. Здесь мы создали черную обводку вокруг нашей исходной белой обводки. Щелкните ОК. Чтобы создать другой вид, вы можете изменить непрозрачность заливки на панели «Слои» на 0, чтобы удалить исходный цвет обводки, оставив только внешние обводки.


    ШАГ 4 Создание смарт-объекта; Добавить еще одну обводку
    Удерживая нажатой клавишу Control (ПК: щелкните правой кнопкой мыши) на слое обводки на панели «Слои», выберите «Преобразовать в смарт-объект».(Когда вы делаете это, стиль слоя Stroke можно редактировать только двойным щелчком по смарт-объекту, чтобы перейти к исходной информации.) Преобразование слоя в смарт-объект также означает, что теперь мы можем добавить еще один стиль слоя Stroke к белые и черные штрихи (что мы и сделали), эффективно создавая несколько штрихов на одном слое.


    ШАГ 5 Промыть и повторить
    Теоретически вы можете повторить одну и ту же операцию несколько раз: преобразовать смарт-объект в смарт-объект и добавить стиль слоя «Обводка».(Я знаю, это звучит странно, но вы действительно можете преобразовать смарт-объект в новый смарт-объект.) На практике штрихи начнут выглядеть немного странно, если вы будете повторять эту процедуру слишком много раз. Вот пример применения тех же методов к текстовому слою (выделение шрифта и последующие шаги, описанные выше).

    ШАГ 6 Экспериментируйте с обводками градиента
    Вы также можете получить некоторые интересные результаты, если используете градиент вместо сплошного цвета для одного или нескольких стилей слоя «Обводка».Процедура такая же; просто выберите «Градиент» в меню «Тип заливки» в диалоговом окне «Стиль слоя».


    ШАГ 7 Отредактируйте смарт-объект для большего количества возможностей
    В этом примере мы начали с инструмента Custom Shape и создали путь. После превращения контура в выделение (щелкните [ПК: Ctrl-щелчок], удерживая нажатой клавишу «Command» на миниатюре «Путь» на панели «Контуры»), мы выполнили те же шаги, чтобы добавить несколько штрихов через смарт-объекты. Двойным щелчком по смарт-объекту на панели «Слои» мы можем редактировать «оригинал», но, поскольку мы создали несколько смарт-объектов, нам пришлось дважды щелкнуть несколько раз, чтобы вернуться к самому первому объекту.Затем мы применили пару фильтров из «Фильтр»> «Мазки кистью», закрыли и сохранили каждый смарт-объект до обновления основного документа.


    Создание пунктирных линий

    ШАГ 1 Создание нового узора
    Начните с создания нового документа размером 100 × 100 пикселей, затем добавьте новый слой. Выберите инструмент «Прямоугольная область» (M) и на панели параметров установите для параметра «Стиль» значение «Фиксированный размер» с шириной и высотой 50 пикселей. Щелкните в верхнем левом углу документа, чтобы добавить выделение и заполнить его черным (нажмите D, затем Option-Delete [ПК: Alt-Backspace]).Повторите то же самое для нижнего правого угла и снимите выделение (Command-D [ПК: Ctrl-D]). Скройте фоновый слой, щелкнув значок глаза на панели «Слои», затем в меню «Правка» выберите «Определить узор» и назовите узор.

    ШАГ 2 Добавление стиля слоя «Обводка» к слою
    В этом примере мы извлекли человека из белого фона и добавили обводку к этому слою. В параметрах обводки выберите Узор в меню Тип заливки и выберите только что созданный узор.Используйте параметр «Масштаб», чтобы получить желаемую пунктирную линию (Примечание: узор будет отображаться по-разному в разных масштабах, поэтому продолжайте экспериментировать.)


    © ISTOCKPHOTO / ANDRESR

    STEP 3 Experiment, Experiment, Experiment
    Есть много возможностей использования этих двух техник: экспериментируйте со встроенными узорами, комбинируйте узор с обводкой смарт-объекта - так много творческих возможностей!


    Практическое руководство. Добавление нескольких штрихов к редактируемому тексту в Photoshop

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

    Если вы используете CS5 или более раннюю версию, смарт-объекты Photoshop будут лучшим выбором. Освоив один простой трюк - преобразование текста в смарт-объект - вы можете легко добавить несколько штрихов, каждый со своим цветом и размером. Единственным ограничением будет хороший вкус. Если у вас Photoshop CS6, посмотрите в конце этого урока еще более простой метод.

    Шаг 1. Начните с текста

    Выберите инструмент «Текст» в Photoshop (T) и введите слово.

    Шаг 2. Добавьте обводку по старинке

    На панели «Слои» щелкните значок fx и перейдите к слову «Обводка».

    Больше после прыжка! Продолжайте читать ниже
    Пользователи Free и Premium видят меньше рекламы! Зарегистрируйтесь и войдите в систему сегодня.

    Откроется диалоговое окно «Стиль слоя». В области «Тип заливки» щелкните образец цвета.

    В диалоговом окне «Палитра цветов» выберите цвет обводки, который будет рядом с цветом заливки в тексте.

    Вернувшись в диалоговое окно «Стиль слоя», выберите размер обводки в области «Структура». Щелкните ОК.

    Результат будет примерно таким:

    Шаг 3. Преобразование текста в смарт-объект

    Во всплывающем меню панели «Слои» выберите «Преобразовать в смарт-объект».

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

    Шаг 4. Добавьте обводку к смарт-объекту

    Еще раз перейдите на панель «Слои», щелкните значок fx и наведите указатель мыши на слово «Обводка».

    В диалоговом окне «Стиль слоя» выберите новый цвет обводки и, если хотите, новый размер обводки.

    Нажмите ОК, и результат будет выглядеть так:

    Шаг 5. Добавьте больше штрихов

    Теперь вы можете добавлять бесконечное количество штрихов, повторяя шаги 3 и 4.

    Но что, если вы поймете, что допустили опечатку? Не нужно начинать с нуля - вы слишком «умны» для этого.

    Шаг 6: Отредактируйте текст

    Дважды щелкните значок смарт-объекта на панели «Слои»:

    Photoshop затем отображает сообщение, предлагающее выбрать «Файл»> «Сохранить» после внесения изменений в содержимое смарт-объекта и сохранить отредактированный файл в том же месте.

    После нажатия кнопки «ОК» Photoshop откроет новый файл.Содержимое будет похоже на ваш .psd, но внимательно посмотрите на имя файла: оно заканчивается на .psb.

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

    Обязательно закройте файлы .psb в том порядке, в котором их открывал Photoshop.

    Результат будет выглядеть так:

    Теперь вы можете добавить больше штрихов, если хотите. Вы также можете отредактировать текст позже в своем проекте, повторив этот шаг.

    Только для пользователей Photoshop CS6

    Те из вас, у кого есть Photoshop CS6, могут воспользоваться новой функцией: возможностью применять стили слоя к группе. Начните с шагов 1 и 2 выше, но затем вместо преобразования текста в смарт-объект выберите «Новая группа из слоев» во всплывающем меню панели «Слои».Добавьте новую обводку в эту группу. Повторите нанесение группы и мазка столько раз, сколько хотите. Редактировать текст так же просто, как выбрать инструмент «Текст» и дважды щелкнуть в главном окне.

    Как добавить штрих или пунктирную обводку к фигурам и контурам в Photoshop

    Photoshop - очень мощное приложение для редактирования изображений, но ему всегда не хватало одной конкретной области; нанесение стилизованных линий. Если вы используете Photoshop CS, вы знаете, что нет никаких инструментов для рисования штриховой или пунктирной линии.Вы должны импровизировать решение, поигравшись с кистью. Photoshop CC 2017 в некоторой степени устраняет этот пробел. Более новая версия позволяет создавать собственные стили обводки для контуров и фигур, а также поставляется с предустановленным рисунком штрихов и точек. Вот как новая функция работает в Photoshop CC и как вы можете воспроизвести ее в Photoshop CS.

    Photoshop CC 2017

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

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

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

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

    Photoshop CS

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

    1. Создайте контур с помощью инструмента «Перо».

    2. Выберите инструмент «Кисть» (B). Для пунктирной линии используйте одну из круглых кистей по умолчанию. Для пунктирной линии используйте одну из квадратных кистей по умолчанию.

    3. Перейдите в Window> Brush, чтобы открыть окно Brush, показанное ниже. Возможно, он уже добавлен в один из боковых столбцов, и в этом случае вам нужно только развернуть его.

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

    Оставить комментарий

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *

    © 2019 Штирлиц Сеть печатных салонов в Перми

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