Как рисовать плавные линии в фотошопе. Как нарисовать прямую линию в фотошопе? Взаимодействие инструментов "Кисть" и "Перо"

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

3 голоса

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

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

Вас ждет масса информации. Приступим?

Инструмент «Линия»

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

Сперва о важном. Один из самых важных параметров – толщина. Благодаря линии вы можете рисовать даже прямоугольники. Просто надо сделать ее пожирнее.

Далее идет «Заливка» и «Обводка». Щелкаете по плашке с цветом слева от надписей и выбираете оттенок. Если хотите выполнить обводку, вписываете ее ширину. Сейчас, на моем скриншоте показан вариант без нее. Иконка отсутствия цвета выглядит именно так. Серая линия перечеркнутая красным.

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

Вот так будет выглядеть линия, если выбрать красный цвет для обводки.

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

Если уменьшить толщину и убрать заливку, вы получите просто пунктир.

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

И закруглить углы. Правда, это будет не так уж заметно.

Если в тот момент, когда вы ведете линию, нажать Shift, то Photoshop автоматически создаст ровную линию. Горизонтальную или вертикальную. В зависимости от того, куда вы ее ведете.

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

Ну а сейчас покажу другой.

Инструмент «Кисть»

Эти прямоугольники я нарисовал при помощи линий, нарисованных кистью.

Выбираете тип и размер, подходящей для линии кисти.

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

Перед вами две линии. Желтая нарисовала при помощи инструмента «Линия», лиловая кистью.

Как сделать волну

Не важно каким инструментом вы пользовались, делать волнистую линию проще всего при помощи фильтра. Заходите в эту категорию, находите «Искажение» и выбираете «Волна».

Ориентируясь по картинке с предварительным показом вы быстро поймете что к чему и как его настроить. Амплитуда должна быть примерно одинаковой. Если не получается, можете просто жать на «Рандомизировать» пока не появится подходящий.

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

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

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

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

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

То же самое вытворяю с каждой новой точкой.

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

Можно выбрать несколько инструментов: карандаш, кисть, штамп, узор и так далее. Сейчас пусть этот будет кисть.

Снова жму на правую клавишу мыши и выбираю «Удалить контур».

Вот такой результат у меня получился.

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

Если вам хочется научиться профессионально пользоваться пером и другими инструментами, которые есть в фотошопе. Могу предложить вам курс «Фотошоп для начинающих в видео формате ».

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

Кстати, знаете как сделать, чтобы перед вами всегда возникали интересные потребности связанные с фотошопом? Это может вывести ваши отношения с этой программой на новый уровень. Все что вам нужно – это увлечься веб-дизайном. Люди этой профессии никогда не сидят без дела. Всегда находятся клиенты, проекты и новые задачи.

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

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

Онлайн-курс с поддержкой автора – надежная инвестиция в будущую профессию.

Ну вот и все. Осталось дело за вами. Решайте когда вы будете готовы и приступайте к завоеванию новых вершин. Если вам понравилась эта статья – подписывайтесь на рассылку и каждый день на шаг приближайтесь к заветной цели.

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

Я желаю вам удачи. До новых встреч.

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

Конечно, новичку далеко не все команды по силам, например, но это только на первых порах. Но ведь нужно с чего-то начинать! Я предлагаю начать с простого, но в то же время очень нужного урока: как провести прямую линию в Фотошопе. Итак, давайте разбираться.

Инструменты «Кисть» и «Карандаш»

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

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

Инструмент «Линия»

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

Кликните по нему, после чего подкорректируйте шапку с настраиваемыми параметрами, например, можно отрегулировать толщину линии. Теперь приступаем к рисованию: для этого просто тяните компьютерную мышь в сторону, удерживая ее левую кнопку. Если вы параллельно зажмете , то получите вертикальную или горизонтальную линию. Также если держать эту же клавишу зажатой, и тянуть линию по наклонной, то линия, соответственно, будет наклонена под углом 45 градусов.

Вот и вся наука, как видите, абсолютно ничего сложного! Терпение, немного практики, и у вас все получится.

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

Вот так выглядит финальный результат:

Шаг 1. Создаем новый документ размером 800х800 px, заливаем фон черным цветом. Создаем новый слой над фоновым, жмем клавишу Р чтобы активировать Pen Tool (Перо). Создаем линию, как на скриншоте ниже:

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

Жмем B, чтобы активировать Brush Tool (Кисть), выбираем кисть размером 1 px:

В окне Color Picker (Выбор цвета) выбираем необходимый цвет:

Снова активируем Pen Tool (Перо) (P), затем жмем правой кнопкой мыши по созданной кривой и выбираем Stroke Path (Обводка контура):

Выбираем Brush (Кисть) из выпадающего меню, убеждаемся, что опция Simulate Pressure (Симулировать нажим) активна, и жмем OK:

И получаем такую красивую кривую:

