Как нарисовать линию в Photoshop: разбираемся в вопросе, учимся чертить

Как рисовать прямые ровные линии от руки карандашом – видео урок по рисунку

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

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

Выбираем подходящую кисть

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

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

• Кисти Photoshop Sketch от JohnnySix
• Чернильные кисти Photoshop от Кайла Вебстера
• Карандаш для Clip Studio Paint от Mameo;
• Выделите Clip Studio Paint от FallingIvyy.

Включаем стабилизатор

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

Для Clip Studio Paint этот параметр находится в меню для каждой кисти:

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

Рисуем лайн: полезные функции программы

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

Используйте режим следования за струной

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

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

Используйте фильтр «Пластика»

Он поможет подкорректировать линию, а не перерисовывать ее снова и снова. Фильтр можно найти здесь:

Или вызвать его комбинацией горячих клавиш Shift+Ctrl+X (англ.). Установите флажок «Показать фон» в правом меню фильтра, чтобы вы могли видеть слой эскиза и точно понимать, как деформировать линию.

Скриншот из видео The Wacky Artist

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

Вращайте холст

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

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

Содержание статьи

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

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

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

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

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

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

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

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

xn--80aikcmnr5a0i.xn--p1ai

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

В этом уроке я приведу 3 простых примера того, как нарисовать кривую линию в Photoshop. Давайте начнем. Способ №1. Круг.

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

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

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

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

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

Затем перейдите в меню «Фильтр» (Filter) — «Пластик» (жидкость). Или нажмите горячую клавишу «Shift» + «Ctrl» + «X».

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

Способ №3. Весна.

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

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

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

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

Просмотров: 32827 | Опубликовано администратором

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

www.toka.ru

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

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

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

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

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

Прямая

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

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

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

Ломаная

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

1. открытая полилиния

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

  Урок: Инструмент «Перо» в Photoshop — теория и практика

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

  

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

  

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

  

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

  

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

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

«Форма» или путем выбора произвольной формы с последующим штрихом.

• Фигура.

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

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

  

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

  

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

  

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

  

  Такую форму можно деформировать и вращать с помощью одного и того же

  «Свободная трансформация».

• Аркан прямой линии.

  

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

  

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

  

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

  

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

  

Кривая

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

1. открытым

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

Закрывать

• Лассо.

  

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

  

• Овальная площадь.

  

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

  

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

  

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

  

  Стоит отметить, что в этом случае эффект распространяется и на толщину линии.

  

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

• Фигура.

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

  

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

  

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

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

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

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

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

Инструмент «Перо» или как пользоваться пером в фотошопе

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

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

Временная шкала в Photoshop как продвинутый инструмент анимации

Совет: Перо можно выбрать, нажав английскую букву P на клавиатуре.

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

Когда вы щелкаете и перетаскиваете точку для создания кривой, появляются прямые направляющие. Когда вы перетаскиваете точку, они показывают направление и степень кривизны кривой. Чтобы создать плавную кривую, оставьте направляющие точки примерно на 1/3 длины расстояния до следующей точки. Если длина слишком длинная, кривая будет выпирать в другом направлении.
Как создается анимация в Photoshop — изучайте новые методы

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

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

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

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

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

Как пользоваться Photoshop: 9 вещей для начинающих

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

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

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

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

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

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

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

Инструмент перо в фотошопе

1. Основные принципы работы и настройки

Давайте сначала рассмотрим основные функции инструмента «Перо».

На данный момент у меня установлен Photoshop CC2020 и я буду демонстрировать в нем работу с пером. Я думаю, что все вы пробовали работать с этим инструментом, поэтому объяснять, как рисовать контур, особого смысла нет. Ставим точку, ставим вторую и держим левую кнопку мыши
появляется возможность растянуть кривую. На самой кривой можно еще поставить сколько угодно точек и работать с ними по отдельности: зажать «Ctrl» для перемещения, зажать «Alt» для растяжения кривой.

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

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

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

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

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

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

Вся работа с пером связана с использованием мыши и трех основных клавиш: Ctrl, Alt и Shift. Чтобы свободно и быстро работать инструментом «Перо», вам понадобится совсем немного
попрактикуйтесь в использовании клавиш мыши и упомянутых кнопок клавиатуры. Рассмотрим пример отслеживания объекта по пути. Поставим здесь первую точку, логично будет поставить вторую
здесь, чтобы получить корзину.

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

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

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

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

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

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

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

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

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

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

2. Перо кривизны

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

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

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

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

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

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

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

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

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

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

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

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

Как пользоваться “Пером” в Photoshop

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

Этап 1: Построения контура

С помощью контуров в Photoshop создаются сложные векторные фигуры. Процесс основан на создании нескольких опорных точек, которые автоматически соединяются в контур. По умолчанию они соединены прямыми линиями, но их можно изогнуть с помощью специальных манипуляторов — кривых. Например, давайте нарисуем путь с помощью инструмента «Перо”:

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

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

Аналогично введите и измените следующие пункты. Обратите внимание, что последующие точки уже будут изгибаться по вектору, который вы указали первым. Его также можно изменить с помощью манипуляторов. Последующие точки уже будут наследовать измененные параметры. Если вы хотите, чтобы следующая точка соединилась с предыдущей прямой линией, а не с кривой линией, удерживайте нажатой клавишу ALT и щелкните один из маркеров. Он должен исчезнуть с поворотом. Вы также можете добавить больше точек к уже выполненному изгибу. Удерживая нажатой кнопку Ctrl, щелкните ту часть линии, где вы хотите добавить новую точку. Чтобы переместить уже созданный внутри контура, также удерживайте клавишу Ctrl, а затем фактическую точку, которую вы хотите переместить. Чтобы изменить параметры кривых существующих точек, зажмите клавишу Alt. Чтобы закончить рисование фигуры, вы должны закрыть контур. Для этого нажмите на начальную точку, но учтите, что фигура должна иметь более-менее законченный вид, иначе Photoshop завершит ее неправильно.

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

