Как в фотошопе выполнить обводку: Заливка и обводка выделенных областей, слоев и контуров в Photoshop
Содержание
Стиль слоя Обводка в Photoshop
Диалоговое окно
Диалоговое окно стиля русскоязычном и англоязычном Photoshop:
Размер (Size)
С помощью этого ползунка можно изменять толщину обводки, значения указываются в пикселях
Положение (Position)
Интерфейс опции выполнен в виде выпадающего списка, состоящего из трёх пунктов, задающих положение обводки относительно края объекта:
Снаружи (Outside) — обводка находится за краями объекта
Внутри (Inside) — внутри краёв
Из центра (Center) — середина обводки совпадает проходит по краю объекта
С этим всё понятно. А теперь о тонкостях взаимодействия с другими стилями. На рисунке ниже я привёл примеры. Обводку частично перекрывает стиль слоя «Тиснение» (Bevel and Emboss), но в свою очередь, обводка перекрывает внешнюю Тень (Drop Shadow), а стили «Наложение узора» (Pattern Overlay), «Наложение цвета» (Color Overlay) её не перекрывают:
Режим наложения (Blend Mode)
Задаёт режим наложения обводки к используемому слою и слоям, лежащим под ним. Действует по принципу обычных режимов наложения слоёв.
Непрозрачность (Opacity)
Эта опция регулирует прозрачность обводки. С этим всё понятно, но здесь также присутствует одна особенность.
Если обводка имеет положение «Внутри» или «Из центра», то при непрозрачности 0% она скроет перекрываемое ею содержимое слоя. Это видно на примере ниже. К верхнему тексту стиль не применён, к среднему применена обводка в положении «Из центра» с непрозрачностью 100%, а к нижнему тексту применена точно такая же обводка, но с непрозрачностью 0%
Тип обводки (Fill Type)
Эта опция управляет заполнением Обводки. Заполнение может быть трёх вариантов: Цвет (Color), Градиент (Gradient), или Узор (Pattern).
Каждый из этих вариантов дает нам дополнительные возможности для оформления обводки:
С опцией «Цвет» всё понятно — он делает сплошную однотонную заливку, цвет выбирается с помощью нажатия на прямоугольник, расположенный слева от выпадающего списка.
«Узор» заполняет обводку паттерном (готовым узором) по принципу стиля слоя «Наложение узора» (Pattern Overlay).
Опция «Градиент» заполняет тело обводки градиентным заливкой. Вот тут, пожалуй, Photoshop предоставляет нам наибольшее количество вариантов для творчества.
Прежде всего, мы можем настроить градиентную заливку. Это может быть простой двухцветный вариант, либо сложный набор из цветов для специальных эффектов, таких как металл. Проставленная галка в чекбоксе «Инверсия» развернёт на 180° направление градиента. Градиент настраивается так же, как и в стиле Наложение градиента(Gradient Overlay).
Но тут имеется одно важное дополнение, это дополнительный стиль градиента — «Разбивка фигуры», в англ. версии — «Shape Burst»:
Эта опция направляет градиент перпендикулярно краю фигуры или слоя, к которому применяется стиль. С помощью неё мы можем получить полосы вдоль контура слоя. Этот стиль применён к нижнему тексту на рисунке:
Сохранение и загрузка настроек стиля слоя по умолчанию
Сохранение и загрузка значений по умолчанию осуществляется точно так же, как и у стиля слоя «Тени».
Как обвести перо в фотошопе
«Перо» — один из самых востребованных среди профессионалов инструмент Фотошопа, так как позволяет производить выделение объектов с высочайшей точностью. Кроме того, инструмент обладает и другим функционалом, к примеру, с его помощью можно создавать качественные пользовательские фигуры и кисти, рисовать кривые линии и многое другое.
Во время работы инструмента создается векторный контур, который впоследствии используется для различных целей.
Инструмент Перо
В этом уроке поговорим о том, как с помощью «Пера» строятся контуры, и каким образом их можно использовать.
Построение контура
Контуры, создаваемые инструментом, состоят из опорных точек и направляющих. Направляющие (будем называть их лучами) позволяют изгибать участок, заключенный между двумя предыдущими точками.
- Ставим пером первую опорную точку.
Ставим вторую точку и, не отпуская кнопку мыши, протягиваем луч. От направления «протягивания» зависит, в какую сторону будет изогнут участок между точками.
Если луч оставить нетронутым и поставить следующую точку, то кривая изогнется автоматически.
Для того, чтобы (до установки точки) узнать, каким образом изогнется контур, нужно поставить галку в чекбоксе «Просмотр» на верхней панели настроек.
Для того, чтобы избежать изгиба следующего участка, необходимо зажать ALT и мышью вернуть луч обратно в точку, из которой он был протянут. Луч должен полностью пропасть.
Изгиб контура можно произвести и другим способом: ставим две точки (без изгиба), затем между ними ставим еще одну, зажимаем CTRL и тянем ее в нужную сторону.
Заливка контура
- Для заливки полученного контура кликаем правой кнопкой мыши по холсту и выбираем пункт «Выполнить заливку контура».
В окне настроек можно выбрать тип заливки (цвет или узор), режим наложения, непрозрачность, настроить растушевку. После завершения настроек нужно нажать ОК.
Обводка контура
Обводка контура выполняется заранее настроенным инструментом. Все доступные инструменты можно найти в выпадающем окне настроек обводки.
Рассмотрим обводку на примере «Кисти».
1. Выбираем инструмент «Кисть».
2. Настраиваем размер, жесткость (у некоторых кистей данная настройка может отсутствовать) и форму на верхней панели.
3. Выбираем желаемый цвет в нижней части панели слева.
4. Снова берем инструмент «Перо», кликаем правой кнопкой мыши (контур у нас уже создан) и выбираем пункт «Выполнить обводку контура».
5. В выпадающем списке выбираем «Кисть» и нажимаем ОК.
После выполнения всех действий контур обведется настроенной кистью.
Создание кистей и фигур
Для создания кисти или фигуры нам потребуется уже залитый контур. Цвет можно выбрать любой.
Создаем кисть. Обратите внимание, что при создании кисти фон должен быть белым.
1. Идем в меню «Редактирование – Определить кисть».
2. Даем название кисти и жмем ОК.
Созданную кисть можно найти в настройках формы инструмента («Кисти»).
При создании кисти стоит учесть, что, чем крупнее контур, тем качественнее получится результат. То есть, если хотите кисть высокого качества, то создавайте огромный документ и чертите огромный контур.
Создаем фигуру. Для фигуры цвет фона не важен, так как она определяется границами контура.
1. Кликаем ПКМ (перо у нас в руках) по холсту и выбираем пункт «Определить произвольную фигуру».
2. Как и в примере с кистью, даем имя фигуре и жмем ОК.
Найти фигуру можно следующим образом: выбрать инструмент «Произвольная фигура»,
в настройках на верхней панели открыть набор фигур.
Фигуры отличаются от кистей тем, что поддаются масштабированию без потери качества, поэтому при создании фигуры важен не размер, а количество точек в контуре – чем меньше точек, тем качественнее фигура. Для уменьшения количества точек изгибайте создаваемый контур для фигуры при помощи лучей.
Обводка объектов
Если Вы внимательно изучили параграф о построении контура, то сама обводка не вызовет затруднений. Только пара советов:
1. При обводке (она же «обтравка») увеличивайте масштаб изображения (клавиши CTRL+ «+» (просто плюс)).
2. Немного смещайте контур в сторону объекта, чтобы избежать попадания фона в выделение и частично отсечь размытые пиксели.
После того, как контур создан, можно его залить и сделать кисть, либо фигуру, а можно образовать выделенную область. Для этого кликаем правой кнопкой мыши и выбираем данный пункт.
В настройках указываем радиус растушевки (чем выше радиус, тем более размытой получится граница), ставим галку возле «Сглаживания» и нажимаем ОК.
Дальше уже сами решайте, что делать с полученным выделением. Чаще всего нажимают CTRL+J, чтобы скопировать его на новый слой, тем самым отделив объект от фона.
Удаление контура
Ненужный контур удаляется просто: при активированном инструменте «Перо» нужно кликнуть правой кнопкой мыши и нажать «Удалить контур».
На этом закончим урок об инструменте «Перо». Мы сегодня получили необходимый для эффективной работы минимум знаний, без лишней информации, и научились применять эти знания на практике.
Отблагодарите автора, поделитесь статьей в социальных сетях.
Небольшая инструкция о том, как обводить контур инструмента Pen tool в Photoshop
Чтобы обвести перо в Photoshop, нужно:
- Создаём слой на котором будем рисовать пером.
- Рисуем
- Задаём диаметр, цвет, и другие параметры кисти или чем мы там будем обводить
- Выходим в панель Контуры (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 (Произвольная фигура). В настройках параметров инструмента представлен большой выбор стандартных фигур. Вам стоит не только взглянуть на всевозможные варианты, но и обязательно попробовать их в действии.
Вопросы:
(правильный ответ вы можете узнать из викторины в конце видеоурока)
- Как выполнить обводку контура?
– Меню Edit (Редактирование) – Stroke…(Выполнить обводку).
– Меню правой кнопки мыши инструмента Pen(Перо) – Stroke Path… (Выполнить обводку контура).
– Меню Layer (Слои ) – Layer Style (Стили слоя) – Stroke (Обводка).
– Правый клик мышкой по слою с контуром – Параметры наложения – Stroke (Обводка).
- Как придать обводке контура сужение в начале и в конце?
– Отметить галочкой Simulate Pressure (Имитировать нажим) в настройках инструмента Brash(Кисть).
– Уменьшить диаметр кисти в начале и в конце контура.
– Отметить галочкой Simulate Pressure (Имитировать нажим) в окне Stroke Path (Выполнить обводку контура).
Домашнее задание
Вы должны войти или зарегистрироваться чтобы увидеть скрытый текст.
Добавить комментарий
Отменить ответ
Для отправки комментария вы должны авторизоваться.
Как рисовать кистью на основе созданных контуров в Фотошопе
Для начала создаем документ с произвольными размерами.
Далее, мы выбираем инструмент Brush Tool (Инструмент «Кисть» / Клавиша «B») и задаем необходимые параметры.
Для наглядности я взяла кисть большого радиуса и зеленого цвета.
С помощью инструмента Pen Tool («Перо» / Клавиша «P») создаем линию. После чего, нажатием правой кнопкой мыши вызываем дополнительное меню, где выбираем «Stroke Path» (Выполнить обводку контуром).
Для более глубокого понимания инструмент Pen Tool («Перо» / Клавиша «P»), это не рисунок, а если мы линию обведем кистью – это фактически эквивалентно нарисованной кистью линии. Просто нарисовать красивую линию сразу кистью достаточно тяжело, именно поэтому мы задействовали перо. Итак, меню обводка контуром.
Теперь выбираем инструмент Кисть, т.е. то чем мы хотим обвести нашу линию.
Галочка «Simulate pressure» (Имитировать нажим) отвечает за толщину линии. Если вы выберите эту опцию, линия вначале будет более тонкой, потом к середине утолщается, и к концу опять утончается. Если же не использовать эту опцию, то линия будет одной толщины, равной диаметру заданной ранее кисти.
Итак, вот что у меня получилось. Так как, сама кривая, созданная пером, нам больше будет не нужна, мы ее удалим – нажимаем правой кнопкой мыши, вызываем дополнительное меню, где выбираем «Delete pass» (Удалить контур).
Напоследок мы можем создать из получившегося рисунка кисть.
Зажимая клавишу Ctrl, кликаем по слою в панели слоев, таким образом, загружаем выделение.
Далее заходим в меню Edit — Define Brush Preset (Редактирование — Определить кисть).
Вводим название, жмем Ок, и получаем новую кисть. Вот и все.
Автор: Юлиана Степанова;
Источник;
⇐ • Как повысить насыщенность цветов на фото (предыдущая страница учебника)
• Как сделать аватар (следующая страница учебника) ⇒
Как быстро и просто сделать обводку в фотошопе | Pixelbox.ru — Дополнения и уроки по Фотошопу
Сделать обводку в фотошопе можно двумя способами: при помощи стилей слоя и через меню Редактирование (Edit). В этом уроке мы рассмотрим оба способа.
Первый способ, с использованием стилей слоя, применяется быстрее (для его добавления достаточно дважды щелкнуть по слою) и имеет широчайшую гамму настроек, благодаря которым вы можете кардинально изменить обводку, выбрав её цвет, расположение, непрозрачность и п.
Во втором способе некоторые настройки дублированы, но главным преимуществом второго способа является возможность удаления его в любой момент, не испортив при этом сам объект.
Обводка при помощи стилей слоя
Для начала создадим новый документ (Файл-Создать (File-New)) и добавим в него какой-либо объект, к которому нужно добавить обводку. Например, фигуру с сердечком:
В панели слоев делаем активным слой с сердечком и щелкаем по нему два раза левой кнопкой мыши. Это действие откроет окно стилей слоя (Layer Style):
Ставим галочку у параметра Выполнить обводку (Stroke) и переходим в меню настроек.
Тут вы можете выбрать цвет, размер, прозрачность, положение и режим наложения обводки.
В параметре Тип обводки из выпадающего списка можно выбрать три варианта обводки – Цвет, Градиент, Узор. Если вы выберете один из двух последних вариантов (Градиент или Узор) дополнительно сможете выбрать стиль градиента или узора.
Для примера я выбрала тип обводки градиент и радужный градиент.
Окно стилей слоя с настройками:
Фигура с обводкой:
При помощи стилей слоя можно добавить обводку любому объекту, благодаря множеству гибких настроек этот способ является лучшим, но справедливости ради рассмотрим и второй.
Обводка при помощи меню Редактирование
Растрируем слой с фигурой (ПКМ по слою-Растрировать слой). Отключим глазок стилей слоя в панели слоев и активируем выделение слоя с объектом, щелкнув с зажатой клавишей Ctrl по миниатюре слоя:
Поверх слоя с объектом создайте новый слой. Слои-Новый-Слой (Layer-New-Layer) или нажмите на миниатюру создания нового слоя в панели слоев. Этот шаг необязателен, мы можем применить обводку к самому растрированному слою, только тогда изменения станут необратимыми и, если мы захотим изменить или вовсе убрать обводку, не будет возможности этого сделать, придется либо отменять шаги, либо вырезать обводку вместе с «куском» объекта.
Переходим в меню Редактирование-Выполнить обводку (Edit–Stroke), появится такое окошко с настройками:
Тут вы тоже можете выбрать размер (ширину) обводки, расположение, режим наложения и непрозрачность.
После применения настроек снимите выделение, перейдя в Выделение-Отменить выделение (Select-Deselect) или нажав сочетание горячих клавиш Ctrl + D.
Вот мы и узнали, как сделать обводку в фотошопе. Надеюсь, урок был вам полезен.
Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.
Обводка выделенной области
Иногда требуется обвести выделенную область (т.е. обрисовать контур). Эта техника оказывается действительно удобной, когда используется в сочетании с инструментами выделения. Например, можно объединить с инструментом Прямоугольная область, чтобы добавить к фотографии тонкий черный контур, или с овальным выделением.
Когда дело доходит до придания изображению шика, немногие эффекты могут превзойти тонкий черный контур.
Вставляете ли вы изображение в текст или размещаете его в блоге, добавление контура делает края чуть более четкими, придавая рисунку законченный вид.
Вот как можно добавить контур по краю изображения:
Шаг 1
Откройте изображение и выделите его. Если изображение такого же размера, что и документ, выберите команду меню Выделение => Все. Если оно меньше, чем документ, и находится на собственном слое, щелкните вместо этого кнопкой мыши, удерживая клавишу Ctrl по миниатюре слоя.
Шаг 2
Выберите команду меню Редактирование => Выполнить обводку (Stroke). В диалоговом окне введите значение в пикселях в поле Ширина (я поставил 10 пикселей), а затем щелкните мышью по индикатору цвета. Выберите цвет из появившейся палитры и нажмите кнопку ОК. Вернувшись, установите переключатель в группе Расположение в положение Внутри, чтобы контур появился только внутри границ изображения.
Шаг 3
Нажмите кнопку ОК, чтобы просмотреть новый контур.
Чтобы обвести кого-то на фотографии, вам нужно будет выполнить в основном те же шаги:
Шаг 1
Откройте фото и выберите инструмент, например, Овальная область. Перетащите указатель мыши, чтобы нарисовать овал. Помните, что можно при перетаскивании удерживать клавишу Shift для создания идеального круга или клавишу Alt и нарисовать овал изнутри. Переместите выделение, если необходимо, нажав и удерживая кнопку мыши внутри нее и перетаскивая мышь.
Шаг 2
Выберите команду меню Выполнить обводку, введите ширину и подберите цвет. Нужно, чтобы она была не менее 2 пикселов в ширину: так круг будет достаточно жирным, чтобы его можно было заметить. В группе Расположение установите переключатель в положение По центру, тогда Фотошоп разместит обводку по центру поверх «марширующих муравьев». Например, если вы ввели ширину 2 пиксела, программа расположит один пиксел с внешней стороны выделения и один с внутренней (другими словами, она «перешагнет» через выделение).
Шаг 3
Нажмите кнопку ОК, чтобы увидеть результат.
Теперь можете избавиться от «марширующих муравьев», нажав сочетание клавиш Ctrl+D.
Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter. Спасибо!
как ее сделать и настроить
Весь прошлый урок мы рисовали фигуры, выбирая на панели параметров режим «Слой-фигура», сегодня рассмотрим два остальных режима —
«Контуры» и «Заливка пикселов».
Контуры
Линия, ограничивающая фигуру, представляет собой контур.
Рабочий контур — это временный контур, который появляется на панели «Контуры» и определяет границы
фигуры.
Контуры можно использовать несколькими способами:
- Контуры можно использовать в качестве векторной маски, чтобы скрыть отдельные области слоя.
- Контур можно преобразовать в выделенную область.
- Контур можно залить или обвести произвольным цветом.
Создайте новый файл для экспериментов. Возьмите инструмент -фигура- на панели инструментов, выберите режим «Контуры» на панели
параметров и растяните мышкой контур на холсте. Теперь посмотрите на панель «Слои», выберите на ней вкладку «Контуры»:
В нижней части панели находятся кнопки, за которыми закреплены наиболее полезные команды работы с контурами:
Выполнить заливку контура основным цветом.
Выполнить обводку контура.
Загрузить контур как выделенную область.
Сделать из выделенной области рабочий контур.
Создать новый контур.
Удалить активный контур.
Итак, вы нарисовали контур, теперь щелкните по иконке -выполнить заливку контура основным цветом- и вот ваш контур похож на фигуру.
Попробуйте в деле и другие кнопки панели «Контуры».
Теперь посмотрите на верхнюю часть панели и щелкните по трем параллельным черточкам:
Здесь можно выбрать инструмент для обводки контура. Аналогично можно настроить и заливку контура в соответствующем пункте меню.
На самом деле основным инструментом для работы с контурами является «Перо», это очень полезный инструмент и ему посвящен следующий урок.
Заливка пикселов
В этом режиме фигура рисуется, растрируется и заливается основным цветом.
Растровые фигуры создаются с использованием текущего основного цвета и их нельзя редактировать как векторный объект.
- Выберите слой на котором будете рисовать.
- Выберите на панели инструментов желаемый основной цвет.
- Выберите инструмента «Фигура» на панели инструментов.
- Выберите на панели параметров режим «Заливка пикселов», остальные параметры по желанию.
- Растяните мышкой фигуру на холсте.
На этом урок закончен, в следующий раз мы познакомимся с очень полезным инструментом — «Перо».
В этом видео я покажу, как сделать обводку объектов в программе Адоб фотошоп. Обводка — это подчеркивание контуров объектов с помощью цвета, при этом объектом может быть, как изображение, так и текст. Чаще всего обводку используют для выделения объектов, которые сливается с фоном, особенно это актуально для изображения небольшого масштаба, например, таких, как значки для роликов на YouTube. Для текста, кстати, вы можете на нашем сайте.
Покажу небольшой пример, допустим, есть какой-то фон, в данном случае это красный и на этом фоне есть какой-то близкий по цвету объект, в данном случае это текст. Сейчас объект хоть и виден, но все равно немного сливаются с фоном, а если увеличил масштаб, но для разбора им нужно будет сливается с фоном. А если уменьшить масштаб, то для разбора надписи нужно будет всматриваться. Но стоит обвести этот текст каким-то контрастным цветом, например, белым, и читаемость резко возрастает, даже при небольшом масштабе. вот это и есть обводка. И сейчас я покажу, как ее сделать.
Чтобы показать процесс с нуля, этот документ я закрою и создам новый. Пользуясь я, кстати, английской версией фотошопа. На данный момент это фотошоп СС2015.5, но в каких-то ключевых моментах, я буду говорить, как опция называется и в русской версии.
Итак, для начала, чтобы было наглядней сделать заливку фона каким-нибудь серым цветом. Затем добавлю на этот фон объект, т.е. вставлю текст. И выберу для этого текста какой-нибудь не контрастный текст, например, бледно-желтый. О! Шикарно! В миниатюре вообще не понятно, что там написано, то что нужно.
А теперь самое время делать обводку. Первое, что нужно сделать – это перейти в окно «Layers», в русской версии оно называется «Слои». Если этого окна нет, его можно включить через меню Программы/Window. В окне «Слои» нажимаем правой кнопкой мыши на слой с объектом, в данном случае это верхний слой, и выбираем пункт blending options, в русской версии этот пункт называется «Параметры наложения». Появляется вот такое окно, в нем находите пункт «Stroke», в русской версии называется «Обводка», и кликаете на этот пункт левой кнопкой мыши. После этого обводка включается, это видно по галочке перед названием, и открываются настройки обводки. На объекте, как видите, уже отображается результат, который соответствует вставленным параметрам. Эти параметры можно изменять, и давайте их рассмотри по порядку.
Первый ползунок – размер в пикселях. С помощью этого параметра можно менять толщину обводки. Можно задать значение с помощью ползунка, а можно вписать вручную, вот в это поле.
Ниже идет меню «Position», т.е. положение. Здесь, на выбор есть три пункта: outside (снаружи), т.е. обводка начинается от края объекта и идет на внешнюю сторону; inside (внутри), т.е. обводка начинается от края объекта и идет внутрь, как бы заполняя объект; center, в этом случае обводка идет от края, одновременно в обе стороны, напополам.
Следующее меню – режим наложения. На нем останавливаться не буду, т.к. режимы наложения – это отдельная большая тема, да и при обводке, режимы наложения не используются. Под режимами наложения находится параметр «opacity», т.е. непрозрачность. Здесь с помощью бегунка можно регулировать непрозрачность обводки, т.е. будет сквозь нее просвечиваться фон или нет. Ниже идет пункт «overprint». Его мы пропускаем, т.к. он нам не нужен. Это опция нужна для устранения нежелательных артефактов при печати.
Еще ниже идет меню «Тип обводки», в котором можно выбрать один из трех вариантов. Вариант первый – Color, т.е. цвет. Он стоит по умолчанию, и, выбрав его, объект будет обводится каким-то одним цветом, который можно выбрать, если кликнуть Левой кнопкой мыши вот сюда, на этот прямоугольник с цветом. Появляется окно выбора цвета, в нем выбираете нужный цвет, чаще всего используют белый или черный, но бывают и исключения, и, когда цвет выбран, нажимаем «ОК».
Второй вариант в меню типа обводки – это градиент. Выбрав этот пункт, обводка получается не одного цвета, а разноцветной с плавно переходящими цветами. Здесь можно выбрать тип градиента, задать цвета, угол перехода, масштаб и направление. В общем, если нужна обводка градиентом, просто покрутите настройки и сами поймете, какая за что отвечает.
Ну и последний, третий вариант типа обводки – это узор. Здесь можно выбрать один из предлагаемых вариантов узора и поменять масштаб этого узора.
И нижние две кнопки – это сделать данную настройку настройкой по умолчанию, и сбросить настройки на стандартные.
В общем, после того, как определитесь с типом обводки и ее цветом, нажимаете на кнопку «ОК». Готово!
Аналогичным образом работает и обводка с изображением. Например, есть какое-то изображение. В данном случае, логотип Youtube на прозрачном фоне. Выделяете это изображение любым способом. Копируете его сочетанием клавиш «Ctrl+C». Вставляете куда нужно сочетанием клавиш «Ctrl+V», а дальше все точно также, как с текстом. Правой кнопкой мыши на слое/Blending options/ Stroke и настраиваете.
Здравствуйте, леди и джентльмены. Некоторые из вас спрашивали меня о том, как я делаю свои штриховые рисунки. Перед вами простой урок о том, как, собственно, я их делаю… в стиле JUU-YUKI! Вы можете применить этот урок практически во всех программах. (Photoshop, Sai, Open Canvas и т.д.). Для этого урока я буду использовать Sai и планшет.
Прим. переводчика:
Уважаемые пользователи сайта, для удобства, некоторые скриншоты из данного урока были заменены на скриншоты из программы
Photoshop.
Пожалуйста, обратите внимание, что все, о чем я буду повествовать в уроке, мои собственные приемы, я никогда не брала уроков по созданию контуров. Я не профессионал, поэтому мои рекомендации могут быть неидеальными. Читайте этот урок на свой риск.
Теперь, я надеюсь, вы уже знаете все инструменты. И знаете, как работать с основными инструментами: перо
(pen), карандаш
(pencil), кисть
(brush) и ластик
(eraser). У вашего планшета также должна быть активирована функция нажима пера. Те, кто использует Photoshop, перейдите сюда для ее активации:
Вам необходимо выбрать инструмент Кисть
(Brush) или нажать клавишу B.
Теперь кликните по маленькому квадратику в панели настроек или кликните по панели Кисти
(Brushes) (прим. пер
. также можно воспользоваться клавишей
F5 для вызова этого же меню
).
Теперь перейдите к параметру Динамики формы
(Shape Dynamics) и напротив параметра Управление
(control) выберите Нажим пера
(pen pressure).
Теперь мы готовы к рисованию контуров.
У вас для начала должен быть черновой набросок. Вот мой. Знаю, грязно. Чтобы лучше увидеть линии, нам необходимо немного уменьшить Непрозрачность
(Opacity) наброска. Насколько уменьшать Непрозрачность
(Opacity), решайте сами.
Примечание: Чтобы получить хороший и аккуратный контур, я работаю на большом холсте. Чем больше холст, тем лучше. Когда я делала этот набросок, его разрешение было 3400х4000px.
После этого нам необходимо создать новый прозрачный слой над наброском. Здесь мы будем рисовать наш контур. Палитра слоев должна у вас выглядеть вот так:
Теперь начинаем набрасывать контуры. Кисть, которую вы используете, может быть различных размеров, но, пожалуйста, в пределах разумного. На данный момент контуры не должны быть четкими. Нам просто нужно избавиться от этого ужасного наброска. Я избавилась от этой грязи.
После того, как вы нарисовали грубые контуры, вы можете избавиться от своего наброска. Я обычно не сохраняю свои наброски, но на этот раз я просто спрячу его. После того, как вы спрячете/удалите набросок, у нас останется только контур.
Теперь вам нужно воспользоваться инструментом Ластик
(Eraser) (обратите внимание на размер моей кисти). Убедитесь, что кисть не слишком большая, иначе вы не сможете работать с деталями.
Следуйте по направлению волос и стирайте лишние линии, которые вам не нужны. На данном этапе вы можете изменять толщину каждой пряди с помощью инструмента Ластик
(Eraser).
Перед вами еще несколько скриншотов с моими завершенными контурами. Поскольку вы работаете на холсте большого размера с приближением, линии будут идеальны.
Проделайте то же самое для всех деталей, включая одежду и фон (если они у вас есть). Да, это отнимает много времени, я также трачу много времени на создание контуров, но это окупится, поверьте мне. После того, как вы все сделаете, у вас должно получиться что-то подобное:
Я до сих пор имею при себе этот ужасный набросок, поскольку еще не до конца обрисовала остальные части изображения, но у вас должно быть чистеньким и готовым все изображение, без наброска.
Не бойтесь уменьшать изображение и смотреть, как у вас получилось. Оно будет выглядеть лучше после уменьшения.
Иногда лучше использовать несколько слоев с контурами для упорядочения работы. К примеру, отдельный слой для волос, отдельный для одежды и т.д. Мне лично безумно лень использовать отдельные слои в этой работе, поэтому я все делала на одном слое.
Дополнительно:
Это дополнительный шаг, но он остается на ваше усмотрение, хотите, делайте так, не хотите — не делайте. Я обычно всегда делаю этот дополнительный шаг, поскольку он придает моим контурам глубины.
Над слоем со своим контуром создайте прозрачный слой. Мы закончили работу над контуром, поэтому не смейте его трогать. Этот дополнительный шаг должен быть полностью сделан на отдельном слое, который мы только что создали.
Для всех прядей, которые соприкасаются между собой, необходимо сделать линии толще. Вот пример:
Также имейте для себя представление, где расположен источник света. Если герой находится ближе к свету с правой стороны, левая сторона должна иметь большую глубину.
Слейте все слои, чтобы они образовали единый штриховой рисунок. А вот и последний прием на сегодня. Ваш холст должен быть размером около 3000px. Уменьшите его до 1000px и ваши линии будут идеальны, как никогда.
Итак, после того, как мы затратили на создание штрихового рисунка более 6 часов, он окончательно завершен. Та-да! Похлопайте себя по спинке и идите скушайте печеньку за столь кропотливую работу.
Надеюсь, вам понравился этот урок. Прошу прощения, если в уроке имеются лексические ошибки и за то, если мои способности к объяснению не самые лучшие, а также за те моменты, которые были недостаточно ясными. Хорошего дня!
При обработке и создании в графической программе изображений с надписями и без них часто бывает необходимо выделить границы объектов, отделить их от фона либо просто нарисовать контур. Для всего этого можно использовать в «Фотошопе» обводку или рисование кистью по контуру. Тому, как это сделать, посвящена эта статья.
Два способа создания обводки
Существует два пути того, как сделать обводку в «Фотошопе»: выделение границ слоя при помощи одного из специально предусмотренных эффектов и обрисовывание векторного контура. Первый способ чаще применяется для визуального подчеркивания границ объектов и для отделения их от фона (чаще всего это необходимо, например, для того чтобы выделить текст на пестром фоне). Второй способ больше используется для рисования, особенно при создании четких геометрических фигур.
Обводка слоя в «Фотошопе»
Под обводкой в «Фотошопе», прежде всего, понимается эффект слоя. Этим слоем может быть либо изображение, либо его фрагмент, либо буквы, написанные инструментом «Текст».
Для того чтобы применить этот эффект обводки слоя, нужно сделать следующее.
- Выбрать слой.
- В пункте меню вкладки «Редактирование» выбрать «Выполнить обводку».
Откроется диалоговое окно, где нужно будет настроить параметры обводки и подтвердить команду нажатием кнопки «Да». Обводка в «Фотошопе» будет создана, соответствующий слой — обведен, его границы станут видны.
Параметры обводки легко регулируются, и возможностей здесь довольно много. Это и корректировка толщины линии, и выбор цвета, и настройка того, где должна проходить линия:
- по границе слоя снаружи;
- так, чтобы граница была ее центром;
- по границе внутри.
Также можно настроить режим — как у любой заливки (цвет, узор либо градиент). Путем сочетания этих и других инструментов программы легко добиться самых разных эффектов.
Прекрасной возможностью такого способа обводки является то, что в дальнейшем ее параметры все также можно регулировать, поэтому к такому эффекту слоя можно возвращаться по мере того, как изменяется изображение в целом. Допустим, если вы решили осветлить, и обводка перестала гармонировать с ним, ее можно откорректировать и донастроить.
Второй его плюс в том, что этот эффект можно копировать и применять к другим слоям или другим изображениям либо на его основе создавать новые.
Другое диалоговое окно «Обводка»
Второй способ сделать обводку слоя — это выбрать пункт меню «Слой», а далее — «Стиль слоя». Откроется окно, где будут видны все параметры, которые можно задать стилю слоя. Среди них нужно выбрать «Обводку».
Это же окно со стилями вызывается нажатием кнопки «Добавить стиль слоя» в окне «Слои».
Вызывать это общее окно со стилями через меню, разумеется, не совсем удобно, и если вы используете обводку часто, то для динамичности работы следует задать данному окну комбинацию клавиш.
Для этого пройдите в меню «Редактирование», далее — «Клавиатурные сокращения», найдите по одному из указанных выше путей по пунктам меню и задайте удобную для вас комбинацию.
Смысл существования двух диалоговых окон «Обводка»
Два альтернативных окна для создания эффекта слоя аналогичны друг другу, поэтому многие уверены в том, что работают с одним и тем же инструментом. Однако это заблуждение. Дело в том, что это разные окна, создающие разные обводки, и именно при помощи совмещения этих двух команд можно прорисовать два регулируемых контура вокруг одного и того же слоя. Особенно часто это требуется для обводки текста.
Обводка по контуру
Как сделать обводку в «Фотошопе?» Второй способ — это создание контура и его прорисовка.
Под контуром в «Фотошопе» подразумевается векторная линия, которая задает направление движения кисти. То есть обводка в данном случае — это рисование выбранной кистью по заданной траектории.
При помощи инструмента «Выделение», «Лассо» или «Волшебная палочка» выделите фрагмент изображения, который нужно обвести. Через пункт меню «Окно» вызовите «Контуры». В этом окне найдите кнопку «Сделать из выделенной области рабочий контур». На панели «Инструменты» выберите инструмент «Кисть», задайте его параметры (форму, цвет и т. д.). Затем в окне «Контуры» нажмите кнопку «Выполнить обводку контура кистью». Выделенная вами ранее область будет обведена. После этого удалите контур.
Таким образом, для обводки по контуру не нужно создавать новый слой, достаточно определить стимулирующую линию, по которой программа прорисует выбранной вами кистью.
Обратите внимание на то, что обводка в этом случае будет размещена на указанном вами слое, в том числе новом.
Обводка текста по контуру
Возможности настройки инструмента «Кисть» в «Фотошопе» очень богатые, ведь можно регулировать интервалы, текстуру, динамику формы и цвета и т.д. При этом от рисования вручную эта линия будет отличаться максимальной точностью, и времени данный процесс займет гораздо меньше.
Для обводки текста его слой нужно сначала выделить, а затем преобразовать — как обычную область выделения — в контур. После создания нового слоя можно экспериментировать и рисовать по линии любой кистью с любыми настройками. Не забывайте, что в художественных целях к получившейся обводке, как к обычному слою, можно применять различные эффекты, размещать его над или под текстом, менять его прозрачность и т. д.
Описанные выше два способа обводки не взаимозаменяют, а взаимодополняют друг друга. Преимущество первого в том, что линию можно регулировать и затем возвращаться к регулировке, а также копировать и применять к другим слоям, в том числе в других файлах. Преимущество второго — в том, что обводка в «Фотошопе» будет выглядеть более художественно, так как в выборе кистей нет никаких ограничений.
Мне кажется, что каждый из нас хоть раз в своей жизни обводил карандашом кисть своей руки, положив её на лист бумаги. А может быть это происходило на пляже. Кисть руки лежала на песке и мы обводили её какой-нибудь палочкой или длинным камушком. И в том и другом случае у нас получался контур. А давайте сделаем что-то подобное, но теперь в программе Фотошоп.
Помогать нам будет фото кисти руки:
Для работы в Фотошопе данное изображение ладони, — материал идеальный и простой. И вот почему. Однотонный, белого цвета фон и объект — кисть руки, тоже можно считать относительно однотонной, а на белом фоне рука выглядит довольно контрастно.
В тех случаях, когда общий фон и интересующий нас объект, контур которого мы собираемся создать, в значительной степени контрастируют, то мы можем воспользоваться инструментом «Быстрое выделение». Чтобы инструмент работал точнее нам нужно ему немного помочь. Наша помощь может выразиться в дублировании слоя. И сделаем мы это для того, чтобы усилить контраст. То есть сделаем кисть руки более насыщенной, ну или темнее.
С этой целью, наведём курсор мыши на слой в палитре слоёв (синие выделение), и сделаем щелчок правой кнопкой мыши. Этими действиями мы откроем окошко опций, в котором выберем пункт «Создать дубликат слоя»:
После того как мы выбрали опцию «Создать дубликат слоя», щелчком левой кнопки мыши, перед нашими глазами появилось новое окошко:
Мы можем просто нажать кнопку «Ок», а можем, после появления этого окошка, сразу же на клавиатуре что-то написать, то есть присвоить слою имя, ну или название и уже после этого нажать кнопку «Ок». Делаем на своё усмотрение.
Я просто нажал кнопку «Ок»:
Готово! Слой-дубликат появился в палитре (окне) слоёв.
Теперь нужно изменить режим наложения слоя-дубликата, и сделать нам это нужно для затемнения кисти руки, ну или усиления контраста с белым общим фоном фото.
Обратимся к перечню режимов наложения в верхней менюшке окна слоёв, раскрыв список режимов обычным щелчком мыши по кнопке-стрелке:
Перед нашими глазами появился перечень режимов наложения слоя:
A давайте усилим контрастность, так усилим. Выберем из перечня режим «Линейный затемнитель»:
И вот что мы получили в результате:
Ну вот, для работы инструментом «Быстрое выделение» всё готово. Наводим курсор мыши на нужный нам в данный момент инструмент «Быстрое выделение» в окошке инструментов:
И щелчком левой кнопки мыши выбираем его. Курсор мыши превратился в кружок с перекрестием внутри.
Теперь уделим внимание техническим настройкам инструмента. Переведём свой взгляд на блок управления этими самыми техническими настройками:
Инструмент должен работать в режиме «Добавить к выделенной области». Чтобы так и было, нажмём на значок инструмента с плюсиком. Если значок подсвечивается синим цветом, то тогда щёлкать мышкой по нему не нужно, — режим уже активизирован:
Если установить значение 3 или 5, то выделение будет более чётким. Если выбрать значение значительно больше видимого нам сейчас, а видим мы значение 18, то начав выделять ладонь, мы будем захватывать белый фон, так как с большим диаметром инструмента уменьшится его чувствительность.
Пожалуй «золотой серединой» можно считать значение, при котором кружок-курсор инструмента будет немного меньше какого-нибудь пальца кисти руки. Для меня удобен диаметр инструмента в пределах 15-22. Я остановил выбор на значении 18. Пожалуй, лучше ориентироваться на свои ощущения и на сам процесс выделения. В зависимости от того, насколько удобно и качественно (нет захвата белого фона) мы осуществляем выделение, нам и нужно двигать ползунок регулировки диаметра инструмента, подбирая оптимальное значение.
Чтобы инструмент работал, как говорится, «на полную катушку», жёсткость нужно установить 100%. Ну вот у нас всё готово к выделению кисти руки. Предлагаю начать выделение с запястья:
Интервалы пунктира-выделения тоже устанавливаем не очень большие. В моём случае 7%. Если мы установим интервалы выделения значительно больше, то выделение будет менее ровным, я бы даже сказал, грубым или черновым. Но и это может быть в некоторых случаях нужным. Делаем всё, конечно же, на своё усмотрение.
Ну что же, начнём. Подводим курсор инструмента к запястью. Нажав и удерживая левую кнопку мыши, начинаем вести инструмент вверх по направлению к кончикам пальцев:
Заводим инструмент на большой палец, затем на ладонь и другой палец…, а далее инструмент сработал самостоятельно, и кисть стала полностью охвачена выделением.
Если такого самостоятельного выделения не произошло, то мы плавно ведём курсор инструмента по всем пальцам до полного выделения руки.
В том случае, когда мы почувствовали неудобство в удержании левой кнопки мыши или какой-то физический дискомфорт стала испытывать наша рука, то процесс выделение можно приостановить. Перестанем держать мышку вовсе. Покрутим кистью, разомнём пальчики, а затем вновь продолжим процесс выделения с того места на котором остановились.
Что же делать, если в область выделения всё же попал белый фон? Можно отменить выделение вообще, нажав сочетание клавиш Ctrl+D и начать выделять ладонь заново. А можно обратиться к блоку технических настроек инструмента и переключить режим его работы щелчком мыши, но теперь уже по значку инструмента с минусом:
Менять другие настройки инструмента вовсе не обязательно (диаметр курсора-кружочка, его жёсткость, интервалы самого пунктирного выделения).
Такое переключение режима даёт нам возможность удалить «захват» выделением белого фона:
Ну что же, избавимся от ненужного нам выделения части белого фона. Подводим курсор-кружок инструмента к выделению и, нажав левую кнопку мыши с последующим её удержанием, начинаем сдвигать лишнее выделение в сторону края ладони. Стараемся производить смещение выделения плавно, чтобы не сместить выделение вглубь ладони:
Когда один из участков лишнего выделения коснётся контура ладони, мы переходим к следующему участку выделения и таким же образом смещаем и его.
В том случае, когда мы всё же залезли выделением на ладонь, то тогда нам нужно вновь переключить режим работы инструмента, нажав его значок с плюсом и плавными движениями сместить выделение к краю (контуру) ладони. Для того чтобы выделение было качественным и чётко обтекало контур кисти руки, да и нам самим было удобнее работать лучшим будет, приступая к выделению, увеличить масштаб видимости:
И вот когда у нас всё получилось, а у нас получилось, и я в этом нисколечко не сомневаюсь, мы переходим к той части процесса, которая связана, непосредственно с созданием контура ладони. Отпускаем левую кнопку мыши и делаем выдох облегчения.
Кисть выделена — «муравьи» выделения активно бегут по её контуру, а мы производим смену инструмента и создаём новый слой в окошке слоёв.
Давайте начнём с создания нового слоя. Нажмём в нижней менюшке окна слоёв, значок создания нового слоя. Готово:
Этот новый слой через несколько секунд превратится в слой-контур ладони, а точнее будущий контур. У нас есть пока только выделенная область, а создание контура впереди.
Теперь произведём смену инструментов или режимов выделения. Обычным щелчком мыши выберем инструмент обычного (не быстрого) выделения. И какой именно инструмент из перечня мы выберем, в нашем данном случае, не имеет значение:
Давайте самый верхний. Он же первый сверху вниз, носящий название «Прямоугольная область»:
Итак, новый пока ещё пустой слой создан, смена инструмента произведена и теперь, мы заводим курсор инструмента на область ладони и оказываемся курсором внутри выделения. Курсор инструмента имеет вид двух крестиков. Один большой, а другой маленький. Делаем щелчок правой кнопкой мыши. Появилось окошко опций, в котором нам в данный момент интересна опция «Выполнить обводку»:
Выберем её. И вот появилось следующее окошко настроек:
В этом окошке мы можем по своему желанию отрегулировать толщину (ширину) линии контура, её цвет, а также выбрать расположение обводки, а затем нажать кнопку «Ок». Я не буду менять настройки и просто нажму кнопку «Ок». И вот что получилось:
Для того чтобы мы могли полноценно полюбоваться свои творением, нам необходимо мешающие обзору ненужные видимые элементы скрыть или удалить. Давайте не будем спешить удалять элементы, а просто у части из них отключим видимость. Предлагаю начать со слоёв. В окошке слоёв щёлкнем мышкой по значку «Глаз» у слоя-фона и слоя фона копия:
Ну вот, другое дело:
Чтобы быть уверенными в том, что созданный нами контур без изъянов и дефектов, увеличим масштаб видимости (версия Фотошоп CS5):
К сожалению надо признать, что контур получился «так-себе». Линия контура имеет много неровностей, которые были заметны уже в самом начале его создания и при 100% масштабе видимости.
Используя технику создания контура из выделения, мы не должны увлекаться затемнением (осветлением) выделяемой области будущего контура. Чрезмерное усиление контраста усиливает имеющиеся шероховатости у изображений, с которым мы работаем, даже если они и хорошего качества.
Кроме этого, само изображение может не являться оригиналом. Так, изображение ладони, с которой мы только что работали, уже подвергалось не очень качественной обработке в каком-то редакторе изображений, что и отразилось на созданном нами контуре из выделения. Именно размещение изображений на белом фоне позволяет скрывать шероховатость контура с одновременным уменьшения контраста объекта (осветление).
Но при всех тех неровностях получившегося контура, занижать удобство и значительность техники создания контура из выделения всё же не стоит.
В ближайшее время мы продолжим говорить о создании контуров с использованием других техник, ну или подходов.
как ее сделать и настроить
При обработке и создании в графической программе изображений с надписями и без них часто бывает необходимо выделить границы объектов, отделить их от фона либо просто нарисовать контур. Для всего этого можно использовать в «Фотошопе» обводку или рисование кистью по контуру. Тому, как это сделать, посвящена эта статья.
Два способа создания обводки
Существует два пути того, как сделать обводку в «Фотошопе»: выделение границ слоя при помощи одного из специально предусмотренных эффектов и обрисовывание векторного контура. Первый способ чаще применяется для визуального подчеркивания границ объектов и для отделения их от фона (чаще всего это необходимо, например, для того чтобы выделить текст на пестром фоне). Второй способ больше используется для рисования, особенно при создании четких геометрических фигур.
Обводка слоя в «Фотошопе»
Под обводкой в «Фотошопе», прежде всего, понимается эффект слоя. Этим слоем может быть либо изображение, либо его фрагмент, либо буквы, написанные инструментом «Текст».
Для того чтобы применить этот эффект обводки слоя, нужно сделать следующее.
- Выбрать слой.
- В пункте меню вкладки «Редактирование» выбрать «Выполнить обводку».
Откроется диалоговое окно, где нужно будет настроить параметры обводки и подтвердить команду нажатием кнопки «Да». Обводка в «Фотошопе» будет создана, соответствующий слой — обведен, его границы станут видны.
Параметры обводки легко регулируются, и возможностей здесь довольно много. Это и корректировка толщины линии, и выбор цвета, и настройка того, где должна проходить линия:
- по границе слоя снаружи;
- так, чтобы граница была ее центром;
- по границе внутри.
Также можно настроить режим — как у любой заливки (цвет, узор либо градиент). Путем сочетания этих и других инструментов программы легко добиться самых разных эффектов.
Прекрасной возможностью такого способа обводки является то, что в дальнейшем ее параметры все также можно регулировать, поэтому к такому эффекту слоя можно возвращаться по мере того, как изменяется изображение в целом. Допустим, если цвет фона вы решили осветлить, и обводка перестала гармонировать с ним, ее можно откорректировать и донастроить.
Второй его плюс в том, что этот эффект можно копировать и применять к другим слоям или другим изображениям либо на его основе создавать новые.
Другое диалоговое окно «Обводка»
Второй способ сделать обводку слоя – это выбрать пункт меню «Слой», а далее – «Стиль слоя». Откроется окно, где будут видны все параметры, которые можно задать стилю слоя. Среди них нужно выбрать «Обводку».
Это же окно со стилями вызывается нажатием кнопки «Добавить стиль слоя» в окне «Слои».
Вызывать это общее окно со стилями через меню, разумеется, не совсем удобно, и если вы используете обводку часто, то для динамичности работы следует задать данному окну комбинацию клавиш.
Для этого пройдите в меню «Редактирование», далее – «Клавиатурные сокращения», найдите по одному из указанных выше путей по пунктам меню и задайте удобную для вас комбинацию.
Смысл существования двух диалоговых окон «Обводка»
Два альтернативных окна для создания эффекта слоя аналогичны друг другу, поэтому многие уверены в том, что работают с одним и тем же инструментом. Однако это заблуждение. Дело в том, что это разные окна, создающие разные обводки, и именно при помощи совмещения этих двух команд можно прорисовать два регулируемых контура вокруг одного и того же слоя. Особенно часто это требуется для обводки текста.
Обводка по контуру
Как сделать обводку в «Фотошопе?» Второй способ — это создание контура и его прорисовка.
Под контуром в «Фотошопе» подразумевается векторная линия, которая задает направление движения кисти. То есть обводка в данном случае – это рисование выбранной кистью по заданной траектории.
При помощи инструмента «Выделение», «Лассо» или «Волшебная палочка» выделите фрагмент изображения, который нужно обвести. Через пункт меню «Окно» вызовите «Контуры». В этом окне найдите кнопку «Сделать из выделенной области рабочий контур». На панели «Инструменты» выберите инструмент «Кисть», задайте его параметры (форму, цвет и т. д.). Затем в окне «Контуры» нажмите кнопку «Выполнить обводку контура кистью». Выделенная вами ранее область будет обведена. После этого удалите контур.
Таким образом, для обводки по контуру не нужно создавать новый слой, достаточно определить стимулирующую линию, по которой программа прорисует выбранной вами кистью.
Обратите внимание на то, что обводка в этом случае будет размещена на указанном вами слое, в том числе новом.
Обводка текста по контуру
Возможности настройки инструмента «Кисть» в «Фотошопе» очень богатые, ведь можно регулировать интервалы, текстуру, динамику формы и цвета и т.д. При этом от рисования вручную эта линия будет отличаться максимальной точностью, и времени данный процесс займет гораздо меньше.
Для обводки текста его слой нужно сначала выделить, а затем преобразовать – как обычную область выделения – в контур. После создания нового слоя можно экспериментировать и рисовать по линии любой кистью с любыми настройками. Не забывайте, что в художественных целях к получившейся обводке, как к обычному слою, можно применять различные эффекты, размещать его над или под текстом, менять его прозрачность и т. д.
Описанные выше два способа обводки не взаимозаменяют, а взаимодополняют друг друга. Преимущество первого в том, что линию можно регулировать и затем возвращаться к регулировке, а также копировать и применять к другим слоям, в том числе в других файлах. Преимущество второго – в том, что обводка в «Фотошопе» будет выглядеть более художественно, так как в выборе кистей нет никаких ограничений.
Как рисовать мазки с острыми углами в Photoshop
К сожалению, вы не можете сделать мазков с острыми углами в Photoshop , используя стили слоя.
В этом уроке я научу вас, что именно нужно делать, чтобы наносить мазки с острыми краями и заостренными углами!
Нажмите здесь, чтобы узнать, как создавать реалистичные тексты Chrome в Photoshop!
Преобразование текстового слоя в векторную форму
С помощью инструмента Текст создайте любое слово с желаемым шрифтом и размером.
В этом уроке мы будем использовать слово «Острие».
На панели Layers , щелкните правой кнопкой мыши на текстовом слое и выберите Convert to Shape из раскрывающегося меню.
При преобразовании текстового слоя в форму ваш текстовый слой больше не будет доступен для редактирования . Вы должны внести любые изменения, которые хотите внести, прежде чем преобразовывать текстовый слой в векторную фигуру.
Нанесите обводку на вектор Обводки с острыми углами в Photoshop
Вот где начинается самое интересное! Чтобы сделать штрихи с заостренными углами в Photoshop , нажмите клавишу A на клавиатуре, чтобы выбрать инструмент Direct Selection .
На панели параметров выберите цвет Белый для Цвет заливки .
Теперь для настройки Обводка измените ее на Черный и установите размер пикселя на 30 пикселей , чтобы установить жирный контраст между текстом и обводкой.
Щелкните раскрывающееся меню Параметры обводки и выберите обводку Solid .
В левом нижнем углу окна щелкните раскрывающееся меню Align и выберите параметр Stroke Outside .
В правой части окна щелкните раскрывающееся меню Corner s и выберите Miter .
Опция Mitre — это secret , которая поможет вам создать острый угол на каждом из ваших текстов.
После выбора Mitre вы увидите заостренные углы штрихов!
Чтобы завершить, просто нажмите OK, и готово!
Этот видеоурок является частью нашей серии 90-секундных обучающих программ, в которых мы научим вас советам и приемам Photoshop, которые можно выполнить за 90 секунд или меньше, и мы надеемся, что вы нашли этот урок полезным!
Обводка в Photoshop
Обводка в Photoshop | Джордж Орнбо
Последнее обновление
Иногда может потребоваться добавить обводку к обводке на том же слое в Photoshop.К счастью, с помощью простой техники вы можете.
Приблизительное время чтения: 2 минуты
Оглавление
Создание штриха
Я собираюсь использовать здесь нестандартную форму — звезду. Сначала откройте новый документ 250 x 250 пикселей. Затем выберите инструмент Custom Shape Tool (ярлык U). В верхней строке меню выберите звезду из набора, поставляемого с Photoshop. Теперь нарисуйте звезду на холсте. Удерживайте нажатой клавишу Shift, чтобы сохранить пропорции звезды, а затем пробел, чтобы расположить звезду там, где вы хотите.
Теперь на панели слоев щелкните правой кнопкой мыши только что созданный слой и выберите «Параметры наложения». Добавьте обводку 10 пикселей снаружи.
Теперь ваша фигура должна выглядеть так.
Добавление второго штриха
Мы также можем использовать стили слоя для добавления второго штриха. Вот как это сделать. Снова щелкните слой правой кнопкой мыши и выберите параметры наложения, чтобы снова открыть диалоговое окно стиля слоя. На этот раз выберите Outer Glow. По умолчанию режим наложения внешнего свечения — Экран.Вам нужно изменить это на Нормальный. Увеличьте Непрозрачность до 100%. В разделе «Элементы» измените метод на «Точный». Переместите Spread на 100% и Size на 20px. Помните, что Photoshop рисует это от края фигуры, поэтому, если мы хотим, чтобы наша вторая обводка также была 10 пикселей, нам нужно разрешить 10 пикселей первой обводки.
Вот и все — теперь у вас инсульт на инсульте!
Если вы хотите сохранить этот стиль слоя для повторного использования, просто откройте панель стилей, а затем, выбрав свой слой, выберите «Новый стиль».Дайте своему стилю подходящее имя, и он будет готов к применению в будущем.
У вас есть обновления или предложения по этой статье?
Вы можете отредактировать его здесь и отправить мне запрос на перенос.
Теги
Последние сообщения
Об авторе
Джордж Орнбо (George Ornbo) — инженер-программист из Бакингемшира, Англия.
Он является автором Sams Teach Yourself Go за 24 часа и Sams Teach Yourself Node.js за 24 часа. Его можно найти в большинстве обычных мест в виде фигур.
← http://shapeshed.com
Контент находится под лицензией Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0)
Как сгладить штрихи в Photoshop — Medialoot
Фигуры, линии и штрихи текста
Неровные линии на тексте и простые штрихи — это ошибка дизайна. К счастью, в Photoshop есть несколько способов сгладить мазки. В этом посте вы научитесь сглаживать обводку в зависимости от типа объекта.
Текст
Когда вы применяете обводку к тексту, выбор правильного метода сглаживания для используемого шрифта является ключевым. Поскольку Photoshop не позволяет нам управлять методом сглаживания обводки, применяемой к тексту, мы должны вместо этого использовать правильный метод сглаживания для этого конкретного шрифта. Обычно работает метод Smooth, но поскольку каждый шрифт имеет разные углы, ширину и высоту, важно протестировать методы сглаживания Crisp, Sharp и Strong.
Шаг 1
Выберите инструмент «Текст» (T) и напишите свой текст.
Шаг 2
Перейдите в Layer> Layer Style> Stroke. Установите Размер на 6, Положение снаружи, цвет на Черный и нажмите ОК.
Примечание. Я использую эти настройки только в демонстрационных целях, вы можете использовать любой размер, цвет или положение, которое хотите.
Шаг 3
Выбрав инструмент «Текст» (T), выберите в раскрывающемся меню (на верхней панели инструментов) лучший метод сглаживания для используемого шрифта, который лучше отображает обводку.В качестве примера вы можете увидеть шрифт Montserrat с пятью доступными методами сглаживания и с нанесенной на него обводкой.
Быстрый наконечник
Вы также можете преобразовать текст в фигуры («Текст»> «Преобразовать в фигуру»), чтобы лучше контролировать обводку, используя метод «Фигуры»:
Формы
Если мы хотим добавить обводку к векторной фигуре, лучший способ сделать это — использовать параметр обводки (а не стиль слоя), который позволяет нам управлять выравниванием, шириной и углами, среди других настроек.
Чтобы гарантировать плавный ход в нашей форме, мы также должны позаботиться о переходах между различными опорными точками, которые образуют нашу форму. Наличие плавных переходов между точками привязки гарантирует плавный ход.
Шаг 1
Выберите Pen Tool (P), убедитесь, что установлен режим «Shape» на верхней панели инструментов, и нарисуйте свою форму.
Шаг 2
Выбрав инструмент «Перо» (P), щелкните миниатюру «Штрих» на верхней панели инструментов и выберите параметр «Сплошной цвет».
Шаг 3
В поле Stroke Width установите размер 6pt.
Примечание. Я использую это значение только в демонстрационных целях, вы можете использовать любой размер, какой захотите.
Шаг 4
На верхней панели инструментов нажмите кнопку «Тип обводки», а затем «Дополнительные параметры».
Шаг 5
Здесь вы можете установить тип обводки, который вы хотите для своей формы, с большим количеством опций, чем те, которые доступны в стиле слоя обводки, что позволяет вам лучше контролировать, как будет выглядеть окончательная обводка.В этом случае обводка выравнивается по внешнему краю с помощью скругленных заглушек и скругленных углов для получения гладкого конечного результата обводки.
строк
При работе с линиями и так же, как мы делали с векторными фигурами, конечный результат будет зависеть от формы вашей линии, но если вы будете осторожны с переходами между одной опорной точкой и другой, вы получите с идеальным плавным ходом.
Шаг 1
Выберите Pen Tool (P) и убедитесь, что установлен режим «Shape» на верхней панели инструментов.
Шаг 2
Нарисуйте линию на холсте. Как видите, к линии применена заливка, но мы позаботимся об этом буквально через минуту.
Примечание: это может быть любая линия (изогнутая или прямая), но я буду использовать эту волнистую форму только для демонстрационных целей.
Шаг 3
Выбрав инструмент «Перо» (P), щелкните миниатюру «Заливка» на верхней панели инструментов и выберите «Без цвета».
Шаг 4
Снова на верхней панели инструментов щелкните миниатюру обводки и выберите параметр «Сплошной цвет».
Шаг 5
В поле Stroke Width установите размер 6pt.
Примечание. Я использую это значение только в демонстрационных целях, вы можете использовать любой размер, какой захотите.
Шаг 6
На верхней панели инструментов нажмите кнопку «Тип обводки», а затем «Дополнительные параметры».
Шаг 7
Здесь вы можете установить тип обводки для вашей линии. В этом случае обводка выравнивается по центру с помощью скругленных заглавных букв и закругленных углов для получения гладкого конечного результата обводки.
Несколько заключительных слов
Как видите, существует несколько различных методов сглаживания мазков в зависимости от элемента, над которым вы работаете. Конечно, есть и другие методы для достижения того же результата, но они немного сложнее и с меньшими возможностями управления ходом; например, вы можете использовать кисть для обводки контура, но есть недостаток: как только вы примените обводку к этому контуру, единственный способ исправить это — сделать это снова.
Теперь вы должны хорошо понимать, как сделать свои линии в Photoshop гладкими, как кожа ребенка!
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 и наведите указатель мыши на слово «Обводка».
В диалоговом окне «Стиль слоя» выберите новый цвет обводки и, если хотите, новый размер обводки.
Нажмите OK, и результат будет выглядеть так:
Шаг 5. Добавьте больше штрихов
Теперь вы можете добавлять бесконечное количество штрихов, повторяя шаги 3 и 4.
Но что, если вы поймете, что допустили опечатку? Не нужно начинать с нуля — вы слишком «умны» для этого.
Шаг 6: Отредактируйте текст
Дважды щелкните значок смарт-объекта на панели «Слои»:
Photoshop затем отображает сообщение, предлагающее выбрать «Файл»> «Сохранить» после внесения изменений в содержимое смарт-объекта и сохранить отредактированный файл в том же месте.
После нажатия кнопки «ОК» Photoshop откроет новый файл.Содержимое будет похоже на ваш .psd, но внимательно посмотрите на имя файла: оно заканчивается на .psb.
В зависимости от того, сколько штрихов вы нанесли, вам нужно будет дважды щелкнуть значок смарт-объекта на панели «Слои» и сказать «ОК» для этого файла> Сохранить сообщение два, три или более раз. Но, наконец, вы сможете вносить изменения, выбрав инструмент «Текст» и щелкнув внутри текста.
Обязательно закройте файлы .psb в том порядке, в котором их открывал Photoshop.
Результат будет выглядеть так:
Теперь вы можете добавить больше штрихов, если хотите. Вы также можете отредактировать текст позже в своем проекте, повторив этот шаг.
Только для пользователей Photoshop CS6
Те из вас, у кого есть Photoshop CS6, могут воспользоваться новой функцией: возможностью применять стили слоя к группе. Начните с шагов 1 и 2 выше, но затем вместо преобразования текста в смарт-объект выберите «Новая группа из слоев» во всплывающем меню панели «Слои».Добавьте новую обводку в эту группу. Повторите нанесение группы и обводки столько раз, сколько хотите. Редактировать текст так же просто, как выбрать инструмент «Текст» и дважды щелкнуть в главном окне.
Обводка контура рисует контур вокруг выбранного контура. Эта возможность полезна для выделения прямоугольника для текстового поля, создания кнопок для Интернета или выделения форм букв, которые вы сохранили как пути. Вы можете создать контур, используя любой из инструментов Photoshop для рисования или рисования для получения широкого спектра эффектов.Вы даже можете указать размер кисти, непрозрачность и режим наложения для полного контроля над конечным результатом. 1. Откройте файл.Выберите «Файл», «Открыть», чтобы запустить нужный файл. 2. Создание или выбор путиДля создания пути используйте любой из методов, описанных в предыдущих задачах. 3. Настройте инструмент «Обводка»На панели инструментов выберите инструмент рисования (например, карандаш или кисть), который вы хотите использовать для обводки контура.На панели параметров для этого инструмента настройте инструмент по своему усмотрению. Выберите кисть и размер кисти в меню «Кисть». 4. Выберите контур обводкиЕсли он еще не открыт, выберите «Окно», «Пути», чтобы запустить палитру «Пути ». При активном желаемом контуре выберите «Обводка контура» в меню палитры. (Если путь не назван, опция меню помечена как «Обводка подпути».) Откроется диалоговое окно «Обводка контура». 5. Обводка контураИнструмент, который вы настроили на шаге 3, должен быть выбран в диалоговом окне «Обводка контура», когда оно откроется.Если вы хотите использовать другой инструмент, выберите его в раскрывающемся списке «Инструмент» и нажмите «ОК». Линия текущего цвета переднего плана рисуется вдоль выбранного пути с использованием выбранного вами инструмента и применения текущих настроек для этого конкретного инструмента. 6. Отмените выбор путиВ палитре Paths щелкните пустую область под заголовком пути, чтобы отменить выбор. Это действие скрывает отображаемый путь и показывает только окончательный результат.
|
Добавление обводки в Photoshop Elements
Обводка — это контур или рамка, которую можно добавить к фотографиям, бумаге, тексту и украшениям.Он может служить каркасом или ковриком для любого предмета, который вы выберете. Обводки очень универсальны, так как вы можете регулировать цвет и ширину, а также добавлять стили к обводкам, тем самым полностью меняя их внешний вид.
Итак, как вы приступите к добавлению одного из этих волшебных ударов к предмету? Как и в большинстве случаев с цифровой обрезкой, есть несколько способов добавить обводку. Позвольте мне показать вам метод, который я использую чаще всего.
Во-первых, выделите нужный элемент, нажав Ctrl + щелчок на миниатюре слоя в палитре слоев.Как только вы это сделаете, вы должны увидеть «марширующих муравьев» на своем выборе.
Затем создайте новый слой в палитре слоев поверх вашего выделения. В строке меню выберите Правка> Обводка (контур). Это вызывает меню редактирования для вашего штриха; в этом меню вы можете установить ширину (размер), цвет, расположение и смешивание мазка. Теперь у вас есть выбор:
- Ширину или размер обводки можно установить в диапазоне от 1 до 250 пикселей, в зависимости от того, хотите ли вы тонкий контур или очень толстый.
- Вы можете выбрать цвет обводки на основе других цветов в макете. На этом этапе я обычно оставляю свой черный или белый.
- Есть три варианта расположения мазка — внутри, по центру или снаружи. Различия могут быть незначительными, и то, что вы выберете, будет зависеть только от вашего образа. Следует иметь в виду, что если вы наносите обводку на фотографию или что-то подобное с острыми углами, внутренний вариант — лучший выбор для сохранения этих углов.Внешний вариант — хороший выбор для текста и ворд-арта.
- Смешивание: Обычно на этом этапе я не занимаюсь смешиванием; Я просто оставляю его по умолчанию на Нормальный и непрозрачность 100%.
Щелкните OK и позвольте волшебству случиться! Если вы обнаружите, что вам что-то не нравится в вашем штрихе, например, ширина или расположение, просто нажмите Ctrl + A , чтобы отменить его, затем начните снова с Edit> Stroke .
После нанесения обводки по своему вкусу нажмите Ctrl + D , чтобы отменить выбор миниатюры слоя, и марширующие муравьи должны исчезнуть.В этом случае удобно разместить обводку на отдельном слое, потому что теперь вы можете добавлять стили или цвета к обводке и настраивать их по своему вкусу.
Статья написана Мелани Кокшотт
.