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

Содержание

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


плавные линии — Уроки Photoshop, уроки по фотошопу


Создание кисти: плавные линии


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

1) Создайте новый документ и залейте его белым цветом #FFFFFF:

2) Активируйте инструмент Pen Tool и в верхней панели инструментов укажите следующие настройки.

3) В палитре выберите основной цвет — черный #000000 и создайте новый прозрачный слой: Layer > New > Layer

4) Поставьте на документе две точки на небольшом расстоянии друг от друга. Теперь от второй точки проведите искривленную линию (удерживая левую кнопку мыши):

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

Примечание: Если у вас возникли проблемы с инструментом Pen Tool, прочитайте подробную инструкцию по его применению.

6) Выберите твердую круглую кисть (Brush Tool) диаметром в 1px:

7) Снова активируйте Pen Tool и кликните правой кнопкой мыши по документу. В контекстном меню выберите Stroke Path:

8) В появившемя окне выберите BRUSH и кликните OK.

9) Теперь снова кликните правой кнопкой мыши и выберите Delete Path:

10) Результат:

11) Полученную линию можно использовать как кисть. Для этого выберите Edit > Define Brush Preset > OK.

Автор урока: Thea
Перепечатка разрешена только с указанием ссылки на источник!

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

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

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

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

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

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

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


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


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


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


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

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


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


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


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


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


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



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

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

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

Рисуем линии по горизонтали и вертикали

Самый простой способ нарисовать ровную линию — это взять любой инструмент рисования (карандаш или

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

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

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

line tool

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

создание линии в фотошопе

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

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

Pen Tool

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

risovanie-linii-v-photoshop

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

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

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

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

рисуем линию в Photoshop

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

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

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

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

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

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

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

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

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

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

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

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

выделили область под будущую линию

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

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

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

прямая толстая линия в фотошопе

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

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

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

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

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

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

Прямая

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

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

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

Ломаная

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

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

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

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

    Опорные точки для ломаной линии инструмента Перо в Фотошопе

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

    Заливка контура созданного инструментом Перо в Фотошопе

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

    Создание первого элемента для построения ломаной линии в Фотошопе

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

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

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

    • Фигура.

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

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

      Создание многоугольника с равными углами и сторонами в Фотошопе

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

      Настройка обводки замкнутой ломаной линии в Фотошопе

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

      Отключение заливки многоугольника в Фотошопе

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

      Ломаная линия созданная инструментом Фигура в Фотошопе

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

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

      Инструмент Прямолинейное лассо в Фотошопе

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

      Выделение инструментом Прямолинейное лассо в Фотошопе

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

      Вызов функции Выполнить обводку выделения в Фотошопе

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

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

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

      Замкнутая ломаная линия созданная инструментом Прямолинейное лассо в Фотошопе

    Кривая

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

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

    3. Замкнутая
    • Лассо.

      Инструмент Лассо в Фотошопе

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

      Замкнутая кривая линия созданная инструментом Лассо в Фотошопе

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

      Инструмент Овальная область в Фотошопе

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

      Замкнутая кривая линия созданная инструментом Овальная область в Фотошопе

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

      Функция деформирования в Фотошопе

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

      Деформирование линии созданной Овальной областью в Фотошопе

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

      Результат деформации линии созданной Овальной область в Фотошопе

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

    • Фигура.

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

      Замкнутая линия созданная инструментом Эллипс в Фотошопе

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

      Деформирование линии созданной инструментом Эллипс в Фотошопе

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

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

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

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

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

    ДА НЕТ

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *