Как нарисовать изогнутую линию в фотошопе: Как нарисовать изогнутую линию в Photoshop. 3 простых способа.

Как нарисовать изогнутую линию в Photoshop. 3 простых способа.

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

Способ № 1. Круг.

Для начала нарисуйте обычный круг, с помощью инструмента овальная область. С помощью данного инструмента легко нарисовать круг таким образом: выбрав инструмент, смените стиль инструмента с «Обычный» на «Заданный размер» и просто задайте одинаковый размер по высоте и ширине окружности. Либо вы можете проделать все операции не с кругом, а с эллипсом. Затем просто щелкните по листу мышкой, и у вас появится выделенная область заданного размера. После этого, по выделено области нажмите правой кнопкой мыши и в меню выберите пункт «Выполнить обводку» (Stroke). В появившемся окошке выберите цвет и размер кисти. Далее просто нажмите на клавиатуре «Ctrl» + «D» и выделение у вас пропадет.

Теперь поверх круга создайте ещё один слой. И в новом слое нарисуйте круг, только без обводки.

Теперь просто выполните заливку внутри выделенной области тем же цветом, что и фон, и нажмите клавиши «Ctrl» + «D» для снятия выделения.

Способ №2. Прямоугольник.

Для начала нарисуйте прямоугольную область, выполните обводку, но выделение пока снимать не надо (как это сделать описано в способе №1).

Затем перейдите в меню «Фильтр» (Filter) – «Пластика» (liquify). Либо нажмите сочетание клавиш «Shift» + «Ctrl» + «X».

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

Способ №3. Перо.

Пожалуй, самый простой способ – это инструмент «Перо». Многие не понимают для чего этот инструмент только потому, что не знают, как им пользоваться. Тут всё просто. Выбрав инструмент «Перо», сначала задайте ему стиль «Контур» (Paths). Затем на листе просто поставьте точку данным инструментом. Отпустите кнопку мыши и поставьте вторую точку в другой стороне, но на этот раз, не отпуская кнопку мыши, тяните, и вы увидите, как у вас вырисовывается контур кривой линии.

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

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

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

Автор также рекомендует:

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

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

Чертим эскиз кривой с помощью инструмента Перо

Создадим новый документ любого размера в фотошопе. И активируем инструмент «Перо» горячей клавишей P.

1. Потом кликаем в том месте, где наша кривая линия будет начинаться, и еще раз в том месте, где она будет заканчиваться. Не беда, если вы промахнетесь, так как все точки, которые вы сделаете, можно будет всегда поправить. Вот такой отрезок у нас должен получиться (1 – начало отрезка, 2 – это конец отрезка).
2. Дальше активируем инструмент перо с плюсом.
3. Пером с плюсом добавляет опорную точку на нашем отрезке. После ее необходимо передвинуть в нужную вам сторону. Для этого кликайте по опорной точке и тащите ее. Вот что-то похожее в вас должно получиться (красная линия — это то, где изначально была линия).
4. При помощи якорей, которые изображены на скрине ниже, можно придать линии волнообразную форму.Вот, что-то подобное у вас должно получится:
5. Потренируйтесь и сделайте траекторию линии более причудливой. Вот, что у нас получилось:

Делаем обводку контура в фотошопе Кистью

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

1. Активируем инструмент «Кисть» с помощью горячей клавиши B:
2. Далее необходимо настроить ее под наши нужды. Для этого переходим в настройки кисти:
3. В открывшейся панели настраиваем кегль и интервал:
4. После того, как закончили настраивать кисть, необходимо закрыть панель настройки:
5. Снова выбираем «Перо» горячей клавишей P и кликаем по нашему контуру правой кнопкой мыши. В выпавшем меню выбираем пункт «Выполнить обводку контура»:
6. В следующем окне нужно выбрать инструмент, которым мы будем делать обводку. Так как мы настраивали кисть, то ее выбираем:
7. Нажимаем Ok:
8. Вот, что мы увидим в итоге:
9. Чтобы убрать контур, просто два раза нажмите Esc, и он исчезнет.

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

Как нарисовать изогнутую линию в фотошопе. Рисуем абстрактные линии в фотошоп

С помощью инструмента Pen Tool

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

сложней

Записал небольшое демонстрационное видео

Что интересно, видео
идёт полторы минуты
и весит 2 кб
BB FlashBack Pro

Перо

1. Не отпуская кнопку мышки при создании новой точки можно добиваться сглаживания линии.
2. Точки лучше ставить в местах, где у линии должен быть изгиб.
3. Зажав клавишу Ctrl
   на клавиатуре можно перемещать контрольные точки линий.
4. Зажав клавишу Alt
   можно регулировать степень закругления линии возле точки и её искажение

   Меня вдохновили испытать фотошоп на его пригодность в плане рисования линий. Рисовать линии в фотошопе сложней
   , чем в его векторных аналогах и некоторых растровых редакторах – такое впечатление у меня сложилось после ознакомления с инструментами в Paint Tool Sai, Illustrator, Inkscape и других, которые имеют более удобные и гибкие инструменты создания красивых линейных форм.

   https://сайт/wp-content/uploads/2011/08/lines.swf,600,490

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

   Что интересно, видео
   идёт полторы минуты
   и весит 2 кб
   – это очень удивительно Видео записано на BB FlashBack Pro
   

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

   Приёмы работы с пером при создании линий

   Первые два правила знают многие, а вот 3 и 4 для меня стали открытием.

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

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

   Работа с готовой линией

   Все линии, которые Вы создаёте, находятся в окошке Path
   (Пути). Желательно для каждой линии создавать отдельный “слой линий” в панели Path.

   Crtl + H —
   Скрыть/Показать линии.

   Stroke Path… —
   функция обводки линии. Можно выбрать инструмент, которым будет осуществляться обводка. Обычно это кисть и прежде чем пользоваться этой функцией, желательно установить у кисти нужную толщину, а уже после прибегать к обводке.

3 голоса

Доброго времени суток, уважаемые читатели моего блога. Казалось бы, чего стоит нарисовать прямую линию в фотошопе? Зажал Shift и вот тебе, пожалуйста. А тем не менее сделать это можно аж тремя способами. Результат каждого будет отличаться.

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

Вас ждет масса информации. Приступим?

Инструмент «Линия»

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

Сперва о важном. Один из самых важных параметров – толщина. Благодаря линии вы можете рисовать даже прямоугольники. Просто надо сделать ее пожирнее.

Далее идет «Заливка» и «Обводка». Щелкаете по плашке с цветом слева от надписей и выбираете оттенок. Если хотите выполнить обводку, вписываете ее ширину. Сейчас, на моем скриншоте показан вариант без нее. Иконка отсутствия цвета выглядит именно так. Серая линия перечеркнутая красным.

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

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

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

Если уменьшить толщину и убрать заливку, вы получите просто пунктир.

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

И закруглить углы. Правда, это будет не так уж заметно.

Если в тот момент, когда вы ведете линию, нажать Shift, то Photoshop автоматически создаст ровную линию. Горизонтальную или вертикальную. В зависимости от того, куда вы ее ведете.

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

Ну а сейчас покажу другой.

Инструмент «Кисть»

Эти прямоугольники я нарисовал при помощи линий, нарисованных кистью.

Выбираете тип и размер, подходящей для линии кисти.

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

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

Как сделать волну

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

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

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

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

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

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

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

То же самое вытворяю с каждой новой точкой.

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

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

Снова жму на правую клавишу мыши и выбираю «Удалить контур».

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

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

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

».

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

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

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

Не знаете с чего начать? Пройдите курс «Основы коммерческого веб-дизайна

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

Онлайн-курс с поддержкой автора – надежная инвестиция в будущую профессию.

Ну вот и все. Осталось дело за вами. Решайте когда вы будете готовы и приступайте к завоеванию новых вершин. Если вам понравилась эта статья – подписывайтесь на рассылку и каждый день на шаг приближайтесь к заветной цели.

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

Я желаю вам удачи. До новых встреч.

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

Вот так выглядит финальный результат:

Шаг 1.
Создаем новый документ размером 800х800 px, заливаем фон черным цветом. Создаем новый слой над фоновым, жмем клавишу Р чтобы активировать Pen Tool
(Перо). Создаем линию, как на скриншоте ниже:

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

