Как быстро провести прямую и красивую линию в Photoshop. Как нарисовать прямую линию в "Фотошопе"? Советы и рекомендации

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

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

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

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

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

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

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

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

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


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


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


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


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

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


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


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


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


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


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



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

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

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

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

Прямая

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

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

Ломаная

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

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

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

    • Фигура.

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

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

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

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

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

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

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

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

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

    Кривая

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

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

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

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

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

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

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

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

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

    • Фигура.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



    В продолжение темы:
    Аксессуары

    (49 слов) В повести Тургенева «Ася» человечность проявил Гагин, когда взял на попечение незаконнорожденную сестру. Он же вызвал друга на откровенную беседу по поводу чувства...

    Новые статьи
    /
    Популярные