В предыдущем уроке мы изучили основы работы с фигурами и слоями фигур в Photoshop. В этом уроке мы узнали, как добавлять простые прямоугольники и эллипсы, а также звезды, звездные вспышки и стрелки направления в документ с помощью пяти инструментов геометрической формы Photoshop - инструмента «Прямоугольник», инструмента «Скругленный прямоугольник», инструмента «Эллипс», инструмента «Многоугольник» и инструмент Линия.
Имея инструменты, которые позволяют нам легко рисовать круги и квадраты, это здорово, но как насчет более интересных форм? Что, если вы хотите добавить, скажем, форму сердца к свадебной или помолвочной фотографии или форму собаки или кошки к логотипу зоомагазина? Как насчет формы цветов и листьев, снежинок, музыкальных нот или символа авторского права для добавления к вашим изображениям? Фотошоп на самом деле поставляется со всеми этими формами и многим другим, и позволяет нам добавлять их в наши дизайны так же легко, как добавлять круги и квадраты. Adobe называет эти более сложные фигуры пользовательскими фигурами, и мы рисуем их с помощью инструмента, который мы рассмотрим в этом учебном пособии, - Custom Shape Tool .
Это руководство для Photoshop CS5 и более ранних версий . Пользователи Photoshop CS6 (и CC) захотят ознакомиться с нашим полностью обновленным учебным пособием «Как использовать инструмент Custom Shape Tool в Photoshop».
Пользовательский инструмент Shape
Вы найдете инструмент Custom Shape Tool, вложенный в другие инструменты Shape в Photoshop, в том же месте на панели «Инструменты». По умолчанию инструмент «Прямоугольник» - это инструмент, который отображается, но если щелкнуть по нему и удерживать нажатой кнопку мыши, появится всплывающее меню со списком других инструментов, доступных в этом месте. Custom Shape Tool находится внизу списка:
Нажмите и удерживайте Rectangle Tool, затем выберите Custom Shape Tool из всплывающего меню.
Если у вас уже есть один из выбранных инструментов Shape, вы можете быстро получить Custom Shape Tool из панели параметров. Вы увидите серию из шести значков, каждый из которых представляет отдельный инструмент Shape. Custom Shape Tool - последний значок справа (это значок, похожий на каплю):
Если другой инструмент Shape уже активен, пользовательский инструмент Shape можно выбрать на панели параметров.
Выбор пользовательской формы
После того, как мы выбрали инструмент Custom Shape Tool, нам нужно выбрать форму, которую мы хотим нарисовать. Миниатюра предварительного просмотра формы появится на панели параметров справа от значка «Пользовательский инструмент формы». На миниатюре отображается выбранная фигура:
Миниатюра предварительного просмотра отображает текущую выбранную форму.
Чтобы выбрать другую форму, нажмите на эскиз предварительного просмотра. Это откроет инструмент выбора формы, который отображает все формы, которые нам нужно выбрать. Фотошоп на самом деле имеет гораздо больше форм, чем ограниченное количество, которое мы представили на первых порах. Мы увидим, как загрузить другие фигуры через минуту:
Нажмите на эскиз предварительного просмотра, чтобы открыть форму выбора.
Чтобы выбрать форму, просто нажмите на ее миниатюру, затем нажмите Enter (Win) / Return (Mac), чтобы закрыть форму выбора. Или дважды щелкните по миниатюре, которая выберет форму и закроет инструмент выбора формы для вас. Я выберу форму сердца:
Выбор формы сердца из палитры форм.
Выбор цвета для фигуры
После того как вы выбрали свою форму, выберите цвет для нее, нажав на образец цвета справа от слова « Цвет» на панели параметров:
Нажмите на образец цвета, чтобы выбрать цвет для пользовательской формы.
Фотошоп откроет палитру цветов, чтобы мы могли выбрать нужный цвет. Так как я выбрал форму сердца, я выберу красный для моего цвета. Нажмите OK, когда вы закончите, чтобы закрыть из палитры цветов:
Выберите цвет для формы из палитры цветов.
Выберите опцию «Shape Layers»
Как я упоминал в предыдущем уроке, Photoshop позволяет нам рисовать три очень разных вида фигур с помощью инструментов Shape. Мы можем рисовать векторные фигуры, которые не зависят от разрешения и полностью масштабируются без потери качества изображения (фигуры того же типа, которые мы рисуем в программе, такой как Illustrator). Мы также можем рисовать контуры, которые являются просто контурами фигур, или мы можем рисовать пиксельные формы, где Photoshop заполняет форму цветными пикселями. В большинстве случаев мы хотим рисовать векторные фигуры, и для этого нам нужно выбрать опцию Shape Layers на панели параметров. Это левый значок в группе из трех значков в дальнем левом углу панели параметров:
Выберите параметр «Слои фигур» на панели параметров, чтобы нарисовать векторные фигуры.
Чтобы нарисовать фигуру, щелкните внутри документа, чтобы установить начальную точку, затем, удерживая нажатой кнопку мыши, перетащите курсор от начальной точки. При перетаскивании Photoshop отображает схему того, как будет выглядеть форма:
Нажмите, чтобы установить начальную точку, затем вытяните остальную часть формы.
Отпустите кнопку мыши, чтобы завершить форму, после чего Photoshop заполнит ее цветом, выбранным на панели параметров:
Photoshop заполняет форму цветом, когда вы отпускаете кнопку мыши.
Рисование фигуры с правильными пропорциями
Заметьте, однако, что мое сердце выглядит немного искаженным. Это шире и короче, чем я ожидал. Это потому, что по умолчанию Photoshop не пытается сохранить правильные пропорции или пропорции формы, как мы ее рисуем. Я нажму Ctrl + Z (Победа) / Command + Z (Mac) на своей клавиатуре, чтобы отменить форму, чтобы я мог попробовать снова.
Чтобы нарисовать произвольную фигуру с правильными пропорциями, щелкните документ, удерживайте кнопку мыши нажатой и начните вытягивать фигуру, как обычно. Как только вы начнете перетаскивать, нажмите и удерживайте клавишу Shift на клавиатуре и продолжайте перетаскивать. Как только вы нажмете (и удерживаете) клавишу Shift, вы увидите, как контур фигуры привязывается к правильному соотношению сторон:
Удерживайте Shift, когда перетаскиваете фигуру, чтобы нарисовать ее в правильных пропорциях.
Когда вы довольны размером фигуры, отпустите кнопку мыши, затем отпустите клавишу Shift (убедитесь, что вы отпустите клавишу Shift после отпускания кнопки мыши). Фотошоп снова заполняет его цветом:
Отпустите клавишу Shift только после того, как вы отпустите кнопку мыши.
Я снова нажму Ctrl + Z (Победа) / Command + Z (Mac) на своей клавиатуре, чтобы отменить форму, затем я выберу другую форму, щелкнув по миниатюре предварительного просмотра на панели параметров, чтобы открыть средство выбора формы. На этот раз я выберу ноты:
Нажав на миниатюру музыкальных нот, чтобы выбрать форму.
Чтобы нарисовать ноты, я щелкну внутри документа, чтобы установить начальную точку, и, удерживая кнопку мыши нажатой, я начну перетаскивать ее из начальной точки. Как только я начну перетаскивать, я нажму и удерживаю клавишу Shift, чтобы заставить форму принимать правильные пропорции, пока я продолжаю перетаскивать
Удерживая Shift, я перетаскиваю, чтобы сохранить правильные пропорции нот.
Я отпущу кнопку мыши, чтобы завершить форму, и Photoshop заполнит ее тем же цветом, который я выбрал для предыдущей формы:
Новая форма заполнена тем же цветом, что и предыдущая.
Далее мы узнаем, как изменить цвет существующей фигуры и как загрузить все дополнительные настраиваемые фигуры Adobe, включенные в Photoshop!
Плагин шорткодов, действий и фильтров: ошибка в шорткоде (ads-basics-middle)
Изменение цвета существующей фигуры
Что если бы я хотел, чтобы моя новая форма была другого цвета, чем предыдущая? Я мог бы просто выбрать другой цвет на панели параметров, прежде чем рисовать новую фигуру, но так же легко изменить цвет фигуры после того, как мы ее нарисовали. Каждая новая пользовательская фигура, которую мы рисуем, помещается в собственный слой Shape на панели «Слои», и каждый слой Shape поставляется со своим собственным образцом цвета, который отображает текущий цвет фигуры. Чтобы изменить цвет, дважды щелкните образец цвета:
Дважды щелкните образец цвета слоя «Форма», чтобы изменить его цвет.
Photoshop снова откроет палитру цветов, чтобы мы могли выбрать новый цвет. Я выберу фиолетовый:
Выберите новый цвет для формы из палитры цветов.
Нажмите кнопку ОК, когда вы закончите, чтобы закрыть палитру цветов, и вот так Photoshop меняет цвет фигуры для нас:
Мы можем изменить цвет любой векторной формы в любое время.
Загрузка дополнительных наборов форм
Как я уже упоминал, в Photoshop есть больше пользовательских форм, из которых мы можем выбирать, чем те, которые нам даны для начала. Нам просто нужно загрузить их в себя, и мы делаем это, нажимая на миниатюру предварительного просмотра формы на панели параметров, чтобы открыть средство выбора формы, затем нажимая небольшую стрелку в верхнем правом углу средства выбора формы:
Нажмите на маленькую стрелку в правом верхнем углу окна выбора формы.
Это открывает меню с различными параметрами, и в нижней части меню находится список дополнительных наборов форм, которые были установлены с помощью Photoshop. Каждый из этих наборов представляет собой набор фигур, которые имеют общую тему: животные, музыка, природа и т. Д. Некоторые из перечисленных здесь наборов являются новыми в Photoshop CS5 (это версия, которую я использую), но большинство доступно в любой последней версии Photoshop:
Все эти дополнительные наборы форм включены в Photoshop, но их необходимо загружать вручную.
Если вы знаете, какой набор содержит нужные вам фигуры, вы можете выбрать его, щелкнув его имя в списке. Однако проще сделать загрузку всех сразу, что мы можем сделать, выбрав « Все» в верхней части списка:
Выберите «Все», чтобы загрузить все дополнительные пользовательские фигуры в Photoshop.
Фотошоп спросит, хотите ли вы заменить текущие фигуры новыми фигурами или хотите добавить новые вместе с оригиналами. Выберите « Добавить», чтобы сохранить исходные фигуры и добавить новые после них:
Выберите «Добавить», чтобы загрузить новые формы в Photoshop, сохраняя оригиналы.
И теперь, если мы откроем средство выбора формы, щелкнув по миниатюре предварительного просмотра формы на панели параметров, мы увидим все новые формы, которые нам нужно выбрать! Я немного расширил инструмент выбора формы, чтобы мы могли видеть больше миниатюр форм. Используйте полосу прокрутки вдоль правой стороны палитры, чтобы пролистать весь список:
Средство выбора форм теперь загружено со всеми пользовательскими фигурами, которые Adobe включила в Photoshop.
Вот случайный образец некоторых из многих фигур, которые мы теперь имеем в нашем распоряжении:
Средство выбора форм теперь загружено со всеми пользовательскими фигурами, которые Adobe включила в Photoshop.
Как бы ни были полезны многие из этих готовых пользовательских форм, вполне возможно, что даже после их загрузки мы все равно не найдем форму, которая нам нужна для конкретного дизайна, над которым мы работаем, и именно здесь приходит сила пользовательских форм Photoshop, потому что Photoshop позволяет нам создавать любые формы, которые мы хотим с нуля! Обязательно ознакомьтесь с нашим руководством по созданию собственных фигур, чтобы узнать все, что вам нужно знать о создании, сохранении и использовании собственных коллекций пользовательских фигур!