Шаг 2. Используя описанный выше процесс, создаем еще три линии. Убедитесь что:
- каждая линия находится на отдельном слое;
- для первой линии размер кисти 2 px, второй - 3 px, третьей - 4 px;
- уменьшаем непрозрачность слоев до 80%, 60% и 40%.

Корректируем расположение линий и получаем такой результат (4 линии на 4 слоях):

Шаг 3. Создаем группу "Линии" Layer - New - Group (Слой - Новый - Группа) и перемещаем в нее все 4 слоя с линиями. Дублируем группу один раз и объединяем копию группы в один слой (CTRL+E). Уменьшаем opacity (непрозрачность) нового слоя до 70% и перемещаем линии ниже и левее, чтобы создать эффект глубины:

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

Теперь мы должны немного разнообразить линии цветом. Для этого используем корректирующий слой Layer - New Adjustment Layer - Hue/Saturation (Слой - Новый корректирующий слой - Цветовой тон/Насыщенность) для слоев с линиями (не забываем создать для корректирующего слоя обтравочную маску CTRL+ALT+G).

Выбираем любой понравившийся цвет:

Продолжаем добавлять больше цветов. Вы можете воспользоваться Free Transform (Свободное трансформирование) (CTRL+T), чтобы отрегулировать угол наклона линий:

Также корректируем размер линий:

Шаг 4. Теперь добавим несколько серых линий. Для этого переходим Image - Adjustments - Desaturate (Изображение - Коррекция - Обесцветить) или SHIFT+CTRL+U, чтобы обесцветить один из слоев:

Смешиванием серые линии вместе с остальными:

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

Шаг 5. Почти закончили. Теперь объединяем слои с линиями, которые мы создали, в один (CTRL+E), затем дублируем их, поворачиваем, меняем положение:

Добавим вокруг линий абстрактных точек, чтобы разнообразить работу. Для этого настраиваем кисть, как показано ниже (жмем F5, чтобы вызвать окно параметров кисти).

Здравствуйте, дорогие читатели! В этом уроке вы узнаете, как в фотошопе нарисовать линию
Создайте новый документ в Фотошопе (Ctrl + N) с белым фоном.

Самый простой инструмент для рисования прямых линий - инструмент Линия (Line Tool) (U). Помимо стандартных режимов векторных инструментов на верхней панели есть параметр Толщина (Width). Он и отвечает за толщину линии.
Чтобы создать линию, тяните мышь в сторону, удерживая левую кнопку. Если удерживать клавишу Shift, то можно получить горизонтальную или вертикальную линию. Если тянуть линию по наклонной, удерживая Shiift, то она будет наклонена под углом 45 градусов.
Таким образом рисуются прямые векторные линии.

Для рисования линий можно использовать и инструмент Кисть (Brush Tool) (B). Выберите его, кликните правой кнопкой мыши на холсте и установите Размер (Size) на 1 пиксель, чтобы линии были тонкими. Как и в первом случае нужно удерживать клавишу Shift, чтобы рисовать прямые линии.
Также можно рисовать линии по точкам. Сделайте одиночный клик на холсте на начальной точке. Зажмите клавишу Shift и кликните на следующей точке (там, где должен быть конец линии), затем ещё на одной, если Вы хотите создать ломанную.

Но что делать, если нужно нарисовать волнистую линию? Для этого можно воспользоваться сочетанием инструментов Перо (Pen Tool) (P) и Кисть (Brush Tool) (B). В Фотошопе есть функция обводки контура.
Выберите инструмент Перо (Pen Tool) (P) и в настройках выберите режим Контуров (Paths):

Этим инструментом линии рисуются при помощи одиночных кликов. Нарисуйте простую линию в два клика.

Наведите курсор на линию и рядом с ним появится знак «+».

Потяните линию вниз и она искривится. На линии появится ещё одна якорная точка. Инструментом Стрелка (Direct Selection Tool) (A) вы сможете изменить кривизну линий при помощи рычажков. Для быстрого переключения на этот инструмент, нажмите клавишу Ctrl при активном инструменте Перо (Pen Tool) (P).

Сейчас нужно выбрать кисть, которой будет обведён контур. Выберите инструмент Кисть (Brush Tool) (B), задайте размер в 2 пикселя и понизьте жёсткость до 0%.

Снова выберите инструмент Перо (Pen Tool) (P), кликните правой кнопкой мыши на холсте и выберите пункт Выполнить обводку контура (Stroke Path).

В появившемся окне выберите Кисть (Brush). Если включить функцию Имитировать нажим (Simulate Pressure), то края линии будут сужаться.

Нажмите Enter, чтобы убрать контур.

Обводку можно было сделать более быстрым способом. После настройки кисти, не переключайтесь на Перо (Pen Tool) (P), а нажмите Enter для выполнения обводки. Многократное нажатие на эту клавишу будет повторять обводку. Чтобы убрать контур нажмите Delete.

На этом мы заканчиваем урок. Теперь Вы знаете как в фотошопе нарисовать линию.