Жмем B, чтобы активировать Brush Tool
(Кисть), выбираем кисть размером 1 px:

В окне Color Picker
(Выбор цвета) выбираем необходимый цвет:

Снова активируем Pen Tool
(Перо) (P), затем жмем правой кнопкой мыши по созданной кривой и выбираем Stroke Path
(Обводка контура):

Выбираем Brush
(Кисть) из выпадающего меню, убеждаемся, что опция Simulate Pressure
(Симулировать нажим) активна, и жмем OK:

И получаем такую красивую кривую:

Шаг 2.
Используя описанный выше процесс, создаем еще три линии. Убедитесь что:
— каждая линия находится на отдельном слое;
— для первой линии размер кисти 2 px, второй — 3 px, третьей — 4 px;
— уменьшаем непрозрачность слоев до 80%, 60% и 40%.

Корректируем расположение линий и получаем такой результат (4 линии на 4 слоях):

Шаг 3.
Создаем группу «Линии» Layer — New — Group
(Слой — Новый — Группа) и перемещаем в нее все 4 слоя с линиями. Дублируем группу один раз и объединяем копию группы в один слой (CTRL+E). Уменьшаем opacity (непрозрачность) нового слоя до 70% и перемещаем линии ниже и левее, чтобы создать эффект глубины:

Продолжаем дублировать слой, чтобы создать больше линий:

Теперь мы должны немного разнообразить линии цветом. Для этого используем корректирующий слой Layer — New Adjustment Layer — Hue/Saturation
(Слой — Новый корректирующий слой — Цветовой тон/Насыщенность) для слоев с линиями (не забываем создать для корректирующего слоя обтравочную маску CTRL+ALT+G).

Выбираем любой понравившийся цвет:

Продолжаем добавлять больше цветов. Вы можете воспользоваться Free Transform
(Свободное трансформирование) (CTRL+T), чтобы отрегулировать угол наклона линий:

Также корректируем размер линий:

Шаг 4.
Теперь добавим несколько серых линий. Для этого переходим Image — Adjustments — Desaturate
(Изображение — Коррекция — Обесцветить) или SHIFT+CTRL+U, чтобы обесцветить один из слоев:

Смешиванием серые линии вместе с остальными:

И получаем следующий результат:

Шаг 5.
Почти закончили. Теперь объединяем слои с линиями, которые мы создали, в один (CTRL+E), затем дублируем их, поворачиваем, меняем положение:

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

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

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

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

Начнем с инструмента «линия». Его мы найдем на баковой панели.

Теперь зададим характеристики нашей будущей линии.

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

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

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

Сейчас наша линия является smart объектом. Превратить ее в обычный слой можно в окне слоев при помощи команды «растрировать слой».

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

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

Устанавливаем следующие настройки карандаша. Как выбрать цвет упомянуто выше.

На боковой панели ищем инструмент «перо».

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

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

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

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

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

Способ № 1. Круг.

Для начала нарисуйте обычный круг, с помощью инструмента овальная область
. С помощью данного инструмента легко нарисовать круг таким образом: выбрав инструмент, смените стиль инструмента с «Обычный»
на «Заданный размер»
и просто задайте одинаковый размер по высоте и ширине окружности. Либо вы можете проделать все операции не с кругом, а с эллипсом. Затем просто щелкните по листу мышкой, и у вас появится выделенная область заданного размера. После этого, по выделено области нажмите правой кнопкой мыши и в меню выберите пункт «Выполнить обводку» (Stroke)
. В появившемся окошке выберите цвет и размер кисти. Далее просто нажмите на клавиатуре «Ctrl» + «D»
и выделение у вас пропадет.

Теперь поверх круга создайте ещё один слой. И в новом слое нарисуйте круг, только без обводки.

Теперь просто выполните заливку внутри выделенной области тем же цветом, что и фон, и нажмите клавиши «Ctrl» + «D»
для снятия выделения.

Способ №2. Прямоугольник.

Для начала нарисуйте прямоугольную область, выполните обводку, но выделение пока снимать не надо (как это сделать описано в способе №1).

Затем перейдите в меню «Фильтр» (Filter) – «Пластика» (liquify)
. Либо нажмите сочетание клавиш «Shift» + «Ctrl» + «X»
.

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

Способ №3. Перо.

Пожалуй, самый простой способ – это инструмент «Перо»
. Многие не понимают для чего этот инструмент только потому, что не знают, как им пользоваться. Тут всё просто. Выбрав инструмент «Перо»
, сначала задайте ему стиль «Контур» (Paths)
. Затем на листе просто поставьте точку данным инструментом. Отпустите кнопку мыши и поставьте вторую точку в другой стороне, но на этот раз, не отпуская кнопку мыши, тяните, и вы увидите, как у вас вырисовывается контур кривой линии.

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

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

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

Как нарисовать линию в Photoshop

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

1. Рисуем прямую линию

Шаг 1

Сначала я покажу вам, как нарисовать прямую линию в Photoshop. Самый простой способ — использовать инструмент, предназначенный для этой цели: Line Tool ​ (U) (Линия):

Шаг 2

Устанавливаем Mode (Режим) на Pixels (Пикселы).

Шаг 3

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

Шаг 4

Также можно использовать инструмент Brush Tool (B) ​ (Кисть). Щелкаем в том месте, где должна начинаться линия, и, удерживая Shift, щелкаем в конечной точке линии. Photoshop нарисует ее за нас!

2. Рисуем ломанную линию

Хороша, а как нарисовать ломаную линию? Для этого можно использовать тот же метод. Если сначала кликнуть, а затем нажать Shift, вы нарисуете отдельную прямую линию. Но если вы продолжите удерживать Shift и кликаем еще раз, конечная точка предыдущей линии станет начальной точкой новой. Итак, запоминаем порядок: кликаем и нажимаем Shift для отдельной линии, нажимаем Shift и кликаем для непрерывной ломаной линии.

1: кликаем, нажимаем Shift, кликаем, отпускае Shift, 2: кликаем, нажимаем Shift, кликаем, кликаем, кликаем…

3. Рисуем линию под углом 90 градусов

Теперь разберемся, как нарисовать линию под углом 90 градусов в Photoshop. Здесь также пригодится клавиша Shift. Удерживая Shift, начинаем рисовать влево или вправо, чтобы нарисовать горизонтальную линию, и вверх или вниз, чтобы нарисовать вертикальную линию. Photoshop выпрямит их за вас.

4. Рисуем изогнутую линию

Шаг 1

Итак, мы разобрались с прямой линией, но как нарисовать изогнутую линию в Photoshop? Конечно, можно использовать инструмент Brush Tool (B) ​ (Кисть), чтобы просто нарисовать любую линию, которую хотите, но, если у вас нет графического планшета, может быть сложно контролировать ее форму. Давайте вместо этого воспользуемся инструментом Curvature Pen Tool (P) (Перо кривизны).

Шаг 2

Инструмент Curvature Pen Tool (P) (Перо кривизны) скрыт в меню Pen Tool  (Перо):

Шаг 3

Устанавливаем Mode (Режим) на Shape (Фигура), убираем Fill (Заливку), добавляем цвет Stroke (Обводка) и настраиваем толщину линии.

Шаг 4

Этот инструмент позволяет рисовать кривую линию, щелкая и перетаскивая. Самое удобное ­— это то, что линия остается полностью редактируемой: просто кликаем и перетаскиваем любую из ее точек, чтобы изменить форму. Удерживая нажатой клавишу Ctrl, кликаем, чтобы закончить рисование. Используем инструмент Direct Selection Tool (Кисть) или другого инструмента в режиме Pixels (Пиксели) настраиваем цвета на панели Color  (Цвет).

Шаг 2

Если предпочитаете инструмент Curvature Pen Tool (P) (Перо кривизны) или любой другой в режиме Shape (Фигура), настраиваем цвет обводки — это можно сделать даже после того, как линия уже нарисована.

Шаг 1

Чтобы нарисовать жирную линию есть два варианта: либо увеличить размер кисти, что можно сделать с помощью клавиш с квадратными скобками ([, ]).

Шаг 2

