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

Содержание

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3 голоса

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

».

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

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

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

Не знаете с чего начать? Пройдите курс «Основы коммерческого веб-дизайна

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как начертить линию в фотошопе. Как нарисовать прямую линию в фотошопе? Как нарисовать прямую линию в «Фотошопе»

Многим часто приходится работать с графическим редактором. Одним необходимо это в процессе обучения, другим — для работы, а некоторые начинают работать в них по своей инициативе. Ясно одно — каждый проходит через начальный этап, когда интерфейс давит своим объемом и приходится разбираться самостоятельно. Каждый начинает осваивать программу по-своему: кто-то методом проб и ошибок, кто-то учится, смотря туториалы по графической программе. Пользователи проходят и через изучение инструментов и построение фигур. Один из коварных вопросов, с которым сталкивается новичок — построение волнистых линий в «Фотошопе». Данная среда не имеет непосредственного инструмента «Кривая», поэтому приходится делать их своими руками.

линии в «Фотошопе»?

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

Все же самыми распространенными решениями являются более простые методы. К ним можно перечислить:

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

С помощью функции «Волна»

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

Для применения функции «Волна» необходимо проделать следующие шаги:

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

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

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

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

Сначала необходимо выбрать данный инструмент на главной рабочей панели.
Ставим первую опорную точку.
Следом зажимаем левую кнопку мыши и растягиваем образовавшуюся дугу на нужное расстояние, регулируя процесс мышкой. Отпускаем — получилась дуга.
Следующим этапом делаем то же самое, что и в пункте 3, только инвертируя дугу в противоположенном направлении.
Продолжаем повторять пункт 3 и 4 до нужной длины волнистой линии.
Затем замыкаем линию через самую первую опорную точку.
Выделяем область с помощью ПКМ и обрезаем ее.

Вот так можно создавать волнистые линии в «Фотошопе».

3 голоса

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

».

Не знаете с чего начать? Пройдите курс «Основы коммерческого веб-дизайна

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

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

С помощью инструмента Pen Tool

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

сложней

Записал небольшое демонстрационное видео

Что интересно, видео
идёт полторы минуты
и весит 2 кб
BB FlashBack Pro

Перо

Не отпуская кнопку мышки при создании новой точки можно добиваться сглаживания линии.
Точки лучше ставить в местах, где у линии должен быть изгиб.
Зажав клавишу Ctrl
на клавиатуре можно перемещать контрольные точки линий.
Зажав клавишу Alt
можно регулировать степень закругления линии возле точки и её искажение
Меня вдохновили испытать фотошоп на его пригодность в плане рисования линий. Рисовать линии в фотошопе сложней
, чем в его векторных аналогах и некоторых растровых редакторах – такое впечатление у меня сложилось после ознакомления с инструментами в Paint Tool Sai, Illustrator, Inkscape и других, которые имеют более удобные и гибкие инструменты создания красивых линейных форм.
https://сайт/wp-content/uploads/2011/08/lines.swf,600,490
Записал небольшое демонстрационное видео
о том, как рисовать линии в фотошопе и добиться правильной их формы в результате.
Что интересно, видео
идёт полторы минуты
и весит 2 кб
– это очень удивительно Видео записано на BB FlashBack Pro

Однако не всё так плохо. Поизучав специфику работы с инструментом Перо
, обнаружились некоторые фишки, которые облегчают рисование линий и делают дизайнерскую работу более свободной.
Приёмы работы с пером при создании линий
Первые два правила знают многие, а вот 3 и 4 для меня стали открытием.
Создав форму можно подкорректировать форму и положение изгибов линии и добиться нужной формы.
Изменять можно как саму точку, так и положение направляющих “усов”, которые задают форму угла возле точки.
Работа с готовой линией
Все линии, которые Вы создаёте, находятся в окошке Path
(Пути). Желательно для каждой линии создавать отдельный “слой линий” в панели Path.
Crtl + H —
Скрыть/Показать линии.
Stroke Path… —
функция обводки линии. Можно выбрать инструмент, которым будет осуществляться обводка. Обычно это кисть и прежде чем пользоваться этой функцией, желательно установить у кисти нужную толщину, а уже после прибегать к обводке.

Инструменты Adobe Illustrator. Эффекты.

Вы когда-нибудь вдавались в нюансы работы с эффектами в Adobe Illustrator? Знаете ли вы, насколько это мощный инструмент? Знаете как например, придать изображению эффект рисунка «от руки»? Прочитайте эту статью и научитесь эффективной работе с эффектами Illustrator’а.

Стрелки

Давайте начнем с основного эффекта Add Arrowheads. Используйте Pen Tool или Line Segment Tool, чтобы нарисовать прямую линию. Перейдите на Effects > Stylize > Add Arrowheads и настройте стиль стрелки.

Appearance

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

Без эффекта?

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

Круглые уголки

Нарисуйте прямоугольник и перейдите на Effects > Stylize > Round Corners. Введите значение радиуса.

Без эффекта скругленных углов?

Скругленные углы — один из моих любимых эффектов. С его помощью получаются крутые иконки. Вся прелесть эффекта в том, что скругленные уголки не искажаются когда я растягиваю объект. Могли бы вы представить себе, как много времени потребуется, чтобы скруглить углы без помощи этого эффекта?

Zig Zag

Нарисуйте прямую линию, перейдите Effects > Distort & Transform > Zig Zag. Введите значения размера и частоты сегментов.

Волнистая линия

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

Значки

Нарисуйте круг и примените эффект Zig Zag с настройкой, как показано ниже, и вы получите форму значка.

Поэкспериментируйте с параметрами Zig Zag, и вы можете получить формы волнистого круга, звезды, морского ежа:

Pucker & Bloat

Нарисуйте круг, перейдите в Effects > Distort & Transform > Pucker & Bloat, введите -55% (Pucker), и вы получите ромбовидную форму.

Теперь нарисуем многоугольник применим эффект:

А вот так из того же многоугольника можно получить вполне симпатичный цветочек.

Transform

На картинке ниже я простыми движениями мыши сделал 12 копий объектов (с поворотом на 30 градусов).

Для этого идем в Effects > Distort & Transform > Transform…

Поиграйте с настройками, и вы можете получить неплохие фигуры:

Roughen

Нарисуем елочку и посмотрим что нам даст этот эффект. Effects > Distort & Transform > Roughen….

Scribble

Приведенный ниже пример показывает, чего можно добиться применив эффекты Scribble ( Effects > Stylize > Scribble ) и Roughen.

Иконки «от руки»

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

Настройте все необходимые вам эффекты, выберите объект и перетащите его на панель Graphic Styles. Будет создан соответствующий стиль.

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

Заключение

Я показал только базовые эффекты Illustrator. На самом деле существует куча других полезных эффектов. Не бойтесь изучать меню и экспериментировать с эффектами (например с Warp и 3D).

Подсказки по использованию эффектов Illustrator

Graphic Styles – сэкономят вам время.
Палитра Apperance – в ней можно на ходу изменять параметры эффектов и удалять их.
Видимость в Apperance — вы можете включить и выключить определенный эффект (нажмите на иконку глаза) и понаблюдать его влияние на объект.
Нажмите D, чтобы быстро удалить все эффекты.
Разобрать оформление — если вы хотите преобразовать эффект в кривые, то перейдите к Object> Expand Appearance. Примечание: после этого, невозможным станет редактирование эффекта.

Создание типа на пути в фотошопе

Как добавить тип на пути в фотошопе

Шаг 1: выберите инструмент Ellipse

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

По умолчанию инструмент «Эллипс» вложен за инструментом «Прямоугольник» на панели «Инструменты». Чтобы выбрать его, я щелкну правой кнопкой мыши (Win) / Control-click (Mac) в инструменте Rectangle Tool, затем выберу инструмент Ellipse Tool из всплывающего меню:

Выбор Ellipse Tool на панели инструментов.

Шаг 2: Измените режим инструмента на «Путь»

Когда выбран инструмент «Эллипс», панель параметров в верхней части экрана изменяется, показывая нам различные варианты работы с инструментом. В дальнем левом углу панели параметров находится опция « Режим инструмента» . По умолчанию установлено значение Shape . Фотошоп на самом деле дает нам три различных типа фигур, которые мы можем нарисовать: векторные фигуры, контуры и пиксельные фигуры. Мы хотим нарисовать контур, поэтому я изменю параметр «Режим инструмента» с Shape на Path :

Изменение режима для Ellipse Tool на Path.

Узнайте больше: рисование векторных фигур против пиксельных фигур в Photoshop

Шаг 3: Нарисуй свой путь

Чтобы нарисовать путь, я нажму и удержу кнопку мыши в центре мяча для гольфа. Затем я нажимаю и удерживаю клавиши Shift + Alt (Win) / Shift + Option (Mac) на клавиатуре и начинаю перетаскивать из центра наружу. Удерживая нажатой клавишу Shift при перетаскивании с помощью инструмента Ellipse Tool, форма пути превращается в идеальный круг, а клавиша Alt (Победа) / Option (Mac) позволяет мне нарисовать путь наружу от места, где я щелкнул.

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

Когда я доволен тем , как путь выглядит, я выпущу свой ключ Shift , и Alt (Win) ключ / Option (Mac), а затем я выпущу свою кнопку мыши (это важно для первого отпускания клавиш, затем кнопка мыши, или вы получите неожиданные результаты). Здесь мы видим, что путь выглядит как тонкий контур вокруг шара:

Вокруг мяча для гольфа была добавлена дорожка.

Шаг 4: Выберите инструмент Type

С нашим нарисованным путем мы готовы добавить наш текст. Выберите инструмент «Текст» на панели «Инструменты»:

Выбор инструмента «Текст».

Шаг 5: выбери свой шрифт

Выберите настройки шрифта на панели параметров. Для своего изображения я буду использовать Futura Condensed Medium, настроенный на 30 пунктов , но вы можете использовать все, что лучше для вас:

Настройка параметров шрифта на панели параметров.

У меня также есть опция « Выравнивание текста», установленная влево, и мой цвет шрифта, установленный на белый :

Параметры выравнивания текста и цвета.

Шаг 6: переместите курсор на путь

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

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

Шаг 7: Нажмите на путь и добавьте свой тип

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

Текст течет по форме круга.

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

Нажав на галочку.

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

Текст идет по пути, но его необходимо переместить.

Шаг 8: Выберите инструмент выбора пути

Чтобы переместить текст вдоль пути, выберите инструмент «Выбор пути» на панели «Инструменты»:

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

Шаг 9: измени текст

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

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

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

При перетаскивании текста конец обрезается.

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

Ищите маленький круг, где текст обрезается.

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

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

Перелистывание текста по пути

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

Перетаскивание по пути переворачивает и переворачивает текст.

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

Сокрытие Пути

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

Выберите любой слой, кроме слоя «Тип», чтобы скрыть путь в документе.

Теперь, когда мой путь скрыт, а текст перевернут на прежнюю сторону, вот мой окончательный результат:

Конечный результат.

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

PhotoshopSunduchok — Ноты для фотошопа

Автор: Елена Король. Дата публикации: 17 февраля 2020. Категория: Обработка фотографий в фотошопе.

Всем доброго времени суток!

С вами снова Елена Король и мы продолжаем разбираться с нововведениями в программе Adobe Photoshop 2020.

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

Все уроки по изучению новых возможностей в Adobe Photoshop 2020:

Создаем новый документ с названием «Весёлые нотки». Для этого нажимаем «CONTROL + N». Ширина документа 1600 пикселей, высота – 800 пикселей. Разрешение 150 пикселей на дюйм. Цветовой режим RGB.

Предварительно настроим инструмент «Кисть»: Жесткая круглая, Размер 6, Жесткость 100 %. Основной цвет – черный.

Далее создаем новый слой нажав SHIFT + CONTROL + N, либо кликнув на ярлычок, как на картинке.

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

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

