Как нарисовать волнистую линию пером в фотошопе. Рисование линии в Photoshop. Инструмент «Прямоугольное выделение»

В Adobe Photoshop встроено огромное множество функций, которые можно использовать для создания различных объектов, ретуши фотографий и прочего. Начинающему пользователю, который только-только стал постигать азы этой программы, не помешает рассмотреть такую проблему, как нарисовать прямую линию в "Фотошопе". И тем, кто уже в этой среде давно, возможно, будет интересно вспомнить основные способы рисования прямой линии. Тот или иной метод будет полезен в индивидуальных случаях.

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

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

Инструмент "Кисть"

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

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

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

Инструмент "Линия"

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

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

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

Инструмент "Перо"

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

Взаимодействие инструментов "Кисть" и "Перо"

С помощью пера можно легко нарисовать ровную линию в "Фотошопе". Для этого необходимо выбрать сначала инструмент "Кисть", где с помощью правой кнопки мыши открывается диалоговое окно и проставляется нужная жесткость, размер и цвет будущей линии. Теперь следует активировать инструмент "Перо" в быстрой панели доступа (помимо обычного пера в блоке существуют и другие виды инструмента "Перо", но они нам не понадобятся). Ставим первую опорную точку в том месте, где должно находиться начало линии. Затем ставим другую точку - конец линии.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

линии в «Фотошопе»?

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

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

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

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

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

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

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

Инструмент "Перо"

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

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

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

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

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

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

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

Прямая

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

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

Ломаная

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

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

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

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

• Фигура.

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

  

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

  

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

  

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

  

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

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

  

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

  

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

  

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

  

  

Кривая

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

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

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

2. Замкнутая

• Лассо.

  

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

  

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

  

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

  

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

  

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

  

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

  

• Фигура.

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

  

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

  

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

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

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

С помощью инструмента Pen Tool

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

сложней

Записал небольшое демонстрационное видео

Что интересно, видео идёт полторы минуты и весит 2 кб BB FlashBack Pro

Перо

1. Не отпуская кнопку мышки при создании новой точки можно добиваться сглаживания линии.
2. Точки лучше ставить в местах, где у линии должен быть изгиб.
3. Зажав клавишу Ctrl на клавиатуре можно перемещать контрольные точки линий.
4. Зажав клавишу Alt можно регулировать степень закругления линии возле точки и её искажение

   Меня вдохновили испытать фотошоп на его пригодность в плане рисования линий. Рисовать линии в фотошопе сложней , чем в его векторных аналогах и некоторых растровых редакторах – такое впечатление у меня сложилось после ознакомления с инструментами в Paint Tool Sai, Illustrator, Inkscape и других, которые имеют более удобные и гибкие инструменты создания красивых линейных форм.

   https://сайт/wp-content/uploads/2011/08/lines.swf,600,490

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

   Что интересно, видео идёт полторы минуты и весит 2 кб – это очень удивительно Видео записано на BB FlashBack Pro

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

   Приёмы работы с пером при создании линий

   Первые два правила знают многие, а вот 3 и 4 для меня стали открытием.

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

   

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

   Работа с готовой линией

   Все линии, которые Вы создаёте, находятся в окошке Path (Пути). Желательно для каждой линии создавать отдельный “слой линий” в панели Path.

   Crtl + H - Скрыть/Показать линии.

   Stroke Path… - функция обводки линии. Можно выбрать инструмент, которым будет осуществляться обводка. Обычно это кисть и прежде чем пользоваться этой функцией, желательно установить у кисти нужную толщину, а уже после прибегать к обводке.