… или, если мы находимся  в режиме Shape (Фигура), просто указываем толщину обводки в настройках.

Шаг 1

Но как нарисовать линию под 45 градусов или под любым другим углом? Вот хитрость: используем инструмент Rotate View Tool (R) (Поворот вида).

Шаг 2

Вводим значение угла в поле Rotation Angle (Угол поворота) и нажимаем Enter.

Шаг 3

Теперь просто рисуем линию.

Шаг 4

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

Хорошая работа!

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

Автор: Monika Zagrobelna

Источник:

design.tutsplus.com

Рисование линии в Photoshop

Создаём прямую линию инструментом «Линия» (Line Tool)

Другой способом рисования является использование инструмента «Линия» (Line Tool), доступного на инструментальной панели Photoshop:

Эта линия является векторной формой (Vector Shape), так что в последствии Вы можете легко изменить её форму, цвет и размер без потери качества. Вы также можете использовать клавишу Shift для построения горизонтальных, вертикальных и направленных под углом 45° линий:

Ломаная, прямая и кривая линия с помощью «Пера» (Pen Tool)

Третий иp распространённых способов создания лини — использование универсального инструмента «Перо» (Pen Tool):

Сначала необходимо переключить «Перо» на режим «Контур» (Paths), этот переключатель находится на панели параметров в верхнем левом углу окна программы. Затем кликните в том месте, где должна начинаться линия, это будет начальная точка, потом добавьте вторую точку и т.д.
То же самое правило действует и при нажатии клавиши Shift:

Давайте выполним несложную практическую работу. Сначала выберите инструмент «Кисть», задайте диаметр 3 пикселя,жёсткость 100%, цвет — чёрный.
Затем возьмите «Перо», выберите режим «Контур» и нарисуйте линию с помощью двух точек. Вы можете увидеть созданный контур на панели слоёв во вкладке «Контур» (Path), там наша линия будет добавлена в качестве рабочего контура (Work Path).

Но контур, созданный «Пером», это всего-лишь вспомогательный объект, и при сохранении картинки отображён не будет. Для того, чтобы визуализировать контур, нам следует выполнить его обводку.
При активном инструменте «Перо», кликните правой клавишей мыши по контуру в документе. Откроется контекстное меню, где нажмите на строку «Выполнить обводку контура» (Stroke Path):

Откроется новое окно, где выберите пункт «Кисть» (Brush) и нажмите ОК. Обводка толщиной в 3 пикселя появится:

Эту операцию лучше всего производить на новом прозрачном слое.

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

Как нарисовать линию в Фотошопе

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

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

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

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

Обыкновенные прямые линии

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

Более подробно мы уже рассматривали создание обычной прямой линии в Photoshop в соответствующем уроке: Как нарисовать прямую линию в Photoshop

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

Создание ломаной линии

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

Незамкнутая ломаная линия

Проще всего использовать для создания такой линии инструмент Фотошопа — «Перо».

Отдельная и достаточно подробная статья по инструменту “Перо” в Photoshop в одном из наших уроков: Как пользоваться пером в Photoshop

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

Чтобы построить нужную нам линию с помощью пера, потребуется выполнить всего два простых шага.

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

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

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

и параметра «Свободное трансформирование» (для этого воспользуйтесь сочетанием клавиш CTRL+T).

Создание замкнутой ломаной линии в Фотошопе

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

Способ №1 — фигура

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

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

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

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

Cпособ №2 — прямолинейное лассо

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

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

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

Кликаем “ОК” и получаем результат:

Построение кривой линии

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

Незамкнутая кривая

Для построения такой линии есть всего один инструмент — «Перо» ( с последующей обводкой). Либо же можно нарисовать такую линию вручную.

Замкнутая кривая

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

1. Лассо

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

2. Овальная область

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

3. Фигура

Возьмем инструмент — «Эллипс». В верхнем меню выставим требуемые настройки и создаем фигуру – овал.

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

Результат после применения деформации:

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

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

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

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

Создание линий

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

Прямая

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

Урок: Рисуем прямую линию в Фотошопе

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

Ломаная

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

1. Незамкнутая ломаная

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

  Урок: Инструмент Перо в Фотошопе — теория и практика

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

  А затем обвести полученный контур одним из инструментов (читайте урок про Перо).

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

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

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

• Фигура.

  Урок: Инструменты для создания фигур в Фотошопе

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

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

  После отключения заливки

  мы получим требуемый результат.

  Такую фигуру можно деформировать и вращать при помощи все того же «Свободного трансформирования».

• Прямолинейное лассо.

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

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

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

  Для сохранения остроты углов положение рекомендуется делать «Внутри».

Кривая

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

1. Незамкнутая

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

2. Замкнутая

• Лассо.

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

• Овальная область.

  В данном случае результатом наших действий станет окружность правильной или эллипсовидной формы.

  Для ее деформации достаточно вызвать «Свободное трансформирование» (CTRL+T) и, после нажатия ПКМ, выбрать соответствующую дополнительную функцию.

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

  Стоит заметить, что в данном случае воздействие распространяется и на толщину линии.

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

• Фигура.

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

  После деформирования получим следующий результат:

  Как видим, толщина линии осталась неизмененной.

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

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

Мы рады, что смогли помочь Вам в решении проблемы.

Опишите, что у вас не получилось.
Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

ДА НЕТ

Как нарисовать линию Урок Photoshop

Как нарисовать линию в Photoshop [Урок для начинающих]

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

[ОБНОВЛЕНИЕ 2019]: хотя некоторые вещи изменились в Photoshop CC 2019, те же методы применяются для рисования линии в Photoshop.Ознакомьтесь с разделом о новом Curvature Pen Tool в Photoshop CC.

1. Как рисовать прямые линии в фотошопе кистью ⚡

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

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

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

1.1 Как рисовать прямые линии в стиле Photoshop от руки с помощью кисти

Вот в чем дело:

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

Вот так и работает наша рука.

Как повернуть холст в Photoshop

В Photoshop (CS5, CS6, CC 2018 и CC 2019) можно сделать один хитрый трюк — повернуть весь холст. Точно так же, как вы вращаете бумагу для рисования. Вы можете сделать это, щелкнув R , затем щелкнув и перетащив мышью.Если удерживать нажатой SHIFT при перетаскивании, поворот холста фиксируется с шагом 15 градусов.

Вот видео, показывающее, как рисовать прямые линии в Photoshop и как вращать холст в Photoshop:

Примечание: При попытке сделать это в Photoshop CC 2019 я столкнулся со следующей ошибкой:

Поворот работает только с окнами документов с поддержкой OpenGL

Что ж, оказывается, что для этого в Photoshop CC 2019 предъявляются более высокие требования к оборудованию.Решение, по-видимому, состоит в том, чтобы попытаться перейти в Edit> Preferences , а затем в Performance Panel выбрать Enable OpenGL Drawing в настройках графического процессора . Обратите внимание, что если ваше оборудование не соответствует требованиям, этот флажок будет недоступен.

2. Как нарисовать прямую линию в Photoshop с помощью инструмента «Линия» ⚡

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

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

3. Как нарисовать линию в Photoshop с помощью Pen Tool ⚡

Третий способ — нарисовать линию с помощью инструмента Pen Tool .Во-первых, вы должны проверить опцию Paths . Затем щелкните, чтобы добавить первую точку, и щелкните еще раз, чтобы добавить вторую точку. Для прямых линий удерживайте нажатой кнопку SHIFT .

Итак, возьмите инструмент «Кисть » и выберите жесткую круглую кисть , размер 3 пикселя, черный цвет.

С помощью Pen Tool выберите Paths и нарисуйте линию. Строка добавляется как Work Path .

Чтобы нарисовать линию, просто щелкните правой кнопкой мыши Work Path и выберите Stroke Path . Из списка выберите Brush Tool .

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

СОВЕТ: Вы должны выбрать слой перед тем, как Stroke Path , иначе он может не работать.Вот краткое руководство о том, как нарисовать путь и как обвести контур в Photoshop с помощью инструмента «Кисть» (видеоурок). Также вы можете прочитать руководство по Photoshop для начинающих.

4. Как рисовать изогнутые линии в Photoshop ⚡

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