Нажимаем ОК. Затем нажимаем ENTER, чтобы прекратить работу с «Пером кривизны».

В результате получаем волнистую линию – верхнюю линию нотного стана.

Далее 4 раза дублируем слой «Линия 1». Для этого правой кнопкой мыши кликаем на слое «Линия 1». В появившемся окне выбираем строку создать дубликат слоя.

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

Вот что у меня получилось после четырех повторений этой манипуляции.

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

Теперь, стоя на слое «Линия 5», инструментом «Перемещение» нужно подвинуть линию вниз, туда, где будет находиться нижняя линия нотного стана.

Либо можно для этого воспользоваться кнопкой «Вниз» на клавиатуре.

Далее, находясь на слое «Линия 1», зажимаем кнопку SHIFT и кликаем на слое «Линия 5». В результате выделяются все 5 слоёв. Нам нужно разместить все линии на одинаковом расстоянии друг от друга.

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

Если по какой-то причине вы не находите эту панель, открыть ее можно в выпадающем меню «Окно».

Давайте разберемся, из чего состоит эта панель.

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

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

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

В данный момент нас интересует панель «Выделить и распределить». Нам нужно расставить все слои на одинаковом расстоянии друг от друга между «Линия 1» и «Линия 5».

Нажимаем здесь.

Все линии равномерно распределились по вертикали.

И пока они все еще выделены, давайте поместим их в папку «Нотный стан».

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

Переходим к оформлению текста. Выбираем инструмент «Текст» как на картинке. Шрифт «Appetite», размер букв 60 пт.

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

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

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

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

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

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

Блок «Быстрые действия» позволяет преобразовать текст в кадр или в кривые.

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

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

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

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

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

После всех изменений нажимаем ENTER. Готово!

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

Открываем панель «Стили». Находим папку «Стили прежней версии и др.», -> «Все стили по умолчанию», -> «Стили по умолчанию». Находим стиль, напоминающий радугу. Кликаем 1 раз — буквы окрашиваются.

Добавим объем. Для этого дважды кликаем левой мышкой на сером фоне и вызываем окно настроек «Стили».

Ставим настройки «Тиснения» как на картинке.

Вот что у нас получилось.

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

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

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

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

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

Урок «Ноты для фотошопа» завершен. Вот такой интересный плакат у нас получился.

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

Как говорится, повторенье — мать ученья.

Удачи вам и всего самого наилучшего!

БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:

Если Вы не хотите пропустить интересные уроки по обработке фотографий в фотошопе — подпишитесь на рассылку.
Форма для подписки находится ниже.

Понравилось? Поделитесь:

Facebook

Twitter

Вконтакте

Одноклассники

Добавить комментарий

Нарисованные рябь на воде, волна и лес

линии в «Фотошопе»?

Все же самыми распространенными решениями являются более простые методы. К ним можно перечислить:

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

С помощью функции «Волна»

Для применения функции «Волна» необходимо проделать следующие шаги:

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

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

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

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

Сначала необходимо выбрать данный инструмент на главной рабочей панели.
Ставим первую опорную точку.
Следом зажимаем левую кнопку мыши и растягиваем образовавшуюся дугу на нужное расстояние, регулируя процесс мышкой. Отпускаем — получилась дуга.
Следующим этапом делаем то же самое, что и в пункте 3, только инвертируя дугу в противоположенном направлении.
Продолжаем повторять пункт 3 и 4 до нужной длины волнистой линии.
Затем замыкаем линию через самую первую опорную точку.
Выделяем область с помощью ПКМ и обрезаем ее.

Вот так можно создавать волнистые линии в «Фотошопе».

Реалистичная капля воды

Рисуем воду фильтрами

Отражение в воде с помощью карты смещения

Эффект отражения

Отражение объектов на водной глади

Создание волн в фотошопе

Круги на воде

Рябь на воде

Водопад

Создание сетки для анимации волн

Анимация воды с помощью маски

Фотомонтаж коллаж Водная нимфа

Анимация воды

Несколько способов анимации воды в ФШ

ПАМЯТКА НАЧИНАЮЩИМ ФОТОШОПЕРАМ

Несколько способов анимации воды в ФШ

Откройте в ФШ любую картинку с водой. Снимите со слоя замочек, просто мышкой перенесите его в корзинку.
Сделайте два дубликата слоя, нажав два раза Ctrl + J

Откройте окно анимации, нажав сверху Окно — Анимация
Сразу выставьте время задержки анимации 0,1 сек и постоянную анимация, нажав на соответствующие черные треугольники

Теперь стоим на верхнем слое и выделим воду любым инструментом выделения. Я воспользовалась пером.

Образовалось выделение воды.
А теперь будем ее анимировать разными фильтрами.

1. Анимация воды фильтром ШТРИХИ — РАЗБРЫЗГИВАНИЕ.

2. Анимация воды фильтром ШУМ — ДОБАВИТЬ ШУМ

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

Настройки подбирайте сами, я взяла такие:

Дальше, все точно так же, как и в первом случае. Создаем второй кадр, делаем активным второй слой (глазок открыт и слой синий) и применяем к нему тот же фильтр Ctrl + F

Добавили третий кадр анимации, активный нижний слой — глазок открыт на нем, он синий.
Применили фильтр — Ctrl + F

Сохранили для Веб-устройств и любуемся анимацией:

3. Анимация воды фильтром ИСКАЖЕНИЕ — ОКЕАНСКИЕ ВОЛНЫ

У нас три слоя с картинкой и сделано выделение воды. Активный — верхний слой.
Идем в фильтр.

Ко все слоям применим этот фильтр Ctrl + F
, сохраняем и получаем следующую анимацию:
(мне она нравится больше всего, ну а выбирать, конечно, вам)

4. Анимация фильтром ИСКАЖЕНИЕ _ РАССЕЯННОЕ СВЕЧЕНИЕ

Не забыли? Сделали две копии картинки и выделили воду. Применили к каждому слою фильтр с такими настройками:

А вот и наша анимация.

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

Шаг 1

Откройте Photoshop и создайте документ размером 2880×1800 px. Залейте фон черным цветом.

Шаг 2

Нам понадобится хорошее фото воды и волны. В примере использована фотография An image of a beautiful water background , но вы можете взять любую другую похожую. Вставьте фото в документ и снизьте opacity / непрозрачность слоя до 60%.

Шаг 3

Зайдите в Layer>New Adjustment Layer>Hue and Saturation / Слой > Новый корректирующий слой > Цветовой тон и насыщенность.
Укажите для параметра Hue / Цветовой тон
значение в 0
, для Saturation / Насыщенности
значение в -71
, и для Lightness / Свет
значение 0
.

Шаг 4

Зайдите в Layer>New Adjustment Layer>Levels / Слой > Новый корректирующий слой > Уровни.
Укажите значения 0, 0.5 и 255.

Шаг 5

В меню выберите Layer>New Adjustment Layer>Brightness and Contrast / Слой >Новый корректирующий слой > Яркость и контраст. Укажите
Укажите 0
для Brightness / Яркости
и -35
для Contrast / Контраста.

Шаг 6

Создайте новый слой поверх остальных. Залейте слой черным цветом и смените Blend Mode / Режим наложения на Multiply / Умножение. Инструментом Brush Tool / Кисть (B)
сильно растушеванной и мягкой кистью белого цвета рисуйте в центре изображения. Наша цель — сделать виньетку. Сохраните документ как копию, назвав его Displace.psd.

Шаг 7

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

Шаг 8

Не снимая выделения с нового слоя, выберите FIlter>Distort>Displace / Фильтр > Искажение >Смещение
. Укажите параметры как на картинке ниже. После чего используйте файл Displace.psd, который вы сохранили в шестом шаге.

Шаг 9

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

Шаг 10

Выберите в меню Filter>Blur>Gaussian Blur / Фильтр >Размытие > Размытие по Гауссу
. Укажите радиус в 3 px
. Также после этого можете применить Tilt-Shift blur,
чтобы размыть края…

Шаг 11

Добавьте маску слою с логотипом. Инструментом Brush Tool / Кисть (B)
сильно растушеванной и мягкой кистью черного цвета рисуйте по краям логотипа сверху и снизу. Нам нужно сделать эти части темнее — ведь они под водой.

Завершение

Последнее что нам нужно сделать — это дублировать оригинальный слой с водой и поместить копию поверх всех остальных слоев. Для этого слоя смените Blend Mode / Режим наложения
на Overlay / Перекрытие
. Вот и всё!

Перевод — Дежурка

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

Давайте нарисуем кусочек синей ткани и придадим ему некоторый объем. Я попытаюсь воссоздать отрез шелка глубокого синего цвета.

Создаем новый документ размеров 1000 на 1000 пикселей и находим инструмент градиент, который располагается на панели инструментов.

Настройки градиента следующие:

Я выбрала цвета: #0132d3 #042db4 #001491 #010c2e .Вы можете воспользоваться своими настройками. Но помните, что максимально реалистичного эффекта вы добьетесь, делая переход от светлого к темному.

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

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

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

Теперь воспользуйтесь осветлителем. Настройки не меняем. Размеры кисти тоже.

Теперь, уменьшаем размеры кисти и экспонирование. Я уменьшаю до 26%.

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

У нас получился синий шелк.

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

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

Итоговый результат

Шаг 1

Вначале создайте новый документ размерами 2000×2000 px, цвет заднего фона чёрный. Вы можете использовать любые размеры, которые наилучшим образом подойдут для вашей работы. Создайте новый слой, а затем нарисуйте любую фигуру, которая вам нравится. Чтобы вам было проще, выберите инструмент Эллипс
(Ellipse Tool). Установите режим Фигура
(Shape), отключите Заливку
(fill), Обводка
(Stroke) — белого цвета.

Примечание переводчика:
в настройках инструмента Эллипс
(Ellipse Tool), установите опцию Контур
(Paths). Не забудьте создать новый слой поверх слоя с задним фоном. Создайте контур эллипса, далее, щёлкните правой кнопкой мыши по документу и в появившемся окне, выберите опцию Выполнить обводку контура
(Stroke Path), установив предварительно жёсткую кисть белого цвета, размер кисти примерно 1-2 px.

Нарисуйте фигуру в центре нашего рабочего документа.

Шаг 2

Переключитесь на инструмент Перемещение
(Move tool (V), а затем активируйте инструмент Свободная трансформация
(Free Transform tool (Ctrl+T) или идём Редактирование — Свободная трансформация
(Edit > Free Transform). Поверните контур эллипса. Вы можете удерживать клавишу (shift) при повороте, тогда поворот будет осуществляться с интервалом 15º. Нажмите клавишу (Enter), чтобы применить трансформацию.

Шаг 3

На данном этапе вы наверно уже догадались, каким образом мы создадим спирографические волны — продублируйте контур эллипса с последующим поворотом дубликата и так несколько раз, пока вы не пройдёте полностью по кругу. У вас займёт очень мало времени, если вы воспользуетесь горячими клавишами. Переключитесь на инструмент Перемещение
(Move tool (V), а затем нажмите несколько раз комбинацию клавиш (Ctrl+Shift+Alt+T), пока вы не создадите окружность.

Примечание переводчика:
как только вы создали эллипс, нажмите клавиши (Сtrl+J), чтобы продублировать оригинальный эллипс. Перейдите на инструмент Перемещение
(Move tool (V). Далее, поверните дубликат эллипса. А затем, просто нажимайте комбинацию клавиш (Ctrl+Shift+Alt+T), пока вы не получите желаемый узор.

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

Меняя положение центра преобразования
(reference point location):

Меняем ширину
(width) и высоту
(height):

Меняем угол поворота
(rotation) и искажения
(skew):

Шаг 5

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

Вначале создайте любой контур, используя любой инструмент. Не забудьте растрировать слой, если вы нарисовали фигуру с помощью какого-нибудь векторного инструмента. Для этого, щёлкните правой кнопкой по слою и в появившемся окне, выберите опцию Растрировать слой
(Rasterize Layer). Я нарисовал обычный красный контур овала.

Шаг 6

Далее, создайте новую операцию через панель настроек Операций
(Actions), идём Окно — Операции
(Window > Actions). Чтобы создать новую операцию, вначале нажмите кнопку Создать новый набор
(Create New Set) в нижней панели инструментов Операции
(Actions). Дайте любое название данной операции на своё усмотрение — я назвал данную операцию Спирография
(Spirograph). Далее, нажмите кнопку Создать
новую
операцию
(Create New Action). Вы можете по-любому назвать данную операцию, но необходимо указать горячую клавишу в поле Функциональная клавиша
(Function Key). Я выбрал клавишу (F12). Нажмите кнопку Записать
(Record)

Шаг 7

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

1. Нажмите клавиши (Ctrl+J), чтобы продублировать текущий слой.

2. Нажмите клавиши (Ctrl+T), чтобы активировать инструмент Свободная Трансформация
(Free Transform tool). Примените любые действия с трансформацией, которые вам нравятся. Например, я повернул свой эллипс на 15º, а затем деформировал по вертикали на 15º.

3. Нажмите клавиши (Ctrl+U), для активации инструмента Цветовой тон / Насыщенность
(Hue/Saturation tool). Проведите любую цветовую коррекцию на свой вкус. Например, я просто установил значение Цветового тона
(hue) на 8.

Как только вы закончили, нажмите кнопку Стоп
(Stop) в нижней панели инструментов. Теперь у вас есть новая операция, с которой вы можете работать, просто нажав функциональную клавишу
(function key), которую вы назначили ранее (в качестве функциональной клавиши я установил F12).

Примечание переводчика:

опцию Операции
(Actions), вы можете применять к любым контурам, т.к. все действия вы уже записали. Кроме инструмента Цветовой тон / Насыщенность
(Hue/
Saturation
tool), при записи / создании операции вы можете использовать другие инструменты цветовой коррекции, просто экспериментируйте.

Шаг 8

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

Чтобы изменить настройки, просто дважды щёлкните по любому из действий внутри вашей Операции
(action).

Нарисованная футболка в фотошопе | Футболка пловец жпчщц

Как нарисовать треугольник (PhotoShop). Равносторонний треугольник в фотошопе рисуется при помощи векторных объектов. Как нарисовать параллелограмм (PhotoShop). Удалить прыщик (PhotoShop). PhotoShop — как обрезать изображение. Текст по кругу (PhotoShop). Как нарисовать линию (PhotoShop). Как создать новый слой (PhotoShop). Советы по фотошоп. Как нарисовать спираль. Кто бы мог подумать — рисовать спираль в фотошопе.. однако все очень просто (как обычно). Итак вот что нам нужно для начала. Просто выделяем половину изображения и заливаем ее черным.
Векторный клипарт толстовка
Выбираем нужную фигуру, рисуем, затем устанавливаем для ее заливку 0% , затем кликаем по слою и попадаем в меню настройки слоя, выбираем сбоку обводка. futbolkueplis.proboards.com/thread/246/mns Автор: Алеся Соловей 13.08.2013 13.08.2013 Мастер-классы, Рисование. Сегодня мы расскажем вам как нарисовать необычные светящиеся цветы с помощью графической программы фотошоп (photoshop). Урок не сложный, я думаю, даже ребенок без труда справится. Итак, приступим!
Футболку с мики
“Кошмар” — рисование в Photoshop. Узнайте, как Hatice Bayramoglu создала эту прекрасную картину в Photoshop. Она покажет вам свой процесс от наброска до наложения оттенков, используя свою собственную технику. Шаг 1 — Концепция и подготовка основного эскиза. Я рисую много простых эскизов на компьютере или иногда на бумаге. Я буду использовать один старый эскиз моей работы. Здесь главный эскиз, который я нарисовала. Если вы хотите, можете использовать его тоже. В данном небольшом уроке я расскажу как быстро и легко нарисовать волнистую линию в фотошопе! Процесс создания очень простой и вы сможете его запомнить без особых усилий. Единственное с чем придется столкнутся — научиться подбирать нужный изгиб и длину волны в линии. Как нарисовать волнистую линию в фотошопе? Рисуем Комикс Харли из Бэтмэна. создаем Леопардовую текстуру. Рисование в фотошопе для многих самая любимая рубрика, так как именно здесь может проявиться вся индивидуальность человека. В разделе «Рисование» Вы научитесь работать с такими инструментами как ретуширование, маски, слои. Здесь Вы узнаете, как с помощью фотошопа можно нарисовать плакат или открытку на праздник, как сделать коллаж или календарик на стену, как создать анимацию или сделать фотографию на документы. В этом уроке показано, как можно нарисовать футболку начинающему. Понадобится только карандаш и бумага. Первым делом рисуем прямоугольник без верхней линии. Чуть выше его краев добавим вот такую линию с отверстием для шеи и линиями рукавов. Рисуем рыбу в фотошопе. Как нарисовать Юно Гасай из «Дневник Будущего». Учимся рисовать наушники поэтапно.

Создание выделения с помощью инструмента «Перо» в Photoshop

Где найти инструмент «Перо»?

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

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

Конечно, это может вызвать вопрос, почему, если мы можем делать выделения с помощью Pen Tool, они не сгруппированы с другими инструментами выделения (Rectangular Marquee Tool, Elliptical Marquee Tool, Lasso Tool и т. Д.) в верхней части палитры Инструменты? Почему он там с другими инструментами, которые явно не являются инструментами выделения?

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

Почему он называется инструментом «Перо»?

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

Пьер Безье

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

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

Что такое путь?

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

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

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

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

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

Это может немного сбивать с толку, так что давайте посмотрим, что я имею в виду. Откройте новый документ в Photoshop. Неважно, какого он размера. Я выберу размер 640×480 из списка предустановок, но, как я уже сказал, не имеет значения, какой размер вы выберете. Выберите инструмент «Перо» на палитре «Инструменты». Вы также можете выбрать Pen Tool, просто нажав букву P на клавиатуре.

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

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

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

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

Учебники Photoshop: Щелкните значок «Контуры» на панели параметров, чтобы работать с контурами с помощью инструмента «Перо».

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

Щелкните один раз внутри документа с помощью Pen Tool, чтобы добавить точку.

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

Добавим еще один момент.Щелкните в другом месте документа. Куда угодно годится. Я собираюсь щелкнуть где-нибудь справа от моей начальной точки:

Учебники по Photoshop: добавьте вторую точку привязки, щелкнув в другом месте внутри документа.

Теперь я добавил вторую точку привязки и посмотрите, что произошло. Теперь у меня есть прямая линия, соединяющая две точки вместе! Эта прямая линия — мой путь. Как я упоминал ранее, нам нужно минимум две точки для создания пути, поскольку нам нужно знать, где путь начинается и где он заканчивается, и теперь, когда у нас есть как начальная, так и конечная точки, Photoshop смог подключить две точки вместе, образуя наш путь.

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

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

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

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

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

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

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

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

Превращая путь в выбор

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

Легко! Есть несколько способов превратить путь в выделение, в том числе с помощью удобного сочетания клавиш, но прежде чем мы рассмотрим быстрый способ, давайте посмотрим на официальный способ. «Официальный способ» включает использование палитры контуров Photoshop, которая сгруппирована с палитрой слоев и палитрой каналов:

Палитра контуров Photoshop.

На первый взгляд палитра «Контуры» очень похожа на палитру «Слои» в Photoshop, и Adobe специально сделала ее такой, чтобы вам было удобнее ее использовать. Мы можем видеть предварительный просмотр эскиза формы только что созданного пути, и по умолчанию Photoshop называет путь «Рабочий путь», что в основном является причудливым способом сказать «временный», как если бы вы создавали другой путь. path теперь, не переименовывая сначала этот путь во что-то другое, этот путь будет заменен новым путем.У вас может быть только один «Рабочий путь», поэтому, если вы хотите сохранить его, вам нужно дважды щелкнуть его имя в палитре «Контуры» и присвоить ему другое имя перед созданием нового пути.

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

Вы можете сохранить временный «Рабочий путь», просто переименовав его.

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

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

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

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

Чтобы превратить путь в выделение, если мы посмотрим на нижнюю часть палитры Paths, мы увидим несколько значков. Эти значки позволяют нам делать разные вещи на нашем пути. Первый значок слева — это значок «Заливка пути с цветом переднего плана», и, как следует из его названия, щелчок по нему заполнит наш путь текущим цветом переднего плана. Интересно, но мы этого не хотим. Второй значок слева — это значок «Обводка контура с кистью», который применяет обводку к нашему контуру, используя любую кисть, которую мы в данный момент выбрали.

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

Значок «Загрузить путь как выделение» в нижней части палитры Пути.

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

Теперь путь преобразован в выделение.

Это так просто! На самом деле, это даже проще, потому что есть сочетание клавиш для превращения контура в выделение без необходимости вообще переключаться на палитру контуров. Когда вы нарисовали свой путь и готовы превратить его в выделение, просто нажмите Ctrl + Enter (Win) / Command + Return (Mac), чтобы Photoshop преобразовал путь в выделение.

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

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

Фотография знака «Стоп».

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

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

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

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

Теперь вокруг знака остановки на изображении появляется путь.

Если я сейчас загляну в палитру «Пути», то очень ясно вижу, что у меня есть путь в форме знака «Стоп»:

Палитра контуров Photoshop, показывающая путь, нарисованный вокруг знака остановки.

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

Чтобы преобразовать мой путь в выделение, я нажимаю на Загрузить путь в виде значка выделения в нижней части палитры слоев или просто могу нажать Ctrl + Enter (Win) / Command + Return (Mac):

Щелкните значок «Загрузить путь как выделение» на палитре «Пути» или нажмите «Ctrl + Enter» (Win) / «Command + Delete» (Mac), чтобы преобразовать путь в выделенный фрагмент.

Как только я это сделаю, мой путь преобразуется в выделенный, и теперь выбран знак остановки:

Знак остановки теперь выбран после преобразования пути в выделение.

Я вернусь к моей палитре слоев и, чтобы скопировать знак остановки на отдельный слой, я воспользуюсь сочетанием клавиш Ctrl + J (Win) / Command + J (Mac), которое помещает знак на его собственный слой. собственный слой над фоновым слоем:

Знак «Стоп» теперь скопирован на отдельный слой.

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

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

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

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

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

Прежде чем мы продолжим, я должен отметить, что все, что мы сделали до этого момента, было довольно просто. Щелкните здесь, щелкните здесь, преобразуйте путь в выделение, готово. Следующая часть, где мы перейдем к рисованию кривых, не так проста, хотя это определенно не сложно, но если вы впервые используете Pen Tool или у вас нет большого опыта работы с ним, работа с кривыми может показаться сложной задачей. немного неестественно и даже немного подавляюще.Здесь определенно приходит на помощь аналогия с «ездой на велосипеде». Сначала вы можете упасть несколько раз и задаться вопросом, как кому-то удается это сделать, но чем больше вы практикуетесь и чем больше вы придерживаетесь этого, тем больше во всем этом смысла. начинает делать. В мгновение ока это покажется вам второй натурой, и вы внезапно поймете, почему так много людей клянутся, что инструмент «Перо» — лучший инструмент выделения во всем Photoshop! Серьезно, это действительно так.

Получение ручки на рукоятки направления

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

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

Когда вы закончите, вы увидите точку привязки, от которой отходят две линии. На первый взгляд может показаться, что нам каким-то образом удалось протянуть путь с помощью Pen Tool. В конце концов, похоже, что у нас есть три точки привязки, по одной на обоих концах и одна посередине, с двумя соединяющими их сегментами пути. Однако если мы присмотримся немного ближе, мы увидим, что точки на обоих концах немного меньше, чем в середине, и что на самом деле они имеют другую форму. Точка посередине квадратная, и, как мы видели, точка привязки квадратная, но точки на обоих концах кажутся ромбовидными.Некоторые точки привязки имеют квадратную форму, а некоторые ромбовидную?

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

«Ах, ручки направления!» ты говоришь.»Теперь я понимаю!»

… … …………….

«Подожди, нет, я не знаю. Что за ручки направления?»

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

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

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

Одна из приятных вещей, которые вы довольно быстро узнаете об инструменте «Перо», — это то, что он чрезвычайно снисходителен к .Нет никаких причин беспокоиться о том, чтобы все было правильно с первого раза, когда рисуем пути с его помощью, потому что мы можем вернуться и легко исправить ситуацию, когда мы закончим! Вы разместили опорную точку не в том месте? Без проблем! Просто переместите его туда, где вам нужно! Мы скоро увидим, как это сделать. Вы потянули ручку направления в неправильном направлении? Не проблема. Возьмитесь за ручку и поверните ее в нужном вам направлении. Опять же, посмотрим, как это сделать. Одна из ваших ручек направления слишком длинная или слишком короткая? Совершенно никаких проблем.Просто нажмите на нее, а затем перетащите ее длиннее или короче по мере необходимости (да, мы тоже увидим, как это сделать). Пути полностью редактируются в любое время, поэтому нет абсолютно никаких причин беспокоиться о том, чтобы сделать ошибку или сделать все правильно с первого раза. Разве от этого тебе уже не стало немного лучше?

Ручки направления вращения и изменения размера

Как я уже упоминал, они называются «ручками» направления, потому что вы можете захватывать их, как ручки, и перемещать. Посмотрим, как это сделать.Сначала мы посмотрим, как вращать обе ручки одновременно. Используя точку привязки и два маркера направления, которые мы уже создали, удерживайте нажатой клавишу Ctrl (Win) / Command (Mac). Вы увидите, что ваш значок Pen Tool временно превратился в значок Direct Selection Tool (белая стрелка), и это потому, что с выбранным Pen Tool удерживание «Ctrl / Command» становится быстрым ярлыком для временного доступа к инструменту Direct Selection Tool, который что мы используем для выбора разных частей нашего пути. Затем просто нажмите прямо на маленькую ромбовидную фигуру на конце любого из указателей направления (нажатие на саму «линию» не сработает, поэтому вам всегда нужно щелкать ромбовидную фигуру на конце ручки, чтобы сделать что-нибудь. с ним) и перетащите его вокруг точки привязки, чтобы повернуть.Когда вы вращаете одну из ручек, другая ручка вращается вместе с ней в противоположном направлении, как качели. Вы также можете заметить, что как только вы начнете перетаскивать ручку, значок курсора мыши снова изменится, на этот раз на значок инструмента перемещения, поскольку мы перемещаем что-то из одного места в другое:

Удерживая «Ctrl» (Win) / «Command» (Mac), щелкните конец любого из маркеров направления, затем перетащите маркер, чтобы повернуть его вокруг точки привязки. Когда вы перетаскиваете одну ручку, другая вращается в противоположном направлении.

Вы можете отпустить клавишу «Ctrl / Command», как только начнете перетаскивать ручку. Не нужно все время держать его в тонусе.

Чтобы изменить размер маркера направления при его повороте, просто перетащите конец маркера в направлении точки привязки, чтобы сделать его короче, или перетащите его от точки привязки, чтобы сделать его длиннее. Как я упоминал выше, более короткая ручка сделает кривую короче, а более длинная ручка сделает кривую длиннее. Однако вы не можете изменить размер обеих ручек одновременно, поэтому, если вам нужно изменить размер обоих, вам нужно будет перетащить каждый из них длиннее или короче отдельно.Единственное, что вы можете сделать с ними обоими одновременно, — это повернуть их. Если вы уже отпустили кнопку мыши после поворота ручек и курсор снова превратился в значок Pen Tool, и вам нужно изменить размер одного из ручек, вам нужно еще раз удерживать «Ctrl / Command», чтобы временно вернитесь к инструменту Direct Selection Tool, затем щелкните и перетащите конец маркера, чтобы изменить его размер:

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

Теперь давайте посмотрим, как вращать ручки независимо друг от друга. Чтобы повернуть одну ручку, не затрагивая другую, сначала отпустите кнопку мыши, если вы вращали ручки или изменяли их размер, чтобы курсор снова превратился в значок инструмента «Перо». Затем вместо удерживания клавиши «Ctrl / Command», которая перемещает обе ручки одновременно, удерживайте клавишу Alt (Win) / Option (Mac) и щелкните конец любого из маркеров направления. Вы увидите, как ваш курсор изменится на значок Convert Point Tool, который выглядит как упрощенная стрелка, состоящая всего из двух линий, почти как перевернутая буква «v» (за исключением того, что она не совсем перевернута).Затем просто перетащите ручку вокруг точки привязки, чтобы повернуть ее, как вы делали раньше, и на этот раз ручка будет вращаться независимо от другой, разорвав связь между ними:

Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), щелкните конец любого из маркеров направления, затем перетащите маркер, чтобы повернуть его вокруг точки привязки независимо от другого маркера.

Опять же, вы можете отпустить клавишу «Alt / Option» после начала перетаскивания. Необязательно держать его все время.

Вы также можете изменить размер маркеров направления с помощью клавиши «Alt / Option» точно так же, как вы можете с помощью клавиши «Ctrl / Command». Если вы вращаете ручку, просто перетащите ее к точке привязки, чтобы сделать ее короче, или от точки привязки, чтобы сделать ее длиннее. Если вы уже отпустили кнопку мыши и ваш курсор снова показывает значок инструмента «Перо», вам нужно еще раз удерживать нажатой клавишу «Alt / Option», затем щелкнуть конец ручки и перетащить ее, чтобы изменить ее размер.

Есть ли разница между изменением размера ручек с помощью «Ctrl / Command» и «Alt / Option» для этого? Да, есть. Если вы еще не «разорвали соединение» между маркерами, перетаскивая один независимо от другого, изменение размера маркера с помощью «Ctrl / Command» сохранит маркеры соединенными вместе. Он не изменит размер обеих ручек одновременно, но и не разорвет связь между ними, так что вы все равно сможете вращать их вместе, если вам нужно. Если вы измените размер ручки с помощью «Alt / Option», вы разорвете соединение между ручками.Даже если вы не поворачиваете ручку при изменении ее размера, соединение все равно будет прервано.

Что делать, если вы разорвали соединение между ручками, повернув их с помощью «Alt / Option», а затем снова захотите повернуть их вместе? Можете ли вы, так сказать, «восстановить соединение», выбрав один из них, удерживая нажатой клавишу «Ctrl / Command», как раньше? Хороший вопрос, и на него нет ответа. После того, как вы разорвали соединение между ручками, клавиша «Ctrl / Command» сама по себе не вернет его.Вам нужно будет выбрать одну из ручек, удерживая Ctrl + Alt (Win) / Command + Option (Mac) в этот момент, чтобы снова сдвинуть ручки вместе.

Краткое описание на данный момент …

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

Чтобы добавить точку привязки, просто щелкните инструментом «Перо».
Чтобы добавить опорную точку с маркерами направления, выходящими из нее, щелкните инструментом «Перо», затем перетащите от опорной точки, прежде чем отпустить кнопку мыши.Чем дальше вы перетаскиваете, тем длиннее будут маркеры направления.
Чтобы повернуть ручки направления вместе, удерживайте нажатой клавишу Ctrl (Win) / Command (Mac), что временно переключит вас на инструмент прямого выбора, затем щелкните конец любого маркера и перетащите его вокруг точки привязки. Другая ручка будет вращаться в противоположном направлении.
Для независимого поворота маркеров направления удерживайте нажатой клавишу «Alt» (Win) / «Option» (Mac), что временно переключит вас на инструмент «Преобразовать точку», затем щелкните конец любого маркера и перетащите его вокруг точки привязки.Другая ручка не вращается.
Чтобы изменить размер маркеров, не прерывая связи между ними, нажмите и удерживайте Ctrl (Win) / Command (Mac), чтобы переключиться на инструмент прямого выбора, затем щелкните конец любого маркера. Перетащите его к точке привязки, чтобы сделать ее короче, или перетащите ее от точки привязки, чтобы сделать ее длиннее.
Чтобы изменить размер маркеров и разорвать связь между ними, удерживайте нажатой клавишу «Alt» (Win) / «Option» (Mac), чтобы переключиться на инструмент «Преобразовать точку», затем щелкните конец любого маркера.Перетащите его к точке привязки, чтобы сделать ее короче, или перетащите ее от точки привязки, чтобы сделать ее длиннее.
Чтобы повернуть ручки направления вместе после разрыва соединения, удерживайте Ctrl + Alt (Win) / Command + Option (Mac), затем щелкните конец любого маркера и перетащите его вокруг точки привязки. Другая ручка снова будет вращаться вместе с ней.

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

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

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

Все еще прокручиваетесь? Загрузите это руководство в формате PDF!

Рисование кривой

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

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

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

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

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

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

Одна вещь, которую вы могли заметить, и вы можете видеть это на скриншоте выше, заключается в том, что когда вы добавили третью точку привязки, маркер направления, выходящий за левую сторону второй точки привязки, исчез. Он все еще там, Фотошоп просто спрятал его от глаз. Чтобы увидеть это снова, используйте сочетание клавиш, которое мы уже узнали, чтобы временно переключиться на инструмент прямого выбора, то есть удерживая клавишу Ctrl (Win) / Command (Mac), а затем щелкните вторую точку привязки, чтобы выбрать Это.Как только вы это сделаете, недостающий указатель направления снова появится, как если бы он был там все время (что было):

Удерживайте нажатой клавишу «Ctrl» (Win) / «Command» (Mac), чтобы временно переключиться на инструмент «Прямое выделение», затем щелкните верхнюю точку привязки, чтобы выбрать ее. Отсутствующая точка привязки появится снова.

Удерживая нажатой клавишу «Ctrl / Command», чтобы у вас по-прежнему был доступ к инструменту прямого выбора, попробуйте изменить размер каждого маркера направления, щелкнув конец каждого из них, чтобы выбрать его, а затем перетащить его к точке привязки и от нее. .Опять же, удерживая «Shift» при перетаскивании, чтобы ограничить ваше движение по горизонтали, и наблюдайте, что происходит. По мере увеличения длины ручки вы получаете больше изгиба, а при уменьшении ее длины — меньше изгиба. Также обратите внимание, что каждая ручка управляет своей стороной кривой. Ручка слева управляет кривой, входящей в точку привязки слева, а ручка справа управляет кривой, исходящей из точки привязки справа.

Здесь я сделал левую ручку короче, и, как мы видим, теперь кривая намного меньше, чем была изначально, почти превращаясь в прямую линию.Я также удлинил правую ручку, и в результате изгиб справа стал более выраженным. Слабая кривая — оригинал для сравнения:

Измените форму кривых, изменив размер маркеров направления. Левая ручка управляет левой кривой, а правая ручка управляет правой кривой.

Я собираюсь отменить свои изменения, нажав несколько раз Ctrl + Alt + Z (Win) / Command + Option + Z (Mac), чтобы вернуть мои ручки направления к их исходным размерам, чтобы они снова стали равной длины .Теперь попробуем повернуть ручки. Удерживая нажатой клавишу «Ctrl / Command» еще раз, чтобы получить доступ к инструменту прямого выбора, щелкните конец любого маркера, чтобы выбрать его, и попробуйте повернуть его вокруг точки привязки. Поскольку мы выбрали ручку с помощью «Ctrl / Command», обе ручки вращаются вместе. Здесь я перетащил левую ручку вниз и вправо, и угол кривой слева изменился вместе с ней, теперь он выглядит как более наклонный, поскольку он поднимается вверх к точке привязки. Перетащив левую ручку вниз и вправо, я заставил правую ручку поворачиваться вверх и влево, и снова угол кривой справа изменился вместе с ней, теперь ненадолго поднимаясь над точкой привязки, прежде чем сделать крутой спуск до точки привязки справа.Опять же, слабая кривая — оригинал для сравнения:

Поверните ручки направления, чтобы изменить угол изгибов. Выберите ручку, удерживая «Ctrl» (Win) / «Command» (Mac), чтобы повернуть обе ручки вместе.

Ужасная «петля»
Одной вещи, которую следует избегать, — это слишком сильно поворачивать ручки, что приведет к перекрытию сегментов пути и образованию петель. Здесь я полностью повернул ручки, так что левая ручка теперь находится справа, а правая ручка — слева, и обратите внимание, что произошло.Мои сегменты пути теперь перекрывают друг друга, образуя петлю:

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

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

Я собираюсь нажать Ctrl + Alt + Z (Win) / Command + Option + Z (Mac) несколько раз еще раз, чтобы отменить мои изменения и вернуть свой путь к красивой плавной дуге, с которой я начал.А как насчет вращения маркеров направления независимо друг от друга? Как мы узнали на предыдущей странице, чтобы вращать ручки по отдельности, вместо того, чтобы выбирать их с помощью «Ctrl / Command», мы просто выбираем их, удерживая Alt (Win) / Option (Mac), что дает нам временный доступ к Convert Инструмент «Точка». Щелкните конец ручки, чтобы выбрать ее, затем перетащите ее мышью, чтобы повернуть, и на этот раз другая ручка останется на месте, разорвав связь между ними.

Здесь я выделил ручку справа, удерживая «Alt / Option», а затем повернул ее вниз и влево.Обратите внимание, как еще раз угол сегмента пути справа изменяется, чтобы соответствовать новому направлению ручки, и на этот раз ручка слева вместе с сегментом пути слева остаются на месте. Мой путь теперь немного похож на плавник акулы:

Удерживайте нажатой клавишу «Alt» (Win) / «Option» (Mac) для временного доступа к инструменту «Преобразование точки», затем щелкните конец маркера направления, чтобы выбрать его и повернуть независимо от другого маркера.

Перемещение точки привязки

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

Чтобы переместить точку привязки, удерживайте Ctrl (Win) / Command (Mac) для временного доступа к инструменту прямого выбора, как мы уже делали, затем просто щелкните точку привязки, чтобы выбрать ее, и перетащите на новое место с помощью мыши. Любые связанные с ним сегменты пути переместятся вместе с ним в новое место. Здесь я перетащил среднюю точку привязки немного вниз от ее исходного положения (опять же, слабый путь отмечает исходное местоположение для сравнения). Обратите внимание, как сам контур изменил форму, чтобы приспособиться к новому местоположению точки привязки:

Удерживая нажатой клавишу «Ctrl» (Win) / «Command» (Mac), щелкните точку привязки, чтобы выбрать ее, затем перетащите ее в новое место.Любые сегменты пути, связанные с точкой, будут перемещаться вместе с ней, изменяя форму по мере необходимости.

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

Объединение прямых путей с кривыми

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

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

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

Чтобы удалить ручку, оставив только ручку слева от точки привязки, все, что мне нужно сделать, это удерживать Alt (Win) / Option (Mac), что снова временно переключит меня на инструмент Convert Point Tool, а затем Я просто нажимаю прямо на точку привязки.Когда я это сделаю, указатель направления справа исчезнет, останется только один слева:

Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), нажмите непосредственно на точку привязки, чтобы удалить указатель направления справа, оставив только один слева.

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

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

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

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

Я собираюсь удерживать кнопку мыши нажатой после щелчка, чтобы добавить мою вторую точку привязки, потому что я хочу, чтобы мой следующий сегмент пути был изогнутым, и мы знаем, что для создания кривой нам нужен маркер направления. Чтобы добавить ручку, выходящую справа от точки привязки, я собираюсь удерживать Alt (Win) / Option (Mac), и, не отпуская кнопку мыши, я просто перетащу вправо. точки привязки. Когда я это сделаю, маркер направления потянется вместе с ним:

Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), перетащите маркер направления справа от точки привязки.

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

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

И поехали! Теперь у меня есть сегмент прямого пути слева, за которым следует изогнутый сегмент справа.Конечно, большинство контуров, которые вы рисуете, будут состоять не только из трех узловых точек. Допустим, я хотел продолжить этот путь, двигаясь в том же общем направлении вправо, и я хочу, чтобы мой следующий сегмент пути также был изогнутым. Как и минуту назад, я оставлял кнопку мыши нажатой после нажатия, чтобы добавить третью точку. Я бы удерживал Alt (Win) / Option (Mac) и перетаскивал другой маркер направления. До сих пор мы только перетаскивали ручки вправо, но на самом деле вам нужно перетащить ручки в том общем направлении, в котором вы хотите, чтобы кривая следовала.Я хочу создать кривую, которая идет вверх и вправо, поэтому я собираюсь растянуть небольшую ручку в том же общем направлении:

Перетащите маркеры направления в общем направлении кривой.

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

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

Добавление четвертой точки привязки вместе с отходящими от нее маркерами направления.

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

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

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

Изменение направления и / или длины любой ручки изменяет общую форму кривой. После поворота и удлинения обеих ручек кривая теперь принимает S-образную форму.

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

Я собираюсь нажать Ctrl + Alt + Z (Win) / Command + Option + Z (Mac) пару раз, чтобы отменить внесенные мной изменения, так что кривая снова имеет форму простой дуги, как это было минуту назад, и я думаю, что закончу этот путь еще одним прямым сегментом, что означает, что мне нужно удалить этот указатель направления, выходящий с правой стороны четвертой точки привязки. Мы уже научились это делать, удерживая Alt (Win) / Option (Mac) и нажимая непосредственно на точку привязки:

Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), нажмите непосредственно на точку привязки, чтобы удалить маркер направления справа.

