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

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

  • автор:

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

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

1. Начнем с создания области на которой будет волнистая линия

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

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

нарисовать волнистую линию в photoshop

3. После выделения в режиме «Быстрая маска» (Quick Mask, Q) искажаете выделенную область эффектом Волна (Wave). Путь в меню: Фильтр → Искажение → Волна (Filter → Distort → Wave):

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

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

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

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

сделать линию волнистой фотошоп

4. Потом возвращаемся из режима «Быстрая маска» (Quick Mask, Q) и получаем подходящую область выделения:

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

5. Обрезаем выделенную область:

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

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

Комментариев к записи: 2

Работа с инструментом "Линия"

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

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

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

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

Чтобы нарисовать линию, выполните следующие быстрые действия.

Выберите Линия tool

Нажмите и удерживайте кнопку Фигура инструмент (), чтобы отобразить различные варианты инструментов группы. Выберите Линия .

Работа с инструментом "Линия"

Задайте ширину линии

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

Задать ширину обводки и толщину линии в Photoshop

A. Задать толщину обводки B. Задать ширину линии

параметры выравнивания обводки

Контур или режим пикселов:
Задайте ширину пиксельной линии на панели параметров, установив Вес .
Примечание.
Пикселы mode и Вес недоступны для Линия в Photoshop версии 22.0-22.2
Щелкните и перетащите

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

Параметры режима фигуры

Параметры инструмента "Линия"

A. Настройка различных атрибутов и свойств инструмента «Линия» путем нажатия кнопки «Параметры обводки» B. Дополнительные параметры

Режим линии

  • Чтобы создать векторную линию, выберите Фигура .

Цвет заливки

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

Цвет обводки

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

Ширина обводки

  • Введите ширину обводки в пикселах.

Вес

  • Введите строку Вес в пикселах.

Дополнительные параметры

  • Набор : Выбрать из, сплошная линия, пунктирная линия, точечная линия или щелчок Дополнительные параметры , чтобы создать пользовательский стиль линии.
  • Выравнивание : Выбрать По центру или Вне . Обводка не будет отображаться, если Внутри выбран параметр выравнивания.
  • Капители : Можно выбрать один из трех концевых фигур: Стык , Круглый или К квадрату . Фигуры концов линий определяют формы начала и конца линии.
  • Пунктирная линия : Настройте внешний вид пунктирной линии, указав в повторяющемся шаблоне число штрихов и пробелов.

Параметры режима пикселов

Режим линии

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

Непрозрачность

  • Задайте Непрозрачность значение от 1 до 100%.
  • Задайте нужную ширину линии в пикселах.

Дополнительные параметры

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

Параметры «Преобразование» и «Оформление» можно также задать в диалоговом окне Свойства панели. Это можно включить в главном меню Окно > Свойства.

Панель "Свойства"

Рисование стрелки

Чтобы создать стрелку, просто добавьте к линии стрелки. После создания линии и задания цвета и ширины обводки щелкните значок шестеренки () на панели параметров инструмента «Линия». Чтобы добавить стрелку в начале строки, установите флажок Начать ; чтобы добавить стрелку в конце строки, установите флажок Конец . Чтобы добавить стрелки на обоих концах, отметьте оба Начать и Конец.

  • Задайте Ширина и Длина стрелки в пикселах. В версии 22.0 и более поздних указатели стрелок определяются в абсолютных пикселах, а не в процентах.
  • Задайте Вогнутость , угол кривизны на самой широкой части стрелки, где она пересекается с линией. Введите значение кривизны от -50% до +50%.

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

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

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

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

Ну и если вы сейчас читаете эту статью, значит, у вас наверняка есть свои причины чтобы использовать эти «волны». ��

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

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

Рисуем волнистые лини «в один клик»

Спешу вас обрадовать, я нашёл решение этой проблемы!
Когда я писал свою статью:

меня вдруг осенило. А что если использовать это для быстрого рисования волнистых линий?! Да-да! Я предлагаю сделать кисти в виде волнообразных линий самим. Опираясь на свою статью, я создал набор из семи разных волнистых линий, с радостью поделюсь им с вами! Если мои шаблоны не подошли вам, прочтите указанную статью и вы так же с лёгкостью сможете сделать свои трафареты.

О том как устанавливать кисти подробно описано в моей статье:

Теперь вы без труда сможете подчеркнуть что-то важное!

Создание волнистой линии в Photoshop

Многим часто приходится работать с графическим редактором. Одним необходимо это в процессе обучения, другим – для работы, а некоторые начинают работать в них по своей инициативе. Ясно одно – каждый проходит через начальный этап, когда интерфейс давит своим объемом и приходится разбираться самостоятельно. Каждый начинает осваивать программу по-своему: кто-то методом проб и ошибок, кто-то учится, смотря туториалы по графической программе. Пользователи проходят и через изучение инструментов и построение фигур. Один из коварных вопросов, с которым сталкивается новичок – построение волнистых линий в «Фотошопе». Данная среда не имеет непосредственного инструмента «Кривая», поэтому приходится делать их своими руками.

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

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

Adobe Photoshop логотип

Все же самыми распространенными решениями являются более простые методы. К ним можно перечислить:

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

С помощью функции «Волна»

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

Виды волнистых линий

Для применения функции «Волна» необходимо проделать следующие шаги:

  1. Определиться и создать область, которая будет обрезана «волной».
  2. С помощью инструмента «Прямоугольная область» нужно выделить участок, который будет иметь волнистую каемку.
  3. Затем в шапке программы находим раздел «Фильтр», затем категорию «Искажение» и пункт «Волна».
  4. Всплывет окно настроек, в котором можно выбрать вид волны (синусоида, треугольники и квадраты), определится с длиной волны и амплитудой, выбрать масштаб.
  5. Методом проб и ошибок можно подогнать необходимые значения параметров для достижения желаемых результатов.
  6. Наблюдаем, что область имеет волнистые стороны. Необходимо обрезать область с помощью вызова диалогового окна нажатием правой кнопки мыши.

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

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

Инструмент

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

  1. Сначала необходимо выбрать данный инструмент на главной рабочей панели.
  2. Ставим первую опорную точку.
  3. Следом зажимаем левую кнопку мыши и растягиваем образовавшуюся дугу на нужное расстояние, регулируя процесс мышкой. Отпускаем – получилась дуга.
  4. Следующим этапом делаем то же самое, что и в пункте 3, только инвертируя дугу в противоположенном направлении.
  5. Продолжаем повторять пункт 3 и 4 до нужной длины волнистой линии.
  6. Затем замыкаем линию через самую первую опорную точку.
  7. Выделяем область с помощью ПКМ и обрезаем ее.

Вот так можно создавать волнистые линии в «Фотошопе».

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

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