Чтобы нарисовать изогнутую линию, просто щелкните правой кнопкой мыши Work Path и выберите Stroke Path . Из списка выберите Brush Tool .

Как рисовать изогнутые линии в Photoshop CC 2019

Photoshop CC 2019 содержит множество полезных и новых вещей. Одним из них является новый инструмент Curvature Pen Tool . Вы найдете это под значком Pen Tool , если вы нажмете на него долго.

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

После того, как вы создали изогнутую линию, вам нужно Stroke Path , чтобы нарисовать линию.

5. как нарисовать цветную линию в фотошопе

Чтобы нарисовать цветную линию в Photoshop, добавьте стиль слоя к слою, на котором вы нарисовали линию. Используйте стиль слоя Gradient Overlay для создания цветных линий в Photoshop.

6. Пунктирная линия в фотошопе ⚡

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

7. Пунктирная линия в фотошопе

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

8. Как удлинить линию в Photoshop

Нажмите Control-T , чтобы удлинить линию в Photoshop.Этот метод изменения размера работает только для прямых линий (вертикальных и горизонтальных линий).

9. Как сделать линию толще в фотошопе

Как изменить ширину линии в фотошопе? Если вы используете Line Tool , вам необходимо установить толщину линии.

Если вы используете Brush Tool , чтобы сделать более толстую линию в Photoshop, вы должны установить размер Brush Tool на больший размер.

Как сгладить существующие линии в Photoshop

Ответ довольно прост! Перейдите в меню Filter > Other и выберите фильтр Minimum .Используя этот фильтр, вы можете увеличить размер ваших линий и сделать существующие линии в Photoshop более толстыми.

Если вы хотите сделать линии быстрее и чище, попробуйте этот БЕСПЛАТНЫЙ экшен для увеличения толщины линий в Photoshop.

10. рисуем параллельные линии в Photoshop

Чтобы нарисовать параллельные линии в Photoshop, вы рисуете прямую линию (вертикальную или горизонтальную) и нажимаете Control-J для дублирования. Затем вы перемещаете линию, и вы получаете параллельные линии.

Совет: создайте новый слой с горизонтальным / вертикальным градиентом (# 000000, непрозрачность 100% и # 000000, непрозрачность 0%).Перейдите в Filter> Distort> Wave и сделайте эти настройки для рисования параллельных линий в Photoshop.

11. Как нарисовать цифровое искусство с плавными линиями в Photoshop

Если вы хотите преобразовать фотографию в рисунок, вы можете использовать этот экшен Line Art Photoshop .

Вот , как рисовать плавные линии в Photoshop CC 2018, 2019, 2020 и более поздних версий :

Photoshop CC 2018 представил небольшую классную функцию, которая является настоящим улучшением рисования плавных линий в Photoshop.Используя параметр Smoothing (который изменяется от 0% до 100%), вы можете настроить плавность мазков кисти.

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

Не волнуйтесь! Это нормально!

Разрыв — это часть алгоритма, используемого Photoshop CC для расчета, насколько гладкими должны быть кривые и линии, которые вы рисуете. Способ рисования плавных кривых в Photoshop CC можно настроить с помощью нескольких дополнительных параметров, кроме Smoothing .Щелкните колесико рядом с ползунком Smoothing , и вы увидите Smoothing Options :

Режим вытянутой струны

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

Для параметра сглаживания Pulled String Mode представьте, что вы привязываете веревку к шарику, смоченному чернилами.

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

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

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

Stroke Catch Up Photoshop

Этот параметр не работает вместе с Pulled String Mode , поэтому сначала вам придется отключить его.

Когда вы отметите опцию Stroke Catch-Up и начнете рисовать, вы снова заметите зазор между начальной точкой и курсором мыши. Но на этот раз разрыв становится меньше. Итак, алгоритм заставляет мазок кисти догонять мышь.

Итак, мазок кисти — это ракета, отслеживающая ваш курсор мыши и приближающаяся к нему. Чем выше Smoothing , тем медленнее «ракета». Также «ракета» замедляется по мере приближения к курсору мыши.

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

Нагнетание на конце хода

Работает так же, как предыдущий вариант Stroke Catch-Up , только когда вы отпускаете щелчок, он заполняет промежуток между мазком кисти (или «ракетой») и положением курсора мыши.

Регулировка увеличения

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

Используйте эти кисти Photoshop для рисования линий для создания красивых штриховых рисунков в Photoshop.

Уроки, связанные с рисованием линий в Photoshop

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

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

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

Как использовать инструмент «Перо» в Photoshop

* Обновлено ноябрь 2020 г. *
Вы здесь, потому что хотите узнать, как использовать инструмент «Перо» в Photoshop. Я преподаю Adobe Photoshop и Illustrator более пятнадцати лет и могу без сомнения сказать, что инструмент «Перо», вероятно, является наиболее опасным инструментом в обеих программах, которого избегают.Хотя вначале это может показаться неприятным инструментом, это очень полезный инструмент, и это руководство по фотошопу поможет вам научиться работать с инструментом «Перо».

Если вам это нужно, вы можете загрузить бесплатную 7-дневную пробную версию Photoshop

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

В Photoshop инструмент «Перо» можно использовать для рисования и выделения.

Существует заблуждение, что вы можете создавать векторы только в Adobe Illustrator и что Photoshop позволяет вам работать только с фотографиями или растровой графикой.Но вы МОЖЕТЕ создавать векторы в Photoshop с помощью инструментов Pen и Shape. Щелкните здесь, чтобы узнать больше о разнице между векторной и растровой графикой. Инструменты «Перо» и «Фигура» работают в обеих программах практически одинаково.

Примечание. Все снимки экрана, которые вы видите здесь, взяты из Adobe Photoshop CC, но почти все, что вы здесь читаете, применимо к более старым версиям Photoshop, начиная с нескольких версий. Итак, давайте начнем с использования инструмента для рисования прямых линий.

Рисование прямых линий с помощью инструмента «Перо»

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

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

1 — Нарисуйте путь с помощью инструмента «Перо»

1 — Откройте новый пустой документ в Photoshop. Я создал один размером 1000 x 1000 пикселей и разрешением 72 пикселей на дюйм.

2 — На панели инструментов выберите Pen Tool. Ярлык — это нажать на клавиатуре P .

3 — На панели параметров вверху экрана;

• Выберите «Путь» в первом раскрывающемся списке. (Скоро мы рассмотрим вариант «Форма»)
• Щелкните стрелку для параметра «Параметры геометрии» и убедитесь, что флажок «Резинка» не установлен во всплывающей палитре «Параметры контура».
• Убедитесь, что выбран параметр «Автоматическое добавление / удаление».
• Выберите параметр «Объединить контуры».

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

При первом выборе инструмента «Перо» перед тем, как рисовать какие-либо точки, рядом с курсором появляется маленький значок «x».Х означает, что вы собираетесь начать рисовать новый путь.

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

4 — Щелкните один раз на документе, где должен начинаться отрезок прямой линии. Не тащить.

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

Примечание. Если появляются направляющие линии (они выглядят как дополнительные линии, выходящие из точки привязки), вы случайно перетащили инструмент «Перо» и нарисуете кривую, а не прямую линию. В этом случае выберите Ctrl + Z (Windows) или Cmd + Z (Mac), чтобы отменить действие, и щелкните еще раз.

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

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

Совет: если вы хотите ограничить угол сегмента до кратного 45 °, удерживайте нажатой клавишу Shift при щелчке.

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

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

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

Если вы хотите оставить путь открытым, но затем начать другой новый путь, Ctrl + щелчок (Windows) или Cmd + щелчок (Mac) в любом месте от начерченного пути. Кроме того, вы можете закончить путь, щелкнув любой другой инструмент на панели инструментов.

2 — Добавить и удалить точки привязки

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

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

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

1 — Выберите инструмент Удалить опорную точку на панели инструментов (скрыт под инструментом «Перо»).

2 — Щелкните точку, которую хотите удалить.

Добавление точки привязки на пути

3 — Выберите инструмент «Добавить точку привязки» на панели инструментов.

4 — Щелкните в любом месте отрезка линии с помощью инструмента «Добавить точку привязки».

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

Практика использования инструмента «Перо для прямого контура»!

Итак, вот как рисовать отрезки прямых, очень просто и ничего страшного. Ключ к использованию инструмента «Перо» — практика, практика, практика.

Создайте новый документ Photoshop и выполните следующие действия:

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

Рисование кривых с помощью инструмента «Перо Photoshop»

В этой части Руководства по использованию инструмента «Перо» вы научитесь рисовать

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

Как только вы поймете, как работают кривые, в сочетании с некоторой практикой, вы скоро станете мастером инструмента «Перо»!

Как создаются кривые пути

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

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

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

1 — Якорная точка помещается на монтажную область при нажатии.

2 — Направляющие линии и направляющие точки рисуются при перетаскивании.

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

3 — Нарисуйте изогнутый контур с помощью инструмента «Перо»

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

1 — Выберите инструмент «Перо» ( P ) на панели инструментов.

2 — Выберите режим Путь на панели параметров в верхней части экрана.

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

3 — Щелкните один раз, чтобы поставить первую точку привязки.

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

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

6 — Добавьте еще одну точку справа и растяните по горизонтали.

7 — Чтобы закончить рисование пути, просто нажмите Ctrl + Click (Windows) / Cmd + Click (Mac). Обратите внимание, как изменяется курсор инструмента «Перо» и появляется небольшая звездочка. Это означает, что когда вы снова начнете рисовать, вы начнете новый путь.

4 — Нарисуйте контур замкнутого круга с помощью Pen Tool

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

1. Выберите инструмент «Перо» ( P ) на панели инструментов.
2. Выберите режим Путь на панели параметров вверху экрана.
3. Щелкните, удерживайте и перетащите указатель инструмента «Перо» вверх. В этом примере мы создаем восходящую кривую.

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

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

Если вы допустили ошибку во время рисования, выберите Правка> Отменить новую точку привязки или нажмите Ctrl + Z (Windows) или Cmd + Z (Mac ), чтобы отменить последнюю точку, которую вы нарисовали, и повторите попытку. .

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

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

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

Совет: если вы удерживаете Shift при щелчке и перетаскивании, вы ограничиваете наклон направляющей линии с шагом 45 °.

5 — Объедините изогнутые и прямые сегменты контура с помощью Pen Tool

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

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

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

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

В этом упражнении мы нарисуем путь ниже.

1. Выберите инструмент «Перо» или нажмите P на клавиатуре.
2. Мы начинаем с прямого сегмента, что очень легко, поэтому щелкните один раз для начальной точки (не перетаскивайте), а затем щелкните еще раз, чтобы поставить второй якорь.
3. Теперь мы идем по кривой. Наведите указатель на вторую точку привязки и удерживайте Alt (Windows) или Option (Mac), курсор изменится, чтобы отобразить то, что выглядит как перевернутая буква «v».Это означает, что вы собираетесь преобразовать точку из прямой в изогнутую.
4. Щелкните в той же точке и потяните вверх одним движением, чтобы начать кривую.
5. Затем щелкните и перетащите вниз, чтобы создать следующую опорную точку и завершить начатую кривую.

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

6. Чтобы этого не произошло и наша кривая снова пошла вверх, нам нужно начать новую кривую, удерживая Alt / Option + Щелкнув на последней опорной точке. Вы снова увидите маленькую перевернутую букву «v». Это в основном сбрасывает изогнутую точку в прямую.
7. Снова щелкните точку привязки и потяните вверх, чтобы создать вторую кривую, идущую вверх. Это будет выглядеть так, как будто вы перетащили новый дескриптор поверх предыдущего.
8. Добавьте новую опорную точку и потяните вниз, чтобы закончить вторую кривую.
9. Повторите шаги 6, 7 и 8, чтобы создать третью «восходящую» кривую.
10. Чтобы закончить, нам нужно преобразовать изогнутую точку в прямую. Еще раз, удерживая нажатой клавишу Alt / Option , щелкните один раз на последней точке привязки.
11. Щелкните еще раз, чтобы поставить последнюю точку привязки. Теперь у вас должен получиться такой путь;
12. Ctrl / Cmd + щелкните в любом месте, чтобы завершить путь.

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

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

Больше практики с инструментом «Перо»!

Действительно хороший способ попрактиковаться в совмещении кривых и прямых точек с помощью инструмента «Перо» — это попытаться нарисовать контуры букв.Начните с простых, таких как I и Z, затем попробуйте строчные буквы T, S, P и так далее. Я даю это упражнение своим классам, и они считают его полезным. Не волнуйтесь, если ваши реплики не идеальны на этом этапе, главное — попробовать что-нибудь.

Надеюсь, вы нашли этот урок о том, как рисовать прямые контуры и кривые с помощью Pen Tool в Photoshop, полезным. Следующий навык, который нам нужно изучить в отношении рисования путей, — это как редактировать наши точки и пути. Это отдельное руководство, которое вы можете прочитать здесь.

Буду очень признателен, если вы поделитесь этим постом. Спасибо! 000

Загрузить бесплатную 7-дневную пробную версию Photoshop

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

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

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

Как сделать изогнутую стрелку в Photoshop

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

Инструкции по созданию изогнутой стрелки в Photoshop

Создайте новый холст

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

Метод I

Шаг 1. Создание эллипса

Чтобы создать форму эллипса на холсте, перейдите в левую часть экрана и выберите инструмент Ellipse .Получив инструмент, перетащите его на холст, чтобы создать форму. Fill для фигуры — Black, , но у него нет функции обводки .

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

Шаг 2: Изменение Обводки и заливки

Чтобы изменить Заливку , на той же панели инструментов меню нажмите на меню Заливка и измените его на Нет .В то время как для функции Stroke на панели инструментов меню щелкните на Stroke и измените его на Black.

Шаг 3: Изменение размера обводки

Чтобы изменить размер обводки , щелкните элемент Обводка и измените размер с исходных 3 пунктов на более утолщенный размер 7,23 пункта. Помните, что размер , который вы выбираете, подходит именно вам.

Шаг 4: Использование инструмента лассо

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

Шаг 5: Добавьте маску слоя

Чтобы получить маску слоя , прокрутите в правую часть экрана рядом с корректирующим слоем . Щелкните параметр Layer mask , чтобы активировать его для слоя с именем Ellipse 1 .

Шаг 6: Инвертируйте маску слоя.

Сразу после добавления маски слоя к слою Ellipse 1 вам нужно будет инвертировать маску слоя. Для этого нажмите Ctrl + I , чтобы перевернуть область маски слоя , чтобы покрыть область, которую вы отметили инструментом Polygonal lasso tool .

Шаг 7. Выберите инструмент «Многоугольник».

Для следующего шага вам понадобится многоугольный инструмент . Прокрутите до левой части экрана, выберите инструмент Форма и выберите инструмент Многоугольник .Как только вы это сделаете, исправьте размер сторон инструмента Polygonal . Для этого прямо на панели инструментов меню, где находится Fill и другие параметры, в конце строки вы увидите Size ; щелкните в поле и установите Размер на 3. С его помощью создайте треугольник и используйте его в качестве заостренной стрелки. Поместите его на один из концов вырезанной формы.

Шаг 8: Изогнутая стрелка

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

Метод II

Шаг 1. Скопируйте изогнутую стрелку с оригинальной работы.

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

Шаг 2. Используйте инструмент «Перо»

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

Шаг 3. Инструмент «Кисть»

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

Измените жесткость на 100% и размер на 25 пикселей. Помните, что чем больше Размер, тем шире будет нарисованная кривая. Когда закончите, нажмите Ok .

Шаг 4. Путь обводки

Сразу после использования функции кисти щелкните правой кнопкой мыши на экране и в меню, которое вы увидите, выберите элемент Путь обводки . На нем убедитесь, что Tool feature есть Brush . Как только вы это сделаете, нажмите Ok .

Шаг 5: элемент контура обводки

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

Шаг 6: Удалить путь

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

Шаг 7. Создайте треугольник

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

Шаг 8: изогнутая линия

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

Заключение

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

Рисование контуров с помощью инструмента «Перо» в учебнике Photoshop

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

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

Шаг 1 Объяснение векторов и путей

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

Посмотрите это в действии: извлечение фотографий с помощью инструмента «Перо»; видеоурок.

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

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

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

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

В Photoshop (и других программах Adobe) математическое имя линий, определяющих векторы, — кривые Безье.

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

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

Рисование с помощью инструмента «Перо»

Когда дело доходит до создания контура с нуля, инструмент «Перо» является наиболее распространенным вариантом. Этот инструмент может показаться вам знакомым. Это потому, что он почти идентичен инструменту «Перо» в других приложениях Adobe, таких как Illustrator, Indesign и Flash.
К сожалению, это не совсем естественный процесс, особенно для тех, кто вырос, рисуя маркерами или мелками.Это потому, что, в отличие от карандаша, вы создаете форму с помощью точек и ручек. Вы не просто рисуете на странице, вам нужно добавлять точки и манипулировать ими, чтобы создавать свои формы. Инструмент «Перо» — это способ добавления этих точек, а способ перетаскивания инструмента при создании точек определяет их внешний вид.
Помните, чем меньше точек, тем плавнее будет путь. Представьте себе, что вы перемещаете карандаш одним движением, чтобы получить плавную кривую. Если вы попытаетесь получить ту же самую кривую с помощью большого количества коротких штрихов, вы получите не такую ​​гладкую кривую — и это то, что вы получите, если добавите слишком много точек на путь.

Совет: вы можете обнаружить, что создание дорожек похоже на поедание спагетти: вы не можете остановить их, чтобы они соскользнули с тарелки. Чтобы остановить добавление к вашему пути, удерживайте клавишу Ctrl / Cmd и щелкните в любом месте окна документа. Теперь путь завершен.

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

Шаг 2 Прямые линии

Нарисовать прямую линию легко, вы можете использовать инструмент «Линия» или инструмент «Перо».

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

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

Щелкните один раз, чтобы отметить начальную точку, затем щелкните, удерживая Ctrl, Cmd-щелчок) в другом месте (без перетаскивания), чтобы отметить конечную точку. Прямая линия соединяет точки.