Когда маркер направления исчез, все, что мне нужно сделать, чтобы добавить сегмент прямого пути, — это щелкнуть, чтобы добавить еще одну точку привязки:

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

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

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

Здесь у нас есть фотография пары дельфинов, выпрыгивающих из воды. Определенно пара очень пышных существ:

Фотография двух дельфинов, выпрыгивающих из воды.

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

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

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

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

Добавление первой точки привязки.

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

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

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

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

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

Продолжая движение, мы подходим к первой реальной кривой на нашем пути.Для этого мне нужно будет вытащить маркер направления из только что добавленной точки привязки, поэтому я собираюсь удерживать Alt (Win) / Option (Mac), а затем перетащить маркер в общем направлении. где я хочу, чтобы кривая текла с самого начала. Обратите внимание, как я тяну ручку только с одной стороны точки привязки, а не с обеих:

Удерживайте «Alt» (Win) / «Option» (Mac), чтобы перетащить маркер направления с одной стороны от точки привязки.

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

Добавление точки привязки на противоположном конце кривой и перетаскивание маркеров направления из нее, их вращение и изменение размера по мере необходимости, пока кривая не совпадет с кривой объекта.

Следующая область дельфина довольно прямая, вплоть до того момента, пока его спина не начнет сливаться с его спинным плавником, в этой точке есть еще одна кривая, поэтому я собираюсь добавить точку привязки непосредственно перед изгибом спинного плавника. fin, который даст мне еще один «в основном прямой» отрезок пути между предыдущей точкой и новой точкой.Затем я собираюсь еще раз удерживать Alt (Win) / Option (Mac) и перетаскивать маркер направления, когда я готовлюсь к следующему сегменту пути, который будет изогнутым:

Щелкните, чтобы добавить точку привязки, затем, удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), перетащите маркер направления, чтобы подготовиться к следующему сегменту пути.

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

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

Чтобы настроить кривую, я просто удерживаю клавишу Ctrl (Win) / Command (Mac), которая дает мне временный доступ к инструменту прямого выбора, и я собираюсь перетащить ручку, выходящую из нижняя точка привязки направлена вправо, чтобы удлинить его, что будет притягивать угол изгиба вправо вместе с ним, красиво выстраивая его с изгибом плавника.Я также немного повернул ручки верхнего направления по часовой стрелке, чтобы быть придирчивым, но большая часть регулировки была сделана с помощью ручки нижнего направления:

Отрегулируйте кривую, регулируя ее ручки направления.

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

Маркер направления слева от кривой слишком длинный, в результате кривая не повторяет форму плавника.

Чтобы исправить это, все, что мне нужно сделать, это еще раз удерживать Ctrl (Win) / Command (Mac), затем щелкнуть конец маркера, чтобы выбрать его, и перетащить его короче, пока кривая не приобретет правильную форму:

Уменьшение длины ручки направления для корректировки формы кривой.

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

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

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

Оба дельфина очерчены дорожкой.

Дельфины теперь очерчены траекторией, и если мы посмотрим на палитру «Пути», мы сможем убедиться, что у нас есть путь в форме дельфинов:

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

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

Щелкните значок «Загрузить путь как выделенный» в нижней части палитры «Пути».

Я также мог использовать сочетание клавиш Ctrl + Enter (Win) / Command + Return (Mac). В любом случае мой путь преобразуется в выделение, и если я смотрю на свою фотографию, я вижу, что мой путь действительно превратился в выделение вокруг дельфинов:

Дорожка вокруг дельфинов теперь преобразована в выделенную.

Куда идти дальше …

И вот оно! Теперь дельфины отобраны и готовы к любым планам, которые у нас есть в отношении них. На этом мы завершаем наш взгляд на рисование контуров и выделение с помощью Pen Tool в Photoshop! Дополнительные сведения об инструментах выделения Photoshop см. В нашей серии статей «Как сделать выделение в Photoshop».Посетите наш раздел Основы Photoshop, чтобы узнать больше о Photoshop!

Волнистая линия в Illustrator — Урок Adobe

Текст с волнистыми линиями в Adobe Illustrator

В сегодняшнем уроке по Illustrator вы научитесь создавать типографский дизайн . Сегодняшнее руководство по Illustrator — это примерно Заливка текста волнистыми линиями в Illustrator . Мы будем использовать инструмент «Перо» , «Текст», панель «Обработка контуров» и несколько других инструментов и эффектов.

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

Запустите Adobe Illustrator и создайте новый документ. Теперь следуйте приведенному ниже пошаговому простому рисованию:

Шаг 1

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

Шаг 2

Выберите горизонтальную линию и щелкните объект на панели меню . Поместите курсор на Transform и выберите Transform Each .

Преобразование Каждое диалоговое окно появится на монтажной области. В этом диалоговом окне установите Vertical Move на 15 pt и нажмите Copy .

Теперь нажмите Ctrl + D , чтобы создать больше копий.

Шаг 3

Теперь выберите все линии с помощью инструмента выбора и нажмите Effect в строке меню . Теперь поместите курсор на Distort & Transform и выберите Zig Zag .

В диалоговом окне Zig Zag уменьшите размер , и увеличьте гребней на сегмент .Также сделайте точки Гладкие . (См. Изображение ниже)

После внесения необходимых изменений нажмите OK .

Теперь позвольте линиям быть выделенными и нажмите Object в строке меню . Затем выберите Развернуть оформление .

Шаг 4

Теперь выберите инструмент Type Tool и введите текст. Затем выделите текст и нажмите Shift + Ctrl + O , чтобы сделать его редактируемым текстом.Поместите текстовый слой поверх линий.

Шаг 5

Нажмите Ctrl + A , чтобы выбрать все слои. Теперь перейдите на панель Pathfinder и выберите Outline .

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

Шаг 6

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

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

Вот как можно Залить текст волнистыми линиями в Adobe Illustrator . Попрактикуйтесь в этом руководстве и поделитесь своим мнением в разделе комментариев. Также поделитесь этим учебником с другими.

Нравится:

Нравится Загрузка…

Сопутствующие

Как сделать волнистую линию в Photoshop? — AnswersToAll

