Где в фотошопе находятся фигуры: Как установить фигуру в Photoshop

Все инструменты формы находятся в одном месте.

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

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

Сброс настроек инструмента формы

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

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

И выберите Reset Tool из меню:

Выбор команды «Reset Tool».

Инструментальный режим

Режим инструмента Параметр — это то место, где мы выбираем, какую форму мы хотим нарисовать. А формы в Photoshop можно рисовать в виде векторов, контуров или пикселей.

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

В большинстве случаев вам нужно рисовать векторные фигуры. И для этого режим инструмента должен быть установлен на Форма :

Установка режима инструмента на Shape.

Цвет заливки

Параметр Заливка позволяет выбрать цвет формы. Щелкните образец цвета заливки:

Щелкните образец цвета заливки.

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

Слева направо, у нас есть No Color (при котором внутренняя часть формы остается пустой), предустановка Solid Color , предустановка Gradient или предустановка Pattern :

Параметры заливки «Нет цвета», «Сплошной цвет», «Градиент» и «Узор».

Если вы выберете Solid Color, Gradient или Pattern, затем откройте одну из папок предустановок и выберите предустановку, щелкнув ее миниатюру:

Выбор предустановки сплошного цвета.

Вы также можете выбрать собственный цвет заливки, щелкнув значок в правом верхнем углу:

Щелкните значок Пользовательский цвет заливки.

И выбрав цвет из палитры цветов. Когда закончите, нажмите ОК:

Выбор цвета заливки фигуры из палитры цветов.

Цвет обводки

Следующие два параметра на панели параметров позволяют нам добавить обводку вокруг формы. Выберите цвет обводки, щелкнув образец цвета Обводка :

Щелкните образец цвета обводки.

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

Снова слева направо, у нас есть No Color (для случаев, когда вы не хотите обводки фигуры), предустановка Solid Color , предустановка Gradient или предустановка Pattern :

Параметры обводки «Без цвета», «Сплошной цвет», «Градиент» и «Узор».

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

Значок «Пользовательский цвет обводки».

Размер хода

Установите ширину штриха, введя значение Размер . Как мы увидим, все эти параметры (цвет заливки, цвет обводки, размер обводки и т. Д.) При необходимости также можно изменить позже:

Ввод размера обводки.

Тип хода, центровка и др.

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

Открытие опций хода.

Отсюда вы можете установить ход Тип на Сплошной , Пунктирный или Пунктирная линия . Или измените Alignment штриха на Inside , Outside или по центру по контуру формы.

Вы также можете заменить колпачок Тип или Угловой тип , если необходимо:

Выбор типа хода, выравнивания и т. Д.

Но подождите, это еще не все. Нажатие кнопки Дополнительные параметры :

Кнопка «Дополнительные параметры».

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

Но поскольку мы охватываем только основы в этом руководстве (и есть еще много чего), я нажму Отмена, чтобы закрыть диалоговое окно:

Диалоговое окно «Параметры обводки».

Изменение ширины и высоты фигуры

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

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

Поля «Ширина» и «Высота».

Операции с траекторией, выравнивание траектории и организация траектории

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

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

Команды операций с путями.

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

Параметры выравнивания пути.

И третий значок, Path Arrangement , содержит команды для перемещения выбранной формы над или под другой формой (ами), с которой она сочетается, аналогично перемещению слоев над или под друг друга на панели «Слои»:

Команды размещения пути.

Значок шестеренки

При нажатии на значок шестеренки на панели параметров открывается два разных набора параметров.

Во-первых, это параметры Path Options , где вы можете изменить Thickness или Color контура контура вокруг формы. Но не путайте контур контура с обводкой. Пути существуют только в Photoshop и не отображаются при печати своей работы или при сохранении ее в формате JPEG, PNG или другом формате. И эти параметры пути под значком шестеренки существуют только для того, чтобы сделать контур пути более заметным при работе в Photoshop.Чтобы создать фактический контур или границу вокруг формы, вам нужно добавить обводку.

Я увеличу толщину до 2 пикселя , чтобы было легче видеть путь в этом уроке. Но в большинстве случаев толщина по умолчанию 1 пиксель работает нормально.

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

Параметры под значком шестеренки.

Выровнять края

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

Параметр «Выровнять края».

Как рисовать фигуры с помощью инструментов фигур

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

Выберите инструмент «Прямоугольник»

Сначала на панели инструментов убедитесь, что выбран инструмент Rectangle Tool :

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

Как нарисовать прямоугольник

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

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

Отпустите кнопку мыши, чтобы завершить форму. Контур пути все еще виден, но также видны заливка и обводка:

Photoshop завершает форму, когда вы отпускаете кнопку мыши.

Слой формы

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

Каждая фигура рисуется на отдельном слое фигуры.

Включение и выключение слоев фигур

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

Щелкните значок видимости слоя-фигуры.

Как нарисовать квадрат

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

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

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

Клавишу Shift также можно использовать для рисования идеального круга с помощью инструмента «Эллипс», равностороннего треугольника с помощью инструмента «Треугольник» или симметричного многоугольника с помощью инструмента «Многоугольник», все из которых мы рассмотрим позже:

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

На панели «Слои» вторая фигура появляется на отдельном слое фигуры над первой.

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

Скрытие второй формы.

Как нарисовать фигуру точного размера

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

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

Диалоговое окно «Создать прямоугольник».

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

Photoshop рисует форму точно по ширине и высоте.

Как перемещать фигуру по холсту

Чтобы переместить фигуру в новое место, переключитесь на инструмент Path Selection Tool (черная стрелка) на панели инструментов, расположенной непосредственно над инструментами формы:

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

Затем просто щелкните фигуру и перетащите ее на место:

Перемещение формы с помощью Path Selection Tool.

Совет! Как выбрать другие формы, просто щелкнув по ним

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

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

Изменение выбора на все слои на панели параметров.

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

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

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

Как удалить фигуру

Чтобы удалить фигуру, щелкните слой с фигурой на панели «Слои» и перетащите слой вниз в корзину Trash Bin .Или, выбрав слой, нажмите Backspace (Win) / Delete (Mac) на клавиатуре:

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

Как повторно выбрать форму

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

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

Выбор и включение второго слоя-фигуры.

Новые элементы управления на холсте в Photoshop 2021

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

Изменение размера формы

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

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

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

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

Как отменить преобразование

Чтобы отменить последнее преобразование формы, перейдите в меню Edit и выберите Undo Transform Path . Или нажмите Ctrl + Z (Win) / Command + Z (Mac) на клавиатуре.

Несколько раз нажмите Ctrl + Z (Win) / Command + Z (Mac), чтобы отменить несколько шагов подряд:

Идем в Edit> Undo Transform Path.

Вращение формы

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

Щелкните и перетащите за угол, чтобы повернуть фигуру.

Как повернуть фигуру из угла

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

На ПК с Windows перейдите в меню Edit в строке меню.На Mac откройте меню Photoshop . Оттуда выберите Preferences , а затем Tools :

Открытие настроек инструментов.

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

Включение «Показывать контрольную точку при использовании преобразования».

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

Теперь отображается значок контрольной точки.

Щелкните и перетащите контрольную точку в новое место. Переставлю на ручку в верхнем левом углу:

Перемещение контрольной точки на угловую ручку.

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

Фигура вращается вокруг левого верхнего угла.

Регулировка скругления углов

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

С помощью инструментов «Прямоугольник» или «Прямоугольник со скругленными углами» (которые мы рассмотрим далее) можно отрегулировать все четыре угла одновременно или один угол можно скруглить независимо. Но другие формы, например, нарисованные с помощью инструмента «Треугольник» или «Многоугольник», ограничены одним элементом управления, который влияет на все углы одновременно.А инструменты Ellipse Tool и Line Tool вообще не позволяют закруглять углы.

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

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

Скругление сразу всех углов

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

Перетаскивание элемента управления радиусом для одновременного скругления всех углов.

Самостоятельное скругление одного угла

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

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

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

Загрузите это руководство в виде готового к печати PDF-файла!

Свойства динамической формы на панели свойств

Хотя элементы управления на холсте очень удобны, они не единственный способ настроить внешний вид вашей фигуры. Фактически, начиная с Photoshop 2021, любая форма, нарисованная с помощью любого из инструментов геометрической формы Photoshop (инструменты «Прямоугольник», «Прямоугольник со скругленными углами», «Эллипс», «Треугольник», «Многоугольник» и «Линия»), теперь представляет собой Live Shape .

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

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

Свойства динамической формы на панели «Свойства».

Свойства преобразования

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

Ширина, высота и расположение фигуры

В свойствах преобразования вы можете отредактировать ширину (W) или высоту (H) фигуры и щелкнуть значок связи , чтобы связать или отменить связь значений ширины и высоты. Используйте координаты X и Y , чтобы задать конкретное место для формы в документе. X — горизонтальное расстояние от левого края холста, а Y — вертикальное расстояние от верха:

Значения ширины, высоты и X, Y.

Угол поворота

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

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

Опция углового радиуса

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

Параметр радиуса угла инструмента «Треугольник» на панели параметров.

Рисование треугольной формы

Щелкните и перетащите документ, чтобы нарисовать форму треугольника, или удерживайте Shift при перетаскивании, чтобы нарисовать равносторонний треугольник, все три стороны которого имеют одинаковую длину.И, как и все инструменты формы, вы также можете удерживать Alt (Win) / Option (Mac), чтобы нарисовать форму из ее центра:

Рисование треугольника с помощью нового инструмента «Треугольник».

Закругление углов треугольника

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

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

Элемент управления радиусом угла для треугольных фигур.

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

Скругление углов путем перетаскивания элемента управления радиусом.

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

Параметр радиуса угла на панели «Свойства».

Инструмент «Многоугольник»

В то время как инструмент «Треугольник» рисует 3-сторонние фигуры, а инструменты «Прямоугольник» и «Прямоугольник со скругленными углами» рисуют фигуры с 4-мя сторонами, инструмент «Многоугольник» в Photoshop может рисовать фигуры с любым количеством сторон.Он даже может рисовать звезды! Начиная с Photoshop 2021, многоугольники теперь являются живыми фигурами, поэтому все их свойства остаются доступными для редактирования.

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

Выбор инструмента «Многоугольник».

Параметры сторон и радиуса

Наряду с опциями инструмента стандартной формы на панели параметров, инструмент «Многоугольник» включает поле для ввода числа сторон и для установки радиуса угла .Но проще оставить эти параметры по умолчанию (стороны = 5, радиус = 0 пикселей) и настроить их на панели свойств после того, как фигура будет нарисована:

Параметры количества сторон (слева) и радиуса угла (справа) для инструмента «Многоугольник».

Рисование многоугольника

Щелкните и перетащите документ, чтобы нарисовать форму многоугольника, или нажмите и удерживайте Shift при перетаскивании, чтобы нарисовать симметричный многоугольник со всеми сторонами одинаковой длины:

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

Отпустите кнопку мыши, чтобы завершить форму:

Завершенная форма.

Элемент управления радиусом на холсте

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

Скругление углов с помощью элементов управления на холсте.

Параметр «Радиус» на панели «Свойства»

Или вы можете настроить радиус на панели свойств.Я сброшу его обратно на 0 пикселей:

Параметр «Радиус».

Изменение количества сторон

Вы можете изменить количество сторон многоугольника на панели «Свойства». Увеличу с 5 до 6:

Вариант «Стороны».

А поскольку многоугольник — это живая форма, он мгновенно обновляется с 5 сторон до 6:

Многоугольник с шестью сторонами.

Как рисовать звезды с помощью инструмента «Многоугольник»

Чтобы превратить многоугольник в звезду, уменьшите значение Звездное соотношение на панели «Свойства».Чем больше вы уменьшите значение ниже 100%, тем больше будут отступы сторон многоугольника к центру.

Я уменьшу звездное соотношение до 47%:

Вариант звездного соотношения.

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

Результат после уменьшения значения звездного соотношения.

Параметр Smooth Star Indents

Щелкните значок с многоточием (три точки):

Щелчок по многоточию.

Чтобы открыть Smooth Star Indents option:

Выбор «Плавных отступов звездочек».

При включении Smooth Star Indents отступы звездочки становятся округлыми, а не резкими:

Включена звезда с Smooth Star Indents.

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

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

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

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

Выбор цвета линии

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

На панели параметров я нажимаю образец цвета Fill :

Щелкните образец цвета заливки.

И поскольку линии не имеют цвета заливки, я нажимаю значок No Color вверху:

Установка для заливки линии значения «Нет цвета».

Чтобы выбрать цвет линии, щелкните образец цвета Stroke :

Щелкните образец цвета обводки.

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

Я нажимаю на значок предустановки Solid Color , затем раскручиваю набор предустановок Pure и выбираю оранжевый в качестве цвета линии, щелкнув его миниатюру:

Выбор цвета линии (обводки).

Установка толщины лески

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

Изменение размера штриха для установки толщины линии.

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

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

Чтобы добавить стрелку к линии, щелкните значок в виде шестеренки на панели параметров. Стрелки должны быть добавлены перед тем, как будет нарисована линия .Несмотря на то, что в Photoshop 2021 линии теперь являются живыми фигурами, стрелки по-прежнему нельзя добавить позже:

Щелкните значок шестеренки инструмента «Линия».

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

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

Используйте опцию Concavity , если вы хотите сделать отступ у основания или низа стрелки. Ставлю 20%:

Параметры стрелки.

Как нарисовать линию

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

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

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

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

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

Регулировка длины или направления с помощью элементов управления на холсте

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

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

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

Вращение линии с помощью элементов управления на холсте.

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

Перетаскивание контрольной точки в начало линии.

Затем щелкните и перетащите за противоположный конец, чтобы повернуть его:

Поворот линии вокруг новой точки вращения.

Свойства живой формы

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

Параметры инструмента «Линия» на панели «Свойства».

Единственный инструмент формы, о котором мы не узнали в этом уроке, — это инструмент Photoshop Custom Shape Tool. Я подробно расскажу об этом в отдельном уроке.

И вот оно! Это основы рисования фигур с помощью инструментов геометрических фигур в Photoshop 2021! В следующем уроке мы узнаем, как объединить эти простые формы в более крупные и более сложные формы с помощью команд «Операции с контурами»!

Ознакомьтесь с другими моими уроками по основам Photoshop и не забывайте, что все мои уроки теперь доступны для загрузки в формате PDF!

Как рисовать фигуры в Photoshop с помощью инструмента «Фигура»

Как и инструмент «Перо», слой-фигура также использует векторную технологию Photoshop.

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

Теперь щелкните по нему, и вы увидите различные формы , похожие на ;

• Инструмент «Прямоугольник»
• Инструмент «Прямоугольник со скругленными углами»
• Инструмент «Эллипс»
• Инструмент «Многоугольник»
• Инструмент «Линия»
• Инструмент «Произвольная форма»

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

См. На панели параметров, во второй позиции вы увидите меню.Он покажет вам 3 варианта рисования вашей формы, такие как «Путь», «Форма» и «Пиксели».

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

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

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

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

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

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

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

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

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

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

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

Теперь выберите форму, которую вы хотите использовать.

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

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

Теперь, если я хочу вычесть часть внутри этой формы. Затем я выберу «инструмент эллипса», и я пойду сюда и настрою функцию поиска пути для вычитания передней формы и

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

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

Теперь перейдем к следующей теме «смарт-объект».

Фигуры Photoshop: что это такое и как их использовать

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

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

Пользовательские формы Photoshop

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

Инструмент «Произвольная форма» содержит библиотеку векторных фигур, которые помогут вам начать работу: деревья с листьями, дикие животные, лодки и цветы. Если у вас есть предыдущие версии Photoshop на вашем компьютере, вы можете импортировать все фигуры из этих коллекций фигур и умножить свою библиотеку.Щелкните значок шестеренки (верхний правый угол подменю Shape, затем перейдите в папку Adobe > Photoshop > Presets > Custom Shapes .

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

Выберите фигуры для перетаскивания векторных изображений

Как использовать и редактировать фигуры Photoshop

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

В верхнем меню также отображаются параметры редактирования «Заливка», «Обводка», «Ширина», «Высота» и «Форма» (например, «Объединить фигуры», «Пересечение фигур и т. Д.)», «Параметры выравнивания», «Объединить слои» (например, «На передний план», «На задний план»). и т. д.), параметры контура (под значком шестеренки) и, наконец, функция «Выровнять края», которая выравнивает края векторных фигур по пиксельной сетке. Поэкспериментируйте с этими функциями, чтобы изменить или улучшить формы Photoshop.

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

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

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

Как создавать собственные формы в Photoshop

Даже если вы не умеете рисовать, вы можете обвести изображение, верно? Вот как легко создавать собственные векторные фигуры в Photoshop. Во-первых, загрузите бесплатную картинку-раскраску из Интернета, например, из Super Coloring. Тогда попробуйте это:

1.Перейдите на страницу 3 (номера страниц внизу каждой страницы экрана), прокрутите вниз (или страницу вниз) четыре раза, затем дважды щелкните (выберите) рождественскую елку.

2. Щелкните изображение правой кнопкой мыши, затем выберите Сохранить изображение как …

3. Перейдите в папку «Изображения» и сохраните файл (в имени файла отображается simple-christmas-tree-color-page.png поле поле).

4. Откройте файл в Photoshop.

5. Выберите Изображение > Размер изображения (или Alt + Ctrl + i (одновременно).

6. Текущий размер — 4,7 дюйма в ширину и 6,6 дюйма в высоту с разрешением 72 пикселя на дюйм. Измените количество пикселей на дюйм на 300. Это может немного размыться, но это нормально. Мы собираемся перерисовать это изображение, используя инструмент «Перо» и опорные точки, так что оно станет векторным изображением.

ВАЖНОЕ ПРИМЕЧАНИЕ: Всегда используйте, создавайте или преобразуйте свою работу с минимальным разрешением 300 пикселей на дюйм, прежде чем вносить какие-либо изменения или изменения. Вы всегда можете уменьшить размер изображения или разрешение с минимальным или нулевым качеством изображения.Однако вы не можете увеличить изображение с низким разрешением без ухудшения качества.

7. Сохраните файл с новыми настройками размера изображения.

8. Используйте инструмент Magic Wand и щелкните в любом месте фона (убедитесь, что выбран весь фон).

9. Выберите Выберите > Инверсия (или Shift- Ctrl + i ), чтобы повторно выбрать дерево, затем выберите Правка > Копировать (или Ctrl + C ).

10. Откройте новый файл Photoshop: 8x10x 300 ppi и выберите Edit > Paste .Теперь, когда у нас есть векторное изображение, оригинал больше не нужен.

11. Выберите инструмент «Перо» на палитре «Инструменты» (внизу). Для этого упражнения для новичков плюсом является то, что линии изображения толстые.

12. Начните со звезды. Щелкните верхнюю точку звезды, и появится точка привязки. Щелкните следующую звезду, и появится еще одна точка привязки (соединенная с первой). Продолжайте движение по периметру звезды, затем закройте вектор, снова щелкнув первую исходную точку привязки.

13. Выберите Edit > Define Custom Shape , затем введите имя для своей формы и нажмите OK .

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

15. Снова выберите Редактировать > Определить произвольную форму . Назовите фигуру TreeTop и нажмите OK .

16. Повторите этот процесс для средней и нижней части дерева, а затем еще раз для стойки.

ПРИМЕЧАНИЕ: Каждый раз, когда вы создаете новый вектор, убедитесь, что у вас выбран Layer1, полный слой Christmas Tree.Каждый раз, когда определяется новый вектор, на панели «Слои» появляется новый слой. Назовите эти слои так же, как и Shapes.

Как создавать собственные формы в Photoshop

Как рисовать, изменять форму и добавлять цвета или узоры в фигуры Photoshop

1. После того, как все формы определены, вы можете использовать эти векторные формы снова и снова.

2. Откройте новый файл Photoshop размером 8x10x 300 пикселей на дюйм.

3. Выберите инструмент «Форма», затем инструмент «Пользовательская форма».

4. Перейдите в поле «Библиотека форм» в подменю и щелкните стрелку вниз справа.

5. Прокрутите раскрывающееся меню вниз и выберите векторную звезду.

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

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

8. Выберите Параметры наложения из подменю.

9.В диалоговом окне Layer Style щелкните слово Stroke (одного щелчка по полю будет недостаточно).

10. На панели Обводка выберите размер «6» пикселей для ширины обводки. Позиция = Снаружи; Режим наложения = Нормальный; Непрозрачность = 100%; Тип файла = Цвет; Цвет = черный; и нажмите ОК . Теперь у вашей звезды есть очертание. Без этой строки звезда была бы невидимой на странице.

11. Теперь щелкните правой кнопкой мыши слой Star1 еще раз, выберите Blending Options > Patterns .Прокрутите библиотеку шаблонов и выберите тот, который выглядит как звездочка.

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

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

14. Сохраните файл с именем (мы будем использовать Star1) и создадим другую индивидуальную форму.

Как рисовать изменение формы, редактирование и заливка пользовательских фигур

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

В более старых версиях Photoshop преобразование шрифтов и других символов было не так просто. В версиях CS это проще простого.

1. Откройте новый файл и убедитесь, что панель «Символ / абзац» отображается на экране.

2. Измените шрифт на Wingdings и размер на 300 пунктов.

3. Выберите инструмент «Текст» и растяните текстовое поле.

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

5. Выберите Тип > Преобразовать в форму .

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

Этот символ теперь является векторным изображением, которое можно изменять, искажать, вращать, наклонять, деформировать; изменить перспективу, цвет; добавить множество эффектов, таких как Bevel, Emboss, Contouring, 3D; а также добавляйте текстуры, градиенты, узоры, тени, свечение и многое другое.Варианты бесконечны, потому что в Интернете доступны тысячи шрифтов с маркерами символов.

Как преобразовать маркеры и символы в векторные фигуры

Найдите бесплатные фигурки и маркеры в Photoshop.

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

1001 Бесплатные шрифты

DaFont

Fontspace

1001 Fonts

Urbanfonts

Найдите категории, называемые «Символы», «Пули», «Декоративные», «Крылья» или «Орнаменты».

Чтобы загрузить формы Photoshop, попробуйте любой из этих:

Brusheezy

Shapes4free

Inspirationfeed

Template Monster

Полная коллекция пользовательских фигур Photoshop

Или просто делайте то, что я делаю: ищите в Интернете «бесплатные формы Photoshop» »Или« бесплатные шрифты ». Тогда экспериментируйте, играйте и получайте удовольствие!

Использование пользовательских фигур в Adobe Photoshop

Использование пользовательских фигур в Photoshop

Adobe Photoshop — это редактор растровых изображений , но он также имеет некоторые инструменты векторной графики. Например, инструмент Custom Shape .
В чем разница между растровыми изображениями и векторной графикой?

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

Векторные инструменты Photoshop расположены в одном разделе Панели инструментов. Есть несколько простых форм, таких как Rectangular Tool , Line Tool и т. Д.

В этом совете мы рассмотрим инструмент Custom Shape Tool и нарисуем рамку, используя предустановки формы.

Шаг 1. Активируйте инструмент Custom Shape Tool .

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

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

Шаг 3. Создадим рамку, которую можно использовать как для поздравительного письма, так и для заметки или визитной карточки. На самом деле есть готовые к использованию предустановки кадров в предустановках Custom Shape, но мы создадим один из наших. Мы выбрали украшение и теперь рисуем фигуру в левом нижнем углу листа.Новый слой появится в палитре Layers :

• Наконечник . Чтобы нарисовать фигуру с фиксированным соотношением высоты / ширины, удерживайте клавишу SHIFT.

Шаг 4. Мы хотим разместить это цветочное украшение в 4-х уголках открытки. Мы копируем слой с декором, щелкнув правой кнопкой мыши на слое Shape 1 и выбрав команду Duplicate Layer из выпадающего меню. Или вы можете просто перетащить слой Shape 1 на значок для того же эффекта.

Открытка будет выглядеть лучше, если все бутоны этого цветочного украшения будут направлены в центр. Скопированное украшение легко перевернуть или повернуть.

Активируйте копию слоя Shape 1 и вызовите команду Edit => Transform Path => Flip Horizontal . Украшение будет зеркальным по горизонтали. Теперь используйте инструмент Move на панели инструментов, чтобы перетащить украшение в правый нижний угол. Вы также можете использовать Shift + клавишу со стрелкой вправо на клавиатуре, чтобы плавно перемещать орнамент вправо.

Шаг 5. Поместив вторую декорацию в правый нижний угол, активируем Line Tool, чтобы нарисовать линию для рамки. Инструмент «Линия» расположен под тем же значком, что и инструмент «Пользовательская форма». Вы можете активировать инструмент «Линия» прямо в палитре «Параметры». См. Изображение ниже:

Проведем линию между двумя украшениями. Чтобы нарисовать прямую линию, удерживайте клавишу SHIFT во время рисования:

Шаг 6. Теперь нам нужно скопировать эту часть, чтобы сформировать верхнюю часть нашей рамки.Для этого мы помещаем курсор на слой Shape 1 copy , щелкаем по нему правой кнопкой мыши и выбираем команду Select Similar Layers из выпадающего меню. Будут выделены все векторные слои.

Затем щелкните правой кнопкой мыши активные слои еще раз и выберите команду Duplicate Layer из раскрывающегося меню.

Шаг 7. Дублированные слои активны, и мы вызываем команду Edit => Transform => Flip Vertical , чтобы отразить скопированное украшение по вертикали.Теперь используйте инструмент Move на панели инструментов, чтобы перетащить украшение вверх. Вы также можете использовать Shift + Up стрелку на клавиатуре для этого эффекта (только когда инструмент Move активен на панели инструментов).

Шаг 8. На следующем шаге мы рисуем вертикальные линии, как описано в шаге 5, и получаем следующий результат.

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

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

Теперь снова щелкните слой правой кнопкой мыши и выберите команду Сгруппировать в новый смарт-объект .

Шаг 10.В результате все слои с формами образуют один «смарт-объект». В палитре Layers вы видите, что они уменьшаются до одного слоя (слой , Shape2, ниже).

Шаг 11. Теперь вы можете легко масштабировать рамку с помощью команды Edit => Free Transform . Вы увидите маркеры вдоль границ рамки, которые вы можете перетащить левой кнопкой мыши, чтобы изменить размеры рамки. Чтобы масштабировать рамку с сохранением соотношения ширины и высоты, удерживайте клавишу SHIFT при перетаскивании.Когда все будет готово, нажмите . Введите на клавиатуре, чтобы применить изменения.

Facebook

Твиттер

Pinterest

Полное руководство по использованию инструмента «Форма» в Photoshop

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

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

Предварительный просмотр

Вот векторное дерево, которое мы нарисуем с помощью инструментов формы.

Шаг 1

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

Шаг 2

Вы можете активировать инструменты фигуры на панели инструментов. Щелкните и удерживайте, чтобы открыть все инструменты формы. Вы можете использовать ярлык U и нажать Shift + U для прокрутки всех инструментов формы. На панели параметров выберите «Фигура», чтобы сохранить созданную вами фигуру как слой векторной фигуры. Если вы выберете Путь, форма будет векторным путем.Если вы выберете «Пиксели», результатом будет пиксельный рисунок на активном слое. В этом уроке выберем форму.

Шаг 3: Рисование формы

Чтобы нарисовать фигуру, просто щелкните и перетащите кнопку мыши. Если вы удерживаете Shift, вы можете ограничить прямоугольник. Если вы удерживаете Alt, вы будете рисовать от центра к краю. Удерживайте Alt и Shift, чтобы добиться обоих. На изображении ниже показан результат, полученный с помощью инструмента Rectangle Tool. Он также работает с инструментами «Прямоугольник со скругленными углами», «Эллипс» и «Многоугольник».

Шаг 4

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

Шаг 5

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

Шаг 6: изменение формы

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

Шаг 7

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

Шаг 8

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

Шаг 9

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

Шаг 10: Заливка и обводка

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

Шаг 11

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

Шаг 12

Последнее поле предназначено для заливки узором. В списке есть готовые к использованию выкройки. Если этого недостаточно, вы можете найти массу бесплатных рисунков Photoshop в Интернете.Просто введите в Google запрос «Шаблон Photoshop». Шаблон Photoshop сохраняется в файле формата PAT. Щелкните меню панели и выберите «Импортировать узоры», а затем выберите файл PAT, который хотите загрузить.

Шаг 13

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

Шаг 14

Вы можете контролировать толщину линии обводки на панели параметров.

Шаг 15

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

Шаг 16: Объединение фигур

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

Шаг 17

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

Шаг 18

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

Шаг 19

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

Шаг 20

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

Шаг 21: Выровняйте и распределите формы

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

Шаг 22

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

Шаг 23: Инструмент «Линия»

Удерживайте Shift, чтобы нарисовать вертикальную линию, горизонтальную линию или с шагом 45 градусов.

Шаг 24

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

Шаг 25: Инструмент нестандартной формы

И, наконец, что не менее важно, у нас есть инструмент Custom Shape.В раскрывающемся меню опций инструмента выберите фигуру, которую хотите нарисовать. Щелкните и перетащите, чтобы нарисовать форму. Удерживайте клавишу Shift, чтобы ограничить его пропорцию.

Шаг 26

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

Шаг 27: Рисование векторного дерева

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

Шаг 28

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

Шаг 29

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

Шаг 30

Убедитесь, что фигура выделена, и затем нажмите Edit> Copy или Ctrl + C. Мы собираемся объединить эту фигуру с другими листьями в следующих шагах.

Шаг 31

Нарисуйте еще один лист из эллипсов. На этот раз цвет должен быть светлее.

Шаг 32

Объедините формы, а затем, пока форма все еще выделена, нажмите Ctrl + V, чтобы вставить исходные листья, которые мы скопировали ранее. Если форма листьев вставлена ​​на новый слой, возможно, ваша вторая форма листьев не выбрана.Вы можете повторно выбрать форму, используя инструмент «Выделение контура». Установите для вставленной формы значение «Пересечение областей формы».

Шаг 33

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

Шаг 34

Мы собираемся повторить процесс еще раз. Нарисуйте несколько эллипсов более светлым зеленым цветом. Объедините их все.

Шаг 35

Вставьте форму первых листьев и установите ее так, чтобы она пересекала существующую форму.

Шаг 36

Нарисуйте круги в виде фруктов.

Шаг 37

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

Шаг 38

На панели «Слои» разместите векторную фигуру ствола внизу, под листьями.

Заключение

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

Как вернуть прежние формы в Photoshop — ДЖЕЙ ВЕРСЛУИС

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

Кому нужны силуэты различных лодок, диких животных или деревьев , когда все, что вам нужно, это чертова стрела? Мы уже ненавидим вас, Adobe — почему вы хотите, чтобы мы ненавидели вас сильнее? И в следующий раз, когда вы «думаете», почему бы не посоветоваться с теми, кто действительно ИСПОЛЬЗУЕТ Photoshop, прежде чем вносить подобное изменение без предупреждения или объяснения?

Я отвлекся… есть ли какой-нибудь способ удалить гориллу и вернуть ту ужасную стрелу, которая мне так нравится? Или мне нужно тратить дополнительно 50 долларов в месяц на Adobe Arrow? Давайте не будем давать им здесь никаких идей … ДА, есть способ вернуть унаследованные формы, и я только что потратил последний час, пытаясь понять это.Позвольте мне поделиться этим с вами и облегчить вашу боль, если вы окажетесь в одной лодке (ха! Видите, что я там делал)?

Возвращение прежних форм

Если вы похожи на меня (т. Е. Ограничены в интеллекте и являетесь обычным пользователем Photoshop), возможно, вы не знаете, что есть ДВЕ панели форм: та, которая появляется при выборе инструмента Фигура (см. появляется под Окно — Фигуры .

Нам нужно использовать последний . Это важно понимать: хотя оба меню имеют контекстное меню (маленький трехстрочный гамбургер или значок шестеренки), только последнее меню фигур позволит нам перейти к следующему шагу.Щелкните этот маленький значок гамбургера (НЕ значок шестеренки) и выберите Legacy Shapes and More (больше — это больше того, чего мы, конечно же, не хотим).

Это дает нам ДВЕ огромные папки со случайно собранным мусором, тщательно отсортированным по подпапкам (часто содержащие только один значок). В 2019 году появилось БОЛЬШЕ диких животных, больше деревьев, больше форм, но есть также стрелки и все другие ужасно устаревшие значки, напоминающие девяностые. Это те, которые мне нравятся!

Вот и все! Legacy Shapes будет жить.