Вы также можете продолжать нажимать, чтобы продолжать добавлять отрезки прямых линий — например, чтобы создать неправильную замкнутую форму прямой линии. Просто не забудьте нажать Ctrl + щелчок) в точке, где вы хотите, чтобы добавление строки закончилось.
3 Curved Paths

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

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

Шаг 4 U-образные кривые

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

Чтобы создать U-образную кривую:
1. Перетащите вниз.
При перетаскивании вы заметите, что создаются две ручки. Эти ручки определяют, насколько острой будет кривая и в каком направлении вы хотите нарисовать кривую.

2. Переместите указатель вправо параллельно первой точке, которую вы отметили; щелкните и перетащите вверх.
Щелкните и перетащите вверх, и вы увидите создаваемую U-образную кривую. Кривая идет в том направлении, в котором вы перетаскиваете. Не волнуйтесь, если он не идеален; вы можете изменить любую кривую.

Шаг 5 Простые S-образные кривые

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

S-образная кривая лишь немного сложнее:
1. Перетащите влево.
Создаются маркеры направления.
2. Поместите указатель под первой точкой.Снова перетащите влево.

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

Шаг 6 Комплексные S-образные кривые

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

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

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

2. Поместите указатель под первой точкой и перетащите вправо.

Итак, вы создаете U-образную кривую, как описано выше.

3. Переместите указатель под вторую точку и снова перетащите влево. Теперь вы создаете эквивалент двух U-образных кривых в разных направлениях. Это S-образная кривая.

4. Удерживая клавишу Ctrl, щелкните в стороне от пути, чтобы остановить рисование.

Шаг 7 Кривые M

Кривая M немного сложнее, потому что в ней используется новый инструмент: инструмент «Преобразовать точку». Инструмент точки преобразования находится под инструментом «Перо» на панели инструментов, как показано на шаге 3.

1 От начальной точки перетащите вверх.
Вы создаете маркер направления.
2. Двигайтесь вправо и параллельно, перетаскивайте вниз.
Вы сейчас создаете перевернутую U-образную кривую.
3.Теперь сложная часть: удерживайте клавишу Alt (Option) и перетащите вверх.
Вы сейчас не рисуете кривую; вы меняете маркер направления для следующей кривой . Инструмент «Перо» работает следующим образом. Сначала вы определяете направление с помощью ручки направления (начальное перетаскивание мыши). Следующий щелчок фактически рисует кривую в зависимости от направления первого и второго перетаскивания. Если вам нужна резкая кривая (называемая выступом), вам необходимо сначала изменить направление ручки, не затрагивая ранее нарисованную кривую.Инструмент «Преобразовать точку» — такой инструмент для этой задачи. Клавиша Alt (Option) — это быстрый способ временно выбрать инструмент «Преобразовать точку».

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

Вы только что нарисовали М-образную кривую.

1. Удерживая клавишу Ctrl, щелкните ( c-щелчок) вдали от контура, чтобы остановить рисование.

Совет. Удерживая нажатой клавишу Ctrl (c) на клавиатуре, вы можете перетащить любую точку в новое положение.

Шаг 8 Закрытый путь

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

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

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

1. Повторите шаги для кривой M.
Следуйте указаниям в предыдущем примере, чтобы добраться до точки кривой в форме М. Пока не отменяйте выбор.

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

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

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

Совет: попробуйте включить сетку, чтобы рисовать контуры: Вид-> Показать-> Сетка.

ДОПОЛНИТЕЛЬНЫЙ СОВЕТ

Инструмент «Перо» предлагает два варианта изменения поведения на панели параметров:

Автоматическое добавление / удаление. Если этот параметр включен, при наведении указателя мыши на путь, не щелкнув по нему, отображается знак «+», означающий, что здесь можно добавить точку, щелкнув. Если вы укажете на существующую точку, вы увидите знак -, означающий, что если вы щелкните здесь, вы удалите существующую точку.

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

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

Новый курс Колина Смита

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

Подробнее здесь

Ознакомьтесь с игрой Безье.

Эта бесплатная онлайн-игра поможет вам развить свои навыки работы с пером.

Как рисовать линии в Photoshop — 3 простых способа

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

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

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

3 способа рисования линий в Photoshop

1. Инструмент «Линия»

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

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

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

Как использовать инструмент «Линия»

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

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

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

Затем установите ширину штриха, чтобы установить, насколько толстой будет ваша линия. Если вы не уверены, начните с обводки от 15 до 25 пикселей. Это всегда можно будет изменить позже!

Пришло время провести черту. Щелкните и перетащите в любое место холста, чтобы начать рисование. Чем дальше вы перемещаете курсор, тем длиннее будет ваша линия.

После того, как вы довольны, отпустите, и ваша линия будет добавлена ​​к своему собственному слою формы.Успех!

Регулировка толщины инструмента линии

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

Убедитесь, что ваш линейный слой выбран, выберите инструмент «Линия» ( U ) и перейдите к настройке ширины обводки .

Введите новое значение ширины штриха и нажмите Enter. Ваша линия мгновенно изменится по толщине.

Изменение цвета инструмента линии

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

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

Щелкните поле цвета обводки и выберите новый цвет для линии.

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

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

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

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

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

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

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

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

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

Когда все будет хорошо, нажмите ОК, и работа будет завершена!

Как создать изогнутые линии с помощью инструмента «Линия»

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

Выбрав линейный слой, нажмите Command + T (Mac) или Control + T (ПК), чтобы получить доступ к настройкам преобразования. Затем щелкните значок режима деформации на верхней панели настроек.

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

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

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

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

2. Инструмент «Перо»

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

Как рисовать линии с помощью инструмента «Перо»

Инструмент «Перо» можно найти на панели инструментов или нажав P на клавиатуре.

Убедитесь, что ваш режим пера установлен на «Форма» , чтобы превратить путь пера в линию.

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

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

Задайте размер штриха в соответствии с толщиной желаемой линии.Если вы не уверены, лучше всего начинать с 25px .

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

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

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

Как рисовать прямые линии с помощью инструмента «Перо»

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

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

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

Создание более толстых линий с помощью инструмента «Перо»

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

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

Теперь ваша леска будет толще!

Как рисовать пунктирные линии с помощью инструмента «Перо»

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

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

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

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

3.Инструмент «Кисть»

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

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