Как сделать в Photoshop волнистую линию?

Процесс прост:

Создайте новый документ, скажем, 600 x 600 пикселей.
Нарисуйте прямую горизонтальную линию на новом слое.
Щелкните слой правой кнопкой мыши и выберите «Растрировать слой».
Выберите в верхней строке меню: «Фильтр», «Искажение», «Волна». Photoshop — Используйте фильтр Distort — Wave.
Измените настройки по своему вкусу и нажмите «ОК».

Как сделать в Word волнистую линию?

Если вы хотите вставить изогнутую линию в документ Word, вы можете сделать это, выполнив следующие действия:

Отображение вкладки «Вставка» на ленте.
Щелкните инструмент Фигуры в группе Иллюстрации.
В группе «Линии» выберите параметр «Кривая».
Щелкните в том месте документа, где должна начинаться кривая.

Как нарисовать волнистые линии в Illustrator?

1 правильный ответ. Нарисуйте прямую линию, затем перейдите в меню эффектов, выберите «Искажение и преобразование», затем выберите «зигзаг». Выберите «Сглаживание» и внесите любые другие изменения, чтобы создать необходимое количество выступов и т. Д. Нарисуйте прямую линию, затем перейдите в меню эффектов, выберите «Искажение и преобразование», затем выберите «зигзаг». এপ্রিল, ২০১৯

Как заполнить фигуру линиями в Illustrator?

Выберите нарисованный объект с помощью инструмента «Выделение», затем выберите инструмент «Обводка» и цвет из образца.Это закрасит линии и штрихи на объекте. Затем выберите инструмент «Заливка» и выберите цвет из образца. Щелчок внутри объекта заполнит его выбранным цветом или узором.

Что такое рисование осознанности?

Осознанное упражнение по рисованию — это упражнение, которое помогает вам привлечь внимание к настоящему моменту времени, сосредоточив внимание на том, что вы рисуете — на звуке, запахе, ощущении, что вы можете видеть и т. Д. মে, ২০১৮

Рисование — это медитация?

Итак, медитация — это практика смотреть и участвовать на очень глубоком уровне.Рисование — это действие как глубокого наблюдения, так и участия. Рисование участвует в мире как агент. В этом смысле рисование по сути своей сродни медитации. ফেব, ২০২০

Что такое внимательное рисование?

Внимательное рисование — также одно из упражнений, которые мы выполняем в день «Успокойся», оно взято из книги Венди Энн Гринхал «Осознанность и искусство рисования». Найдите лист бумаги формата А4 и ручку или карандаш. Уделите несколько минут, чтобы сосредоточиться на ощущении ручки или карандаша между пальцами.১৪ ডিসেম্বর, ২০১৭

Каковы преимущества рисования?

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

Как рисование помогает расслабиться и сконцентрироваться?

Doodling действительно может помочь вам сосредоточиться и облегчить прослушивание.Это может снять стресс и повысить продуктивность. Исследователи предполагают, что рисование помогает мозгу оставаться активным по сравнению с напряжением, требующим сосредоточенного и непрерывного внимания. জুলাই, ২০১৭

Почему я рисую по телефону?

Почему мы пишем каракули? Она заявляет: «Творческий жест, когда мы даем свободу нашему воображению, мы караемся, чтобы перестать беспокоиться, облегчить ожидание, но также и убежать и получить вдохновение». ১৯ জানু, ২০১৫

Что означает рисование?

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

Почему я рисую спирали?

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

Кто такой мистер Дудл?

Человек по имени Дудл.В свои личные моменты мистер Дудл (он же Doodle Man) — 26-летний британец по имени Сэм Кокс. Однако в его профессиональном режиме персонаж — это больше, чем просто имя, написанное пером (или кистью); это стиль жизни. মার্চ, ২০২১

В чем разница между дзентанглом и дудлом?

Разница, однако, в том, что рисование делается от скуки (особенно на полях в классных заметках) и бездумности (в большинстве случаев каракули — это не то, что мы планируем делать), в то время как Zentangle сосредоточен на создании узоров и внимательности ( вы намеренно что-то рисуете) чтобы не думать… ২৮ মে, ২০১৮

Кто лучший художник-дудл?

Хэтти Стюарт

Что такое дзентангл?

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

Что такое Стендудлинг?

Stendoodling использует трафареты для создания контура изображения, узоров в дизайне и даже отдельных узоров каракулей! Чтобы создать Stendoodle: Затем используйте другой трафарет для создания секций внутри этой формы (например, солнечные лучи) и, наконец, используйте меньшие трафареты (и мелкий маркер) для создания узоров внутри каждой секции.

: Глава 7: Использование мощного пера :: Часть II: Рисование и раскрашивание ваших работ :: Adobe Illustrator CS :: Adobe :: eTutorials.org

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

Инструмент «Перо» в Illustrator — это образец точности и аккуратности. С его помощью вы можете рисовать практически все (или рисовать виртуально). Это, конечно, после того, как вы освоите рисование кривых.

Ручка не предназначена для того, чтобы сводить с ума (насколько я знаю), но использование ее для рисования удачных кривых действительно требует психологического прорыва.Пользователи Illustrator, которые изо всех сил пытаются разобраться в инструменте «Перо» самостоятельно, без удобного руководства, которое вы держите в руках, могут утомиться месяцами (или даже годами) разочарования, прежде чем произойдет прорыв. Они сталкиваются с формами и кривыми, которые им подходят — и затем они, наконец, «понимают».

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

Укрощение волочащихся

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

Если вы щелкните и перетащите с намерением создать кривую, вы получите то, что выглядит как прямая линия, как показано на рисунке 7-6. (Странно, не правда ли?) Как ни странно, полученная вами «линия» в два раза длиннее, чем расстояние, на которое вы перетаскиваете, и простирается в двух направлениях от места, где вы вначале щелкаете мышью.После того, как вы отпустите кнопку мыши, эта «линия» будет , по-прежнему — это прямая линия, и никакой кривой по-прежнему не видно.

Рисунок 7-6: При создании кривой протяните прямую линию; стрелка показывает направление перетаскивания.

Что, по вашему мнению, является наиболее естественным поступком в мире на данном этапе? Конечно — это перетаскивание в другом направлении (обычно под углом 90 °) от того места, где вы последний раз отпускали мышь. И каковы наиболее естественные результаты? Уродливая, пышная шишка; новую «прямую» линию, идущую в обоих направлениях от второй точки привязки; и внезапное желание направить несколько избранных ругательств в Illustrator.

Проблема во второй точке привязки. Вместо того, чтобы щелкать и перетаскивать в месте рядом с тем местом, где вы впервые отпустили кнопку мыши (большое «нет-нет»), вы всегда щелкаете и перетаскиваете (вам не нужно тянуть, но я вернусь к этому позже) в сторону откуда вы отпустили кнопку мыши, как показано на рисунке 7-7. Вы правильно поняли — прочь. Странно, не правда ли?

Рисунок 7-7: Создание плавных плавных кривых. (Дружественные стрелки указывают направление перетаскивания.)

Чтобы создать красивую плавную кривую для своих целей, просто выполните следующие действия:

Щелкните и перетащите с помощью инструмента «Перо».

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

Совет?

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

Не нажимая, поместите курсор на на расстоянии от обеих точек привязки и точек направления. Затем щелкните и перетащите в направлении напротив направления, в котором вы перетаскивали, чтобы создать первую точку привязки.
На этом этапе лучше всего разместить второй щелчок перпендикулярно направляющим линиям.Обратите внимание, что при перетаскивании вы действительно можете увидеть, как кривая между двумя опорными точками принимает форму и изменяется. Если вы перетащите на то же расстояние, что и для первой точки привязки, вы создадите ровную кривую.
Наконец, поместите курсор подальше от второй точки, все еще двигаясь от первой точки привязки, и щелкните и перетащите назад в том же направлении, в котором вы перетаскивали для первой точки привязки.
После того, как вы отпустите кнопку мыши, вы увидите фигуру S (или обратную форму S, , в зависимости от того, в какую сторону вы сначала перетащили).Радуйтесь! Если вы не видите форму S или обратную форму S , глубоко вдохните, сосчитайте до 10 и повторите попытку, проявляя сверхчеловеческое терпение и осторожность. Подумайте о Кларке Кенте.

Наконечник?

Помните всю эту песню и танец о нажатии клавиши Shift, чтобы новые опорные точки появлялись под углом, кратным 45? относительно последней точки привязки? Что ж, вы также можете использовать клавишу Shift, чтобы ограничить угол линий ручки управления до 45 °, если хотите.Это действие позволяет создавать более точные кривые, чем рисование вольным стилем. Только не нажимайте и не удерживайте клавишу Shift, пока после вы не начнете перетаскивать с помощью инструмента «Перо». Если вы нажмете клавишу Shift перед перетаскиванием — и отпустите клавишу во время перетаскивания — вы получите 45? точка привязки. Если вы продолжите удерживать клавишу Shift, вы получите целую шебанг: 45? линии управления-дескриптора, а также точку привязки.

Следуя правилу одной трети

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

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

Если вы перетащите слишком мало, вы получите слишком пологие кривые в середине отрезка линии и слишком резкие в узловых точках.
Если вы перетащите слишком много, вы получите довольно резкие кривые (например, Кривая Мертвеца) вокруг середины отрезка линии и слишком прямые вокруг точек привязки (как эта кривая справа на рис. 7-8).

Рисунок 7-8: Слева: точки привязки с линиями точек направления, составляющими одну треть расстояния вдоль пути. Справа: слишком много перетаскивания.

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

Следуя правилам для остальных двух третей

Правило одной трети — самое важное правило, когда вы используете инструмент «Перо» для рисования кривых. Конечно, вам все равно придется иметь дело с другими двумя третями линейного сегмента; Вот где вам могут пригодиться несколько скромных правил. Даже если вы не планируете следовать им сразу — потому что вы все еще в том неловком, бунтарском возрасте — вы, по крайней мере, захотите ознакомиться с этими правилами:

Перетащите в направлении пути. Перетаскивание назад к только что начерченному отрезку линии приводит к появлению трудноуправляемых кривых и неприглядных отрезков линий между предыдущей опорной точкой и опорной точкой, с которой вы работаете. Если вам нужно вернуться к линейному сегменту, поместите точку привязки ближе к предыдущей созданной точке привязки.
Сосредоточьтесь на предстоящем сегменте, а также на текущем. Вы можете заметить, что отрезок линии между предыдущей точкой привязки и текущей точкой привязки может отвлекать вас, поскольку он изменяется при перетаскивании.? Если вы сконцентрируетесь только на этом сегменте линии, точка направления, которую вы перетаскиваете для следующего сегмента линии , вероятно, не будет иметь правильную длину или угол. При использовании инструмента «Перо» вы должны овладеть прошлым, настоящим и будущим. (В остальном это совсем несложно.)
Не переусердствуйте за неправильную кривую. Если вы ошиблись в последней исходящей точке направления, не пытайтесь «зафиксировать» сегмент линии с точкой привязки, которую вы в данный момент перетаскиваете.Вместо этого сосредоточьтесь на следующем сегменте ; попробуй пока не обращать внимания на эту глупость. Вы всегда можете использовать инструмент Direct Selection, чтобы исправить ошибку после того, как закончите путь. В главе 6 рассказывается о том, как вы можете настроить свой путь после того, как его нарисовали.
При необходимости используйте разную длину для каждой точки направления. Это правило является исключением из двух предыдущих правил. (Вы знали, что должно быть исключение.) Если вы щелкнете и перетащите и получите сегмент точно — только для того, чтобы понять, что следующий сегмент требует более длинной или более короткой линии ручки управления, но того же угла — отпустите мышь кнопка когда сегмент в самый раз .Затем щелкните ту же точку привязки еще раз (, а не точка направления) и перетащите в том же направлении, что и ранее. Обратите внимание, что при изменении угла точки направления на «другой» стороне (где находится предыдущий сегмент) вы не меняете длину линии этой точки направления. И вы можете довольно легко сопоставить угол, потому что вы можете видеть как «до», так и «после» версии предыдущего отрезка линии.
Поместите опорные точки на переходах кривой . Переход кривой — место, где кривая изменяется. Может быть, он меняет направление (переходя с часовой стрелки на против часовой стрелки или наоборот). Может быть, кривая становится меньше или больше. На рис. 7-9 показан красивый извилистый путь с точками привязки, правильно расположенными на переходах.
Рис. 7-9: На этом пути точки расположены в «правильных» местах для получения наилучшей возможной кривой.
Будьте осторожны с окружающей средой при использовании опорных точек. Не размещайте точки привязки там, где они не нужны. Это правило распространяется на все типы точек привязки. Чем меньше у вас их, тем проще редактировать участки пути (конечно, с учетом предыдущего правила). Меньшее количество точек привязки также обеспечивает более быструю и беспроблемную печать.

