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

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

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

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

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

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

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

«Ctrl» + «D» для снятия выделения.

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

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

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

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

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

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

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

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

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

Просмотров: 66470 | Автор материала admin

---

---

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

---

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Прямая

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

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

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

Ломаная

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

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

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

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

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

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

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

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

Замкнутая ломаная

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

• Фигура.

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

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

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

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

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

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

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

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

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

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

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

Кривая

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

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

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

2. Замкнутая

• Лассо.

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

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

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

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

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

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

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

• Фигура.

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

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

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

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

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

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

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

ДА НЕТ

Как чертить ровные линии в фотошопе

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

Привет всем любителям программы фотошоп!

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

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

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

Рисуем прямую линию инструментом Кисть (Brush Tool)

Проще всего нарисовать линию инструментом Кисть (Brush Tool). Создаем в фотошопе документ (Ctrl + N) с произвольным размером, у меня это 800х600 пикселей:

Активируем инструмент Кисть (Brush Tool). Горячая клавиша вызова инструмента – B.

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

Проводим линию:

Какая-то она не совсем ровная, резонно заметите вы, так ведь?

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

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

Рисуем прямую линию при помощи инструмента Карандаш (Pencil Tool)

Инструмент Карандаш (Pencil Tool) находится в той же группе инструментов, что и инструмент Кисть, горячая клавиша вызова инструмента – B.

Рисование линии при помощи инструмента Карандаш (Pencil Tool) аналогично рисованию Кистью – делаем клик мышью у начала линии, зажимаем клавишу Shift и проводим линию.

Рисуем линию инструментом Перо (Pen Tool)

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

Активируйте инструмент Перо (Pen Tool), горячая клавиша вызова инструмента – P.

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

Создаем новый слой, нажимаем на иконку создания слоя в панели слоев:

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

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

Рисуем произвольные кривые линии и в конце зажимаем клавишу Ctrl с кликом мышью по холсту, чтобы завершить линии.

Линии готовы, но, к сожалению, они видны только в фотошопе во вкладке Контуры (Окно-Контуры (Window–Paths)), если сохранить изображение, к примеру, в формате jpg*, линии не будут отображаться.

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

Выбираем цвет:

Активируем инструмент Перо, щелкаем ПКМ по холсту и выбираем пункт «Выполнить обводку контура» (Stroke Path):

Откроется следующее окно, в котором в качестве источника нужно выбрать «Кисть», а галочку у «Имитировать нажим» (Simulate Pressure) желательно снять чтобы получились ровные линии:

Результат:

Если оставить галочку «Имитировать нажим» (Simulate Pressure), линии к концам будут становиться тоньше:

Рисуем линию инструментом Линия (Line tool)

Один из самый распространённых способов нарисовать прямую линию в фотошопе это инструмент Линия. Находится в левой панели:

Прекрасно то, что можно легко настроить цвет и толщину линии:

С зажатым SHIFT я провожу прямые линии. Они создаются средством фигуры из вектора. Можно запросто нарисовать вертикальную, горизонтальную и под углом 45 градусов прямую линию.

Прямая линия с помощью выделения в фотошопе

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

Есть в фотошопе инструмент Прямоугольное выделение:

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

Выбираем инструмент Заливка и устанавливаем цвет для будущей линии.

Заливаем цветом выделенную область и снимаем выделение CTRL+D. У нас получилась прямая линия.

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

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

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

Инструмент Line

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

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

Рисовать прямые линии легко с помощью инструмента «Линия»; просто щелкните и перетащите в любом направлении, чтобы создать новую линию. Если вы хотите нарисовать идеально горизонтальную или вертикальную линию, вы можете удерживать клавишу Shift во время перетаскивания, а Photoshop позаботится обо всем остальном.

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

Кисть

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

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

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

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

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

.

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

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

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

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

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

Чтобы нарисовать линию в 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 в настройках GPU . Обратите внимание: если ваше оборудование не соответствует требованиям, этот флажок будет недоступен.

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 нарисует изогнутые линии, соединяющие точки, по которым вы щелкаете.Двойной щелчок создаст острые углы. Если вы щелкните линию между 2 точками, вы можете добавить и перетащить дополнительную точку, чтобы создать изогнутую линию.

После того, как вы создали кривую линию, вам нужно 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

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

Использование Pen Tool

1. Изогнутые линии легко сделать с помощью инструмента «Перо», потому что вы можете создать две опорные точки в любом месте изображения, а затем согнуть линию между ними. Вы можете выбрать инструмент «Перо» на главной панели инструментов или нажать клавишу P.
2. Поскольку вы рисуете изогнутые линии (а не фигуры), вам нужно выбрать «Путь» в левой части панели параметров.Затем щелкните в любом месте экрана, чтобы создать точку привязки. Это начало вашей новой строки.
3. Щелкните еще раз, чтобы создать вторую точку привязки, но на этот раз, удерживая кнопку мыши, перетащите курсор, чтобы начать изгибание линии. При этом должна появиться еще одна линия с черными кружками на концах. Это называется «ручка», и она помогает направить кривизну вашей линии.
4. Чтобы отрегулировать линию, вы можете удлинить ручку для плавного изгиба или укоротить ручку для более экстремального изгиба.Как правило, мы рекомендуем длину ручки, которая составляет 1/3 расстояния (или меньше) до следующей точки привязки.
5. Продолжайте рисовать опорные точки и пути, пока не получите готовую линию. Если вам когда-нибудь понадобится удалить точку привязки, просто нажмите Ctrl + Alt + Z (Command + Alt + Z на Mac), чтобы отменить свою работу.