Как использовать инструмент «Кисть»

Чтобы создать линию с помощью инструмента «Кисть», возьмите инструмент «Кисть», нажав B , или найдите его на панели инструментов.

Подойдя к настройкам кисти, выберите размер (толщину мазка) и жесткость кисти.Чтобы создать сплошную линию, убедитесь, что твердость установлена ​​на 100%. Это создаст красивую резкую кромку для мазков кисти.

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

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

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

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

Рисование прямых линий с помощью инструмента «Кисть»

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

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

Рисование пунктирных линий с помощью инструмента «Кисть»

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

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

Если вы не видите эту панель, выберите «Окно »> «Настройки кисти».

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

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

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

Изменение цвета линии с помощью инструмента «Кисть»

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

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

Теперь приступим к созданию линий с помощью кисти, но теперь с обновленным цветом!

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

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

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

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

Удачного редактирования!

— Брендан 🙂

Инструмент «Перо кривизны» в Photoshop CC 2018

Из этого туториала Вы узнаете, как использовать новый инструмент «Перо кривизны» в Photoshop CC 2018 для простого рисования контуров и как преобразовать контуры контуров в формы, векторные маски и выделения. Следуйте этому пошаговому руководству.

Автор Стив Паттерсон.

Одной из самых больших новых функций Photoshop CC 2018 является новый инструмент Curvature Pen Tool .Инструмент «Перо кривизны» — это упрощенная версия стандартного инструмента «Перо» в Photoshop. Он позволяет рисовать сложные формы и контуры без необходимости редактировать маркеры управления или запоминать сочетания клавиш. Использовать инструмент Curvature Pen Tool так же просто, как щелкать мышью, чтобы добавить точки. Затем Photoshop использует эти точки для автоматического рисования вашего пути.

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

Инструмент «Перо кривизны» доступен только в Photoshop CC 2018, поэтому вам понадобится CC 2018, чтобы продолжить. Если вы являетесь подписчиком Creative Cloud, вы можете узнать, как обновить свою копию Photoshop до CC 2018, используя наше руководство «Как поддерживать Photoshop CC в актуальном состоянии». Давайте начнем!

Загрузите это руководство в виде готового к печати PDF-файла!

Настройка документа

Создание нового документа Photoshop

Вместо того, чтобы просто рассказывать вам, как работает инструмент Curvature Pen Tool, давайте настроим все так, чтобы вы могли легко следовать за мной.Начнем с создания нового документа Photoshop. Подойдите к меню File в строке меню в верхней части экрана и выберите New :

Переход к файлу> Создать.

Откроется диалоговое окно «Новый документ». На панели Preset Details справа установите для Width и Height нового документа значение 1000 пикселей. Установите разрешение на 72 пикселей / дюйм и убедитесь, что для параметра Background Contents установлено значение White .Затем нажмите кнопку Create в правом нижнем углу. На вашем экране откроется новый документ, залитый белым:

Установка параметров для нового документа на панели Preset Details.

Настройка направляющих

Теперь, когда у нас есть наш документ, давайте настроим направляющие, чтобы нам было легче рисовать одинаковые формы. Подойдите к меню View в строке меню и выберите New Guide Layout :

Переход к «Просмотр»> «Новый макет направляющей».

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

Новые параметры макета направляющей.

Теперь вы должны увидеть 3 строки и 3 столбца направляющих перед вашим документом:

Направляющие появятся в документе.

Как рисовать с помощью инструмента Curvature Pen

Шаг 1. Выберите инструмент «Перо кривизны» на панели инструментов

Теперь, когда наш документ настроен, давайте узнаем, как использовать новый инструмент «Перо кривизны» в Photoshop CC 2018. Мы выбираем инструмент «Перо кривизны» на панели инструментов. По умолчанию инструмент «Перо кривизны» вложен в стандартный инструмент «Перо», поэтому вам нужно будет щелкнуть и удерживать значок инструмента «Перо», пока не появится всплывающее меню. Затем выберите инструмент Curvature Pen Tool из меню:

Выбор инструмента «Перо кривизны» на панели инструментов.

Не видите инструмент «Перо кривизны» на панели инструментов? Вот где это найти.

Шаг 2. Установите для режима инструмента значение «Путь» или «Форма».

Прежде чем вы начнете рисовать с помощью инструмента «Перо кривизны», выберите, хотите ли вы нарисовать контур контура или фигуру , используя параметр Режим инструмента на панели параметров. По умолчанию для параметра Tool Mode установлено значение Path , которое я собираюсь оставить установленным. Если вы хотите нарисовать фигуру, вы должны установить для параметра Режим инструмента значение Форма .Я считаю, что проще просто нарисовать путь, потому что контуры легче увидеть, когда вы рисуете, и вы можете легко преобразовать свой путь в форму, когда закончите. Мы узнаем, как это сделать чуть позже. На данный момент оставьте для параметра Режим инструмента значение Путь:

.

Для параметра «Режим инструмента» можно установить значение «Путь» или «Форма».

Шаг 3. Нажмите, чтобы добавить начальную точку

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

Щелкните, чтобы добавить начальную точку пути.

Шаг 4: Добавьте вторую точку, чтобы нарисовать прямую

Затем щелкните, чтобы добавить вторую точку привязки. Я щелкну там, где пересекаются вертикальная направляющая слева и горизонтальная направляющая в центре.Обратите внимание, что даже несмотря на то, что инструмент называется Curvature Pen Tool, Photoshop рисует прямую линию , известную как сегмент пути , между двумя точками. Причина в том, что для рисования кривой требуется три точки; один для начала кривой, один для конца и один в середине. Точка в середине определяет угол или дугу кривой. Без этой средней точки все, что может нарисовать Photoshop, — это прямая линия:

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

Шаг 5. Добавьте третью точку для построения кривой

Щелкните инструментом Curvature Pen Tool, чтобы добавить третью точку. Я щелкну там, где пересекаются верхняя горизонтальная направляющая и центральная вертикальная направляющая. Как только вы щелкните, чтобы добавить третью точку, прямая линия превратится в изогнутую линию:

Добавление третьей точки преобразует прямую линию в кривую.

Изменение толщины и цвета контура

Если у вас возникли проблемы с отображением контура контура, вы можете настроить цвет и толщину контура, щелкнув значок шестеренки на панели параметров:

Щелкните значок шестеренки, чтобы открыть параметры пути.

Откроется диалоговое окно Параметры контура , в котором можно изменить толщину контура контура от 0,5 до 3 пикселей. Вы также можете выбрать другой цвет для пути. Я установил для толщины на 3 пикселя и Color на Magenta . Обратите внимание, что эти настройки нужны только для того, чтобы помочь вам увидеть свой путь во время работы. Они не влияют на фактический вид пути в документе. Чтобы закрыть диалоговое окно «Параметры пути», еще раз щелкните значок шестеренки:

Измените толщину и цвет контура в параметрах контура.

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

Контур пути теперь намного легче увидеть.

Шаг 6: Нажмите, чтобы добавить больше очков

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

Добавление четвертой точки для продолжения рисования кривой линии.

Шаг 7. Щелкните начальную точку, чтобы закрыть путь

Чтобы закрыть путь, еще раз щелкните исходную начальную точку. Теперь мы нарисовали полный круг с помощью инструмента Curvature Pen Tool, просто щелкнув:

Закройте путь, снова щелкнув начальную точку.

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

Перемещение существующей точки привязки

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

Щелчок и перетаскивание существующей точки привязки.

Добавление дополнительных точек привязки

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

.

Добавление новой точки привязки, щелкнув контур контура.

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

Перетаскивание новой точки для изменения формы пути.

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

Добавление новой точки вверху и перетаскивание ее вниз.

Переключение между точками кривой и точками угла

До сих пор все точки привязки, которые мы добавили с помощью инструмента Curvature Pen Tool, были точками кривой (также известными как точки сглаживания ). То есть контур пути изгибается при прохождении через точку. Другой способ изменить форму пути — преобразовать точку кривой в угловую точку . Чтобы переключиться с точки кривой на точку угла, дважды щелкните на существующей точке кривой.

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

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

Удаление точки