Наконечник?

Удерживание клавиши Ctrl (на Mac) изменяет текущий выбранный инструмент на тот, который вы использовали последним. Это очень удобно, когда вы рисуете с помощью инструмента «Перо», поскольку он позволяет перемещать точки, не снимая выделения с инструмента «Перо».Щелкните инструмент «Прямое выделение» перед тем, как выбрать инструмент «Перо». Если вы нажмете, начните перетаскивать, а затем поймете, что щелкнули в месте, которое просто не работает, просто нажмите клавишу Ctrl (z на Mac). Инструмент «Перо» временно преобразуется в инструмент «Прямое выделение». Переместите точку привязки в новое место. Отпустите клавишу Ctrl (z на Mac), и точка привязки переместится в новое место, вот так!

Рисование сложных узловых точек с помощью инструмента «Перо»

Немного попрактиковавшись с кривыми и сглаженными опорными точками, вы сможете привыкнуть к плавным переходам от одного сегмента линии к другому.Эти точки привязки довольно легко создать — просто щелкните и перетащите новую точку, и whammo ! у вас ровная точка привязки. Но и точка привязки изогнутого угла, и точка привязки комбинированного угла немного сложнее — они всегда требуют двух шагов. Тем не менее, они не могут напугать ветерана войн. Ничуть.

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

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

Убедитесь, что исходный линейный сегмент имеет правильную длину и угол, прежде чем нажимать клавишу Alt (опция на Mac).После нажатия клавиши единственный способ отредактировать линию — остановить рисование и изменить ее с помощью инструмента «Прямое выделение». См. Главу 6 для получения всевозможных полезных советов о том, как получить максимальную отдачу от настройки точки с помощью инструмента «Прямое выделение».

Повторное обращение к комбинированным угловым точкам крепления

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

Чтобы перейти от прямой линии к изогнутой, , когда вы рисуете плавную опорную точку, нажмите клавишу Alt (Option на Mac) после щелчка, но перед тем, как отпустить кнопку мыши.Это действие позволяет перетащить точку направления для следующего сегмента линии, не затрагивая предыдущий сегмент, как это обычно делает Illustrator. Чтобы создать кривую, перетащите указательную точку в нужное место.
Чтобы перейти от одной изогнутой линии к другой (с точкой изогнутого угла вместо точки сглаживания), щелкните и перетащите, как если бы вы создавали? Точку сглаживания. После того, как вы получите первую кривую так, как вы хотите, но прежде чем отпустить кнопку мыши, нажмите клавишу Alt (Option на Mac).Как только вы нажимаете Alt (Option на Mac), вторая точка направления перемещается независимо от первой. Используйте эту технику Alt (опция на Mac), чтобы переместить точку направления туда, где она вам нужна.

Эти два метода требуют небольшой практики, потому что многое зависит от того, в какое время вы нажимаете Alt (Option на Mac). Но не волнуйтесь. Если вы не поймете это правильно с первого раза, у вас всегда есть инструмент «Преобразовать опорную точку», к которому можно прибегнуть.

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

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

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

Чтобы найти инструмент «Линия», нажмите и удерживайте кнопку мыши над инструментом «Прямоугольник» на главной панели инструментов. Откроется меню для выбора формы инструмента. Если вы включили какие-либо инструменты фигур, вы также можете выбрать инструмент «ЛИНИЯ» в верхнем меню параметров.

Почему инструмент «линия» считается фигурой? Фактически, инструмент «Линия» просто создает тонкие прямоугольники, которые выглядят как линии, потому что цвета Заливки Заливка и контура Обводки одинаковы. Если вы хотите, чтобы линия была пустой внутри (как прямоугольник), просто отключите заливку.

С помощью инструмента «ЛИНИЯ» легко рисовать прямые линии. Просто щелкните в любой точке изображения и перетащите линию в желаемом направлении. Если вы хотите нарисовать строго горизонтальную или вертикальную линию, удерживайте клавишу SHIFT при перетаскивании, и Photoshop позаботится обо всем остальном.

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

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

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

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

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

Инструмент «Ручка»

Наконец, инструмент ПЕРА чрезвычайно полезен для рисования прямых и изогнутых линий. Чтобы выбрать инструмент «ПЕРО», щелкните перо в форме пера на главной панели инструментов, затем щелкните изображение на изображении, чтобы установить начальную точку, и еще раз, чтобы установить конечную точку. Photoshop автоматически создаст прямую линию между двумя точками, независимо от того, где они расположены на изображении. Если вы удерживаете клавишу SHIFT при установке этих точек, вы можете создавать линейные сегменты с углами наклона 45 и 90 градусов.

Делаем рамку из точек, коржей, пунктирных линий в фотошопе

В этом материале, как понятно по шапке, мы рассмотрим способы рисования точечных, полосовых и точечных рамок. Сразу решаем: все кадры будем рисовать на новом слое! Забегая вперед, скажу, что описанный ниже способ относится к версиям Photoshop. CS5 и ниже.

Создание рамки из точек

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

Теперь создадим контур, в виде которого должна быть рамка, это можно сделать любыми контурными инструментами, пером (Pen Tool), прямоугольником (Rectangle Tool) и т. Д.Контур может быть как замкнутым, так и открытым. Далее щелкните правой кнопкой мыши по контуру. Важно: инструмент контура в этот момент должен быть активен! В появившемся окне выберите строку «Выполнить контурный ход» (STROKE PATH). Откроется новое окно, в котором мы предложим выбрать инструмент «Штрих». В этом случае нам подойдет кисть или карандаш (Pencil). Напоминаю, что кисть или карандаш уже должны быть настроены. После выбора инструмента нажмите OK, и на схеме появятся точки.Очки, нанесенные кистью, получаются несколько смазанными, поэтому после нанесения точек это не мешает примененному фильтру контура краев (Резкость краев), настройки выбираются индивидуально. Вот пример экрана, полученного с помощью описанных выше операций:

Были применены следующие быстрые настройки: Текст: Тип — Карандаш Kehel (Размер) 3 PKS, Жесткость (Жесткость) 100%, Интервал (Spaction) 180% Загрузка: Тип — Кисть, Кехал (Размер) 3 PKS, Жесткость ( Жесткость) 100% Интервал (Spaction) 205% Рама: Тип — Карандаш, Кехель (Размер) 6 PKS, Жесткость (Жесткость) 100%, Интервал (Spaction) 180%

Создание каркаса из пунктирных линий

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

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

Чтобы создать вертикальную прерывистую линию, нужно повернуть отпечаток кисти на 90 или 270 градусов:

Теперь можно спокойно рисовать и вертикальную прерывистую линию:

Но если мне нужна пунктирная в круге или на любой кривой, то этот способ уже не подходит.Выбираем круглую кисть, устанавливаем диаметр отпечатка 9 пикселей, интервал 170%. Создайте контур, выполните обводку контура, как в случае точек. Далее щелкаем правой кнопкой мыши по контуру, выбираем пункт «Education Dedicated Area» (Сделать выбор) с радиусом древнего 0. Вот данный снимок экрана:

3 голоса

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ну а теперь покажу другое.

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

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

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

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

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

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

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

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

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

Вот и получил такой результат. Как видите, все по-другому.

Ручка инструментальная

Если честно, я до сих пор не могу профессионально работать. Я знаю, что они могут рисовать что угодно: точно, быстро, весело и круто, но у меня много времени, и результат не всегда находится на том уровне, которого я ожидал.И тем не менее, я даже могу рисовать пером прямые линии. С кривыми хуже, но попробую. Я выбираю Ручку.

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

То же вылезает с каждой новой точкой.

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

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

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

Вот результат, который я получил.

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

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

».

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

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

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

Не знаете с чего начать? Пройти курс « Основы коммерческого веб-дизайна.

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

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

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

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

Желаю удачи. К новым встречам.

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

В этом уроке я покажу вам, как сделать пунктирную линию в Photoshop.

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

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

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

Возьмите инструмент «Прямоугольник» и установите его, как показано на рисунках ниже:

Пунктирные размеры Выберите ваши потребности.

Затем щелкните в любом месте белого холста и в открывшемся диалоговом окне нажмите ОК .

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

Дайте имя кисти и нажмите OK .

Инструмент готов, проведем тест-драйв.

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

Затем нажмите F5 И в открывшемся окне вы настроите кисть.

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

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

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

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

Скрытие и отображение направляющих клавишами Ctrl + H..

Если у вас крепкая рука, то можно провести строчку и без ключа Shift. .

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

Снова нажимаем клавишу F5 И видим такой инструмент:

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

Значит, это не лучший способ.Мы научились рисовать пунктирные линии в фотошопе.

В этом уроке я расскажу вам, как рисовать пунктирные линии. Самый простой способ: возьмем с собой ручку, выберем режим «Рисунок», уберем «заливку» до «без цвета» и выберем цвет обводки, который нам нужен. Пусть будет синим. Также на этом этапе нам нужно выбрать, какой толщины у нас будет пунктирная линия. Допустим, 2 пикселя и выбираем какой он будет. Будут эти точки или они будут расставлены точками. Выберем их.

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

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

И еще один способ, это тоже обводка контура с помощью инструмента «Кисть». Первый шаг — настраиваем кисть вместе с вами. Для этого нам нужно сначала сделать эту кисть. Создаем новый документ: Ctrl + N. -27 пикселей и высота — 6.На этом этапе нам нужно спросить размер, который будет равен размеру стежка. Выберите прозрачный фон. Щелкните «ОК». И залить этот документ черным цветом. Теперь нам нужно определить кисть: редактирование / определение кисти. Назовем его и нажмем «ОК». Этот документ можно удалить.

Возвращаемся к нашему основному документу, выбираем «кисть», и как видите, оно уже того стоит. Выбираем непрозрачность кисти 100%, переходим в настройки палитры и немного меняем ее параметры. Нам обязательно нужно будет увеличить количество интервалов и перейти: Кисти / Контроль / Направление.И тогда наша кисть будет повторять изгибы контура. Также на этом этапе установите цвет, которым будет рисовать ваша кисть, и выберите размер, можно сделать чуть меньше, чем меньшего размера.