Использование инструмента преобразования точки

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

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

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

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

.

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

Кривая Безье – это инструмент, изначально разработанный для проектирования автомобильных кузовов, но со временем перекочевавший в различные графические редакторы. В частности, в Adobe Photoshop CS5, где его потомком стал инструмент «Перо». С первого взгляда он кажется очень сложным, но достаточно лишь немного разобраться, чтобы оценить его по достоинству.

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

• — Русифицированная версия Adobe Photoshop CS5

Инструкция

Запустите программу и создайте новый документ, щелкнув пункт меню «Файл», затем «Создать» (или комбинацию клавиш Ctrl+N), указав в полях «Ширина» и «Высота», например, по 500 (остальные параметры можно оставить без изменений), и снова нажав «Создать».

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

Нажмите правой кнопкой на «Перо» в панели инструментов и в выпадающем меню выберите «Угол» (используется, если после создания опорной точки вы следом не создали направляющую). Зажмите левую кнопку на самой первой точке и потяните мышь в сторону. Возле точки появится такая же направляющая. Изменяя ее координаты, вы можете манипулировать параметрами той части кривой, которая исходит из первой точки. Таким образом, получившуюся кривую можно условно поделить на две части: одна берет начало в первой точке, другая – во второй.

Вы можете продолжить создание кривой, поставив еще несколько точек и изменяя их так же, как описано в предыдущих шагах инструкции. Чтобы создать опорную точку внутри линии, используйте инструмент «Перо+», чтобы удалить – «Перо-». Каждая нарисованная вами таким образом линия будет отображаться во вкладке «Контуры» окна «Слои» (если оно отсутствует, нажмите F7).

Если вы захотите сохранить полученный результат, нажмите комбинацию клавиш Ctrl+Shift+S, в появившемся окне укажите путь, напишите имя, укажите в поле «Тип файлов» Jpeg (если хотите получить рисунок) или Psd (если сохранить полностью весь проект) и кликните «Сохранить».

Оцените статью!

Как рисовать кривые пером в фотошопе? Создание выделение с помощью «Пера» Pen Tool.

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

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

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

Ещё один интересный момент. Одно из основных заблуждений пользователей заключается в том, что многие считают, что Pen Tool — инструмент, используемый исключительно в Photoshop. Не тут-то было! Практически все популярные редакторы фотографий, и другие графические программы, включая 3D редакторы, используют аналог Pen Tool. Так что получение навыков работы «Пером» в Photoshop поможет в освоении и других графических программ!

Где находится инструмент «Перо»

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

Вы найдете Pen Tool в нижней части инструментальной панели:

Почему он так называется?

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

Дело в том, что это название сложилось исторически. Если Вы имеете какой-либо опыт работы с графическими программами, то Вы, наверняка, слышали такое понятие, как «линии Безье», или «кривые Безье».

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

