Урок 6. Рисование инструментом Pen (Перо).

Для просмотра видеоурока нажмите на миниатюрный экран.

Вы узнаете:

• Как выполнить обводку и заливку контура.
  • Где находится пункт Simulate Pressure (Имитировать нажим).
  • Как рисовать пером в режиме Shape Layer (Фигура)
  • Как придать стиль слою с узором.
  • Как придать одинаковые стили разным слоям с фигурами
  • Как добавлять и удалять контуры.

Обводка контура

В этом уроке мы будем создавать узоры используя функции заливки и обводки контура. Создайте новый слой. Выберите инструмент Pen (Перо) В настройках параметров отметьте (для cs5) контуры. Нарисуйте завиток. Переключитесь на инструмент Brash (Кисть) . Подробно этот инструмент и его настройки изложены в 8 уроке Brash (Кисть). Подберите подходящий диаметр, настройте непрозрачность и цвет.

Откроите окно настроек кисти: меню

Window (Окно) – Brashs (Кисти) илинажав F5. В CS5 вызвать это окно можно нажав на значок в панели настройки параметров кисти. Отметьте галочкой –Shape Dinamics (Динамика формы). В настройках динамики в разделе Control (Управление) – выберите Pen pressure (Нажим пера).

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

Появится контекстное меню .

Выберите Stroke Path… (Выполнить обводку контура).

В выпадающем списке выберите Brash (Кисть) и отметьте галочкой Simulate Pressure (Имитировать нажим). Щелкните правой кнопкой мыши по уже окрашенному контуру и нажмите Delate Path (Удалить контур). У вас должно получиться , примерно такое изображение.

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

Меняя диаметр кисти и прозрачность, создайте несколько завитков. Чтобы отредактировать созданный контур, нажмите Ctrl или переключитесь на инструмент Direct selection

tool (Стрелка).

Посмотриите на эту схему. Прямые и наклонные под 45 градусов сегменты нарисованы при помощи клавиши Shift. В точке перехода от кривой линии к прямой был выполнен щелчок с зажатой клавише Alt. После последней точки, был выполнен щелчек мышью, с зажатой клавишей Ctrl. Обводка контура выполнена кистью 461 (Трещина).

Заливка контура
У любого контура можно залить внутреннюю область. Щелкните правой кнопкой мыши по контуру и выберите в контекстном меню Fill Path (Выполнить заливку контура).

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

Use (Использовать) можно переключаться между разными типами заливки. Это может быть не только цвет, но и текстура Pattern (Регулярный). Если контур не замкнут, то заливка будет произведена по кратчайшему расстоянию между первой и последней точкой контура.

Как рисовать пером в режиме Shape Layer (Фигура)

Чтобы получить капельку, переключитесь на режим рисования фигур . В параметрах инструмента установите Color (Цвет) в который будет окрашена фигура. В выпадающем меню Style (Стиль) можно выбрать интересный, уже готовый стиль.

Обратите внимание на палитру слои. Фигура автоматически рисуется на отдельном слое.

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

Изменение стиля наложения для слоя с фигурой

После того как узор будет закончен, можно придать ему дополнительные стили. Для этого нажмите правую кнопку мыши на слое с завитками и выберите пункт Layer Style (Параметры наложения). Отметте галочками Drop

Shadow(Тень) и Bevel and Embos (Тиснение). Поэксперементируйте с включением других настроек. Если настройки стиля по умолчанию вас не устраивают, то двойной щелчок по названию любого из них открывает дополнительное окно для редактирования.

 

Векторные примитивные инструменты для рисования фигур.

  Кто сказал, что рисовать можно только кисточками и карандашами? В этом уроке мы с вами начали рисовать векторным инструментом Pen (Перо) и создали свой первый векторный узор. А теперь, вспомните с чего начинаются детские рисунки. Вспомнили? Правильно! С самых простых геометрических фигур. Солнышко — это кружок. Домик — это квадрат и треугольник. Все конечно знают песенку из м/ф «Осьминожки»в которой есть такие слова: «палка, палка, огуречик, вот и вышел человечек…» В современной рекламе, да и просто в иллюстрациях часто можно встретить элементы простой векторной графики. Вот и мы с вами сейчас окунемся с головой в детство и попробуем нарисовать рисунок из простейших векторных фигур, которых в программе Photoshop предостаточно.

  Начнем с инструмента Rectangle (Прямоугольник). Действие этого инструмента похоже на работу инструмента Rectangular Marquee (Прямоугольное выделение/область). Зажав левую кнопку мыши нарисуйте прямоугольник нужной величины. Если хотите чтобы получился квадрат — нажмите и удерживайте клавишу Shift. Обратите внимание на палитру Layers (Слои) — рядом с миниатюрой прямоугольника появилась миниатюра маски.

  Два раза кликните по первой миниатюре в палитре Layers (Слои) для изменения цвета заливки фигуры и выберите подходящий цвет.

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

Включите режим сетки: меню View (Просмотр) — Show (Показать) — Grid (Сетку). Комбинация клавиш ctrl + ‘. Выберите инструмент Move (Перемещение). Потяните за боковые точки для изменения пропорций большого прямоугольника. Выравняйте его по сетке. Нажмите

Enter для подтверждения изменений.

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

 Переключитесь на инструмент Pen (Перо). В панели параметров установите режим Shape Layer (Фигура). Начертите крышу в виде треугольника. Для симметрии используйте сетку (как на школьной тетрадке).

Остальные векторные инструменты работают аналогично.

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

Ellipse Tool (Эллипс). Чтобы нарисовать круг — нажмите и удерживайте клавишу Shift.

Для простого прямоугольника, для прямоугольника со скругленными углами и для эллипса вы можете задать дополнительные настройки:

Unconstrained (Произвольно). Этот режим установлен по умолчанию. Фигура рисуется произвольным образом.

Square (Квадрат). При включении этой настройки включается режим 1:1. Это значит, что в результате вы получите ровный круг или квадрат. Лично я предпочитаю пользоваться для этого результата клавишей Shift.

Fixed Sized (Заданный размер) Используется для рисования точных фигур с определенными размерами, которые вы можете ввести в графы ширина и высота. Единицы измерения для этих граф можно выбрать, щелкнув правой кнопкой мыши внутри поля для ввода цифр. Затем щелкните левой кнопкой мыши в нужном месте документа и фигура будет вставлена.

Proportional (Задать пропорции). В графах для ввода значений можно задать необходимые пропорции. Например 1:2 или 6:9.

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

Snap to pixels (Привязать к пикселям). Включите этот параметр и ваши прямоугольники станут более четкими. Для использования этого параметра следует включить сетку ( Ctrl+’ ), т.к. привязка фигуры будет проходить по линиям сетки.

Слева фрагмент фигуры без привязки к пикселям (край размыт), справа с привязкой.

Polygon (Многоугольник). Параметр Sides (Стороны) назначает количество углов (от 3 до 100). Чем выше значение, тем больше многоугольник похож на круг.

Smooth Corners (Сгладить внешние углы). Прозволяет скруглить внешние углы.

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

Line (Линия). Инструмент рисует линию. Чем выше значение параметра Weight (Толщина), тем толще линия. При больших значениях можно начертить прямоугольник. Максимально можно задать 1000 пикселей. В параметрах инструмента можно включить отображение стрелок и отрегулировать их начертание.

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

Вопросы:

(правильный ответ вы можете узнать из викторины в конце видеоурока)

 http://fotiy.com/videouppod/video/6/pen_new2.swf

 

1. Как выполнить обводку контура?

– Меню Edit (Редактирование) – Stroke…(Выполнить обводку).

– Меню правой кнопки мыши инструмента Pen(Перо) – Stroke Path… (Выполнить обводку контура).

– Меню Layer (Слои ) – Layer Style (Стили слоя) – Stroke (Обводка).

– Правый клик мышкой по слою с контуром – Параметры наложения – Stroke (Обводка).

2. Как придать обводке контура сужение в начале и в конце?

– Отметить галочкой Simulate Pressure (Имитировать нажим) в настройках инструмента Brash(Кисть).

– Уменьшить диаметр кисти в начале и в конце контура.

– Отметить галочкой Simulate Pressure (Имитировать нажим) в окне Stroke Path (Выполнить обводку контура).

Домашнее задание

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

Как рисовать кривые пером в фотошопе? Создание выделение с помощью «Пера» Pen Tool.

Когда дело доходит до создания сложного выделения в Photoshop, пользователи делятся на два типа людей — те, кто знает и умеет пользоваться инструментом «Перо» (Pen Tool) и те, кто боятся его осваивать. Вторая группа пользователей, а их большинство, стараются отложить на потом изучение «Пера», либо просто не находят времени для обучения, полагая, что «Перо» — это слишком сложный и непонятный инструмент. В конечном счете, это сказывается на качестве и затраченном времени их работы в Photoshop, так как они застряли на использовании инструментов выделения группы «Лассо» (Lasso Tool).

В этом материале мы собираемся положить конец страданиям. Мы рассмотрим, насколько легко и эффективно на самом деле использовать «Pen Tool».

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

Ещё один интересный момент. Одно из основных заблуждений пользователей заключается в том, что многие считают, что Pen Tool — инструмент, используемый исключительно в Photoshop. Не тут-то было! Практически все популярные редакторы фотографий, и другие графические программы, включая 3D редакторы, используют аналог Pen Tool. Так что получение навыков работы «Пером» в Photoshop поможет в освоении и других графических программ!

Где находится инструмент «Перо»

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

Вы найдете Pen Tool в нижней части инструментальной панели:

Почему он так называется?

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

Дело в том, что это название сложилось исторически. Если Вы имеете какой-либо опыт работы с графическими программами, то Вы, наверняка, слышали такое понятие, как «линии Безье», или «кривые Безье».

Принцип работы «Пера» был придуман французским инженером по имени Пьер Безье, и создан он был для разработки дизайна автомобилей Renault. Этот метод получился настолько удачным, что получил дальнейшее распространение, теперь инструмент Безье (Bezier Pen) в тех или иных вариантах применяется во всех уважающих себя графических программах.