Этап 2: Заливка контура

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

1. Щелкните правой кнопкой мыши по завершенному пути. В контекстном меню выберите опцию «Заполнить контур”.
2. Откроется окно настроек заливки контура. В столбце «Использовать» вы можете выбрать любой цвет, текстуру или градиент. Ниже в блоке «Наложение» предлагается задать режим наложения и параметры непрозрачности цвета. В блоке «Рендеринг» можно настроить подвеску.
3. Нажмите кнопку ОК, чтобы применить результаты.

Этап 3: Обводка

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

Также читайте:
Стилизация гранитного текста в Photoshop
Как имитировать рельефный текст в Photoshop
Обрабатываем черно-белые изображения в Photoshop
Настройка цвета в Adobe Photoshop

Например, рассмотрим процесс обводки контура с помощью инструмента «Кисть”:

1. Выберите инструмент «Кисть» на левой панели инструментов”.
2. Инструменты для настройки кисти появляются на верхней панели. Там вы можете выбрать шаблон кисти, настроить размер, жесткость. Например, давайте выберем рисунок кисти в форме листа дерева, чтобы сделать его необычным.
3. В нижней части левой панели задайте основной цвет обводки, нажав на большой цветной квадрат.
4. Выберите инструмент «Перо» еще раз”.
5. Щелкните правой кнопкой мыши ранее нарисованный путь. В контекстном меню выберите опцию «Обводка контура”.
6. Появится окно с настройками обводки. Поле будет только одно — «Инструменты». В нашем случае штрих основан на ранее настроенной кисти, поэтому в этом поле выбираем «Кисть”.
7. Нажмите OK, чтобы применить обводку и посмотреть, как она была применена к ранее созданному контуру.

Этап 4: Создание фигуры

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

1. Щелкните правой кнопкой мыши контур. В контекстном меню выберите пункт «Определить нестандартную форму». Обратите внимание, что в этот момент инструмент «Перо» должен быть выбран вами на панели инструментов, в противном случае пункты контекстного меню могут отличаться.
2. Откроется окно определения формы. Здесь вы можете просто дать ей имя. Нажмите «ОК», чтобы сохранить.
3. Вы можете получить доступ к сохраненной форме, выбрав инструмент «Пользовательская форма» на левой панели”.
4. В верхней панели обратите внимание на поле «Форма». Там вы должны выбрать свой собственный из представленных шаблонов.
5. Обратите внимание, что формы не теряют качества при масштабировании. Чтобы фигура была качественной, при ее создании рекомендуется использовать как можно меньше точек, а больше полагаться на лучи и кривые. Однако это скорее рекомендация, чем обязательное правило.

Этап 5: Создание кисти

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

1. В верхнем меню программы нажмите на кнопку «Редактировать». Откроется меню, где нужно выбрать пункт «Определить кисть”.
2. По аналогии с определением формы откроется окно, в котором вы можете только ввести имя кисти. Нажмите «ОК», чтобы сохранить.
3. Теперь вы можете выбрать ранее созданную кисть из списка доступных шаблонов, который открывается при выборе инструмента «Кисть”.
4. Для определения кисти рекомендуется использовать как можно больший путь, чтобы результат был максимально качественным. Дело в том, что масштабирование влияет на качество кисти, а количество точек, используемых в пути, нет.

Использование для обводки

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

1. Создайте контур вокруг объектов, которые вы выбрали для обводки. Постарайтесь сделать это так, чтобы ничего лишнего не попало в контур.
2. При необходимости внесите окончательные коррективы в контур изображения, используя возможности редактирования уже созданных точек.
3. Щелкните правой кнопкой мыши созданный путь. В контекстном меню выберите опцию «Сделать выбор”.
4. Откроется окно настроек выбора. Там вы можете выбрать радиус пружины и применить выбор, нажав кнопку «ОК”.
5. Вы также всегда можете удалить уже созданный контур. Просто щелкните по нему правой кнопкой мыши и выберите в контекстном меню пункт «Удалить путь”.

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

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

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

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

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

Нарисуем линию:

Какая-то форма не совсем гладкая, вы бы это справедливо заметили, не так ли?

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

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

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

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

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

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

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

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

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

Создайте новый слой, щелкните значок слоя на панели слоев:

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

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

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

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

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

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

Активируйте инструмент «Перо», щелкните правой кнопкой мыши на холсте и выберите «Путь обводки):

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

Результат:

Если вы оставите флажок Simulate Pressure отмеченным, линии станут тоньше к концам:

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

Один из наиболее распространенных способов рисования прямой линии в Photoshop — с помощью инструмента «Линия». Находится на левой панели:

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

С зажатым SHIFT я рисую прямые линии. Они создаются с помощью инструмента Shape-from-vector. Вы можете легко нарисовать вертикальную, горизонтальную и прямую линию под углом 45 градусов.

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

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

В Photoshop есть инструмент прямоугольного выделения:

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

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

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

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

ПоделитьсяВКонтактеFacebookTwitterPinterestWhatsAppViber zealot