Теперь возьмем инструмент «Перо». Нарисуйте нужный нам контур. Также действуйте в схемном режиме. Подведем итог инструмента «Растушевка» к самому контуру и щелкнем правой кнопкой мыши «контекстное меню / выполнить обводку контура / выберем нашу кисть (ту, которую мы установили на предыдущем шаге. Нажмите« ОК ». Кисть полностью повторила изгиб контур.

Как нарисовать изогнутую линию в Canva

Affiliate Disclosure : Этот пост содержит партнерские ссылки в контенте, в рекламе на боковой панели и в других областях. Это означает, что если вы нажмете на эти ссылки и сделаете покупку, я получу комиссию.

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

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

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

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

Как бы то ни было, изогнутая линия следует за тем же преследованием.Да, есть элемент изогнутой линии… (Просто перейдите в «Элементы» и прокрутите; вы быстро это увидите.)

Вы можете даже пойти дальше и соединить две изогнутые линии или более, чтобы получить что-то вроде этого:

Но как насчет того, чтобы создать что-то более пышное или не такое?

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

ЭКСКЛЮЗИВНО: Теперь вы можете попробовать членство Canva Pro бесплатно в течение 30 дней.С его помощью вы можете загружать свои собственные шрифты, удалять фон с фотографий, сохранять прозрачные изображения, получать доступ к ряду дополнительных элементов и многое другое. (Подробнее о Canva Pro.)

Рисование изогнутой линии на Canva

1. Добавьте обведенный круг

Перейдите в «Элементы» и возьмите пустой кружок с контуром.

2. Добавьте закрашенный круг

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

3. Изменить цвет закрашенного круга

Измените цвет закрашенного круга в соответствии с цветом фона холста (сделав круг невидимым).

4. Поместите закрашенный круг

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

И все! Несколько разных способов создать изогнутую линию в Canva.

Ищете что-то конкретное? Пожалуйста, дайте мне знать в комментариях, и я постараюсь помочь!

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

Или просто заплатите 5 долларов или около того кому-нибудь на Fiverr (или найдите кого-нибудь на Upwork), чтобы он создал для вас все, что вам нужно.Я определенно проглотил свою гордость несколько раз и просто нанял фрилансера на Fiverr для быстрой работы и часто получал что-то лучшее, чем я мог бы сделать сам.

Работа с инструментами рисования в Illustrator

Что вы узнаете из этого руководства по Illustrator:

Работа с инструментом «Перо»
Рисование изогнутых и прямых линий

Это руководство дает вам основу для работы с панелями Adobe Illustrator.Это первый урок в книге Adobe Illustrator CC Digital Classroom. Чтобы узнать о других возможностях обучения Adobe Illustrator, посетите классы AGI Illustrator.

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

Запуск

Перед началом убедитесь, что ваши инструменты и панели согласованы, сбросив рабочее пространство. См. «Сброс настроек Adobe Illustrator CC» в разделе «Запуск» этой книги.

В этом уроке вы будете работать с несколькими файлами из папки ai03lessons. Убедитесь, что вы загрузили папку CClessons на жесткий диск с прилагаемого DVD. См. «Загрузка файлов уроков» в разделе «Начало работы» этой книги.

Работа с инструментом «Перо»

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

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

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

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

Рисование прямых

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

1 В Illustrator выберите «Файл»> «Открыть». Когда появится диалоговое окно Открыть, перейдите в папку ai03lessons и выберите файл ai0501.ai файл. Щелкните ОК. Это практический файл, содержащий несколько различных шаблонов строк, с которыми вы будете работать в следующих упражнениях.

2 Выберите «Файл»> «Сохранить как». В диалоговом окне «Сохранить как» перейдите в папку ai03lessons и введите ai0501_work.ai в текстовое поле «Имя файла»; затем щелкните Сохранить. В диалоговом окне «Параметры Illustrator» нажмите «ОК», чтобы принять настройки по умолчанию.

3 На панели управления в верхней части рабочего пространства выберите «Нет» () в раскрывающемся меню «Цвет заливки».При необходимости выберите черный цвет в раскрывающемся меню Цвет обводки и выберите 2 pt в раскрывающемся меню Толщина обводки.

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

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

5 Переместите курсор к части строки с меткой 2, щелкните и отпустите кнопку мыши. Вторая точка линии создана. Инструмент «Перо» автоматически рисует прямую линию между двумя точками.

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

6 Продолжайте щелкать и отпускать, чтобы завершить линию метками 3, 4, 5, 6 и 7.Обратите внимание, как инструмент «Перо» автоматически продолжает линию, чтобы включить каждую новую точку привязки.

7 После того, как вы установили последнюю точку привязки на метке 7, нажмите и удерживайте Ctrl (Windows) или Command (Mac OS) и щелкните любую пустую область страницы. Это отменяет выбор и заканчивает строку. Если вы не снимете выделение и не завершите линию, инструмент «Перо» продолжит связывать путь со следующей созданной привязкой.

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

9 Поместите курсор на метку 2. Удерживая нажатой клавишу Shift, нажмите и отпустите, чтобы создать вторую точку линии; Инструмент «Перо» автоматически соединяет две точки прямой линией. Поскольку вы удерживали клавишу Shift при создании второй точки, Illustrator автоматически рисует идеально горизонтальную линию.

10 Поместите курсор на метку 3. Снова удерживая клавишу Shift, щелкните и отпустите левую кнопку мыши, чтобы установить третью точку привязки. На этот раз созданная линия представляет собой идеальную вертикальную линию.

11 Продолжайте удерживать клавишу Shift, щелкая метки 4, 5 и 6. При этом линия между точками 4 и 5 рисуется под идеальным углом 135 градусов, поскольку клавиша Shift ограничивает угол с шагом 45 градусов.

Удерживая Shift при щелчке мышью, вы можете создать
углов 90 и 45 градусов с помощью инструмента «Перо».

12 Установив последнюю точку привязки на метке 6, удерживая клавишу Ctrl (Windows) или Command (Mac OS), щелкните монтажную область, чтобы отменить выбор и завершить линию.

13 Выберите «Файл»> «Сохранить», чтобы сохранить работу.

Рисование изогнутых линий

Прямые линии могут увести вас только пока; более органичные и сложные композиции требуют использования изогнутых линий для визуализации объектов. Теперь вы завершите упражнение 3.

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

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

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

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

Что такое ручки направления?

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

A. Анкерная точка. B. Линия направления.
C. Ручка направления. D. Отрезок линии.

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

Если вам нужно изменить любую из предыдущих точек, выберите «Правка»> «Отменить» или воспользуйтесь сочетанием клавиш Ctrl + Z (Windows) или Command + Z (Mac OS). Не беспокойтесь, если кривые не соответствуют шаблону, их можно будет откорректировать позже.

Перетаскивание при создании второй точки привязки
позволяет искривлять путь.

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

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

5 Как и в предыдущем упражнении, после создания последней точки привязки на метке 4, удерживая нажатой клавишу Ctrl (Windows) или Command (Mac OS), щелкните монтажную область, чтобы деактивировать путь.

6 При необходимости используйте инструмент «Прямое выделение» (), чтобы переместить ручки и точки, чтобы кривые более точно следовали траектории, затем выберите «Файл»> «Сохранить», чтобы сохранить результаты.

Чертеж шарнирных кривых

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

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

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

3 Нажмите и удерживайте клавишу Alt (Windows) или Option (Mac OS) на клавиатуре. Это временно преобразует инструмент «Перо» в инструмент «Преобразовать опорную точку» (), который также является отдельным инструментом в группе инструментов «Перо». Помимо прочего (о чем будет рассказано позже в этом уроке), этот инструмент используется для редактирования маркеров направления.Поместите инструмент «Преобразовать опорную точку» над маркером направления для исходящей направляющей линии, а затем щелкните и перетащите эту точку так, чтобы она указывала вверх. Две направляющие линии теперь образуют V.

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

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

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

5 Снова нажмите и удерживайте клавишу «Alt» (Windows) или «Option» (Mac OS), чтобы временно переключить инструмент «Перо» на инструмент «Преобразовать опорную точку».Еще раз поместите инструмент Преобразовать опорную точку над маркером направления для исходящей направляющей линии, щелкните и перетащите эту точку так, чтобы она указывала вверх, а направляющие линии образовывали V.

6 Повторите шаг 4 для последней кривой на метке 4. После того, как вы создали эту последнюю точку привязки, удерживайте клавишу Ctrl (Windows) или Command (Mac OS) и щелкните монтажную область, чтобы деактивировать путь.

7 Выберите «Файл»> «Сохранить», чтобы сохранить работу.

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

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

1 Поместите курсор на метку 1 в начале изогнутой линии в упражнении 5. Удерживая клавишу Shift, щелкните и перетащите курсор немного вверх над аркой, чтобы создать первую опорную точку. Когда вы перетаскиваете курсор вверх, ваше движение ограничивается идеально вертикальной линией. Отпустите мышь перед тем, как отпустить клавишу Shift.

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

Создайте еще один изогнутый путь.

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

3 Поместите курсор на точку привязки, созданную на шаге 2. Курсор инструмента «Перо» изменится, что даст вам возможность преобразовать только что созданную точку привязки.

Курсор инструмента «Перо» изменяется, позволяя
изменять точку привязки.

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

Сверните маркер направления.

5 Поместите курсор на метку 3. Удерживая клавишу Shift на клавиатуре, щелкните метку 3, чтобы создать прямую линию, завершающую путь.

6 После создания последней точки привязки на метке 3, удерживая Ctrl (Windows) или Command (Mac OS), щелкните монтажную область, чтобы отменить выбор и завершить линию.

7 Выберите «Файл»> «Сохранить», чтобы сохранить работу.

Преобразование прямых в изогнутые

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

1 Найдите шаблон с надписью «Упражнение 6». Держите инструмент «Перо» над началом линии (с меткой 1).Курсор изменится (), показывая, что вы начнете новую строку. Щелкните и отпустите левую кнопку мыши при наведении курсора на метку 1. Линия начинается с создания первой точки привязки.

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

3 Поместите курсор на точку привязки, созданную на шаге 2. Курсор инструмента «Перо» изменится (), показывая, что вы можете изменить направление ручки направления.

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

Измените направление ручки направления.

5 Поместите инструмент «Перо» на этикетку 3. Щелкните и перетащите вниз, чтобы создать кривую, отображаемую в шаблоне.

Закончите путь, создав кривую.

6 После создания последней точки привязки на метке 3, удерживая нажатой клавишу Ctrl (Windows) или Command (Mac OS), щелкните монтажную область, чтобы отменить выбор и завершить линию.

7 Выберите «Файл»> «Сохранить», затем выберите «Файл»> «Закрыть».

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

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

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

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

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

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

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

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

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

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

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

Как начертить линию в фотошопе. Как нарисовать прямую линию в фотошопе? Как нарисовать прямую линию в «Фотошопе»

линии в «Фотошопе»?

С помощью функции «Волна»

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

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

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

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

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

Приёмы работы с пером при создании линий

Работа с готовой линией

Инструменты Adobe Illustrator. Эффекты.

Стрелки

Appearance

Без эффекта?

Круглые уголки

Без эффекта скругленных углов?

Zig Zag

Волнистая линия

Значки

Pucker & Bloat

Transform

Roughen

Scribble

Иконки «от руки»

Заключение

Подсказки по использованию эффектов Illustrator

Создание типа на пути в фотошопе

Как добавить тип на пути в фотошопе

Шаг 1: выберите инструмент Ellipse

Шаг 2: Измените режим инструмента на «Путь»

Шаг 3: Нарисуй свой путь

Шаг 4: Выберите инструмент Type

Шаг 5: выбери свой шрифт

Шаг 6: переместите курсор на путь

Шаг 7: Нажмите на путь и добавьте свой тип

Шаг 8: Выберите инструмент выбора пути

Шаг 9: измени текст

Перелистывание текста по пути

Сокрытие Пути

PhotoshopSunduchok — Ноты для фотошопа

Понравилось? Поделитесь:

Добавить комментарий

Нарисованные рябь на воде, волна и лес

линии в «Фотошопе»?

С помощью функции «Волна»

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

Шаг 1

Шаг 2

Шаг 3

Шаг 4

Шаг 5

Шаг 6

Шаг 7

Шаг 8

Шаг 9

Шаг 10

Шаг 11

Завершение

Шаг 1

Шаг 2

Шаг 3

Шаг 5

Шаг 6

Шаг 7

Шаг 8

Нарисованная футболка в фотошопе | Футболка пловец жпчщц

Создание выделения с помощью инструмента «Перо» в Photoshop

Где найти инструмент «Перо»?

Почему он называется инструментом «Перо»?