Не стала выделяться из общего строя и компания Adobe Photoshop, разработчики компании взяли принцип математического описания контуров, используемых инструментом Безье, прикрутили его к Photoshop`у и, чтобы не менять традиции, оставили «Перу» старое название.

А теперь мы переходим к тому, что мы можем получить с помощью «Пера». В Photoshop «Перо» создаёт контуры .

Контур — это математическое описание формы какой-либо фигуры, кроме всего прочего, контур является основным средством для создания изображений в векторных программах, таких, как CorelDRAW.

Но Photoshop — растровая программа, поэтому, контуры в нём имеют вспомогательное значение и, что самое главное, не являются частью изображения .

Контуры бывают двух видов — открытыми и замкнутыми, пример замкнутого контура — окружность, пример открытого — отрезок.

Подробнее создание контуров мы рассмотрим в дальнейших материалах этого цикла.

Обводим эскиз (Pen Tool с нуля)

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

Настройки

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

Также обязательно настройте кисть и ластик. Устанавливайте кисть не менее 3px, а ластик около 9рх, кисть должна быть жесткой круглой для обоих инструментов.
Так как мы будем использовать слои, убедитесь что открыта соответствующая панель (Layers). Создайте 3 основных слоя: фон (нижний слой), набросок, который вы будете обводить (средний слой), и собственно слой с обводкой (верхний).
И наконец последнее: убедитесь, что размер вашего рисунка не более 8 дьюмов по длинной стороне, и разрешение 300 dpi, иначе обводка может оказаться слишком толстой, или же наоборот тонкой. Экспериментируйте, чтобы найти комфортные для себя параметры, но я использую эти.

Создание обводки

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

1). Выбираем Pen tool.
2). Один клик мышью в любом месте нашего полотна (помните, что сейчас мы всего лишь практикуемся). На нем появится маленькая точка.
3). Теперь еще один клик, уже в другом месте. Так мы получим прямую линию.
4). Теперь нажмите правую кнопку мыши, чтобы увидеть набор опций. Нам нужно выбрать Stroke Path.

Появится окно. Выбираем Brush и НЕ нажимаем Simulate Pressure.

5). Нажмите Enter, и Ваша линия проявится! (Для следующей линии, когда появляется окно, можете сразу дважды нажимать Enter.) Это главная процедура при создании обводки.

Кривые

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

1). Выбираем Pen tool. (Это все еще только практика.)
2). Нарисуйте линию как в предыдущей части, НО не отпускайте кнопку, когда поставили вторую точку. Вместо этого подвигайте мышью по сторонам. Видите, как получается кривая? Итак, сейчас мы видим кривую, и еще 2 вектора. Один позволяет менять форму этой кривой, а второй — следующей (если зажать Alt). При обводке эскиза, вы будете пользоваться этим достаточно часто.

3). Теперь, когда у Вас есть кривая, которая Вам нужна, можете снова нажать в любом месте холста. Изгиб становится больше или круглее, и новые векторы позволяют манипулировать новой частью кривой. Помните, что делая второй вектор длинным, вы получите большой изгиб, а коротким — маленький.

4). Чтобы получить замкнутую кривую, просто нажите на точку, которую вы поставили первой. Это завершит форму, и вы сможете залить ее (Fill Path), если не собираетесь обводить.

Обводим набросок

Теперь, когда мы немного попрактиковались с Pen tool и представляем, что с его помощью можно делать, можем приступить к обводке нашего скетча. Слой с Вашим наброском должен находиться посередине, и мы будем только обводить его на верхнем слое, или на любом другом, который выше наброска. Я покажу Вам основные формы, с которыми вы можете столкнуться, обводя с помощью Pen tool, а так же объясню некоторые вещи, которые лучше оставить планшету (если есть такая возможность). Итак…

1). Выберете Pen tool.
2). Я обычно начинаю обводить с глаз моего персонажа. Так как я рисую анимэшные глаза большинству своих персонажей, я использую планшет. В тех случаях, когда я выбираю планшет, я обычно делаю кисть на несколько пикселей больше из-за разницы в нажиме. Убедитесь, что вы достаточно приблизили рисунок, так ваши линии будут четкими и гладкими.

3). Обычно, после глаз я начинаю работать над волосами. Так как волосы тоже в анимэ-стиле, здесь хорошо использовать Pen tool.
3А). Обводить волосы я никогда не начинаю с нижней точки. Только с верхней. Это позволяет мне быть уверенной, что кончики волос будут острыми. Это стоит запомнить для любых деталей, которые должны быть острыми.
3В). Всегда, когда мы обводим прядки, начинаем сверху и следующую точку ставим на кончике прядки. Так же я опускаю мышку немного ниже, чтобы получить эти изящные изгибы. (см. Кривые)

3С). Ох! Я знаю, вы не раз столкнетесь с этой проблемой. У меня получилась петля, но это легко исправить!

3D). Помните, я говорила, что придется часто использовать Alt? Пришло время. Зажмите Alt и поднимите нижний вектор. Так я перегну линию в другую сторону и завершу прядь.

3Е). Теперь контур завершен. Я обычно не делаю большие части за один раз. Это помогает избежать ошибок. Но, чтобы сохранить четкость изображения, нужно заострить детали. Pen tool может закруглить края.

Итак, пара легких движений ластиком…

Обратите внимание: Делайте это только для тех линий, которые не будут соединятся с другими. Я заостряю только одну линию, другая будет соединена с прядкой над глазом.

4). Рисование волнистых линий имеет немного общего с рисованием волос. Это требует больше навыков и практики. Здесь я показываю, как создать несколько основных волнистых линий, которые могут оказаться на вашем рисунке.

4А). Касательно средней кривой, я ставлю точку, следуя рисунку. Я вытягиваю вектор вниз, и повторяю форму линии эскиза.

4В). Я продолжаю как в примере с волосами. Зажимаем Alt и поворачиваем вектор немного вверх и влево.

4С). После обводки контура, все что нам осталось — это небольшие линии внутри. Нарисуйте их, подотрите кончики, и Вы получите готовую деталь.

5). Иногда на рисунках встречаются ровные круги, квадраты, овалы и треугольники. Вместо того, чтобы обводить их с помощью планшета или Pen tool, воспользуйтесь готовыми формами Фотошопа. Они работают так же, как Pen tool (то есть правая кнопка, Stroke Path, и дважды Enter).

5А). Так как позади моего персонажа расположен орнамент в виде солнца, мне понадобится использовать Circle Shape Tool. Создадим новый слой. Это поможет проще работать с формой. Теперь точно так же как и с Pen tool создайте контур и обведите его.

Так как мой круг находится на отдельном слое, я могу переместить его с помощью Move Tool и стереть лишнее.

Pen tool и планшет
Заключение

Розовый — планшет
Синий — Pen tool

На этом рисунке показано, где я предпочла воспользоваться планшетом, а не Pen tool.
Я обычно пользуюсь планшетом, чтобы нарисовать шерсть, глаза, нос и другие маленькие детали. Уши, волосы, и все-то, что требует длинных линий, сделано с помощью Pen tool.
В заключение, надеюсь что Вы подчерпнули для себя что-нибудь полезное из этого урока. Чем больше практики, тем быстрее и лучше у Вас будет получаться обводить свои рисунки!
Надеюсь, вам понравился мой урок

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

Особенности инструмента

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

Где находится инструмент перо

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

Инструмент Пьера Безье

Перо не похоже по своим функциям на чернильную ручку, потому у многих пользователей возникает вопрос, почему оно так называется. На самом деле инструмент для линии в «Фотошопе» называют также перо Безье или инструмент Безье, потому что он был создан человеком по имени Пьер Безье. Этот французский инженер работал на автомобильную компанию Renault. Он придумал причудливую математику, которая управляет инструментом. Перо изначально было создано, чтобы помочь проектировать автомобили и использовалось для рисования контуров.

Что такое пути

Пути — это то, что может показаться немного неуместным внутри программы, такой как Photoshop. Причина в том, что это прежде всего программа для пиксельной графики, а пути не имеют абсолютно ничего общего с пикселями и относятся к векторам. Это линия, которая идет от одной точки к другой. Она полностью независима от пикселей. Линия может быть прямой или изогнутой, но она всегда находится между двумя точками, которые называются опорными. Путь полностью отделен от самого изображения. Если попробовать напечатать картинку с видимым на экране контуром, то он не появится на бумаге. Кроме того, если сохранить изображение в виде файла JPEG и загрузить его на веб-сайт, его также не будет видно. Эти линии существуют только для Photoshop и глаз зрителя.

Теперь давайте разберемся, как пользоваться пером в «Фотошопе». Нам всегда нужно как минимум две точки, чтобы создать путь, так как мы должны знать, где он начинается и где заканчивается. Если использовать достаточно точек, чтобы привести путь обратно в начало и замкнуть контур, можно создавать разные фигуры, как при работе со стандартными инструментами в Photoshop. Например, инструмент «Прямоугольник» использует пути, связанные точками, для рисования прямоугольной формы, а инструмент «Эллипс» применяет их для рисования эллиптической формы и так далее. Все фигуры в «Фотошопе» — это контуры, созданные из путей.

Заполнение контура

Мы можем нарисовать квадратный контур, и если мы ничего не сделаем с ним, то есть не зальем цветом или не заштрихуем, то все, что получится — это основной контур квадрата. То же самое с кругом или любой другой формой. Сама линия — только контур фигуры. Можно выделить весь путь при помощи инструмента в виде черной стрелочки или лишь отдельные точки с помощью инструмента «Прямое выделение» (Direct Selection Tool).

Работа с сегментами

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

Выбор инструмента

Откройте новый документ в Photoshop. Не имеет значения, какого он размера. Затем выберите инструмент «Перо» на панели «Инструменты». Вы можете также выбрать его, нажав английскую букву P на клавиатуре. У инструмента есть два режима работы: Shape Layer («Форма») и Paths («Путь»). Перед тем как пользоваться пером в «Фотошопе», нужно убедиться, что мы работаем с путями, так как и по умолчанию инструмент использует другой режим.

Режимы работы с пером

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

Как создать путь

Кликните один раз в любом месте документа. Не перетаскивайте, просто нажмите на кнопку мыши. Когда вы это сделаете, то добавите небольшую квадратную точку. Эта первая точка, которую мы только что добавили, является отправной точкой пути. Кликните еще один раз внутри документа с помощью инструмента «Перо», чтобы добавить новую точку. Технически она называется якорной или опорной, так как является остановкой на пути по контуру. Для того чтобы передвинуть точку, возьмите инструмент Direct Selection Tool, иконка которого выглядит как белая стрелка. Выбранная точка будет темной, а остальные — с черной обводкой. Другой инструмент — Path Selection Tool — выбирает весь контур целиком. Можно добавлять и удалять точки специальными инструментами, которые находятся в том же меню, что и основной инструмент «Перо».

Добавление сегментов

Первая точка привязывает начало пути к определенному месту внутри документа. Когда мы добавим новые, каждая из них закрепит контур в этом месте. Должно быть как минимум две точки, чтобы создать путь, так как нужно указать, где он начинается и заканчивается. Теперь, когда у нас есть как начальная, так и конечная точка, Photoshop смог соединить их вместе, создав путь. Это первый сегмент контура. Добавим еще один, кликнув в другом месте внутри документа. Для того чтобы замкнуть путь, достаточно вновь нажать на отправную точку. Когда вы наведете курсор мыши на нее, в правом нижнем углу значка пера появится маленький кружок. Этот говорит о том, что мы собираемся пройти «полный круг», заканчивая путь там, где он начался. Чтобы замкнуть контур, нажмите непосредственно на начальную точку.

Выделение контура

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

Работа с палитрой Paths

Посмотрим на нижнюю часть палитры, там можно увидеть несколько иконок. Первый значок слева позволяет заполнить путь цветом с переднего плана. Второй значок слева — применить обводку к контуру, используя кисть. Третий значок слева преобразует путь в выделение. Сделать это можно и при помощи горячих клавиш Ctrl+Enter (Win) или Command+Return (Mac).

Работа с направляющими

На есть специальные «усы», позволяющие менять направление линии и искривлять ее. Они называются направляющими и контролируют длину, а также угол наклона кривой. Вытянуть их из точки просто — достаточно удерживать нажатой левую клавишу мыши. Работа с направляющими — это основной навык, который нужно освоить перед тем, как пользоваться инструментом «Перо» в «Фотошопе» профессионально. Чем длиннее направляющая, тем длиннее кривая. При вращении одной из них другая вращается в противоположном направлении. Для того чтобы управлять двумя направляющими по отдельности, нужно удерживать клавишу Alt.

Для изменения размера направляющей удерживайте нажатой клавишу Ctrl, чтобы переключиться на Direct Selection Tool. После этого кликните по окончанию направляющей и потяните за него. При помощи трех точек можно создать полукруг. Для этого у центральной нужно вытянуть направляющую горизонтально. Проще всего попробовать самим разобраться с работой направляющей — потренироваться самостоятельно вытягивать кривые и менять их направление. Практика в работе с «Фотошопом» — помощь самому себе на пути к профессионализму.

В 99% работ в Adobe Illustrator используется инструмент «Перо» (Pen tool) . Вот почему так важно хорошо им владеть. Ведь это даёт не только более качественный результат, но и ускоряет работу.

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

Функции

Курсоры

Pen tool может принимать различные формы в зависимости от того, на какое действие он сейчас настроен (автоматически или вручную). Для смены вида между ручкой и крестиком нажмите Caps Lock.

	Готов приступить
	Промежуточное состояние во время создания или редактирования кривой
	При нажатой мышке
	При выделенном сегменте кривой — добавление опорной точки
	То же, но удаление
	Подсвечивается только на начальной точке кривой и означает «замкнуть кривую»
	Подсвечивается на конечной точке не выделенной кривой. Означает продолжить
	У активной опорной точки означает регулировку ползунков

Контроль мышкой (кривая выбрана)

• Наведение Pen tool на опорную точку : удаление точки
• Наведение Pen tool на сегмент : добавление точки
• Наведение Pen tool на конечную опорную точку : отрегулировать ползунки

Контроль клавиатурой

• Если зажать Shift , то движения во время создания или редактирования точек будут производится под углами 45°, 90°, 135° или 180°
• Выберите опорную точку инструментом Direct selection tool и нажмите Delete . Удалится сама точка и прилегающие к ней сегменты.
• Pen tool + Option (Alt) : смена режима на Convert anchor point tool.
• Если навести Pen tool на кривую и нажать Cmd (Ctrl) — кривая выделится и станет доступна для редактирования.
• Pen tool + Option (Alt) во время создания кривой — появляется возможность изменить состояние ползунков (независимо друг от друга).
• Навести Pen tool на ползунок и Option (Alt) : то же, что и в п.5
• Scissors tool + Option (Alt)
• Add anchor point tool + Option (Alt) : режим инструмента Delete anchor point tool.
• Delete anchor point tool + Option (Alt) : режим инструмента Add anchor point tool.

Другие полезные приёмы

Улучшаем технику

Упражнения

Для закрепления материала существует несколько уроков. Просто скачайте файлы и выполните упражнения

Упражнение от Vectortuts

Упражнения от Veerle Pieters

Для Illustrator CS5
Для Illustrator CS3 и CS4

Видео

И напоследок несколько видео-уроков использования Pen tool в Illustrator

Все эти приёмы помогут улучшить качество и скорость работы инструментом Перо. Будьте профессиональны!

Некоторые хитрости помогут вам освоить перо в Фотошопе.

Для тренировки создайте документ 600 х 600 px, разрешение 150 , фон белый:

Для работы с «контурами » используют эти инструменты:

Для начала нужно запомнить следующее:

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

А если нажать Левой Кнопкой Мыши (ЛКМ) и протянуть — получите кривую Безье , с возможностью настройки ее кривизны. В данном случае, узлы будут гладкими.

Кривые Безье — задаются с помощью положения узлов и касательных (рычагов), которые соединяют направляющие и узловые точки.

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

Давайте попробуем:

Включите инструмент «перо », включите режим «контур » и выполните 1 -й пример (вверху).

Затем нажмите клавишу Esc (чтобы закончить вычерчивание первого контура) и выполните ниже 2 -й пример:

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

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

Чтобы добавить узел привязки – щелкните «пером » в нужном месте сегмента (возле значка перо появляется «плюс »).

В нарисованных контурах различают узлы: гладкий , угловой и узел стыка .

Гладкий узел – обеспечивает плавный переход от одного сегмента к другому в виде единой дуги.

Угловой узел – представляет угол между двумя прямыми сегментами и не имеет настроечных балансировочных точек (их еще называют маркеры Безье ). Такой узел может только перемещаться. Балансировочные точки позволяют изменять степень кривизны сегментов, соединяющихся в узловой точке, сглаживать углы контуров, точно обводить криволинейные поверхности.

Узел СТЫКА (ОСТРЫЙ узел) – используется в тех местах, когда нужно сделать резкую смену направления кривой или соединить прямолинейный сегмент и криволинейный с резким переходом.

Чтобы работать с узлами вам понадобятся инструменты редактирования и перемещения контуров:

Черная стрелка используется для перемещения всего контура. Для этого: щелкнуть черной стрелкой на линии контура – все узлы выделятся, взять любой узел или за саму кривую и переместить контур в нужное место (см. рисунок а) ниже) .

При перемещении с клавишей Alt контур будет дублироваться.

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

При перемещении вид стрелки изменится (см. рисунок ниже – б) ) .

Белой стрелкой можно изменять и сами сегменты.

Если сегмент криволинейный – при его перемещении он будет изменяться (вытягиваться и/или гнуться) — см. рисунок ниже – в) .

Если контур прямолинейный – он будет просто перенесен (см. рисунок ниже – г) ) .

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

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

При щелчке на гладком узле образуется угловой узел, а при протягивании углового узла – образуется гладкий узел.

Для работы с цифрами этих знаний достаточно, а рисовать будем вот что:

Начнем с самых простых чисел – 1 и 4 .

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

Сначала разберемся с одиночными дугами. Дуга имеет одно свойство – она настраивается.

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

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

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

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

Рисуются эти цифры одинаково, только одна сверху вниз, а другая снизу вверх.

Чтобы поправить нарисованный контур, используйте белую стрелку (двигайте узлы и поправляйте балансировочные точки).Ну и оставшиеся цифры 8 и 0 . Они обе замкнутые и гладкие и состоят из трех узлов.

Во всех узлах выполняется протягивание. 1 и 3 точки накладываются друг на друга:

Финальный результат

Оставшееся преобразование – острие у восьмерки и ноль к форме яйца попробуйте привести сами.

Читайте также…

Как нарисовать треугольник в фотошопе — бесплатный онлайн урок

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

Способов рисования треугольника в Adobe Photoshop CS 6 несколько. Начнем с инструмента «многоугольник».

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

Теперь выбираем цвет будущего треугольника. На той же панели инструментов. Этот способ позволит нам создать треугольник залитый цветом.

А теперь на верхней панели устанавливаем кол-во углов треугольника.

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

Давайте разберем еще один способ. Как нарисовать треугольник в фотошопе при помощи пера.

Возвращаемся к той же панели инструментов. Выбираем «перо».

Делаем 2 клика по рабочей области и замыкаем контур.

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

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

Как видите, выскочило окно, позволяющее выбрать нам два варианта. Обводка кистью или карандашом. Я применю кисть.

Знайте, что обводка контура будет выполнена при помощи настроек, которые были выставлены заблаговременно.

Обводка выполнена. Чтобы убрать контур, выберите инструмент «перо» вновь. Кликните левой клавишей мыши, чтобы вызвать контекстное меню. И выберите команду «удалить контур».

А теперь разберемся, как при помощи пера сделать треугольник заполненный цветом. Возвращаемся к контуру. Кликаем левой клавишей мыши. В выпадающем меню выбираем «образовать выделенную область». И переходим к боковой панели, к уже знакомому нам инструменту выбора цвета. Устанавливаем нужный. На той же панели ищем «заливку».

Кликаем по выделенной области.

Снимание выделение при помощи комбинации клавиш ctrl+d. Треугольник, залитый цветом готов!

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

Создание выделение с помощью «Пера» Pen Tool. Как пользоваться пером в фотошопе

Многих волнует вопрос, с какой стороны подойти к инструменту Перо?

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

Этот материал окажет вам неоценимую помощь в выполнении различных фотошоп уроков.

Инструменты группы «Перо» и работы с контуром: и

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

Итак, все начинается с Пера .

Будем рассматривать инструменты группы «Перо» на примере яйца! Причем не простого, а золотого! Теперь бегом в холодильник, потому что рисовать мы будем с натуры:)

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

Это конечно не яйцо, а какой-то неотесанный камень.

Перед тем как приступать к сглаживанию, познакомимся с двумя инструментами — это:

Редактирование контура

Выделение контура

Если вы щелкните черной стрелкой () по контуру, то на углах объекта появятся черные точки, и вы сможете легко передвигать контур.

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

Если вы щелкните по пустому контуру этим инструментом, то появятся белые точки.

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

Таким образом вы можете редактировать контур.

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

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

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

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

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

Кроме того, точки можно удалять с помощью инструмента

Мы лишились половины яйца.

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

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

Нарисуйте нужную форму:

У вас надеюсь лучше!

Затем берете стрелку редактирования и получаете что-то подобное:

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

Перо станет вашим любимым фотошоп инструментом.

Вот посмотрите, что случается с хрупкими продуктами как яйца, когда мимо пробегают беспардонные мышки.

Я снова вас приветствую, мои дорогие читатели. Погода как обычно радует и с +1 перескочила до -10, из-за чего после позавчерашнего «плавания по лужам» вся вода замерзла и на работу я уже не шел, а катился как на коньках. Хорошо, что хоть не упал). Ну это нам не помешает нашим занятиям в фотошопе, тем более, что я еще рассказал не про все инструменты выделения области.

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

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

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

Кстати, кроме обычного пера есть еще и инструмент «Свободное перо» , находящийся в данной группе. Но работает он по типу обычного инструмента «лассо», т.е. вы сами аккуратно ведете линию выделения. Такой способ подходит далеко не для всех.

Увеличение опорных точек

В чем еще одно преимущества Пера, так это в том, что само выделение можно редактировать даже после того как вы его закончили.

Представьте, что вы сделали выделение пером, но оно у вас получилось каким-то неровным и некоторые части выделения стоят дальше, чем края самого объекта и получается, что выделение какое-то обрезанное. Это не беда, так как всё это выделение можно отредактировать и сделать четким и ровным.

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

Добавление опорных точек

Если вам кажется, что опорных точек мало и вам нужны дополнительные, чтобы сделать выделение точнее, то выберете инструмент «Перо+» и добавьте еще одну или несколько точек на линии выделения. И редактировать будет легче. Ну и как вы поняли, с помощью инструмента «Перо- » мы наоборот сможем некоторые ненужные опорные точки убрать.

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

Ну как? Я надеюсь, что у всех всё получается, но если есть вопросы или комментарии, то не забудьте выразить свои мысли.

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

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

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

С уважением, Дмитрий Костин.

Этот простой в использовании пошаговый урок научит вас рисовать контуры и фигуры с помощью нового инструмента Curvature Pen Tool (P) (Перо кривизны) в Photoshop CC 2018. Так же вы узнаете, как преобразовать созданные контуры в слои-фигуры, векторные маски и выделение.

Видео: как рисовать с помощью инструмента «Перо кривизны»

Одной из самых значимых возможностей в Photoshop CC 2018 является новый инструмент Curvature Pen Tool (P) (Перо кривизны). «Перо кривизны» является упрощённой версией стандартного инструмента Pen Tool (P) (Перо). Он позволяет нам рисовать сложные фигуры и контуры без необходимости редактировать направляющие или запоминать клавиатурные комбинации. Использовать инструмент «Перо кривизны» так же просто, как добавлять опорные точки, щёлкая по рабочему холсту. Photoshop использует тпкие точки для автоматического рисования вашего контура. Как следует из его названия, инструмент «Перо кривизны» по умолчанию рисует изогнутые линии. Я так же покажу вам, как при помощи него рисовать прямые линии и переключаться между изогнутыми и прямыми линиями по мере необходимости. Подобно стандартному инструменту «Перо», вы так же легко сможете преобразовать контуры в выделение, позволяя любому, даже начинающему пользователю, создать идеальное выделение в Photoshop. Посмотрим, как это работает!

Инструмент Curvature Pen Tool (P) (Перо кривизны) доступен только в Photoshop CC 2018, поэтому вам необходимо обновить свою программу. Если вы являетесь подписчиком Creative Clouds, вы можете обновить свою программу, используя данный в качестве помощника. Давайте начнём!

1. Настройка документа

Создание нового документа

Вместо того, чтобы мне просто показать, как работает инструмент «Перо кривизны», я расскажу вам всё подробно, а вы просто следуйте за мной. Начнём мы с создания нового документа. Откройте Photoshop, перейдите в меню File (Файл) и выберите New (Создать).

Откроется диалоговое окно «Новый документ». На панели Preset Details (Подробные сведения о стиле) справа для ширины и высоты документа установите 1000 пикселей. Для разрешения установите 72 пикс/дюйм и убедитесь, что в поле «Cодержимое фона» установлен белый цвет. После всех изменений нажмите Create (Создать) в нижнем правом углу. На вашем экране откроется новый документ, заполненный белой заливкой.

Настройки для направляющих

Теперь, когда у нас есть документ, давайте добавим несколько направляющих, чтобы нам было легче рисовать. Для этого перейдите в меню View (Просмотр) и выберите New Guide Layout (Новый макет направляющей).

В диалоговом окне «Новый макет направляющей» введите значение 6 для двух параметров «Число столбцов» и «Число строк». Убедитесь, что значение Gutter (Средник) (или его ещё называют отступ) для столбцов и строк было пустым или ровнялось 0. Если у вас есть какие-либо ранее существующие направляющие, которые необходимо удалить, выберите опцию Clear Existing Guides (Удалить существующие направляющие) в нижней части окна. После внесения всех изменений нажмите OK.

Посмотрите на рабочий холст у вас появилась сетка в 6 строк и 6 столбцов из направляющих.

2. Как рисовать при помощи инструмента «Перо кривизны»

Выбираем инструмент Curvature Pen Tool (P) (Перо кривизны)

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

Изменяем режим для инструмента

Прежде чем мы начнём рисовать нашим новым инструментом, определитесь, что вы хотите нарисовать контур или фигуру, используя параметр Tool Mode (Режим инструмента) в верхней панели. По умолчанию для данного параметра задано значение Path (Контур), что мне и нужно. Если вы хотите нарисовать фигуру, установите значение Shape (Фигура). Я считаю, что проще нарисовать контур, потому что его легче видеть, когда вы рисуете, помимо этого свой контур вы сможете преобразовать в фигуру, когда закончите. Но об этом чуть позже. На данный момент оставьте режим инструмента без изменения (Контур).

Создаём начальную опорную точку

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

Добавляем вторую опорную точку для рисования прямой линии

Далее кликните ещё раз, чтобы добавить вторую опорную точку. Я добавлю её в месте пересечения двух направляющих самая первая вертикальная направляющая слева и центральная горизонтальная. Обратите внимание, что даже если инструмент называется «Перо кривизны», Photoshop рисует прямую линию, известную как сегмент контура между двумя опорными точками. Причина в том, что рисование кривой линии требует наличие трёх опорных точек. Первая – начало кривой, вторая – конец, третья — центральная. Центральная точка определяет угол и дугу кривой. Без неё Photoshop будет рисовать прямую линию.

Добавляем третью точку для рисования кривой

Кликните инструментом «Перо кривизны», чтобы добавить третью точку. Я добавлю её в месте пересечения двух направляющих самой верхней горизонтальной и центральной вертикальной. Как только вы добавите третью точку, прямая линия станет кривой.

Изменение толщины и цвета контура

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

Откроется диалоговое окно «Параметры контура», в котором вы можете изменить толщину контура в пределах от 0,5 до 3 пикселей, так же вы можете выбрать другой цвет для контура. Я задам толщину 3 пикселя и цвет Magenta (Пурпурный). Обратите внимание, что эти настройки доступны только для того, чтобы вы могли видеть свой контур во время работы. Они не влияют на фактический контур в документе. Чтобы закрыть диалоговое окно «параметры контура» снова кликните по значку шестерёнки.

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

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

Закрываем контур

Чтобы закрыть контур, кликните по начальной опорной точке. Мы нарисовали идеальный круг с помощью инструмента Curvature Pen Tool (P) (Перо кривизны).

3. Изменение формы контура

Перемещение опорной точки

Мы нарисовали наш контур, но можно легко вернуться и изменить его форму. На самом деле существует несколько способов сделать это. Вот один из них: с выбранным инструментом «Перо кривизны» кликните по опорной точке, чтобы выбрать, а затем перетащите её в новое место. Я переместил верхнюю опорную точку на две вертикальные направляющие вправо.

Добавляем дополнительные опорные точки

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

Затем переместил её в сторону верхнего левого угла. Опирайтесь на скриншот ниже.

Переключение между «гладкой» и угловой точками

До сих пор все опорные точки, которые мы добавили инструментом «Перо кривизны», были точками кривой (их так же называют «гладкие точки»). То есть форма пути изгибается, проходя через точку. Другой способ изменить форму контура – преобразовать точку кривой в угловую точку. Для этого дважды щёлкните по существующей точке кривой.

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

Удаление опорной точки

Для удаления опорной точки с выбранным инструментом «Перо кривизны» выделите точку, а затем нажмите клавишу Backspace (Win)/Delete (Mac) на клавиатуре. Я удалил точку, с которой мы чуть ранее делали преобразование, и контур вернулся к той же форме, в которой он находился перед добавлением точки.

Удаление всего контура

Чтобы удалить весь контур, сделайте клик правой кнопкой мыши внутри документа и выберите Delete Path (Удалить контур). Так же можно удалить весь контур, нажимая Backspace (Win)/Delete (Mac) на клавиатуре, если не выбраны никакие опорные точки.

Я удалил весь контур, чтобы вернуться к чистому документу.

Рисуем прямые контуры с помощью инструмента Curvature Pen Tool (P) (Перо кривизны)

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

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

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

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

Я добавлю четвёртую опорную точку, дважды кликнув по правому нижнему углу. И опять Photoshop добавляет прямолинейный сегмент.

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

Преобразование прямолинейного сегмента в арку

Что, если вместо плоской горизонтальной линии в верхней части прямоугольной фигуры вы хотите сделать арку? С помощью инструмента Curvature Pen Tool (P) (Перо кривизны) это легко. Всё, что необходимо сделать, — это кликнуть в любом месте сегмента верхнего контура, чтобы добавить новую опорную точку.

Затем перетащите новую точку вверх для создания арки.

Перемещение одновременно нескольких опорных точек

До сих пор мы узнали, как переместить отдельную опорную точку, кликнув и перетащив её с помощью нового инструмента. Но что, если нам необходимо переместить сразу две или несколько опорных точек? В этом случае мы можем использовать инструмент Direct Selection Tool (A) (Выделение узла), выглядит он в виде белой стрелочки. Находится он в одном наборе с инструментом Path Selection Tool (A) (Выделение контура) в виде чёрной стрелки на панели инструментов. Нажмите и удерживайте инструмент «Выделение контура», пока не появится выпадающий список, а затем выберите инструмент «Выделение узла».

Предположим, мы хотим изменить высоту нашей прямоугольной фигуры. Нам нужно выбрать все три точки, составляющие верхнюю её часть (точки в верхнем левом и верхнем правом углах и по центру вверху арки). Чтобы выбрать сразу эти три точки, нажмите и перетащите прямоугольную область вокруг всех трёх точек с помощью инструмента «Выделение узла».

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

Вернитесь к инструменту «Перо кривизны», повторно выбрав его на панели инструментов.

Чтобы удалить контур и начать всё заново, кликните правой кнопкой мыши внутри документа и выберите Delete Path (Удалить контур).

4. Рисуем сердце с помощью инструмента Curvature Pen Tool (P) (Перо кривизны)

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

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

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

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

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

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

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

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

Отключение направляющих

Мы закончили рисовать инструментом Curvature Pen Tool (P) (Перо кривизны), поэтому давайте удалим направляющие. Для этого перейдите в меню View > Show (Просмотр — Показать) и выберите Guides (Направляющие).

В результате на рабочем холсте останется только наш контур в виде сердца.

5. Преобразование контура в выделение, векторную маску или фигуру

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

Выделение контура

Для преобразования контура в выделение выберите Selection (Выделение).

Photoshop откроет диалоговое окно Make Selection (Выделить область), по желанию вы можете внести какие-либо изменения в окне или просто нажмите OK, чтобы закрыть диалоговое окно.

Программа мгновенно преобразует контур в выделение подобно «марширующим муравьям».

Давайте отменим выделение и рассмотрим два других варианта. Для этого перейдите в меню Edit > Undo Selection Change (Редактирование — Отменить: замена выделенной области) или нажмите Ctrl + Z на клавиатуре.

Векторная маска

Чтобы создать векторную маску из контура выберите вариант Mask (Маска) на панели параметров.

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

И если мы посмотрим на панель слоёв, то увидим миниатюру векторной маски.

Я отменил второй вариант, чтобы продемонстрировать вам третий. Для отмены так же пройдите во вкладку Edit > Undo Add Vector Mask (Редактирование — Отменить: добавить векторную маску) или нажмите Ctrl + Z на клавиатуре.

Фигура

Наконец, чтобы преобразовать контур, нарисованный инструментом Curvature Pen Tool (P) (Перо кривизны), в фигуру, выберите Shape (Фигура) на панели параметров.

Photoshop заполнит новую фигуру текущим цветом переднего плана, в моём случае это чёрный.

Если мы снова обратимся на панель слоёв, то увидим новый слой Shape 1. Чтобы изменить цвет фигуры, дважды кликните по миниатюре фигуры.

Затем выберите новый цвет из окна Color Picker (Палитра цветов). Поскольку мы нарисовали форму сердца, я выберу красный оттенок. Нажмите OK, когда закончите, чтобы закрыть окно.

Чтобы скрыть контур вокруг фигуры, нажмите Enter (Win)/Return (Mac) на клавиатуре. Или просто выберите другой инструмент на панели инструментов. Моя форма сердца теперь заполнена красным цветом.

Вот и всё! Это наш пошаговый урок по рисованию контуров и фигур с помощью нового инструмента Curvature Pen Tool (P) (Перо кривизны) в Photoshop CC 2018.

Инструмент Перо (Pen Tool) присутствует практически во всем диапазоне продукции Adobe. Его функции и применение варьируются в зависимости от используемого приложения, и, освоив Перо (Pen tool), вы будете работать значительно быстрее, качественнее и с лучшими результатами. В этом уроке вы узнаете, как использовать Перо в программе Photoshop.

Прежде чем начать изучение инструмента, скачайте файл PSD с упражнением (http://d2f8dzk2mhcqts.cloudfront.net/221_Pen_Tool/Pen_Tool_Exercise.psd.zip) и, следуя рекомендациям в уроке, попробуйте сами создать подобный контур.

Функции

Перо (Pen Tool) : кликните по холсту, создавая контур из нескольких прямых сегментов. Кликните и перетащите манипуляторы из опорной точки для создания контуров с изогнутыми линиями, так называемыми «кривыми Безье». (http://en.wikipedia.org/wiki/Bézier_curve) . Используя манипуляторы, можно округлять сегменты, выстраивая плавные очертания контура.

Инструмент «Свободное перо» (Freehand Pen tool) : щелкните по холсту и свободно рисуйте, как если бы вы рисовали кистью.

Инструмент «Добавить опорную точку» (Add Anchor Point) : щелкнув по любому сегменту контура, вы можете добавить дополнительную опорную точку.

Инструмент «Удалить опорную точку» (Delete Anchor Point) : щелкнув по любой опорной точке контура, вы можете удалить ее с него.

Инструмент «Угол» (Convert Point tool) : нажмите на любую точку контура и вытяните из нее манипуляторы для изменения формы сегмента. Чтобы удалить манипуляторы с опорной точки, снова щелкните по ней.

Сочетание клавиш

Клавиша P: Выбор инструмента Перо (Pen Tool) или Свободное Перо (Freeform Pen tool) в зависимости от того, который был последним установлен в панели инструментов.

Курсоры

Инструмент Перо (Pen tool) принимает различные формы в зависимости от того, что именно вы делаете, когда его используете.

Клавиша Caps Lock выполняет переключение между указателем (иконка) и перекрестием инструмента.

– подготовка к началу создания контура;

– в процессе создания или редактирования контура;

– при нажатии мышью;

– добавить опорную точку контура;

– удаление опорной точки с контура;

– возврат в начальную точку контура при его закрытии;

– остановка на конечной точке во время создания контура для ее редактирования;

–подготовка для преобразования опорной точки;

–свободное перо;

– магнитное свободное перо;

– инструмент Direct Selection Tool (Стрелка) . Активируется также инструментом Перо (Pen Tool) с нажатой клавишей Ctrl (Сommand) .

– инструмент Path Selection Tool (Выделение контура) . Активируется с инструментом Перо (Pen tool) c нажатыми клавишами Alt+Ctrl (Alt+Command) .

–время остановки над холстом с нажатой клавишей Ctrl, подготовка для опций меню.

Вторичное управление мышью (во время создания контура автоматическое добавление (Add) /удаление (Delete) ) опорных точек).

Инструмент Перо при подведении мыши к любой опорной точке контура изменяется на инструмент «Удалить опорную точку» (Delete anchor point tool) .

Инструмент Перо при подведении мыши к любому сегменту контура изменяется на инструмент «Добавить опорную точку» (Add anchor point tool) .

Управление клавиатурой

Нажатие Ctrl и клик по холсту открывает меню опций;

Нажатие Shift на опорной точке контура выполняет управление кривой под углами 45, 90, 135 или 180° при ее создании или редактировании;

Выбираем опорную точку контура инструментом «Стрелка» (Direct selection tool) и нажимаем клавишу Delete (Удалить) . Удаляется данная опорная точка и два прилегающих к ней сегмента;

Сочетание Перо (Pen Tool) +Alt активирует инструмент «Угол» (Convert anchor point tool) ;

Сочетание Перо (Pen Tool) +Alt позволяет редактировать контур, используя на узловой точке кривую Безье. Разбивает кривую на две рукоятки.

Сочетание Перо (Pen tool) +Ctrl во время создания контура активирует инструмент «Стрелка» (Direct Selection Tool) , позволяющий переместить созданные ранее опорные точки.

Параметры

Панель параметров (Windows-Options) , как правило, расположена в верхней части экрана, и содержит наиболее важные настройки для выбранного вами инструмента.

Это также относится и к инструментам группы Перо (Pen Tools) .

1. Наборы (Presets) : данная опция позволяет сохранять созданные наборы выбранного вами инструмента. Определяет опции, показанные ниже, и сохраняет созданный набор для быстрого возврата к нему в случае необходимости. Сохранение набора выполняется нажатием на иконку нового набора справа (выглядит, как иконка нового слоя) .

2. Слой-фигура (Shape Layers) : вторая иконка в панели параметров. При ее активации контур будет создаваться в виде векторной фигуры с заданным цветом. Отражается в палитре «Контуры» (Paths) и в панели «Слои» (Layers) в виде векторной маски.

3. Контуры (Paths) : третья иконка в панели параметров. Выглядит, как перо в рамке. При ее активации контур создается обычным способом. Отражается в панели «Контуры» (Paths) .

4. Заливка пикселей (Fill Pixels) : четвертая иконка в панели параметров. Активируется при выборе любого инструмента векторных фигур. При создании фигуры заполняется выбранным цветом заливки.

Перо (Pen Tool) : эта иконка активирует инструмент Перо.

Свободное перо (Freehand Pen Tool) : активирует инструмент Свободное перо (Freehand Pen Tool) .

Резиновая лента (Rubber Band) или просмотр контура: эта опция доступна при активации инструмента Перо (Pen Tool) . Помогает представить визуально контур, который вы хотите создать, без необходимости нажатия мышью на холсте.

Кривые (Curve fit) (Freehand Pen Tool) . Позволяет установить свои настройки для создания контура. Введенное значение погрешности определяет точность, с которой манипуляторы Безье будут добавлены к вашему свободному контуру. Чем выше значение, тем точнее будет ваш результат. Требуемое значение от 0,5 до 10 рх.

Магнитное перо (Magnetic) : опция доступна при активации инструмента «Свободное перо» (Freehand Pen) . Позволяет создавать контур по краю изображения, как бы «примагничиваясь» к пограничным пикселям. В параметрах настройки инструмента можно задать ширину области контура, контрастность пикселей и частоту (кол-во) опорных точек контура.

Опция «Нажим пера» (Pen Pressure) : доступна при активации инструмента «Свободное Перо» (Freehand Pen Tool) . позволяет при использовании планшета выполнять имитацию нажима на ручку, влияет на толщину пера.

Автоматическое добавление/удаление (Add/Delete) : опция доступна при активации инструмента Перо (Pen tool) . Позволяет добавлять или удалять опорные точки при создании контура (см. главу «Вторичное управление мышью») .

Варианты выделения контуров (Pathfinders) : эти параметры позволяют выполнить добавление контуров, вычитание, их исключение и пересечение.

Стиль слоя (Layer Style) : опция доступна при активации параметра слоя-фигуры (иконка рамки в верхней панели настроек) . При выбранном вами в верхнем выпадающем меню стиле слоя создается векторная фигура с заданными параметрами как отдельный слой (если активна иконка скрепки) или на текущем слое (если иконка скрепки не активна) .

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

Переходим в меню Просмотр — Показать – Сетку (View > Snap To > Grid) для более точного создания контура.

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

Перетаскиваем манипуляторы вокруг одной трети кривой для округления вашего контура.

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

Используйте опорные точки дозировано: чем их меньше, тем аккуратнее контур.

Упражнения

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

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

Итак, выберите на панели инструментов инструмент «Перо»

Панель параметров этого инструмента такая же как у инструментов типа «Фигура»:

• Перо — позволяет создавать контуры. Суть его работы: вычерчивание прямой или дугообразной линии от одной опорной точки до другой.


• Свободное перо — очень похож на инструмент «Лассо», только тот создает выделение, а «Свободное перо» — контур. Его хорошо использовать тем, кто может точно рисовать курсором мыши.


• Магнитное перо — «Свободное перо» станет «Магнитным пером», если поставить галочку у «Магнитное». Этот инструмент применяется для точного выделения объектов (впрочем также как и инструмент «Перо»).

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

Самое простое, что можно нарисовать, это контур из прямых отрезков. Для этого:

1. Выберите инструмент «Перо».


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


3. Теперь щелкните в том месте, где должен быть конец отрезка. Сейчас отобразился первый отрезок.


4. Так, щелкая по холсту, вы будете создавать опорные точки и отрезки между ними.


5. Для завершения создания контура щелкните по первой опорной точке.

Теперь будем рисовать дугообразные отрезки. Для этого:

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

• Перо+ — добавляет точки привязки.


• Перо- — удаляет точки привязки.


• Угол — изменяет свойства узловых точек. В контурах различают три вида узловых точек:
  • Гладкий узел — обеспечивает плавный переход от одного сегмента к другому в виде единой дуги.
  
  
  • Угловой узел — представляет собой угол между двумя прямыми и не имеет настроечных балансировочных точек.
  
  
  • Острый узел — используется в тех местах, когда нужно сделать резкую смену направления кривой или соединить отрезок и кривую с резким переходом.
  
  
  Так вот при щелчке инструментом «Узел» на гладком узле образуется угловой узел, а при протягивании углового узла – образуется гладкий узел.

Попробуем на деле:

Теперь возьмите на панели инструментов «Выделение контура»:

• Выделение контура — используется для перемещения всего контура. Для этого: возьмите этот инструмент, нажмите мышкой на контур (курсор в виде черной стрелки) и перетащите в нужное место.


• Стрелка — используется для перемещения части контура. Для этого: возьмите этот инструмент, нажмите мышкой на нужный узел контура (курсор в виде белой стрелки) и перетащите в нужное место.

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

Для закрепления этого материала, потренируемся рисовать цифры:

1. Щелкаем в точке 3 и, не отпуская, протягиваем дугу нужной формы.

В панели «Контуры» сохраните контур с именем «Цифра 1» и создайте новый контур с именем «Цифра 2». Будем рисовать цифру 2.

1. Берем инструмент «Перо» и щелкаем в точке 1, отпускаем.


2. Щелкаем в точке 2, отпускаем. Появилась прямая линия.


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


4. Щелкаем в точке 4 и, не отпуская, протягиваем вверх до образования дуги нужной формы.


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

В панели «Контуры» создайте новый контур с именем «Цифра 3». Будем рисовать цифру 3.

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

Как рисовать линии в Фотошопе

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

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

Создание линий

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

Прямая

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

Урок: Рисуем прямую линию в Фотошопе

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

Ломаная

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

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

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

  Урок: Инструмент Перо в Фотошопе — теория и практика

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

  А затем обвести полученный контур одним из инструментов (читайте урок про Перо).

• Другой вариант – составить ломаную линию из нескольких прямых. Можно, к примеру, нарисовать начальный элемент,

  после чего, путем копирования слоев (CTRL+J) и опции «Свободное трансформирование», включаемой нажатием клавиш CTRL+T, создать необходимую фигуру.

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

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

• Фигура.

  Урок: Инструменты для создания фигур в Фотошопе

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

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

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

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

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

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

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

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

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

  Для сохранения остроты углов положение рекомендуется делать «Внутри».

Кривая

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

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

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

2. Замкнутая

• Лассо.

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

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

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

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

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

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

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

• Фигура.

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

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

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

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

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

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

Помогла ли вам эта статья?

ДА НЕТ

Как делать кривые линии в фотошопе : Радиосхема.ру

На этой странице

?? Creative Cloud ?????????????????

В Photoshop предоставляется несколько инструментов «Перо», которые подойдут для ваших вариантов использования и стиля:

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

Используйте сочетание клавиш Shift+P для циклического просмотра инструментов в группе «Перо».

Инструменты группы «Перо» можно использовать в сочетании с инструментами группы «Фигура» для создания сложных фигур. Дополнительные сведения о режимах, которые могут использоваться для рисования инструментами группы «Перо», см. в разделе Режимы рисования.

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

Инструмент «Трассировка с учетом содержимого»

Инструмент «Трассировка с учетом содержимого» представлен как функция «Просмотры технологии» в выпуске Photoshop за октябрь 2021 г. Он позволяет создавать векторные контуры и выделенные области путем наведения курсора на края изображения и нажатия кнопки мыши.

Включите инструмент «Трассировка с учетом содержимого» в разделе Установки > Просмотры технологии , затем перезапустите Photoshop.

Попробуйте воспользоваться инструментом «Трассировка с учетом содержимого» , выполнив следующие пять простых действий:

В группе инструментов «Перо» выберите Инструмент «Трассировка с учетом содержимого» .

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

Чертим эскиз кривой с помощью инструмента Перо

Создадим новый документ любого размера в фотошопе. И активируем инструмент «Перо» горячей клавишей P.

1. Потом кликаем в том месте, где наша кривая линия будет начинаться, и еще раз в том месте, где она будет заканчиваться. Не беда, если вы промахнетесь, так как все точки, которые вы сделаете, можно будет всегда поправить. Вот такой отрезок у нас должен получиться (1 – начало отрезка, 2 – это конец отрезка).
2. Дальше активируем инструмент перо с плюсом.
3. Пером с плюсом добавляет опорную точку на нашем отрезке. После ее необходимо передвинуть в нужную вам сторону. Для этого кликайте по опорной точке и тащите ее. Вот что-то похожее в вас должно получиться (красная линия — это то, где изначально была линия).
4. При помощи якорей, которые изображены на скрине ниже, можно придать линии волнообразную форму.Вот, что-то подобное у вас должно получится:
5. Потренируйтесь и сделайте траекторию линии более причудливой. Вот, что у нас получилось:

Делаем обводку контура в фотошопе Кистью

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

1. Активируем инструмент «Кисть» с помощью горячей клавиши B:
2. Далее необходимо настроить ее под наши нужды. Для этого переходим в настройки кисти:
3. В открывшейся панели настраиваем кегль и интервал:
4. После того, как закончили настраивать кисть, необходимо закрыть панель настройки:
5. Снова выбираем «Перо» горячей клавишей P и кликаем по нашему контуру правой кнопкой мыши. В выпавшем меню выбираем пункт «Выполнить обводку контура»:
6. В следующем окне нужно выбрать инструмент, которым мы будем делать обводку. Так как мы настраивали кисть, то ее выбираем:
7. Нажимаем Ok:
8. Вот, что мы увидим в итоге:
9. Чтобы убрать контур, просто два раза нажмите Esc, и он исчезнет.

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

Создание кривых линий в фотошопе с помощью пера

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

Чертим эскиз кривой с помощью инструмента Перо

Создадим новый документ любого размера в фотошопе. И активируем инструмент «Перо» горячей клавишей P.

1. Потом кликаем в том месте, где наша кривая линия будет начинаться, и еще раз в том месте, где она будет заканчиваться. Не беда, если вы промахнетесь, так как все точки, которые вы сделаете, можно будет всегда поправить. Вот такой отрезок у нас должен получиться (1 – начало отрезка, 2 – это конец отрезка).
2. Дальше активируем инструмент перо с плюсом.
3. Пером с плюсом добавляет опорную точку на нашем отрезке. После ее необходимо передвинуть в нужную вам сторону. Для этого кликайте по опорной точке и тащите ее. Вот что-то похожее в вас должно получиться (красная линия — это то, где изначально была линия).
4. При помощи якорей, которые изображены на скрине ниже, можно придать линии волнообразную форму. Вот, что-то подобное у вас должно получится:
5. Потренируйтесь и сделайте траекторию линии более причудливой. Вот, что у нас получилось:

Делаем обводку контура в фотошопе Кистью

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

1. Активируем инструмент «Кисть» с помощью горячей клавиши B:
2. Далее необходимо настроить ее под наши нужды. Для этого переходим в настройки кисти:
3. В открывшейся панели настраиваем кегль и интервал:
4. После того, как закончили настраивать кисть, необходимо закрыть панель настройки:
5. Снова выбираем «Перо» горячей клавишей P и кликаем по нашему контуру правой кнопкой мыши. В выпавшем меню выбираем пункт «Выполнить обводку контура»:
6. В следующем окне нужно выбрать инструмент, которым мы будем делать обводку. Так как мы настраивали кисть, то ее выбираем:
7. Нажимаем Ok:
8. Вот, что мы увидим в итоге:
9. Чтобы убрать контур, просто два раза нажмите Esc, и он исчезнет.

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

Как нарисовать изогнутую линию в Photoshop. 3 простых способа.

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

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

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

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

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

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

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

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

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

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

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

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

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

Просмотров: 32827 | Автор материала admin

Автор также рекомендует:

Как рисовать линии в Фотошопе

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

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

Создание линий

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

Прямая

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

Урок: Рисуем прямую линию в Фотошопе

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

Ломаная

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

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

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

  Урок: Инструмент Перо в Фотошопе — теория и практика

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

  А затем обвести полученный контур одним из инструментов (читайте урок про Перо).

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

  после чего, путем копирования слоев (CTRL+J) и опции «Свободное трансформирование», включаемой нажатием клавиш CTRL+T, создать необходимую фигуру.

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

  Урок: Инструменты для создания фигур в Фотошопе

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

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

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

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

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

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

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

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

  Для сохранения остроты углов положение рекомендуется делать

  Кривая

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

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

• Замкнутая

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

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

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

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

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

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

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

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

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

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

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

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

Помогла ли вам эта статья?

как нарисовать инструментами «Перо» и «Фигура» в Photoshop CS5, урок TeachVideo

Как нарисовать кривые линии в Photoshop® CS5

Процесс рисования в «Adobe® Photoshop® CS5» включает в себя создание векторных («кривых») фигур и контуров. «Photoshop®» позволяет рисовать с помощью любого из инструментов группы «Фигура» и группы «Перо».
Режимы работы каждого инструмента можно изменять на панели атрибутов.

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

Рассмотрим более подробно назначение инструментов по работе с векторными объектами. Для создания кривых используется инструмент «Перо». С его помощью на фотоизображении можно рисовать кривые, а также редактировать их. Стоит отметить, что векторной линии можно задать цвет и цвет заливки замкнутых областей с помощью цветовой палитры. На панели атрибутов нажмите на кнопку «Слой-фигура» и нарисуйте замкнутую область с помощью инструмента «Перо».

Как вы можете заметить, замкнутая область фигуры автоматически залилась основным цветом. Все созданные объекты помещаются на автоматически созданный новый векторный слой. Для перемещения и выделения объектов необходимо использовать специальный инструмент «Выделение контура», расположенный на панели инструментов, так как обычные методы не применимы к векторным изображениям.
С помощь этого инструмента, мы можем перемещаться от объекта к объекту, а слои будут переключаться автоматически.

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

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

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

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

Как нарисовать кривую линию в Photoshop Как? Так!

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

1. 1 В панели инструментов (слева) выберите инструмент «Перо». Этот инструмент является одним из самых мощных и популярных инструментов в Photoshop, хотя к нему трудно привыкнуть. Панель инструментов «Перо» находится непосредственно над инструментом «Текст». Или просто нажмите клавишу P, чтобы автоматически выбрать «Перо».
2. 2 В панели опций (сверху) выберите «Контуры». При выборе любого инструмента в верхней части окна Photoshop открывается панель опций. В случае инструмента «Перо» убедитесь, что в крайнем левом меню панели опций выбрано значение «Контуры», а не «Фигура» или «Пиксели».
   • В новых версиях Photoshop щелкните по значку в виде шестеренки и включите функцию «Показать», чтобы активировать предварительный просмотр линии при ее прорисовке (данная функция очень полезна начинающим пользователям).
   • Остальные настройки можно оставить без изменений.
3. 3 На экране щелкните там, где вы хотите начать рисовать кривую линию. Это приведет к созданию опорной точки в виде небольшого черного квадрата; такие точки помогут вам нарисовать кривую линию. Ваша линия будет создана при помощи опорных точек и направляющих, но о последних поговорим позже. Сейчас просто щелкните там, где будет начинаться ваша кривая линия.
   • Зажмите и перетащите опорную точку, чтобы сразу получить кривую линию. Но сейчас лучше не изгибать линию, сделаем это чуть позже.
4. 4 Перетащите первую опорную точку, чтобы создать вторую опорную точку и приступить к изгибу линии. Щелкните по второй опорной точке и не отпускайте кнопку мыши. Перетащите вторую опорную точку в любом направлении, чтобы посмотреть, как изгибается линия. Прямая линия с кругами на концах – это направляющая, которая определяет то, как искривляется линия. Направляющие можно подправить позже, поэтому сейчас они могут быть произвольными.
   • Длинная направляющая приводит к созданию плавной кривой, а короткая направляющая – к резкому изменению хода кривой.
   • Пересечение направляющей приводит к тому, что линия искривляется по направлению к самой себе. Попробуйте использовать направляющие для ограничения кривой (наподобие забора), чтобы она шла в нужном вам направлении.
   • Согласно рекомендации компании Adobe длина направляющей должна составлять около 1/3 расстояния до следующей опорной точки, по которой вы собираетесь щелкнуть.
5. 5 Продолжайте добавлять опорные точки и направляющие. Помните о том, что их можно подправить позже. Закончите рисование линии с помощью инструмента «Перо». Если вам нужно избавиться от опорной точки, нажмите Ctrl+Alt+Z (Windows) или Cmd+Opt+Z, чтобы удалить каждую точку, начиная с последней. Если вы нажмете клавишу Del, это приведет к удалению только последней опорной точки. Добавляйте опорные точки, до тех пор пока ваша кривая не примет требуемую форму.
6. 6 Не пользуйтесь направляющими, если хотите получить острые углы. Для этого при создании новых опорных точек зажмите Alt (Windows) или Opt (Mac OS), что приведет к игнорированию направляющих.
7. 7 Откорректируйте кривую при помощи инструмента «Преобразовать опорную точку». Не волнуйтесь, это проще, чем кажется. На панели инструментов щелкните по инструменту «Перо» и удерживайте его нажатым. Откроется список аналогичных инструментов, предназначенных для создания особых контуров. В нижней части этого списка выберите инструмент «Преобразовать опорную точку», при помощи которого вы сможете изменить любую опорную точку или направляющую. Также этот инструмент позволит вам добавить или удалить опорную точку.
   • Вы также можете изменить начальную точку вашей кривой. Если вы рисуете новые кривые, перетащите начальную точку, чтобы сразу же создать направляющие.
8. 8 Закончите рисовать кривую, соединив начало и конец или щелкнув по новому инструменту. Закончив с построением кривой, щелкните по другому инструменту, чтобы выйти из режима рисования линий. Или зажмите Ctrl/Cmd и щелкните в любом месте, чтобы прекратить рисовать линии. Вы также можете соединить начало и конец кривой, если хотите получить некую фигуру, а не просто искривленную линию.
9. 9 Закончив искривлять линию, щелкните по кривой правой кнопкой мыши, чтобы обвести ее. Выберите один из инструментов «Перо» и щелкните правой кнопкой мыши по кривой; в открывшемся меню нажмите «Выполнить обводку контура». Откроется окно «Выполнить обводку контура», в котором вы сможете окрасить вашу кривую в определенный цвет. В меню «Инструмент» выберите «Кисть». Это приведет к автоматическому использованию любых установленных вами кистей для обводки кривой.
   • Перед тем, как нажать «Обвести», настройте параметры кисти.
   • Или нажмите клавишу B, чтобы настроить параметры кисти. Заданные вами параметры кисти, включая ее толщину и цвет, будут использованы при обводке кривой.
10. 10 На палитре слоев нажмите «Контуры», чтобы изменить старые контуры. На самом деле инструмент «Перо» ничего не рисует – он просто наносит контуры, которые можно использовать в разных целях. Чтобы подкорректировать кривую, измените только что созданные контуры или воспользуйтесь старыми контурами. Для этого нажмите «Контуры» на палитре слоев (расположена в правой части экрана), а затем выберите контуры, которые вы хотите использовать.

Советы

• К инструменту «Перо» нужно привыкнуть, потому что он не очень простой. Этот инструмент используется для точного обвода и вырезки элементов изображения, а также для создания различных фигур.

Прислал: Васильева Светлана . 2017-11-06 17:53:48

Работа с кривыми в Фотошопе

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

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

Инструмент Кривые

Далее поговорим об основных понятиях и способах применения инструмента для обработки фотографий.

Способы вызова кривых

Способов вызова на экран настроек инструмента два: горячие клавиши и корректирующий слой.

Горячие клавиши, по умолчанию присвоенные разработчиками Фотошопа «Кривым» — CTRL+M (в английской раскладке).

Корректирующий слой – особый слой, накладывающий на подлежащие слои в палитре определенный эффект, в данном случае мы увидим такой же результат, как если бы был применен инструмент «Кривые» обычным способом. Отличие состоит в том, что само изображение не подвергается изменению, а все настройки слоя можно поменять в любой момент. Профессионалы говорят: «Недеструктивная (или неразрушающая) обработка».

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

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

Маска корректирующего слоя Кривые

Маска данного слоя, в зависимости от свойств, выполняет две функции: скрывать или открывать эффект, определяемый настройками слоя. Белая маска открывает эффект на всем изображении (подлежащих слоях), черная – скрывает.

Благодаря маске мы имеем возможность применить корректирующий слой на определенном участке изображения. Это можно сделать двумя способами:

Инвертировать маску сочетанием клавиш CTRL+I и покрасить белой кистью те участки, на которых хотим видеть эффект.

Взять кисть черного цвета и удалить эффект оттуда, где мы его видеть не хотим.

Кривая

Кривая – основной инструмент настройки корректирующего слоя. С ее помощью изменяются различные свойства изображения, такие как яркость, контраст и насыщенность цветов. Работать с кривой можно как вручную, так и при помощи ввода входных и выходных значений.

Кроме того, Кривая позволяет отдельно корректировать свойства цветов, входящих в схему RGB (красный, зеленый и синий).

S-образная кривая

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

Точки черного и белого

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

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

Элементы окна настроек

Давайте кратко пройдемся по назначению кнопок окна настроек и приступим к практике.

Левая панель (сверху вниз):

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

Нижняя панель (слева направо):

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

Выпадающий список «Набор» позволяет выбрать из нескольких предустановленных настроек кривых.

Выпадающий список «Каналы» дает возможность редактировать цвета RGB по отдельности.

Кнопка «Авто» автоматически выравнивает яркость и контраст. Зачастую работает некорректно, поэтому редко используется в работе.

Практика

Исходное изображение для практического занятия выбрано следующее:

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

Осветление

1. Создаем первый корректирующий слой и осветляем изображение до тех пор, пока не выйдет из тени лицо модели и детали платья.

Инвертируем маску слоя (CTRL+I). Осветление исчезнет со всего изображения.

Берем кисть белого цвета с непрозрачностью 25-30%.

Кисть должна быть (обязательно) мягкая, круглая.

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

Тени ушли, лицо и детали платья открылись.

Цветокоррекция

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

2. Далее немного осветлим все изображение при помощи еще одного слоя «Кривые».

3. Придадим фотографии легкий налет винтажности. Для этого создадим еще один слой с кривыми, перейдем в синий канал и выполним настройку кривой, как на скрине.

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

Урок по «Кривым» окончен. Используйте данный инструмент в своей работе, так как с его помощью можно довольно быстро и эффективно обрабатывать проблемные (и не только) фотографии.

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

Сам по себе процесс рисования прямой или изогнутой линии в Photoshop довольно несложный, но начинающему пользователь не помешает изучить некоторые основные методы рисования линии. Из этого урока вы узнаете три основных способа создания линий, чаще всего для этого используются инструменты «Кисть» (Brush Tool), «Перо» (Pen Tool) и инструмент «Линия» (Line Tool) для создания простых прямых линий.

Рисуем линию инструментом «Кисть» (Brush Tool) и «Карандаш» (Pencil Tool)
Проще всего нарисовать линию в Photoshop инструментом «Кисть» (Brush Tool). Выберите круглую кисть, задайте небольшой диаметр, 100%-ную жёсткость и просто проведите курсором по документу. У Вас получится линия.

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

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

Аналогичным образом можно использовать инструмент «Карандаш» (Pencil Tool). Как видите, ничего сложного.

Но лично я чаще использую два других способа.

Создаём прямую линию инструментом «Линия» (Line Tool)

Другой способом рисования является использование инструмента «Линия» (Line Tool), доступного на инструментальной панели Photoshop:

Эта линия является векторной формой (Vector Shape), так что в последствии Вы можете легко изменить её форму, цвет и размер без потери качества. Вы также можете использовать клавишу Shift для построения горизонтальных, вертикальных и направленных под углом 45° линий:

Ломаная, прямая и кривая линия с помощью «Пера» (Pen Tool)

Третий иp распространённых способов создания лини — использование универсального инструмента «Перо» (Pen Tool):

Сначала необходимо переключить «Перо» на режим «Контур» (Paths), этот переключатель находится на панели параметров в верхнем левом углу окна программы. Затем кликните в том месте, где должна начинаться линия, это будет начальная точка, потом добавьте вторую точку и т.д.
То же самое правило действует и при нажатии клавиши Shift:

Давайте выполним несложную практическую работу. Сначала выберите инструмент «Кисть», задайте диаметр 3 пикселя,жёсткость 100%, цвет — чёрный.
Затем возьмите «Перо», выберите режим «Контур» и нарисуйте линию с помощью двух точек. Вы можете увидеть созданный контур на панели слоёв во вкладке «Контур» (Path), там наша линия будет добавлена в качестве рабочего контура (Work Path).

Но контур, созданный «Пером», это всего-лишь вспомогательный объект, и при сохранении картинки отображён не будет. Для того, чтобы визуализировать контур, нам следует выполнить его обводку.
При активном инструменте «Перо», кликните правой клавишей мыши по контуру в документе. Откроется контекстное меню, где нажмите на строку «Выполнить обводку контура» (Stroke Path):

Откроется новое окно, где выберите пункт «Кисть» (Brush) и нажмите ОК. Обводка толщиной в 3 пикселя появится:

Эту операцию лучше всего производить на новом прозрачном слое.

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

Ровные полоски в фотошопе

Привет всем любителям программы фотошоп!

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

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

Есть несколько способов нарисовать прямые линии в фотошопе, задав им цвет, толщину и другие стили. Обычно используют следующие инструменты: Кисть, Карандаш, Перо, Линия, Прямоугольная область. Какой инструмент лучше подходит для задачи — решать только вам. У каждого способа есть свои плюсы и недостатки.

Рисуем прямую линию инструментом Кисть (Brush Tool)

Проще всего нарисовать линию инструментом Кисть (Brush Tool). Создаем в фотошопе документ (Ctrl + N) с произвольным размером, у меня это 800х600 пикселей:

Активируем инструмент Кисть (Brush Tool). Горячая клавиша вызова инструмента – B.

В верхней панели настроек инструмента при необходимости меняем размер и жесткость кисти:

Какая-то она не совсем ровная, резонно заметите вы, так ведь?

Чтобы нарисовать идеально ровную линию, нужно перед началом рисования зажать клавишу Shift, провести линию и отпустить клавишу. Вот какая ровненькая линия получилась:

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

Рисуем прямую линию при помощи инструмента Карандаш (Pencil Tool)

Инструмент Карандаш (Pencil Tool) находится в той же группе инструментов, что и инструмент Кисть, горячая клавиша вызова инструмента – B.

Рисование линии при помощи инструмента Карандаш (Pencil Tool) аналогично рисованию Кистью – делаем клик мышью у начала линии, зажимаем клавишу Shift и проводим линию.

Рисуем линию инструментом Перо (Pen Tool)

Для того, чтобы нарисовать линию инструментом Перо понадобится чуть больше времени, чем в предыдущих случаях.

Активируйте инструмент Перо (Pen Tool), горячая клавиша вызова инструмента – P.

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

Создаем новый слой, нажимаем на иконку создания слоя в панели слоев:

Рисуем прямую линию – просто поставьте две точки. Чтобы нарисовать горизонтальную или вертикальную линию, снова зажимаем клавишу Shift:

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

Рисуем произвольные кривые линии и в конце зажимаем клавишу Ctrl с кликом мышью по холсту, чтобы завершить линии.

Линии готовы, но, к сожалению, они видны только в фотошопе во вкладке Контуры (Окно-Контуры (Window–Paths)), если сохранить изображение, к примеру, в формате jpg*, линии не будут отображаться.

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

Активируем инструмент Перо, щелкаем ПКМ по холсту и выбираем пункт «Выполнить обводку контура» (Stroke Path):

Откроется следующее окно, в котором в качестве источника нужно выбрать «Кисть», а галочку у «Имитировать нажим» (Simulate Pressure) желательно снять чтобы получились ровные линии:

Если оставить галочку «Имитировать нажим» (Simulate Pressure), линии к концам будут становиться тоньше:

Рисуем линию инструментом Линия (Line tool)

Один из самый распространённых способов нарисовать прямую линию в фотошопе это инструмент Линия. Находится в левой панели:

Прекрасно то, что можно легко настроить цвет и толщину линии:

С зажатым SHIFT я провожу прямые линии. Они создаются средством фигуры из вектора. Можно запросто нарисовать вертикальную, горизонтальную и под углом 45 градусов прямую линию.

Прямая линия с помощью выделения в фотошопе

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

Есть в фотошопе инструмент Прямоугольное выделение:

Например, нам нужна длинная и толстая линия в фотошопе. Выделяем нужную область:

Выбираем инструмент Заливка и устанавливаем цвет для будущей линии.

Заливаем цветом выделенную область и снимаем выделение CTRL+D. У нас получилась прямая линия.

Вот такие простые способы нарисовать линию в фотошоп. Надеемся, вам была полезна эта информация! Успехов в творчестве и хорошего настроения!

Сам по себе процесс рисования прямой или изогнутой линии в Photoshop довольно несложный, но начинающему пользователь не помешает изучить некоторые основные методы рисования линии. Из этого урока вы узнаете три основных способа создания линий, чаще всего для этого используются инструменты «Кисть» (Brush Tool), «Перо» (Pen Tool) и инструмент «Линия» (Line Tool) для создания простых прямых линий.

Рисуем линию инструментом «Кисть» (Brush Tool) и «Карандаш» (Pencil Tool)
Проще всего нарисовать линию в Photoshop инструментом «Кисть» (Brush Tool). Выберите круглую кисть, задайте небольшой диаметр, 100%-ную жёсткость и просто проведите курсором по документу. У Вас получится линия.

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

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

Аналогичным образом можно использовать инструмент «Карандаш» (Pencil Tool). Как видите, ничего сложного.

Но лично я чаще использую два других способа.

Создаём прямую линию инструментом «Линия» (Line Tool)

Другой способом рисования является использование инструмента «Линия» (Line Tool), доступного на инструментальной панели Photoshop:

Эта линия является векторной формой (Vector Shape), так что в последствии Вы можете легко изменить её форму, цвет и размер без потери качества. Вы также можете использовать клавишу Shift для построения горизонтальных, вертикальных и направленных под углом 45° линий:

Ломаная, прямая и кривая линия с помощью «Пера» (Pen Tool)

Третий иp распространённых способов создания лини — использование универсального инструмента «Перо» (Pen Tool):

Сначала необходимо переключить «Перо» на режим «Контур» (Paths), этот переключатель находится на панели параметров в верхнем левом углу окна программы. Затем кликните в том месте, где должна начинаться линия, это будет начальная точка, потом добавьте вторую точку и т.д.
То же самое правило действует и при нажатии клавиши Shift:

Давайте выполним несложную практическую работу. Сначала выберите инструмент «Кисть», задайте диаметр 3 пикселя,жёсткость 100%, цвет — чёрный.
Затем возьмите «Перо», выберите режим «Контур» и нарисуйте линию с помощью двух точек. Вы можете увидеть созданный контур на панели слоёв во вкладке «Контур» (Path), там наша линия будет добавлена в качестве рабочего контура (Work Path).

Но контур, созданный «Пером», это всего-лишь вспомогательный объект, и при сохранении картинки отображён не будет. Для того, чтобы визуализировать контур, нам следует выполнить его обводку.
При активном инструменте «Перо», кликните правой клавишей мыши по контуру в документе. Откроется контекстное меню, где нажмите на строку «Выполнить обводку контура» (Stroke Path):

Откроется новое окно, где выберите пункт «Кисть» (Brush) и нажмите ОК. Обводка толщиной в 3 пикселя появится:

Эту операцию лучше всего производить на новом прозрачном слое.

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

Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение «Фонарик» для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.

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

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

Заранее благодарен, Дмитрий.

QR-код для установки:

Если Вам понравился материал, скажите свое «спасибо», поделитесь ссылками с друзьями в социальных сетях! Спасибо!

Автор Ирина Сподаренко. Все права принадлежат автору. При использовании статьи ссылка на автора и источник обязательны.

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

Параллельные линии, сетку из прямоугольных ячеек, решетку проще создавать в программах векторной графики, таких как Аdobe Illustrator, например. Можно скачать подходящую текстуру или готовые клипарты.

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

1 способ.

Быстрее всего создать параллельные линии, используя стили.

Рисуем прямую линию инструментом Pensil(Карандаш) (чтобы линия получилась прямая, удерживайте нажатой клавишу Shft).

Среди встроенных стилей Photoshop есть стили Dotted Strokes (штрих-пунктирные обводки). Выбираем эти стили, используя меню палитры Styles (Стили): Window (Окно) > Styles (Стили).

Среди наборов стилей выберите стиль белые штрихи White 1pt 2pt-Spaced Dotted No Fill или другой, если Вам так больше нравится.

Получим линию из точек.

Эту линию нужно растянуть в ширину и получить из точек полоски. Но если Вы это сделаете прямо сейчас, то получится прямоугольник с точечной обводкой. Примените простой трюк: создайте новый пустой слой над слоем с линией из точек и объедините эти два слоя (выделите эти слои на панели слоев и выполните команду Merge (Объединить)).

После этого просто растяните линию в ширину командой Edit (Редактирование) >Transform (Трансформация).

Если над слоем с линиями создать новый слой, залить этот слой градиентной заливкой и применить к нему команду меню из панели слоев Create Clipping Mask (Создать обтравочную маску), то получится вот такая радужная полоска.

А применение команды Edit (Редактирование) >Transform (Трансформация) > Warp (Деформация), позволяет получить интересные эффекты.

2 способ.

Параллельные линии можно создавать с помощью градиентов. Недостаток этого способа существенный — нужно сначала создать градиент с помощью редактора градиентов. Если Вы не знаете ничего про работу с редактором градиентов — Вам сюда: Работа с градиентом

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

Создать градиент для рисования параллельных линий несложно. Открываете редактор градиентов и добавляете маркеры цвета в нужных позициях (просто щелкаете мышкой в нужных местах, цвет и расстояние задаете в соответствующих полях.). Поле Location задает отступ маркера в % от левого края, расстояния между маркерами это расстояние между линиями.

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

Пример использования этого градиента:

Маркеры над полосой градиента определяют прозрачность областей градиента. Белые маркеры обозначают прозрачные области (Opacity (Непрозрачность) равна 0). Этот градиент удобен для рисования на готовом фоне:

Пример использования этого градиента:

И не забывайте, что градиенты бывают разные — ромбовидные, радиальные, зеркальные, что позволяет одним легким движением создавать разные фигуры:

3 способ.

И, наконец, самый универсальный способ создания любых параллельных линий — с помощью экшенов (Action (Операции)). Что такое экшены можно узнать в статье Actions (Операции) в фотошопе

Для начала нарисуйте одну линию в новом слое.

Перейдите в палитру Actions (Операции), создайте новую операцию (Line, например), нажмите кнопку запись и выполните простые действия: скопируйте слой с линией и передвиньте его вверх или вниз на нужное расстояние. Работа сделана, нажмите кнопку Остановить запись. Должно получиться нечто такое:

После этого нажимайте треугольную кнопку Воспроизвести запись столько раз, сколько нужно линий.

В результате в изображении получается много слоев с линиями. Если вы довольны полученным результатом — объедините слои с линиями в один слой.

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

Использование инструмента «Перо» и других инструментов для создания специальных эффектов в Adobe Photoshop

Создание специальных эффектов

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

Начало работы с фильтрами Photoshop

Специальные эффекты в Photoshop CS6 называются «Фильтрами». И действительно, это неплохой способ думать о них, как о просмотре ваших изображений через специальный объектив. Подумайте о тех зеркалах в здании похорон на карнавале. В Photoshop CS6 даже есть несколько фильтров, которые могут имитировать эти волшебные зеркала:

Может получиться так, как если бы ваши фотографии были напечатаны на Silly Putty, а не на бумаге.

Найдите минутку, чтобы найти фильтры в строке меню в верхней части экрана Photoshop, и щелкните по ней.Здесь вы найдете список категорий фильтров, который выглядит следующим образом:

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

Здесь мы нажали Мазки кистью> Заштриховка:

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

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

Галерея фильтров

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

Чтобы найти галерею фильтров, щелкните «Фильтр»> «Галерея фильтров».Галерея фильтров выглядит так:

Изображение слева — это предварительный просмотр. Посмотрите на маленькую рамку чуть ниже, на которой написано 100%. Вы можете использовать это поле, чтобы изменить масштаб вашей фотографии. Меньшее число позволит вам сжать все изображение на экране, как в следующем примере.

Различные категории фильтров перечислены в среднем поле. Щелкните категорию, чтобы развернуть ее. Затем мы выберем «Подмалевок».

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

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

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

Смарт-фильтры

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

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

Для создания смарт-фильтра необходимо сначала преобразовать изображение в смарт-объект. Выберите «Фильтр»> «Преобразовать для смарт-фильтров».

Щелкните ОК.

Теперь вы можете открыть палитру слоев, чтобы убедиться, что ваше изображение преобразовано в смарт-объект. Вы увидите значок над изображением, который выглядит следующим образом (мы обвели его красным):

Теперь вы можете добавить фильтр так же, как и при обычных обстоятельствах. Мы выберем Artistic, Paint Daubs с размером кисти 22, резкостью 30 и типом кисти «Sparkle» из галереи фильтров.

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

Если вы добавите еще один фильтр, он появится над первым и так далее. Слои теперь можно перемещать, удалять или скрывать, как обычный слой. Чтобы настроить какой-либо аспект фильтра, теперь вы можете просто дважды щелкнуть его имя, чтобы открыть меню «Галерея фильтров», и поэкспериментировать с нужным содержимым, настройки которого можно изменить в любое время.

Создание текстовых эффектов

Вы можете деформировать его, обернуть вокруг объектов, добавить тени и многое другое.

Деформация текста

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

Чтобы деформировать текст, выберите текстовый слой и нажмите кнопку «Деформация» на панели параметров. Выглядит это так:. Откроется диалоговое окно «Деформация текста». Выберите стиль из раскрывающегося меню. По умолчанию выбрано «Нет», и никакие параметры недоступны. Выберем «Рыба».

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

Вы можете удалить деформацию в любое время, выбрав текстовый слой с деформированным текстом на нем, нажав кнопку «Деформировать текст» и выбрав «Нет» в раскрывающемся меню «Стиль».

Прежде чем мы продолжим, пожалуйста, найдите время, чтобы просмотреть параметры стиля «Деформированный текст» и ознакомиться с ними. Попробуйте применить их к тексту и настроить доступные параметры. Это даст вам хорошее представление о возможностях Photoshop CS6 по деформированию текста.

Ввод текста по пути

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

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

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

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

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

Применение градиентов к тексту

Текст — это просто еще один объект в Photoshop CS6, поэтому с ним можно работать так же, как с любым другим объектом. Его можно использовать как маску, его можно перемещать, раскрашивать, манипулировать и т. Д. Однако применить градиент к вашему тексту не так просто, как использовать инструмент «Градиент» на панели инструментов.

Щелкните инструмент «Текст» и введите текст. Убедитесь, что выделен новый слой с текстом на нем.Теперь продублируйте этот слой, щелкнув правой кнопкой мыши по слою на панели «Слои» и выбрав «Дублировать слой».

Выделив новый слой, щелкните его правой кнопкой мыши и выберите «Растеризовать тип».

Растеризация — это просто процесс преобразования векторного изображения в растровое изображение.

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

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

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

Возможно, вам придется изменить положение диалогового окна «Стиль слоя» на экране, чтобы текст был виден.

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

Нажмите OK, когда закончите, и посмотрите на панель Layer.

Вот наш текст:

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

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

Больше, чем ручка

Инструмент Pen , вероятно, самый мощный инструмент в Adobe Illustrator. Это позволяет художнику создавать формы с кривыми произвольной формы, и со временем и навыками большинство кривых, встречающихся в «реальном мире», можно скопировать с помощью инструмента Pen .

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

О путях

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

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

A. Выбранная (сплошная) конечная точка

B. Выбранная точка крепления
C. Сегмент криволинейной траектории
D. Линия направления
E. Точка направления

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

A. Четыре угловых точки
B. Положение одинаковых точек с использованием точек сглаживания
C. Положение одинаковых точек с объединением угловых и сглаженных точек

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

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

Рисование прямых сегментов

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

Вы можете продолжить создание дополнительных сегментов линии, щелкнув. Чтобы завершить свой путь, вы можете либо закрыть путь, либо оставить его «открытым». Чтобы замкнуть контур, поместите инструмент Pen на первую созданную вами опорную точку (вы должны увидеть небольшую петлю рядом с инструментом Pen , когда вы находитесь над первой опорной точкой) и щелкните один раз.Чтобы оставить путь открытым, просто выполните одно из следующих действий: а) выберите другой инструмент, б) нажмите кнопку , в) — или — щелкните монтажную область вдали от всех объектов, или г) выберите Правка> Снять все отметки .

Рисование изогнутых сегментов

Кривые создаются с помощью инструмента Pen для добавления узловых точек в местах изменения направления кривой и для перетаскивания точек направления, формирующих кривые.

Кривые

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

Чтобы нарисовать изогнутый сегмент:

1. Шаги Действия
1. Выберите инструмент Pen ().
2. Расположите кончик пера в том месте, где должна начинаться кривая. Удерживайте кнопку мыши нажатой. Появится первая опорная точка, а кончик пера изменится на стрелку ().
3. Перетащите, чтобы задать наклон создаваемого сегмента кривой.В общем, продлите направляющую линию примерно на одну треть расстояния до следующей точки привязки, которую вы планируете нарисовать. — перетащите, чтобы ограничить линию направления кратным 45 градусам.

A. Позиционирование Инструмент Pen
B. Начало перетаскивания (кнопка мыши нажата)
C. Перетаскивание для удлинения направляющих линий

1. Отпустите кнопку мыши, но обратите внимание, что первый сегмент не будет виден, пока вы не нарисуете вторую точку привязки.
2. Поместите инструмент Pen в то место, где должен заканчиваться сегмент кривой, а затем выполните одно из следующих действий:
   • Чтобы создать C-образную кривую, перетащите в направлении, противоположном предыдущей направляющей линии.

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

   • Чтобы создать S-образную кривую, перетащите в том же направлении, что и предыдущая направляющая линия.

     A. Начало перетаскивания новой точки сглаживания
     B. Перетаскивание в том же направлении, что и предыдущая линия направления, создание S-образной кривой
     C. Результат после отпускания кнопки мыши

3. Продолжайте перетаскивать инструмент Pen из разных мест, чтобы создать дополнительные точки сглаживания.
4. Завершите путь, выполнив одно из следующих действий:
   • Чтобы замкнуть траекторию, поместите инструмент Pen над первой (полой) опорной точкой.При правильном расположении рядом с кончиком пера появляется небольшая петля. Щелкните или перетащите, чтобы закрыть путь.
   • Чтобы оставить путь открытым, нажмите -щелкните (Windows) или -щелкните (Mac OS) в любом месте вдали от всех объектов, выберите Edit> Deselect All или выберите другой инструмент на панели инструментов.

Ремонт ваших линий

Часто ваши линии выглядят не так, как вы планировали. Вместо того, чтобы начинать заново, просто исправьте свои линии по мере необходимости!

Закрытие путей

Чтобы замкнуть контур, используйте инструмент Pen .Сначала выберите одну из двух точек, которые вы хотите соединить, затем выберите другую точку. Когда вы наводите курсор на первую точку, рядом с инструментом Pen будет косая черта. Когда вы наводите курсор на вторую точку, рядом с ней будет буква O.

Пункты обмена

Если вы хотите изменить точку с плавной точки на угловую, просто нажмите кнопку Convert Anchor Point на палитре Control и нажмите на точку, которую вы хотите изменить.Это приведет к преобразованию выбранной точки привязки в точку противоположного типа.

Добавление или удаление точек

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

Для задачи попробуйте воссоздать следующий контур, используя только инструмент Pen и инструменты Add Point , Subtract Point и Convert Point , упомянутые выше.

Инструмент «Ваше перо» — Planet Photoshop

Если вы новичок в Photoshop, вы ненавидите инструмент «Перо». Если вы какое-то время пользуетесь Photoshop, он вам понравится. Почему это? Что ж, позвольте мне показать вам несколько советов, которые помогут вам влюбиться в перо.

Инструмент «Перо», или инструмент Безье, как его называют в некоторых кругах, — отличная функция. Это позволяет вам очень плохо рисовать от руки, потому что вы можете получить кривые и линии, близкие к идеальным, а затем при необходимости скорректировать их.Начнем с основ.

Выберите инструмент «Перо» и получите чистый холст. Так работает инструмент «Перо».

1. Если вы щелкнете один раз, вы начнете новую точку привязки или точку соединения.

2. Если вы проведете линию (не нужно удерживать кнопку), она образует прямую линию.

3. Если щелкнуть где-нибудь еще раз и сразу отпустить, образуется острый угол.

4. Если щелкнуть где-нибудь еще раз, удерживать кнопку и «потянуть» мышь, получится закругленная кривая.

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

По большей части это все. У инструмента «Перо» есть еще несколько деталей, но в основном это именно так.

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

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

Ниже я создал овальную форму, а затем обвел ее с помощью инструмента «Перо».

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

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

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

Как использовать инструмент «Перо» в Adobe Photoshop

Adobe Photoshop • Уроки Стелиан Суботин • 12 февраля 2013 г. • 4 минуты ПРОЧИТАТЬ

В этом уроке я научу вас основам Photoshop Pen tool , который позволяет вам создавать свои собственные произвольные формы.Мы рассмотрим основы работы с инструментом и выполним серию коротких и простых упражнений, чтобы вы быстро освоили его!

Как вы могли знать или не знать, инструмент «Перо» — одна из немногих фигур в Photoshop, которые работают с векторной графикой. Такая графика намного лучше растровой, потому что когда вы работаете с векторной графикой, вам нечего терять при масштабировании,

Обзор

Это предварительный просмотр инструмента «Перо» на панели инструментов.Ярлык для инструмента «Перо» — это клавиша P на клавиатуре, и, как вы можете видеть, в раскрывающемся списке показаны другие четыре «вспомогательных инструмента» инструмента «Перо». Мы продолжим объяснять их прямо сейчас:

Инструмент «Перо»: Инструмент «Перо» позволяет создавать прямые, плавные изогнутые контуры и формы (векторные).

Конструктор шаблонов электронной почты в Интернете

С Postcards вы можете создавать и редактировать шаблоны электронных писем онлайн без каких-либо навыков программирования! Включает более 100 компонентов, которые помогут вам создавать собственные шаблоны электронных писем быстрее, чем когда-либо прежде.

Попробуйте бесплатноДругие продукты

Freeform Pen Tool: — это инструмент, который позволяет легко рисовать векторные фигуры и различные пути, автоматически добавляя точки привязки.

Инструмент «Добавить точку привязки»: — это инструмент, который добавляет привязки и изменяет фактические формы и контуры (которые являются контурами фигур).

Инструмент «Удалить опорную точку»: очень похож на предыдущий инструмент, с той лишь разницей, что этот инструмент удаляет опорные точки.

Инструмент преобразования точки: этот инструмент редактирует существующие маски фигур и контуры путем преобразования гладких узловых точек в угловые узловые точки.

Мы перейдем к некоторой практике, поэтому я возьму инструмент «Перо» и создам очень простую форму. Как видите, я создал треугольник, разместив 3 разных точки привязки, но для этого я активировал сетку Photoshop по умолчанию (CTRL / Command +;). Сетка чрезвычайно полезна при работе с инструментами «Форма / Путь», такими как инструмент «Перо», потому что у вас есть четкое представление о вашем рабочем пространстве, разделенном на равные части, что очень удобно.

Я использовал инструмент Freeform Pen Tool, чтобы создать форму, состоящую из квадратов, как показано на скриншоте.Инструмент «Перо произвольной формы» немного отличается от инструмента «Перо», поскольку он не позволяет так много манипулировать фигурами и ограничен прямыми линиями / квадратами.

Как видите, инструмент Freeform Pen Tool позволяет создавать еще несколько различных форм, но имейте в виду, что с помощью этого инструмента вы не сможете придумать ничего творческого или сложного. Я составил буквы «h» и «I» с помощью этого инструмента, но имейте в виду, что с его помощью вы больше ничего не можете сделать.

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

Еще один «вспомогательный инструмент» Pen Tool — «Добавить / удалить опорную точку», что может показаться запутанным, но на самом деле это не так. Как вы можете видеть на первом скриншоте, я создал очень простой путь. Используя инструмент «Удалить точку привязки», я просто щелкнул нижнюю левую точку привязки, и она была удалена — вот и все.

Практика

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

Возьмите инструмент «Перо», установите «Режим контура» на «Контуры» и начните обводить форму яблока. Это очень просто, и будет намного проще, если вы увеличите масштаб, чтобы вы могли четко видеть, где вы размещаете точки привязки.

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

Нравится то, что вы читаете? Подпишитесь на наши главные новости.

Оживите свой рисунок гладкими, привлекательными линиями

Не рисовать идеальные линии с первого раза — это нормально!

Чувствуете ли вы необходимость безупречно рисовать линии с первой попытки?

Нет нужды так думать!

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

Будьте готовы отменить (Ctrl + z) и рисовать, не беспокоясь

Это для тех случаев, когда вы хотите нарисовать длинные расслабленные линии. Это особенно эффективно, когда рисует гладкие волосы и контуры тела .

Не бойтесь ошибаться и продолжайте исправлять строчки, пока они вас не устроят!

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

Отследить, а затем привести в порядок

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

Использование перьевых инструментов разной толщины

Используете ли вы одинаковую толщину для всех линий вашего штрихового рисунка?

Толстые линии для контуров и переднего плана

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

Тонкие линии для внутренней части зрачков и ногтей

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

Различная толщина линии складок на одежде в зависимости от материала

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

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

Используйте более темные линии для теней и пересечений

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

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

Стабилизация

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

Стабилизация — это функция, которая автоматически устраняет колебания вашей линии во время рисования. Чем выше значение, тем ровнее линия. Этот параметр придает вашей работе более цифровой вид по сравнению с более низкими значениями.

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

Значения для коррекции различаются в зависимости от давления пера, предпочитаемого графического планшета и человека, поэтому лучше поэкспериментировать и найти предпочтительное значение.

Clip Studio Paint, MediBang Paint, Paint Tool SAI и GIMP имеют функции стабилизации. Если вы используете Adobe Photoshop CC , вы можете получить аналогичный эффект, используя параметр Smoothness .

Рисование с использованием векторов

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

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

Одна из популярных программ для создания векторных изображений — это Adobe Illustrator . Вы также можете использовать векторные слои в Clip Studio Paint . Векторные слои создают на линиях точки, называемые контрольными точками .Они позволяют рисовать векторные изображения. Вы также можете редактировать контрольные точки и линии по своему усмотрению после их рисования.

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

Вы также можете использовать векторные слои для стирания растянутых линий!

С растровыми слоями вы можете стереть важные линии, если хотите стереть ненужные части линии.Однако, если вы используете инструмент Vector Eraser в Clip Studio Paint, все, что вам нужно сделать, это нарисовать ненужную часть линии, чтобы стереть ее.

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

Как опытный иллюстратор, я привык думать, что векторные слои сложны и трудны. Однако, как только я начал их использовать, я понял, что они не слишком отличаются от обычных растровых слоев, за исключением того, что я могу корректировать свои линии по мере необходимости.Инструмент векторной ластики Clip Studio Paint действительно удобен! Если вы новичок в векторах, я настоятельно рекомендую попробовать!

Щелкните здесь, чтобы просмотреть пробную версию Clip Studio Paint PRO / EX

Повернуть холст

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

Проще рисовать сверху вниз или слева направо (если вы правша: справа налево, если вы левша). С другой стороны, рисовать снизу вверх или справа налево (слева направо, если вы левша) сравнительно сложно.

Если вы рисуете на смартфоне или планшете, гораздо проще повернуть устройство, чтобы получить лучший угол, чтобы преодолеть это.

Другие советы:

Положите лист бумаги на перьевой планшет!

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

Настройки графического планшета и монитора

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

1. Поместите графический планшет прямо перед экраном!

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

2. Задайте для области рисования графического планшета соотношение сторон монитора.

Если соотношение сторон монитора составляет 16: 9, то область рисования графического планшета также должна быть 16: 9. Если перьевой планшет слишком большой и ваши штрихи становятся слишком длинными для рисования, вам следует уменьшить область рисования, сохранив такое же соотношение сторон. Это сделает ваши штрихи меньше и упростит рисование.

Ключ к рисованию красивых линий — это найти тот стиль рисования, который вам больше всего подходит!

Автор: Мирин Ичиябоши (い ち や ぼ し み り ん) Иллюстрация: Кайсакэ (界 さ け)

Создал: Sideranch Inc.

Как нарисовать ручку и значок книги с помощью Photoshop и Illustrator

В этом уроке мы научимся рисовать ручку и значок книги с нуля с помощью Photoshop и Illustrator.Мы будем использовать базовые инструменты, такие как Перо и Кисть, и объединим их со стилем слоя, чтобы получить реалистичный результат. Давай начнем!

Это руководство написано специально для PSD Vault индонезийским графическим дизайнером Мохаммадом Джепри.

Предварительный просмотр окончательного результата — Учебное пособие по рисованию пером и значком книги

Вот значок, который мы создадим в этом уроке.

VIP-членство в PSD Vault

Вы можете скачать PSD-файл для этого руководства через VIP-зону всего за 6 долларов.95 / Месяц (или меньше)! Вы получите не только этот PSD-файл, но и более 200 других PSD-файлов + Дополнительные полезности + Эксклюзивные руководства по Photoshop. Зарегистрируйтесь сейчас и получите эксклюзив!

Шаг 1. Рисование пером в Illustrator

Начнем с рисования основной формы пера. Мы используем Illustrator, так как он проще и надежнее для векторного рисования. Но если у вас нет Illustrator, вы можете придерживаться Photoshop. По сути, процесс рисования в обоих программах схож.В Photoshop вы можете использовать Pen Tool и Shape Tool, чтобы нарисовать форму.

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

Шаг 2

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

Шаг 3

Повторите тот же шаг для нижнего угла.На этот раз радиус должен быть меньше верхних углов.

Шаг 4

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

Шаг 5. Рисование гнезда для пера

Мы собираемся построить гнездо для ручки. Он должен быть симметричным. Нарисуйте полуконус с помощью инструмента «Перо».

Шаг 6

Щелкните фигуру правой кнопкой мыши и выберите «Преобразовать»> «Отразить». В следующем диалоговом окне выберите Вертикально и нажмите Копировать

.

Шаг 7

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

Шаг 8

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

Пока что это та форма, которая у нас есть. Нам нужно нарисовать еще несколько фигур, чтобы завершить его.

Шаг 9. Рисование зажима для пера

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

Шаг 10

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

Шаг 11. Рисование резиновой ручки пера

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

Шаг 12

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

Шаг 13

Выберите обе S-линии. Нажмите «Объект»> «Переход»> «Параметр наложения». Выберите интервал: указанные шаги 7. Нажмите «Объект»> «Переход»> «Создать», чтобы создать семь одинаковых линий, распределенных между исходными S-линиями.Всего у нас девять S-линий.

Шаг 14

Нам нужно преобразовать эти S-линии в форму для упрощения редактирования. Убедитесь, что линии выделены, а затем нажмите «Объект»> «Развернуть». Поставьте галочку напротив всех доступных опций и нажмите ОК.

С этого момента каждая строка независима и может редактироваться индивидуально.

Шаг 15

Мы закончили рисовать основную форму пера. Мы собираемся экспортировать его в Photoshop.Нам все еще нужно добавить несколько простых фигур, но мы просто сделаем это в Photoshop. А пока выделите все строки, а затем нажмите Ctrl + C, чтобы скопировать их.

Шаг 16. Начало работы в Photoshop.

Запустите Photoshop. Создайте новый файл с помощью Ctrl + N. Вы можете использовать любой размер. Просто нажмите кнопку ОК.

Шаг 17

Активируйте инструмент кадрирования. Щелкните один раз и перетащите границу обрезки, чтобы изменить размер холста. Нажмите Enter, чтобы принять новый размер.

Шаг 18: Импорт векторной формы

Нажмите Ctrl + V, чтобы вставить векторные фигуры, которые мы создали ранее в Illustrator.Вставьте их как слой-фигуру.

Шаг 19

Затем мы разместим каждую фигуру на отдельном слое. Начните с выбора основного ствола с помощью инструмента «Выбор пути». Нажмите Ctrl + Shift + J, чтобы вырезать фигуру в новый разделенный слой.

Шаг 20: Раскрасьте каждую часть

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

Шаг 21

Сделайте то же самое с гнездом пера. Здесь мы используем почти белый цвет.

Шаг 22

Продолжите с другой формой. Для сравнения помещаю перо на белый и черный фон.

Шаг 23: Добавьте дополнительные формы

Давайте добавим еще одну фигуру. Нарисуйте форму, закрывающую ствол, прямо под резиновой рукояткой.

Шаг 24

Мы также хотим, чтобы поверх пера была отдельная фигура.Мы делаем это, дублируя основной ствол и добавляя еще один в режиме Intersect Shape Areas.

Шаг 25

Мы хотим сделать ствол полупрозрачным, чтобы можно было показать чернила внутри. Активируйте слой с бочкой и установите для него непрозрачность 50%.

Шаг 26

Добавьте прямоугольную форму позади ствола. Эта форма тоже должна быть полупрозрачной. Установите его непрозрачность на 30%.

Шаг 27

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

Шаг 28

Нарисуйте эллипс более темным цветом и поместите его поверх предыдущей формы.

Шаг 29

Добавьте тонкую форму полукруга на гнездо. Установите его цвет на темно-серый.

Он был получен путем наложения двух форм розеток и установки верхней формы в режим «Вычитание передней формы».

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

Шаг 30: Добавление освещения и тени

Дважды щелкните фигуру слоя бочонка и добавьте следующие стили слоя. Мы собираемся добавить тень на его край.

Шаг 31

Нам также нужно добавить освещение к поверхности. Активируйте инструмент «Градиент», а затем щелкните предварительный просмотр градиента на панели параметров, чтобы открыть редактор градиента. В следующем диалоговом окне выберите «Шум» в качестве типа градиента. Нажмите «Случайно» несколько раз, пока не получите удовлетворительную цветовую последовательность.На самом деле нам не нужен цвет. Нам нужен контраст между цветами. Убедитесь, что у вас есть чередование более темных и светлых цветов.

Шаг 32

Добавьте новый слой и сделайте прямоугольное выделение с помощью инструмента Marquee Tool. Щелкните и перетащите, чтобы нарисовать градиент внутри выделения.

Шаг 33

Щелкните Изображение> Коррекция> Обесцветить.

Шаг 34

Увеличьте контраст, применив Уровни (Ctrl + L).Перетащите черный треугольник на входных уровнях ближе к центру, чтобы увеличить контраст градиента. Нажмите кнопку ОК.

Шаг 35

Поместите градиент между стволом и другими частями. При необходимости вы можете изменить его размер.

Шаг 36

Ctrl + щелчок по миниатюре слоя с бочкой, чтобы сделать новое выделение на основе его пикселя. Щелкните значок «Добавить маску слоя», чтобы ограничить градиент внутри цилиндра.

Шаг 37

А вот и самое интересное.Измените режим наложения слоя на Overlay и уменьшите его непрозрачность. Этот шаг превратит градиент в случайное отражение света, видимое на поверхности ствола.

Шаг 38

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

Шаг 39

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

Шаг 40

Измените режим наложения слоя на «Экран» и уменьшите его непрозрачность.

Шаг 41

Теперь добавьте тень на более мелкие детали, такие как форма за резиновой рукояткой, которую мы просто назовем нижним стволом. Начните с создания прямоугольного выделения, а затем нарисуйте черным с помощью инструмента «Перо». Убедитесь, что вы установили жесткость пера на 0%, чтобы мазок кисти был мягким.

Шаг 42

Нажмите Ctrl + D, чтобы снять выделение.

Шаг 43

Мы хотим сохранить эту тень исключительно внутри формы. Для этого вы должны убедиться, что слой расположен прямо над нижним слоем бочки. Затем нажмите Ctrl + Alt + G, чтобы преобразовать слой в обтравочную маску.

Шаг 44

Добавьте отражение света, используя ту же предыдущую процедуру.

Вот что у нас получилось при 100% увеличении.

Шаг 45

Создайте новый слой.Удерживая нажатой клавишу Ctrl, щелкните слой с миниатюрой основного ствола, чтобы сделать новое выделение на основе его формы. Щелкните Правка> Обводка. Установите ширину на 2 пикселя, цвет на черный и нажмите ОК.

Шаг 46

Смягчите обводку с помощью размытия по Гауссу. Щелкните Фильтр> Размытие> Размытие по Гауссу. Это должно добавить тени на край ствола.

Шаг 47

Уменьшите тень, чтобы сделать ее едва различимой, установив Непрозрачность слоя на 50%.

Шаг 48

После того, как мы закончили с освещением на поверхности основного ствола, продолжаем добавлять освещение на другой области.Мы добавим один к верхней части пера, используя стили слоя. Дважды щелкните его форму слоя и активируйте Inner Shadow, Inner Glow и Gradient Overlay. Используйте следующие настройки.

А вот результат после добавления стилей слоя.

Шаг 49

Добавьте новый слой. Теперь добавьте белую обводку с помощью мягкой кисти.

Шаг 50

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

Шаг 51

Добавьте новый слой и нарисуйте более сильный блик.Снова уменьшите его непрозрачность.

Шаг 52

Добавьте еще слой, на этот раз закрасьте его черным, чтобы добавить тени.

Шаг 54

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

Шаг 55

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

Шаг 56

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

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

Шаг 57: Закрепление зажима для пера

Нарисуйте черную векторную фигуру между зажимом и кольцом позади него.См. Рисунок ниже для справки.

Шаг 58

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

Шаг 59

Нарисуйте еще одну тень, чтобы убедиться, что результат реалистичен.

Шаг 60

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

Шаг 61

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

Шаг 62

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

Шаг 63

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

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

Шаг 64: Гнездо для пера

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

Шаг 65

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

Шаг 66

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

Шаг 67

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

Шаг 68

На поверхности кольца нарисуйте еще одну лампочку.

Шаг 69: Перо пера

Увеличьте масштаб, чтобы кончик пера стал ближе.Добавьте новый слой. Инструментом «Кисть» нарисуйте мягкую тень на кончике кончика.

Шаг 70: Резиновая ручка

Во-первых, мы не хотим видеть лишнюю линию на резиновой рукоятке. Убедитесь, что выбран слой S-линий. Чтобы скрыть неиспользуемые отрезки линии, нажмите Ctrl — щелкните миниатюру слоя с резиновой ручкой и затем добавьте маску слоя. Неиспользуемые отрезки линии будут замаскированы и скрыты от глаз.

Шаг 71

Активируйте Tool Brush с низкой непрозрачностью и затем закрасьте верхнюю часть маски слоя черным, чтобы частично скрыть верхние S-линии.

Шаг 72

Давайте добавим освещение на S-линии, дважды щелкнув слой и активируя Bevel & Emboss, Inner Shadow и Gradient Overlay.

Шаг 73

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

Шаг 74

Дважды щелкните слой с резиновой ручкой и затем добавьте Inner Glow и Gradient Overlay.

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

Шаг 75

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

Вот результат при 100% увеличении.

Шаг 76

Затем мы хотим добавить освещение в верхнюю часть пера. Создайте новый слой и затем нарисуйте отражение света вручную с помощью инструмента Brush Tool

.

Шаг 77

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

Шаг 78: Рисование значка книги

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

Шаг 79: Передняя крышка

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

Шаг 80

Цвет обложки должен иметь небольшой градиент, потому что в реальной жизни не бывает 100% сплошного цвета. Дважды щелкните фигуру слоя и затем активируйте Gradient Overlay.Установите очень низкую непрозрачность градиента, около 13% или меньше.

Шаг 81

Дублируйте форму (Ctrl + J), а затем переместите ее точки с помощью инструмента «Прямое выделение», пока не получите верхнюю часть передней обложки книги.

Шаг 82

Таким же образом сделайте левую часть крышки.

Шаг 83: Задняя крышка

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

Шаг 84: Стопка бумаги

Нам нужно изображение стопки бумаги. Создайте новый файл. Щелкните Файл> Создать. Холст должен быть достаточно высоким для книги. Просто нажмите ОК.

Шаг 85

Активируйте инструмент «Градиент». Щелкните поле предварительного просмотра градиента, чтобы вручную составить градиент.

Шаг 86

В следующем диалоговом окне. Активируйте «Шум» и нажмите «Случайно». Возможно, вам потребуется несколько раз нажать кнопку «Случайный выбор», чтобы получить градиент с несколькими вариациями яркости.Щелкните и перетащите, чтобы залить холст градиентом.

Шаг 87

Удалите цвет с помощью сочетания клавиш Ctrl + Shift + U для обесцвечивания. Нам не нужен цвет, нам просто нужна вариация его светлоты.

Шаг 88

Увеличьте контраст, применяя уровни. Нажмите Ctrl + L. Переместите треугольники ближе к центру, пока контраст не увеличится.

Шаг 89

Скопируйте градиент яркости и вставьте его поверх книги.Преобразуйте его (Ctrl + T) и поместите в левую часть книги.

Шаг 90

Дважды щелкните слой и примените тонкий градиент наложения.

Шаг 91

Добавьте еще одну стопку бумаги вверху.

Шаг 92

Нарисуйте тень на краю стопки бумаги.

Шаг 93

Также необходимо нарисовать тень от бумаги на поверхности задней крышки.

Шаг 94: Отверстия

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

Шаг 95

Дублируйте форму круга, нажав Alt — перетащив ее. Поместите его под исходную форму.

Шаг 96

Продолжайте, пока на обложке не будет достаточно кругов.

Шаг 97

Нам нужно совместить все отверстия.Выделите все отверстия и затем щелкните значок «Выровнять по выделению» на панели параметров.

Шаг 98

Примените трансформацию, нажав Ctrl + T. Щелкните правой кнопкой мыши ограничительную рамку трансформации и выберите «Наклон». Может появиться диалоговое окно подтверждения. Просто нажмите кнопку ОК. Потяните за угол, пока форма не совпадет с перспективой передней обложки. Отверстия должны выглядеть так, как будто они находятся на поверхности крышки, а не просто плавают вокруг нее.

Шаг 99

Скопируйте все дыры, которые мы только что сделали, нажав Ctrl + C, а затем скройте слой.Снова активируйте переднюю крышку и вставьте векторную траекторию отверстий. Установите его режим на «Вычитание передней формы». В этом режиме на передней крышке теперь есть отверстия.

Шаг 100

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

Шаг 101

Вставьте отверстия (Ctrl + V), которые мы скопировали ранее.

Шаг 102

Переместите слой-фигуру за лицевую обложку.Вам нужно будет переместить слой примерно на 2 или 3 пикселя влево.

Шаг 103

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

Вот что у нас есть.

Шаг 104: Кольца

Затем мы хотим добавить пачку колец, которые скрепят книгу. Каждое кольцо состоит из стопки двух эллипсов, меньшая из которых установлена ​​в режиме «Вычитание передней формы».

Шаг 105

Дублируйте форму слоя, нажав Ctrl + J. Помните, каждое кольцо должно быть на отдельном слое.

Шаг 106

Продолжайте дублировать каждое кольцо на отдельном слое.

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

Шаг 107

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

Шаг 108

Повторите это с другими кольцами.

Шаг 109

Мы можем сделать кольцо более реалистичным, добавив стиль слоя /. Дважды щелкните слой, а затем в диалоговом окне «Стиль слоя» активируйте «Наложение градиента», «Наклон и тиснение» и «Наложение цвета». Цвет кольца определяется настройкой Color Overlay.

Это внешний вид кольца после применения стилей слоя.

Шаг 110

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

Шаг 111

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

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

Шаг 112: Добавление теней

Нам нужно добавить тень от колец. Скройте все остальные слои, включая фон, и нажмите Ctrl + Shift + C, чтобы скопировать кольцо. Вставьте скопированные кольца на новый слой, используя сочетание клавиш Ctrl + Shift + V, а затем нажмите D, Shift + Alt + Delete, чтобы залить его черным цветом.

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

Шаг 113

Примените фильтр «Размытие по Гауссу» (Фильтр> Размытие> Размытие по Гауссу), чтобы смягчить кольца и использовать их в качестве тени.

Шаг 114

Дублируйте тень колец, используя Ctrl + J. Скройте исходную тень колец. Вернитесь к тени дублированных колец, нажмите Ctrl + T, а затем наклоните ее, пока не получите красивую тень колец на передней обложке.Сотрите ненужную тень, то есть пиксели за пределами передней обложки, и уменьшите непрозрачность слоя.

Шаг 115

Снова продублируйте исходную тень колец, а затем трансформируйте ее, пока не получите красивую тень на стороне книги.

Шаг 116

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

Шаг 117

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

Шаг 116

Нам также нужна основная тень книги. Для этого скройте фоновый слой, пока у нас не останется только книга. Нажмите Ctrl + Shift + C, затем Ctrl + Shift + V, чтобы дублировать книгу.

Шаг 117

Показать задний фон. Перейдите к слою с тенью книги, чтобы оставаться под книгой. Измените его цвет на черный, используя сочетание клавиш D, а затем Shift + Alt + Delete.

Шаг 118

Примените фильтр «Размытие по Гауссу», чтобы смягчить тень («Фильтр»> «Размытие»> «Размытие по Гауссу».

Шаг 119

Нажмите Ctrl + T, чтобы трансформировать тень. Удерживая Ctrl, перетащите его угол, пока он не окажется на полу.

Шаг 120

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

Шаг 121

Добавьте маску слоя к тени книги и добавьте градиент от белого к черному, чтобы сгладить самые дальние тени.

Шаг 122

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

Шаг 123: Импорт пера

Пора вернуть перо. Откройте файл с ручкой. Скрыть его фон. Скопируйте перо, выделив все пиксели (Ctrl + A), а затем нажмите Ctrl + Shift + C.

Шаг 124

Вернуться к файлу книги. Вставьте перо с помощью сочетания клавиш Ctrl + V.

Шаг 125

Нажмите Ctrl + T, а затем щелкните и перетащите за пределы поля трансформации, чтобы повернуть перо.

Шаг 126

Добавьте новый слой и поместите его между книгой и ручкой. Используя инструмент «Кисть», вручную нарисуйте тень пера на обложке книги. Уменьшите непрозрачность слоя, чтобы тень оставалась едва различимой.

И, наконец, результат при 100% увеличении.

Окончательный результат

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

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

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

В этом уроке мы увидим, как нарисовать прямую линию в Photoshop.

Вы можете использовать три метода, чтобы нарисовать прямую линию в Photoshop. Это

1. Brush Tool: самый простой в использовании.
2. Line Tool: прост в использовании, но не так прост, как Brush Tool. Но он более гибкий, чем инструмент «Кисть».
   • Сложность: самая простая
   • Гибкость: минимальная

   Первое, что нам нужно сделать, это взять инструмент «Кисть» на панели инструментов или нажимать Shift + B снова и снова, пока он не активируется.

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

   ПОЛУЧИТЬ БЕСПЛАТНУЮ ДЕМО

   Теперь выберите цвет линии. Я выбрал оттенок синего, который также является фирменным цветом моего сайта.

   Сначала щелкните раскрывающийся список, отмеченный цифрой «1».После этого увеличьте жесткость до 100.

   Пора изменить Интервал на 0. Возможно, вы уже установили его как 1%, но давайте еще раз проверим это. Перейдите в Windows> Настройка кисти.

   Возьмите круглую кисть (оранжево-розовая стрелка) и установите интервал на 1% (желтая стрелка).

   Удерживая нажатой Shift , нажмите и перетащите курсор, чтобы нарисовать прямую линию. Обратите внимание, что вы можете нарисовать линию только под углом 0 ^o , 45 ^o и 90 ^o .

   Инструмент «Линия» — нарисуйте прямую линию в Photoshop с помощью инструмента «Линия»

   • Сложность: Легко, но сложнее, чем инструмент «Кисть»
   • Гибкость: Меньше, но больше, чем инструмент «Кисть»

   Возьмите инструмент «Линия» с панели инструментов или нажимайте Shift + U снова и снова, пока он не активируется.

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

   ПОЛУЧИТЬ БЕСПЛАТНУЮ ДЕМО

   На панели «Параметры» измените его на «Форма» (желтая стрелка) и установите цвет линии (синяя стрелка). Установите ширину линии (красная стрелка).

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

   Pen Tool — нарисуйте прямую линию в Photoshop с помощью Pen Tool

   • Сложность: самая высокая
   • Гибкость: самая гибкая

   Возьмите Pen Tool с панели инструментов или нажимайте Shift + P снова и снова, пока не появится приходит.

   Теперь убедитесь, что выбран Путь.

   Теперь щелкните где-нибудь, а затем щелкните где-нибудь еще.

   No related posts.