Не стала выделяться из общего строя и компания Adobe Photoshop, разработчики компании взяли принцип математического описания контуров, используемых инструментом Безье, прикрутили его к Photoshop`у и, чтобы не менять традиции, оставили «Перу» старое название.

А теперь мы переходим к тому, что мы можем получить с помощью «Пера». В Photoshop «Перо» создаёт контуры .

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

Но Photoshop — растровая программа, поэтому, контуры в нём имеют вспомогательное значение и, что самое главное, не являются частью изображения .

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

Подробнее создание контуров мы рассмотрим в дальнейших материалах этого цикла.

Обводим эскиз (Pen Tool с нуля)

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

Настройки

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

Также обязательно настройте кисть и ластик. Устанавливайте кисть не менее 3px, а ластик около 9рх, кисть должна быть жесткой круглой для обоих инструментов.
Так как мы будем использовать слои, убедитесь что открыта соответствующая панель (Layers). Создайте 3 основных слоя: фон (нижний слой), набросок, который вы будете обводить (средний слой), и собственно слой с обводкой (верхний).
И наконец последнее: убедитесь, что размер вашего рисунка не более 8 дьюмов по длинной стороне, и разрешение 300 dpi, иначе обводка может оказаться слишком толстой, или же наоборот тонкой. Экспериментируйте, чтобы найти комфортные для себя параметры, но я использую эти.

Создание обводки

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

1). Выбираем Pen tool.
2). Один клик мышью в любом месте нашего полотна (помните, что сейчас мы всего лишь практикуемся). На нем появится маленькая точка.
3). Теперь еще один клик, уже в другом месте. Так мы получим прямую линию.
4). Теперь нажмите правую кнопку мыши, чтобы увидеть набор опций. Нам нужно выбрать Stroke Path.

Появится окно. Выбираем Brush и НЕ нажимаем Simulate Pressure.

5). Нажмите Enter, и Ваша линия проявится! (Для следующей линии, когда появляется окно, можете сразу дважды нажимать Enter.) Это главная процедура при создании обводки.

Кривые

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

1). Выбираем Pen tool. (Это все еще только практика.)
2). Нарисуйте линию как в предыдущей части, НО не отпускайте кнопку, когда поставили вторую точку. Вместо этого подвигайте мышью по сторонам. Видите, как получается кривая? Итак, сейчас мы видим кривую, и еще 2 вектора. Один позволяет менять форму этой кривой, а второй — следующей (если зажать Alt). При обводке эскиза, вы будете пользоваться этим достаточно часто.

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

4). Чтобы получить замкнутую кривую, просто нажите на точку, которую вы поставили первой. Это завершит форму, и вы сможете залить ее (Fill Path), если не собираетесь обводить.

Обводим набросок

Теперь, когда мы немного попрактиковались с Pen tool и представляем, что с его помощью можно делать, можем приступить к обводке нашего скетча. Слой с Вашим наброском должен находиться посередине, и мы будем только обводить его на верхнем слое, или на любом другом, который выше наброска. Я покажу Вам основные формы, с которыми вы можете столкнуться, обводя с помощью Pen tool, а так же объясню некоторые вещи, которые лучше оставить планшету (если есть такая возможность). Итак…

1). Выберете Pen tool.
2). Я обычно начинаю обводить с глаз моего персонажа. Так как я рисую анимэшные глаза большинству своих персонажей, я использую планшет. В тех случаях, когда я выбираю планшет, я обычно делаю кисть на несколько пикселей больше из-за разницы в нажиме. Убедитесь, что вы достаточно приблизили рисунок, так ваши линии будут четкими и гладкими.

3). Обычно, после глаз я начинаю работать над волосами. Так как волосы тоже в анимэ-стиле, здесь хорошо использовать Pen tool.
3А). Обводить волосы я никогда не начинаю с нижней точки. Только с верхней. Это позволяет мне быть уверенной, что кончики волос будут острыми. Это стоит запомнить для любых деталей, которые должны быть острыми.
3В). Всегда, когда мы обводим прядки, начинаем сверху и следующую точку ставим на кончике прядки. Так же я опускаю мышку немного ниже, чтобы получить эти изящные изгибы. (см. Кривые)

3С). Ох! Я знаю, вы не раз столкнетесь с этой проблемой. У меня получилась петля, но это легко исправить!

3D). Помните, я говорила, что придется часто использовать Alt? Пришло время. Зажмите Alt и поднимите нижний вектор. Так я перегну линию в другую сторону и завершу прядь.

3Е). Теперь контур завершен. Я обычно не делаю большие части за один раз. Это помогает избежать ошибок. Но, чтобы сохранить четкость изображения, нужно заострить детали. Pen tool может закруглить края.

Итак, пара легких движений ластиком…

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

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

4А). Касательно средней кривой, я ставлю точку, следуя рисунку. Я вытягиваю вектор вниз, и повторяю форму линии эскиза.

4В). Я продолжаю как в примере с волосами. Зажимаем Alt и поворачиваем вектор немного вверх и влево.

4С). После обводки контура, все что нам осталось — это небольшие линии внутри. Нарисуйте их, подотрите кончики, и Вы получите готовую деталь.

5). Иногда на рисунках встречаются ровные круги, квадраты, овалы и треугольники. Вместо того, чтобы обводить их с помощью планшета или Pen tool, воспользуйтесь готовыми формами Фотошопа. Они работают так же, как Pen tool (то есть правая кнопка, Stroke Path, и дважды Enter).

5А). Так как позади моего персонажа расположен орнамент в виде солнца, мне понадобится использовать Circle Shape Tool. Создадим новый слой. Это поможет проще работать с формой. Теперь точно так же как и с Pen tool создайте контур и обведите его.

Так как мой круг находится на отдельном слое, я могу переместить его с помощью Move Tool и стереть лишнее.

Pen tool и планшет
Заключение

Розовый — планшет
Синий — Pen tool

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

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

Особенности инструмента

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

Где находится инструмент перо

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

Инструмент Пьера Безье

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

Что такое пути

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

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

Заполнение контура

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

Работа с сегментами

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

Выбор инструмента

Откройте новый документ в Photoshop. Не имеет значения, какого он размера. Затем выберите инструмент «Перо» на панели «Инструменты». Вы можете также выбрать его, нажав английскую букву P на клавиатуре. У инструмента есть два режима работы: Shape Layer («Форма») и Paths («Путь»). Перед тем как пользоваться пером в «Фотошопе», нужно убедиться, что мы работаем с путями, так как и по умолчанию инструмент использует другой режим.

Режимы работы с пером

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

Как создать путь

Кликните один раз в любом месте документа. Не перетаскивайте, просто нажмите на кнопку мыши. Когда вы это сделаете, то добавите небольшую квадратную точку. Эта первая точка, которую мы только что добавили, является отправной точкой пути. Кликните еще один раз внутри документа с помощью инструмента «Перо», чтобы добавить новую точку. Технически она называется якорной или опорной, так как является остановкой на пути по контуру. Для того чтобы передвинуть точку, возьмите инструмент Direct Selection Tool, иконка которого выглядит как белая стрелка. Выбранная точка будет темной, а остальные — с черной обводкой. Другой инструмент — Path Selection Tool — выбирает весь контур целиком. Можно добавлять и удалять точки специальными инструментами, которые находятся в том же меню, что и основной инструмент «Перо».

Добавление сегментов

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

Выделение контура

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

Работа с палитрой Paths

Посмотрим на нижнюю часть палитры, там можно увидеть несколько иконок. Первый значок слева позволяет заполнить путь цветом с переднего плана. Второй значок слева — применить обводку к контуру, используя кисть. Третий значок слева преобразует путь в выделение. Сделать это можно и при помощи горячих клавиш Ctrl+Enter (Win) или Command+Return (Mac).

Работа с направляющими

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

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

В 99% работ в Adobe Illustrator используется инструмент «Перо» (Pen tool) . Вот почему так важно хорошо им владеть. Ведь это даёт не только более качественный результат, но и ускоряет работу.

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

Функции

Курсоры

Pen tool может принимать различные формы в зависимости от того, на какое действие он сейчас настроен (автоматически или вручную). Для смены вида между ручкой и крестиком нажмите Caps Lock.

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

Контроль мышкой (кривая выбрана)

• Наведение Pen tool на опорную точку : удаление точки
• Наведение Pen tool на сегмент : добавление точки
• Наведение Pen tool на конечную опорную точку : отрегулировать ползунки

Контроль клавиатурой

• Если зажать Shift , то движения во время создания или редактирования точек будут производится под углами 45°, 90°, 135° или 180°
• Выберите опорную точку инструментом Direct selection tool и нажмите Delete . Удалится сама точка и прилегающие к ней сегменты.
• Pen tool + Option (Alt) : смена режима на Convert anchor point tool.
• Если навести Pen tool на кривую и нажать Cmd (Ctrl) — кривая выделится и станет доступна для редактирования.
• Pen tool + Option (Alt) во время создания кривой — появляется возможность изменить состояние ползунков (независимо друг от друга).
• Навести Pen tool на ползунок и Option (Alt) : то же, что и в п.5
• Scissors tool + Option (Alt)
• Add anchor point tool + Option (Alt) : режим инструмента Delete anchor point tool.
• Delete anchor point tool + Option (Alt) : режим инструмента Add anchor point tool.

Другие полезные приёмы

Улучшаем технику

Упражнения

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

Упражнение от Vectortuts

Упражнения от Veerle Pieters

Для Illustrator CS5
Для Illustrator CS3 и CS4

Видео

И напоследок несколько видео-уроков использования Pen tool в Illustrator

Все эти приёмы помогут улучшить качество и скорость работы инструментом Перо. Будьте профессиональны!

Некоторые хитрости помогут вам освоить перо в Фотошопе.

Для тренировки создайте документ 600 х 600 px, разрешение 150 , фон белый:

Для работы с «контурами » используют эти инструменты:

Для начала нужно запомнить следующее:

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

А если нажать Левой Кнопкой Мыши (ЛКМ) и протянуть — получите кривую Безье , с возможностью настройки ее кривизны. В данном случае, узлы будут гладкими.

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

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

Давайте попробуем:

Включите инструмент «перо », включите режим «контур » и выполните 1 -й пример (вверху).

Затем нажмите клавишу Esc (чтобы закончить вычерчивание первого контура) и выполните ниже 2 -й пример:

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

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

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

В нарисованных контурах различают узлы: гладкий , угловой и узел стыка .

Гладкий узел – обеспечивает плавный переход от одного сегмента к другому в виде единой дуги.

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

Узел СТЫКА (ОСТРЫЙ узел) – используется в тех местах, когда нужно сделать резкую смену направления кривой или соединить прямолинейный сегмент и криволинейный с резким переходом.

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

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

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

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

При перемещении вид стрелки изменится (см. рисунок ниже – б) ) .

Белой стрелкой можно изменять и сами сегменты.

Если сегмент криволинейный – при его перемещении он будет изменяться (вытягиваться и/или гнуться) — см. рисунок ниже – в) .

Если контур прямолинейный – он будет просто перенесен (см. рисунок ниже – г) ) .

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

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

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

Для работы с цифрами этих знаний достаточно, а рисовать будем вот что:

Начнем с самых простых чисел – 1 и 4 .

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

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

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

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

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

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

Рисуются эти цифры одинаково, только одна сверху вниз, а другая снизу вверх.

Чтобы поправить нарисованный контур, используйте белую стрелку (двигайте узлы и поправляйте балансировочные точки).Ну и оставшиеся цифры 8 и 0 . Они обе замкнутые и гладкие и состоят из трех узлов.

Во всех узлах выполняется протягивание. 1 и 3 точки накладываются друг на друга:

Финальный результат

Оставшееся преобразование – острие у восьмерки и ноль к форме яйца попробуйте привести сами.

Читайте также…

Основы работы Pen Tool в Фотошопе

Я решил написать подробный гид по использованию инструмента Перо в Фотошопе или Pen Tool, его англоязычное название. И причины, которые меня побудили на это, заключаются в том что Перо очень непростой инструмент. Изучение Пера осложняет также то, что в Фотошопе он идет в связке с массой непонятных настроек. Даже подробный разбор всех настроек не гарантирует успешное освоение инструмента Pen Tool и вот почему. Рисование контуров Пером — исключительно моторный навык. То есть надо понять на неком подсознательном уровне, как и по каким законам гнётся кривая Pen Tool.

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

Немного об инструменте Pen Tool (Перо)

Pen Tool — стандартный и типовой инструмент для создания векторных кривых где бы то ни было. В различных вариациях он присутствует почти во всех программах для графического дизайна. Он есть в Фотошопе и Иллюстраторе. Честно говоря он переехал в Фотошоп как раз из Иллюстратора, вместе с другими базовыми инструментами вектора лет 15 назад. Он есть в Corel Draw, там он называется Bezier Tool. Конечно, перо было и в Macromedia Freehand, пока программа была жива. Есть перо и в бесплатных программах вектора типа InkScape. Перо есть в InDesign в Flash и даже в GIMP-e. Во всех перечисленных программах перо везде работает одинаково. То есть, если вы разобрались с пером в Фотошопе, то разобрались с ним во всех перечисленных мною графических платформах.

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

Ну и в заключении немного истории. Инструмент Pen Tool или Перо Безье, как его называют во всем мире, основано на математической формуле математика Пьера Безье. На самом деле Поль де Кастельжо изобрел кривые Безье немного раньше самого Безье. Но его работы не опубликовались, так как являлись корпоративной тайной Ситроен. Впрочем исторический экскурс вы можете прочитать и сами в Википедии, в том числе и о самой Кривой Безье. Нас же больше интерисуют не графики с формулами, а ответ на простой вопрос: как же этим Пером нарисовать хотя бы что-то?

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

Перед тем как учиться рисовать кривые убедитесь что на панели Настроек Windows > Options у вас стоят правильные значения. Выберите Pen Tool и взгляните на панель наверху. В области режимов вектора у вас должно стоять Path. Мы будем рисовать только в этом режиме. В режимах сложных фигур у вас должно стоять Add to path area (+). Я очень кратко расскажу об этих настройках, но если вы жаждете подробных обзоров, то я уже написал их:

Режим Path создает векторные контуры в чистом виде. Эти контуры ни к чему не прикреплены. Они существуют вне зависимости от слоев. И, мягко говоря, инструментом Pen Tool в Фотошопе особенно не порисуешь. Он не был создан для рисования в чистом виде. Он несет лишь вспомогательную функцию. Другие два режима — Layer Shape создает фигуру, в виде слоя с привязанной векторной маской. И это единственный способ создания векторных фигур в Фотошопе. Слой заливки, ограниченный векторной маской. Нам этот режим не подходит, так как он сразу будет создавать маску и заливать её каким то цветом. Режим Fill Pixels создает растровые фигуры. Слава богу, при использовании Пера этот режим вообще заблокирован.

Режимы типа Add to path area (+) — вспомогательные режимы. Они созданы для того чтобы рисовать сложные фигуры. Например режим Subtract from area (-) — вырезает дырки в контурах. Другие режимы более специфичные, используются редко. А режим Add to path area (+) — добавляет контуры друг к другу.

Настройка панели Path в Фотошопе

Я уже говорил что Pen Tool в режиме Path создает контуры, которые существуют в отрыве от слоев. Но где то же эти контуры находятся и как то ими можно управлять? Находятся они в панели Path и если вы не можете найти её в своих панелях откройте Windows > Path.

По устройству панель Path похожа на панель Слоев, но работает немного иначе. В ней уже присутствует базовый слой Work path. Это не обычный слой, а скорее временная область. Все отрисованные кривые в Фотошопе появляются на слое Work Path. И пока кривые остаются выделенными, слой  Work Path сохраняет их для нас. Но стоит нам потерять выделенную кривую, как Work Path обнулится, а контур будет удален. Почему выделение пропадает? Например, вы можете случайно кликнуть по какой-то векторной маске. Или вы можете перейти на панель Path и кликнуть по пустой области. Тогда слой Work Path потеряет выделение, и когда вы опять переключитесь на Pen Tool и начнете рисовать, все старые контуры на Work Path будут удалены.

Чтобы не терять выделенные контуры я советую сразу сохранять их. Для сохранения нужно дважды кликнуть по слою Work Path. Тогда он предложит сохранить контур в отдельный «слой». Либо, другой вариант, нажмите на небольшую иконку на дне панели контуров Create New Path. Тогда панель создаст новый не стирающийся слой для контуров. Но я все же советую работать так. Нарисовали новый контур, кликнули по Work Path и сохранили в новый слой. Таким образом ваши контуры всегда будут на разных «слоях», что очень удобно.

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

Как выделять Пером в Фотошопе

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

Рисовать и пользоваться инструментом Pen Tool я научился именно через выделение. Я выделял и выделял различные объекты и постепенно понимал принципы построения кривых. Я считаю что выделение объектов идеальный вариант изучения Пера в Фотошопе.

Самый простой способ выделить Пером

Самый простой способ начать пользоваться инструментом Pen Tool — забыть о направляющих. То есть, просто возьмите картинку и начинайте выделять предметы без использования направляющих. Как это делать? Очень просто. Сделайте клик, затем второй, затем третий. Примерно так.

Работайте с Pen Tool, как будто это Polygonal Lasso Tool. Выделяйте предметы маленькими отрезками, как ножничками. На окружностях делайте отрезки поменьше, чтобы выделенный объект был выделен гладко.

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

Следующий шаг

Следующий шаг предполагает более смелое использование инструмента Перо. Зачем делать столько лишних точек? Начинайте понемногу пользоваться направляющими. Не ставьте просто точку. Поступайте так только на ровных контурах. На местах изгиба применяйте направляющие точки. Вначале короткие скромные направляющие. Кликайте инструментом Pen Tool и не отпуская клавишу мышки немного протягивайте курсор. Появятся направляющие линии. Создавайте короткие направляющие без всяких премудростей. Задавайте им направления в сторону линии.

Затем более крупные смелые. Чем крупнее будут ваши направляющие тем меньше вам понадобится точек. На этом шаге мы уже по настоящему начинаем использовать инструмент Pen Tool. Точек становится мало, направляющие длиннее. Они уже не всегда идут ровно по линии контура. Я убежден что научиться правильно располагать направляющие для точек можно только на практике, в полной мере поняв логику построения кривых.

Точки и направляющие Пера

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

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

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

Работа с инструментом Перо

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

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

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

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

 

Создаем обтравочный путь для буквы

R

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

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

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

Нажмите ALT и захватитесь за тот ползунок направляющей, который ушел внутрь буквы. Передвиньте его так, как показано на картинке. Теперь у нас угловая точка с несимметричными направляющими. Заодно сразу можно поставить и следующую точку. Нажатие ALT превращает ваше перо на время нажатия в Convert Point Tool, который создан для коррекции направляющих.

 

Понятно что, в прошлом шаге мы действовали на ощупь и расставили направляющие неверно. Все это легко можно подправить. При включенном Pen Tool нажмите CTRL немного уменьшите направляющую. Кстати тоже самое можно сделать и нажав ALT, но CTRL вызывает инструмент Direct Selection Tool. Этим инструментом вы можете подвинуть векторные точки. Вы также можете поменять расположение векторных направляющих. Причем, если направляющие точки уже разбиты, вы можете редактировать их порознь друг от друга. Но если они связаны, то редактируются только симметрично друг другу. Чтобы разбить их надо вызывать Convert Point Tool или нажать ALT.

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

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

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

Очевидно, что я немного не учел расположение точек и направляющих, и перед предпоследней точкой нужна ещё одна. Или, возможно, нужно перенастроить направляющие. Я выберу первый вариант и создам дополнительную точку, чтобы получить ещё больше контроля над кривой. Наведите Pen Tool на пустое место в кривой, и когда на иконке инструмента появится + кликайте. Таким же образом вы можете удалять ненужные точки, наведя на них Pen Tool.

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

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

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

Группа инструментов Пера

Говоря о инструменте Pen Tool, нельзя не упомянуть инструменты находящиеся с ним в одной группе. Прежде всего это сам:

Pen Tool — перо Безье, тот самый инструмент о котором я рассказываю всю статью

Free Form Pen Tool — аналог обычного Пера, но отличается тем, что рисует как обычная кисть. То есть не дает никакой возможности настраивать направляющие, а создает кривую на лету. К сожалению, этот инструмент не имеет никаких возможностей настроить сглаживание линии, поэтому кривую создает он ровно, там, где провели мышкой. Ну, а так как рука почти у всех дрожит, о гладких линиях можно забыть. Единственной интересной настройкой инструмента является галочка Magnetic. Она находится на панели настроек выше и превращает Перо, в Magnetic Lasso Tool. Только векторный.

Add Anchour Point Tool — добавляет точку на кривую. Нет никаких причин выбирать его отдельно. Обычный Pen Tool превращается в Add Anchour при простом наведении на кривую.

Delete Anchour Point Tool — удаляет ненужные точки кривых. И опять нет никакой необходимости выбирать его отдельно. Обычное перо прекрасно удаляет точки само, превращаясь в Delete Anchour при наведении на точку.

Convert Point Tool — позволяет перенастраивать с нуля направляющие точки. Готовые направляющие может растаскивать в разные стороны. Незаменимый инструмент, но вы убьете в два раза больше времени если будете постоянно его выбирать. Значительно проще использовать ALT при выбранном Пере.

Рисование Пером в Фотошопе

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

Вот несколько способов сделать это. Нарисуйте кривую и снимите выделение. Затем кликните по пустому полю на панели Path. И опять выделите слой Work Path. Кривая будет подсвечена, но не выделена.

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

Ещё один способ, просто сохранять все кривые в отдельных слоях на панели Path.

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

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

• Выделите одну из линий инструментом Direct Selection Tool или Path Selection Tool.
• Создайте новый слой, на который будет залита краска.
• Кликните по контуру правой кнопкой мыши и из выпадающего меню выберите Stroke Subpath

В появившемся диалоговом окне надо выбрать, конечно, кисть и галочку Simulate Pressure — которая симулирует реальное нажатие пера. Но до этого, вам конечно надо настроить инструмент Кисть Brush Tool, так как заливка произойдет в соответствии с её настройками.  Я поставил 7px размера, выбрал кисть с твердыми краями, и конечно не забудьте про галочку Tablet Pressure Control. Без неё с симулированием нажатия пера не очень срастается.

Можно смело нажимать ОК.

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

Заливка векторных фигур, нарисованных Pen Tool

Вернемся к букве R, которую мы нарисовали пару шагов назад. Вместо заливки контуров можно залить содержание фигуры. Для этого вместо Fill Stroke надо выбрать Fill Path из выпадающего меню.

Но вместо этого, можно сделать кое что получше. Выделите вашу фигуру и зайдите в Layer > New Fill Layer > Solid Color. У нас получился слой с заливкой и векторной маской. Этот слой можно уменьшать и увеличивать без потери качества. На этом я пожалуй закончу, так как возможности векторных контуров в Фотошопе приближаются к бесконечности.

Надеюсь вы узнали что-то новое и удачных экспериментов!

Автор:

Дмитрий Веровски

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

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

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

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

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

Чтобы нарисовать линию в 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 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. Выберите инструмент «Перо кривизны» на панели инструментов

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

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

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

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

Перед тем, как начать рисовать с помощью инструмента «Перо кривизны», выберите, хотите ли вы нарисовать контур контура или фигуру , используя параметр Tool Mode на панели параметров.По умолчанию для параметра 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), и выберите «Удалить путь».

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

Путь удален.

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

Основное преимущество инструмента «Перо кривизны» заключается в том, что с его помощью легко рисовать контуры изогнутых контуров. Но мы также можем использовать его для рисования прямых линий. Мы уже видели, что можем преобразовать точку кривой в точку угла, дважды щелкнув по ней. Но если мы заранее знаем, что нам нужно провести прямую линию, нет необходимости сначала рисовать точку кривой, а затем преобразовывать ее.Вместо этого просто нажмите двойным щелчком на , а не одним щелчком, чтобы добавить новую точку. 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) на клавиатуре. Или просто выберите другой инструмент на Панели инструментов. Вот моя форма сердца, теперь заполненная красным:

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

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

Как рисовать прямые, кривые в Photoshop

Первый навык, который нужно начать создавать в Photoshop, — это нарисовать базовую линию. Эти базовые линии будут основой формы, так что из этого куба вы создадите более сложные детали.Здесь Thuthuatphanmem.vn расскажет, как рисовать прямые линии, основные кривые в Photoshop, см.

Здесь я использую версию Photoshop CC.

Рисуем прямые линии в Photoshop (CC)

Шаг 1: Создайте новый слой с помощью комбинации Shift + Ctrl + N

Шаг 2: В главном интерфейсе Photoshop выберите Line Tool.

Шаг 2: Выберите цвета рисунка, размер кисти.

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

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

Рисуем кривые в Photoshop

Шаг 1. Создайте новый слой, подобный тому, что был выше

.

Шаг 2: Выберите Pen Tool, введите Path.

Шаг 3: Удерживайте Shift, начальную и конечную точки, вы получите следующую прямую линию:

Шаг 4: Выберите инструмент «Добавить опорную точку».

Шаг 5: Отметьте 1 точку в середине линии.

Шаг 6: Удерживая мышь на квадратной точке, перетащите ее как хотите, у вас получится кривая.

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

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

1. Выберите инструмент Brush Tool

1. Нажмите F5, чтобы затемнить пользовательскую палитру кисти, выберите тип кисти и размер штриха

1. Выберите Pen Tool, щелкните правой кнопкой мыши путь и выберите Stroke path.

Выберите кисть.

1. Выберите ОК, и у вас должна быть 1 кривая

Таким образом, Thuthuatphanmem.vn показал вам, как рисовать прямые и изогнутые линии в 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)
• путь по замкнутому кругу (легкий)
• сложный путь, состоящий из кривых и прямых точек (немного сложнее, но важный навык)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.

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

1. Выберите инструмент «Перо» ( P ) на панели инструментов.
2. Выберите режим Path на панели параметров в верхней части экрана.
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, полезным. Следующий навык, который нам нужно изучить в отношении рисования путей, — это как редактировать наши точки и пути. Это отдельное руководство, которое вы можете прочитать здесь.

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

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

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

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

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

Как рисовать прямые в фотошопе

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

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

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

Что такое Photoshop?

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

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

Кроме того, он позволяет рисовать линии любого стиля и любой толщины. Вы не найдете ограничений в использовании этого инструмента, и вы можете использовать его для создания всего, что вам нравится. У вас есть 100% свобода играть с этим инструментом, чтобы рисовать линии, стрелки или кривые. Он более гибкий и удобный, чем инструмент gimp line.

Где находится Photoshop?

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

На своем компьютере щелкните Adobe Photoshop.

Шаг 1. Откройте программу Adobe Photoshop CC для как рисовать прямые линии в Photoshop

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

Шаг 2: Создайте новый проект, как рисовать прямые линии в Photoshop

Перейдите в Select → File → New, чтобы создать новый проект. Теперь введите имя, ширину, высоту и нажмите ОК, чтобы завершить работу над новым проектом.

Шаг 3: Нажмите на панели инструментов, чтобы рисовать прямые линии в Photoshop

На этом шаге мы перейдем на панель инструментов и найдем инструмент «Линия».Итак, в Photoshop нажмите на левую панель инструментов.

Шаг 4: Нажмите на прямоугольную панель инструментов

Теперь щелкните правой кнопкой мыши на прямоугольной панели инструментов, и вы увидите всплывающее меню. Здесь вы найдете инструмент «Линия» и некоторые другие инструменты для редактирования фотографий.

Шаг 5. Выберите инструмент «Линия»

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

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

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

Шаг 1. Найдите инструменты линии в меню инструментов.

Откройте Photoshop & Select-File-New, чтобы открыть новый проект. На панели инструментов щелкните правой кнопкой мыши инструмент «Прямоугольник» или введите Shift + U.

Шаг 2. Выберите инструмент «Линия» в Photoshop

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

Шаг 3: Нажмите Shift и проведите прямую

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

Шаг 4. Нажмите стрелку списка параметров геометрии и выберите один из следующих параметров

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

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

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

Ширина: — Ширина стрелки, которую вы делаете, должна соответствовать ширине линии, которую вы делаете. Поэтому введите подходящее количество процентов в поле и нажмите Enter.

Длина: — То же, что и ширина, вы также можете ввести число для длины. Поэтому установите номер размера в соответствии с вашими требованиями.

Вогнутость: -Чтобы установить идеальную вогнутость наконечника стрелки, выберите правильный номер в диапазоне (от -50 до +50).

Как изменить цвет в фотошопе? Посмотрите наш

Пошаговое руководство Как изменить цвет в Photoshop | Лучший способ в 2021 году

Шаг 5: Если ваш режим рисования активен, вы можете создать любую форму

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

Зачем нужны инструменты Photoshop Line

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

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

Нарисуйте линию с помощью инструментов Photoshop Pen

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

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

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

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

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

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

Рисование прямых линий в Photoshop

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

Вот как это сделать.

1. Откройте изображение или новый пустой документ в Photoshop.
   
2. Выберите Pen Tool на панели инструментов или нажмите P.
   
3. Выберите Path на панели параметров вверху.
   
4. Убедитесь, что в параметрах геометрии не установлен флажок «Резинка».
   
5. Убедитесь, что установлен флажок «Автоматическое добавление / удаление».
   
6. Выберите «Объединить фигуры».
   
7. Щелкните один раз в том месте, где должна начинаться прямая линия.
   
8. Переместите курсор в то место, где должна заканчиваться прямая линия, и щелкните один раз.
   

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

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

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

1. Выберите инструмент «Удалить опорную точку» в инструменте «Перо» на панели инструментов.
   
2. Один раз щелкните точку привязки, которую нужно удалить.
   
3. Повторите для всех остальных, которые хотите удалить.
   

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

Рисование изогнутых линий в Photoshop

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

1. Выберите инструмент «Перо» на панели инструментов.
   
2. Снова выберите режим «Путь».
   
3. Щелкните один раз на странице, с которой должна начинаться линия.
   
4. Слегка переместите курсор в сторону, щелкните и перетащите в нужном направлении кривой. Вы должны увидеть линию с двумя точками привязки по обе стороны от основной точки привязки. Вы используете их, чтобы изменить угол кривой.
   
5. Добавьте точки, используя тот же процесс, пока ваша форма не будет завершена.
   
6. Удерживая Ctrl, щелкните, чтобы завершить путь.
   

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

Объедините прямые и изогнутые линии в Photoshop

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

1. Выберите инструмент «Перо» на панели инструментов.
   
2. Выберите режим пути.
   
3. Нарисуйте прямую линию, используя описанную выше технику.
   
4. Поместите инструмент «Перо» над выбранной конечной точкой. Чтобы задать наклон изогнутого сегмента, который вы создадите следующим, щелкните точку привязки и перетащите появившуюся направляющую линию.
   
5. Щелкните один раз и перетащите курсор в направлении кривой.
   
6. Щелкните и перетащите курсор, чтобы нарисовать больше кривых.
   
7. Переместите инструмент «Перо» в то место, где должен заканчиваться изогнутый сегмент, и щелкните точку привязки, удерживая нажатой клавишу «Alt» или «Option».
   
8. Щелкните один раз в том месте, где должна заканчиваться прямая линия.
   
9. Удерживая Ctrl, щелкните, чтобы завершить путь.
   

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

Как рисовать кривые в Photoshop

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

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

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

Продолжительность: 2:40 | Просмотров: 44623 | Размер 3.66 МБ

Подробнее

Инструмент «Перо» объяснен! | Урок Photoshop

Продолжительность: 21:24 | Просмотров: 233878 | Размер: 29,39 МБ

Подробнее

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

Продолжительность: 0:55 | Просмотров: 376422 | Размер: 1,26 МБ

Подробнее

Овладейте инструментом «Перо» за 30 минут | Подробное руководство по Photoshop

Продолжительность: 31:34 | Просмотров: 1472342 | Размер: 43.35 MB

Подробнее

Как сделать кривую в Photoshop || Самый простой способ || За 4 минуты

Продолжительность: 4:13 | Просмотров: 21275 | Размер: 5,79 МБ

Подробнее

Светящаяся кривая линия, имитирующая пером Pressure_Photshop Учебное пособие

Продолжительность: 5:11 | Просмотров: 56951 | Размер: 7,12 МБ

Подробнее

Как создать изогнутый заголовок в Photoshop (с помощью ESub)

Продолжительность: 3:35 | Просмотров: 35936 | Размер: 4.92 МБ

Подробнее

Как рисовать изогнутые линии в Photoshop Elements — Учебное пособие по инструменту «Изогнутые линии» в Photoshop Elements

Продолжительность: 12:55 | Просмотров: 1255 | Размер: 17,74 МБ

Подробнее

Adobe Photoshop CS5 | Pen Tool

Продолжительность: 4:00 | Просмотров: 48846 | Размер: 5,49 МБ

Подробнее

Инструмент «Перо» в Photoshop Path (Пользовательские векторные обводки)

Продолжительность: 3:37 | Просмотры: 30420 | Размер: 4.97 МБ

Подробнее

Администратор четко осознает, что загрузка и конвертация видео с Youtube является незаконной и незаконной. Поэтому, создавая этот сайт, мы хотим только облегчить пользователям получение информации, которая может быть использована в качестве идей. У всего контента на этом сайте нет администратора, администратор хочет только предоставить руководство. Информация, которая совпадает с ключевым словом Photoshop Pen Tool Stroke Path (Custom Vector Strokes), возможно, может быть полезна.

Если вы обнаружите, что этот веб-сайт полезен для поддержки нас, поделившись этим сообщением с вашими ценными учетными записями в социальных сетях, таких как Facebook, Instagram и т. Д., Или вы также можете добавить эту страницу блога в закладки с заголовком Photoshop Pen Tool Stroke Path (Custom Vector Strokes) с помощью Ctrl + D для компьютеров с операционной системой Windows или Command + D для портативных устройств с Mac OS.

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