Чтобы удалить точку привязки, щелкните ее с помощью инструмента «Перо кривизны», чтобы выбрать ее, а затем нажмите клавишу Backspace (Win) / Delete (Mac) на клавиатуре.Здесь я удалил точку в верхнем центре, и теперь путь вернулся к той же форме, в которой он был до добавления точки:

Чтобы удалить точку, выберите ее и нажмите Backspace (Win) / Delete (Mac).

Удаление всего пути

Чтобы удалить весь путь, щелкните правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкните (Mac) внутри документа, а затем выберите в меню Удалить путь . Вы также удаляете весь путь, нажав Backspace (Win) / Delete (Mac) на клавиатуре, когда не выбраны точки привязки:

Чтобы удалить путь, щелкните правой кнопкой мыши (Win) / щелкните, удерживая клавишу Control (Mac), и выберите «Удалить путь».

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

Путь удален.

Рисование сегментов прямого пути с помощью инструмента Curvature Pen Tool

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

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

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

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

Дважды щелкните, чтобы добавить вторую точку как угловую.

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

Дважды щелкните, чтобы добавить третью точку.

Я добавлю четвертую угловую точку, дважды щелкнув в правом нижнем углу.Опять же, Photoshop добавляет еще один отрезок прямого пути:

.

Добавление четвертой угловой точки.

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

Дважды щелкните начальную точку, чтобы закрыть путь.

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

Что делать, если вместо плоской горизонтальной линии в верхней части пути вам нужна арка? С инструментом Curvature Pen Tool это просто.Все, что вам нужно сделать, это щелкнуть в любом месте на верхнем сегменте пути, чтобы добавить новую точку привязки:

Добавление новой точки в начало пути.

Затем перетащите новую точку вверх, чтобы создать арку:

Перетаскивание новой точки вверх.

Одновременное перемещение нескольких точек привязки

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

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

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

Перетаскивание инструментом «Прямое выделение» по всем трем точкам вверху.

Затем, выделив все три точки вверху, щелкните любую из них и перетащите все три точки вниз вместе:

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

Чтобы вернуться к инструменту Curvature Pen Tool, повторно выберите его на панели инструментов:

Повторный выбор инструмента «Перо кривизны».

А затем, чтобы удалить путь, чтобы мы могли начать заново, щелкните правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкните (Mac) внутри документа и выберите в меню Удалить путь :

Выбор опции «Удалить путь».

Загрузите это руководство в виде готового к печати PDF-файла!

Рисование сердца с помощью инструмента Curvature Pen Tool

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

Сначала щелкните внизу по центру с помощью инструмента Curvature Pen Tool, чтобы установить начальную точку:

Щелкните, чтобы установить начальную точку для сердца.

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

Щелкните, чтобы добавить вторую точку.

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

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

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

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

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

Щелкните один раз, чтобы добавить пятую точку привязки как точку кривой.

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

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

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

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

Отключение направляющих

Мы закончили рисование с помощью инструмента Curvature Pen Tool, поэтому давайте удалим направляющие, перейдя в меню View в строке меню, выбрав Show , а затем выбрав Guides , чтобы отменить их выбор:

Переход к «Просмотр»> «Показать»> «Направляющие».

Это оставляет нам только наш путь:

Контур в форме сердца, нарисованный с помощью инструмента «Перо кривизны».

Преобразование контура в выделение, маску или форму

Теперь, когда мы нарисовали наш путь, Photoshop упрощает преобразование пути в контур выделения , векторную маску или форму .Пока инструмент Curvature Pen Tool все еще активен, вы найдете все три параметра на панели параметров. Просто выберите тот, который вам нужен:

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

Схема выбора

Чтобы преобразовать ваш путь в контур выделения, выберите Selection :

Выбор «Выбор» на панели параметров.

Photoshop откроет диалоговое окно Make Selection .Здесь вы можете добавить размытие к выделению, если необходимо, или просто нажмите OK, чтобы закрыть диалоговое окно:

Диалоговое окно «Сделать выбор».

Photoshop мгновенно преобразует контур вашего контура в контур выделения «марширующих муравьев»:

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

Я отменю его, чтобы мы могли просмотреть два других варианта, перейдя в меню Edit и выбрав Undo Selection Change .Я также мог просто нажать Ctrl + Z (Win) / Command + Z (Mac) на моей клавиатуре:

Переход к меню «Правка»> «Отменить изменение выбора».

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

Чтобы создать векторную маску из контура контура, выберите Маска на панели параметров:

Щелчок по опции «Маска».

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

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

И если мы посмотрим на панель «Слои», то теперь увидим миниатюру векторной маски :

Миниатюра векторной маски отображается на панели «Слои».

Я отменю векторную маску, чтобы мы могли рассмотреть третий вариант, перейдя в меню Edit и выбрав Undo Add Vector Mask . Или, опять же, я мог просто нажать Ctrl + Z (Win) / Command + Z (Mac) на моей клавиатуре:

Идем в меню «Правка»> «Отменить добавление векторной маски».

Слой формы

Наконец, чтобы преобразовать контур, нарисованный с помощью инструмента Curvature Pen Tool, в слой Shape, выберите Shape :

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

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

Теперь путь преобразован в форму.

Если мы снова посмотрим на панель «Слои», то теперь мы видим новый слой Shape . Чтобы изменить цвет фигуры, дважды щелкните миниатюру фигуры :

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

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

.

Выбор другого цвета для фигуры из палитры цветов.

Наконец, чтобы скрыть контур контура вокруг формы, нажмите Введите (Win) / Верните (Mac) на клавиатуре. Или просто выберите другой инструмент на Панели инструментов. Вот моя форма сердца, теперь заполненная красным:

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

И вот оно! Это наше пошаговое руководство по рисованию контуров и фигур с помощью нового инструмента «Перо кривизны» в Photoshop CC 2018! Также ознакомьтесь с новыми советами по использованию расширенных инструментов в Photoshop CC 2018. Посетите наш раздел «Основы Photoshop» для получения аналогичных руководств!

Как использовать инструмент «Перо кривизны» в Adobe Photoshop

Инструмент «Перо» с самого начала был основным инструментом рисования в программном обеспечении Adobe для дизайна, позволяя пользователям создавать собственные контуры. Это также стало источником разочарования для многих новичков, потому что для создания идеальных кривых используются различные методы работы с мышью и сочетания клавиш.В Photoshop теперь есть инструмент Curvature Pen Tool, который значительно упрощает процесс рисования.

Этот инструмент является новым для Adobe Photoshop CC 2018

1. Полезно понять, как работает классический инструмент «Перо». Линии и формы управляются путем создания точек привязки. Есть угловые точки, которые соединяют отрезки прямых линий; гладкий якорь, который соединяет сегменты изогнутой линии и имеет две ручки Безье для управления касательными; и точки соединения, которые соединяются прямо с изогнутыми линейными сегментами или кривыми, которые пересекаются под углом.Точки соединения могут иметь одну или две ручки Безье.
2. Новый инструмент Curvature Pen Tool находится внутри инструмента Pen Tool на панели инструментов .
3. Щелкните и отпустите в двух местах в окне изображения, и образуется отрезок прямой линии. Первый линейный сегмент всегда начинается прямо, но при добавлении дополнительных узловых точек он преобразуется в изогнутую линию. Чтобы изогнуть первую линию, нажмите и удерживайте ее в центре и «подтолкните» к нужной кривой.Это создает дополнительную гладкую точку на этом отрезке линии.
4. По мере того, как вы продолжаете добавлять точки, будет образовываться больше изогнутых сегментов линии.
5. Если требуется угловая точка, двойной щелчок по точке привязки преобразует ее. Если вы знаете, что угловая точка необходима заранее, вы также можете дважды щелкнуть ее при ее создании.
6. Пути могут быть открытыми в случае простой линии или закрытыми в случае формы. При создании формы, когда вы вернетесь к исходной точке, рядом со значком пера появится маленький кружок, указывающий на то, что путь скоро будет закрыт.Вы также можете в любой момент нажать Esc , чтобы закрыть путь.
7. Панель параметров имеет кнопки для превращения замкнутого контура в Selection , Mask или Shape .
8. При нажатии кнопки Shape будет создан новый слой Shape на панели слоев .

.