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

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

Здравствуйте, дорогие читатели! В этом уроке вы узнаете, как в фотошопе нарисовать линию
Создайте новый документ в Фотошопе (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.

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

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

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

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

Прямая

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

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

Ломаная

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

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

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

    • Фигура.

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

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

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

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

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

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

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

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

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

    Кривая

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

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

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

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

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

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

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

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

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

    • Фигура.

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

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

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

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

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

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

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

    Шаг 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, делая клики.


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


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



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