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

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

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

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

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

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

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

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

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

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

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

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

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

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

Кривая

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

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

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

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

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

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

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

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

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

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

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

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

Помимо этой статьи, на сайте еще 12563 инструкций.
Добавьте сайт Lumpics.ru в закладки (CTRL+D) и мы точно еще пригодимся вам.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Лассо

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

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

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

Фигура

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

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

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

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

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

Всем привет. Думаю, все кто так или иначе связан с работой в Photoshop и по долгу службы приходится там иногда что-то рисовать, сталкивались с рисованием линии. Прямую линию можно нарисовать без проблем с помощью Инструмента Линия, а вот длинную кривую линию приходится рисовать кисточкой от руки. И не всегда она получается плавной и красивой (если, конечно, вы не художник и работаете на планшете). Так вот в этой статье я расскажу на примере как сделать плавную кривую линию в Photoshop. Итак, у нас есть вот такая задача:

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

Сверху в параметрах выбираем «Фигура», убираем Заливку, ставим нужную Обводку, выбираем параметры Обводки (я выбрал пунктир)

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

Как видите, точек можно ставить сколько угодно.

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

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

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

С наилучшими пожеланиями
Эрадж Шамс

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

Автор Дмитрий Евсеенков На чтение 3 мин Просмотров 5к. Обновлено 29.10.2021

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

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

Смотрите также другие материалы по рисованию пунктирной линии в Photoshop:
Делаем рамку из точек, чёрточек, пунктирных линий в Photoshop
Пунктирная рамка и линия в Photoshop CS6

Содержание

Рисование прямой пунктирной линии в Photoshop

Создаём новый или открываем документ в Photoshop.

Основу для прямой линии мы сделаем с помощью инструмента «Перо» (Pen Tool):

Но, т.к. мы делаем пунктир, нам для начала надо настроить инструмент «Кисть» (Brush Tool). Подробнее настройках «Кисти» Вы можете почитать здесь. Возьмите этот инструмент, выберите жесткую круглую кисть, размер 3px, цвет черный, далее Вы поймете, почему мы выбрали такие настройки. Но настройки «Кисти» на этом не закончены. Откройте панель кистей (Brushes Panel) и увеличьте параметр «Интервал» (Spacing) до 150%, или до зависимости от того, какое расстояние между пунктиром Вы хотите получить:

Теперь переключитесь на «Перо» (Pen Tool), вверху окна программы выберите режим «Контур» (Paths) и создайте прямую линию методом нанесения в документе двух точек, после чего наша линия будет добавлена как рабочий контур (Work Path).

Создайте новый слой (Ctrl+Shift+N). Теперь просто кликните по полученному контуру правой клавишей мыши и в контекстном меню нажмите на пункт «Выполнить обводку контура» (Stroke Path). Откроется новое окно, где выберите инструмент «Кисть» и нажмите ОК. И наша простая пунктирная линия будет создана. Теперь вы можете удалить рабочий контур (Work Path) или использовать его дальше для создания новых линий. Вы можете перемещать, масштабировать контур, изменять его форму, поворачивать, добавлять опорные точки, пунктирная линия повторит все изменения контура. Просто помните, что выполнять обводку контура следует на новом слое.

Создание пунктирной кривой линии в Photoshop

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

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

Как Вы, наверное, уже заметили, Вы можете обвести пунктиром в Photoshop контур любой формы.
Только для создания контура в этом случае надо использовать не «Перо» (Pen Tool), а контурные инструменты. Для создания круга используем инструмент «Эллиипс» (Ellipse Tool), для создания прямоугольников и квадратов — инструмент «Прямоугольник» (Rectangle Tool), для создания контуров сложных и пользовательских форм — инструмент «Произвольная фигура» (Custom Shape Tool) и т.д.:

Всё, что Вам нужно сделать — настроить кисть, это создать контур одним из этих инструментов, а затем выполнить обводку контура кистью:

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

Drawing — Как эффективно рисовать изогнутые или изогнутые линии или стрелки с помощью Photoshop?

спросил

6 лет, 1 месяц назад

Изменено 5 лет, 3 месяца назад

Просмотрено 88 тысяч раз

Я всегда использую Line Tool для рисования стрелок (установив Arrowhead в конце), например:

Есть ли также быстрый и простой способ нарисовать изогнутые (арочные) стрелы, как этот?

• Adobe-Photoshop
• Рисунок
• Line-Art
• Bezier-Curv установите значение Shape Layer . Прежде чем создать фигуру на монтажной области, щелкните значок шестеренки и выберите, на какой стороне линии (начало или конец) должна быть стрелка. Вы также можете установить ширину и высоту наконечника стрелки в процентах, пропорциональных линии:
2. Проведите линию:
3. При выбранном инструменте «Линия» активируйте параметры свободного преобразования ( Command + T ) и выберите значок Warp Mode на верхней панели инструментов параметров:
4. Выберите форму деформации на панели инструментов Параметры деформации в верхней части рабочей области. Для этого примера я выбрал форму дуги, чтобы точнее получить ответ на вопрос:


Примечание: Завершение этого шага (или нажатие Enter ) превратит динамическую форму в обычный контур.

Конечный продукт:

1

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

Затем добавьте наконечник стрелки, как вы это делали.

Я предлагаю вам:

1. создать круг с «U» инструмент
2. добавить стрелку
3. удалить 3/4 круга
4. продлить линию

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

Надеюсь, это поможет вам.

Ура, Джереми.

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

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

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Нажимая «Опубликовать свой ответ», вы соглашаетесь с нашими условиями обслуживания, политикой конфиденциальности и политикой использования файлов cookie

.

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

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

Учебные пособия 13 сентября 2018 г.

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

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

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

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

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

(2)Убедитесь, что функция «Автодобавление/удаление» активна в меню инструментов, и добавьте к контуру свою первую дополнительную опорную точку.

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

(3) Отрегулируйте форму вашей кривой, удерживая нажатой клавишу Command (Cmd + Drag) и перемещая участок пути по направлению к линии. Постарайтесь расположить его так, чтобы он следовал за линией как можно ближе.

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

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

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

(5) Не забывайте, что, поскольку установлен флажок «Автоматическое добавление/удаление», вы можете добавить любое количество опорных точек, наведя указатель мыши на свой путь, но при их добавлении необходимо отпустить Command.

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

(6) Если вы довольны контуром, щелкните правой кнопкой мыши (второй щелчок) в любом месте пути и выберите в меню «Путь обводки».

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

(7) Этот параметр открывает другую панель, где вы можете выбрать инструмент, с помощью которого Photoshop будет обводить контур. Ширина штриха такая же, как и в прошлый раз с этим конкретным инструментом. Используйте инструмент «Кисть» для рисования.

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

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

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

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

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

(10) Когда вы нарисуете нужные линии вдоль пути, их можно удалить, щелкнув правой кнопкой мыши (второй щелчок) в любом месте пути и выбрав в меню «Удалить путь».

Вы можете скачать

краткий учебник, чтобы изучить этот навык.

Учебники 14 сентября 2018 г.

Автор Krisztián Vértes

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

No related posts.