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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Теперь просто выполните заливку внутри выделенной области тем же цветом, что и фон, и нажмите клавиши «Ctrl» + «D» для снятия выделения.

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

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

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

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

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

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

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

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

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

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

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

Инструмент Pen Tool (Перо) предназначен для рисования векторных контуров. Векторные контуры можно сохранять, редактировать, увеличивать, уменьшать. Возможности этого инструмента безграничны. Но освоить работу с ним не просто.

Что такое контуры и зачем они нужны

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

Контуры сами по себе в Photoshop не имеют ни толщины, ни цвета. Они являются вспомогательным инструментом для выполнения различных действий: выделений сложной формы, построения изображений, для криволинейного расположения текста (вдоль какой-то кривой) и т.д.

Контур может быть замкнутым, не имеющим ни начала, ни конца (к таким контурам относятся эллипсы и произвольные многоугольники),

или открытым, имеющим отдельные конечные точки (например, зигзаг или волнообразная линия).

Контуры сохраняются в текущем документе совместно с растровыми объектами. Все имеющиеся в документе контуры доступны на палитре Paths (Контуры) .

Что можно делать с контуром?

1.Построить какой-либо контур, обвести его (команда Stroke Pass, нажимаете на контуре правой кнопкой - выбираете из меню), чтобы образовалась линия (указать инструмент для обводки, выбрав предварительно цвет, толщину и другие параметры);

2.Если контур замкнутый можно окрасить внутреннюю область в какой-либо цвет (команда Fill Pass, нажимаете на контуре правой кнопкой - выбираете из меню)или преобразовать контур в выделение (команда Make Selection, нажимаете на контуре правой кнопкой - выбираете из меню).

Рисование фигур (прямоугольников, эллипсов и т.д.) по своей сути представляет собой рисование встроенных контуров определенной формы, внутренняя область которых окрашивается в выбранный цвет.

Как рисовать контур произвольной формы?

Рисовать контур нужно инструментом Pen Tool (Перо).

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

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

Если при работе инструментом удерживать нажатой клавишу «Shift», будет создан контур правильной формы (соседние точки преломления будут располагаться под углами, кратными 45°, а точки сглаживания будут размещаться на дуге воображаемой окружности).

Инструменты группы Перо

Инструмент панели инструментов фотошоп Pen Tool (Перо) включает несколько инструментов:
инструмент Pen Tool (Перо) - предназначен для вычерчивания векторного контура (контур задается набором его узловых точек);
инструмент Freeform Pen Tool (Свободное перо) - предназначен для вычерчивания векторного контура (контур задается набором нарисованных от руки линий);
инструмент Add Anchop Point Tool (Добавить опорную точку) - предназначен для добавления новых узловых точек к имеющемуся векторному контуру, с его помощью можно изменить форму контура, переместить узлы или направляющие;
инструмент Delete Anchop Point Tool (Удалить опорную точку) - предназначен для удаления существующих узловых точек из векторного контура, с его помощью также можно изменить форму контура, переместить узлы или направляющие;
инструмент Convert Point Tool(Угол) - предназначен для изменения типа узловых точек и формы существующих векторных контуров.

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

Для вызова инструментов группы «Перо» служит также «горячая» клавиша «Р» . При нажатии этой клавиши активизируется последний использованный инструмент группы. Для переключения между инструментами группы нужно одновременно нажать клавишу «Р» и клавишу «Shift» (в результате каждого нажатия активизируется следующий по списку инструмент).

Панель настройки параметров инструмента Перо

На панели настройки параметров инструмента Перо необходимо отметить следующие элементы:

Далее с помощью соответствующих кнопок можно прямо с панели параметров перейти к инструменту Pen Tool (Перо), Freeform Pen Tool (Свободное перо), Rectangle Tool (Прямоугольник), Rounded Rectangle Tool (Прямоугольник со скругленными углами), Ellipce Tool (Эллипс), Polygon Tool (Многоугольник), Line Кнопки отвечают за установку того или иного режима комбинирования контуров (новый контур, добавление к существующему контуру, вычитание, пересечение контуров и т.д.) и аналогичны таким же настройкам инструментов выделения.

Для режима Shape Layers (Слой-фигура) есть кнопки

• Стиль - предназначен для выбора стиля, который будет использоваться при оформлении заливки контура. Щелкнув по кнопке раскрытия списка, можно просмотреть доступные образцы стилей Photoshop CS4
• Поле Цвет - предназначено для отображения и изменения цвета заливки контура. При щелчке мышью по полю на экране появляется диалоговое окно выбора цвета, в котором пользователь может задать желаемый цвет заливки контура.

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

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

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

Шаг 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, чтобы вызвать окно параметров кисти).