Векторный инструмент Photosop: Произвольная Фигура
Автор Дмитрий Евсеенков На чтение 4 мин Просмотров 435 Обновлено
В этом материале мы рассмотрим инструмент для создания сложных векторных фигур произвольной формы с настройками, задаваемыми пользователями, например, контуры сердечек, звёзд, снежинок, фигуры людей и животных, формы листьев и цветов и даже фирменные логотипы.
В программе Adobe Photoshop такие сложные векторные фигуры называются «Пользовательскими фигурами» (Custom Shapes) и создаются с помощью инструмента «Произвольная фигура» (Custom Shape Tool).
Расположен этот инструмент в инструментальной панели в группе векторных фигур:
Содержание
Выбор пользовательской формы
При активированном инструменте «Произвольная фигура» мы можем выбрать форму фигуры из палитры выбора, которая открывается по клику по соответствующему значку в Панели параметров:
Для выбора желаемой формы нужно кликнуть по соответствующей миниатюре.
Но, в большинстве случаев, используется первый тип, «Фигура» (Shape Layers).
Выбор цвета и типа заливки произвольной фигуры
После того, как Вы выбрали желаемую форму, Вы можете выбрать цвет её заливки, а в Photoshop CS6 еще и тип заливки — сплошной цвет, градиент или узор. Для того, чтобы приступить к настройкам заливки, следует кликнуть по цветному квадратику в панели параметров (кстати, по умолчанию, он чёрный):
Выбор цвета и типа обводки произвольной фигуры
Эта опция появилась только в версии Photoshop CS6. С помощью данной опции можно выбрать обводку фигуры, подробнее про создание обводки рассказывается в статье «Пунктирная рамка и линия в Photoship CS6»
Рисование векторных форм
Чтобы приступить к отрисовке векторной фигуры, нажмите левой клавишей мыши в документе, этим Вы установите отправную точку, затем, удерживая клавишу зажатой, протащите курсор до конечной точки. При перетаскивании курсора Photoshop схематично отображает форму.
Когда Вы дотащите курсор до конечной точки, отпустите клавишу, и Phoptoshop заполнит фигуру выбранным цветом:
В Photoshop по умолчанию встроено большое количество различных форм, сейчас мы видим только стартовый набор, отображающийся по умолчанию. Для примера, я выберу форму сердечка:
Выбор режима фигуры
Photoshop позволяет создавать нам три совершенно разных вида фигур. Мы можем создать «Векторную фигуру» (Vector Shapes), не зависящую от разрешения и масштабируемую без потери качества изображения (как программе Illustrator). Мы можем создать тип «Контур» (Path), который является только контуром фигур. И мы можем создать пиксельную форму, в которой Photoshop заполнит форму цветными пикселями.
Рисование форм с правильными пропорциями
Заметьте, однако, что форма моего сердечка выглядит несколько плоской. Неправильная форма была сделана потому, что, по умолчанию, Photoshop не задаёт правильные пропорции и соотношения сторон формы при создании.
Я нажму комбинацию Ctrl+Z для отмены шага по созданию формы и попробую создать сердечко еще раз.
Чтобы нарисовать произвольную фигуру с правильными пропорциями, повторите описанные выше действия по созданию формы, но, на этот раз, нажмите и удерживайте клавишу Shift сразу после начала перетаскивания курсора. Как только вы зажмёте Shift, вы увидите, как форма изменила свои очертания на геометрически правильные.
Тут есть один важный нюанс — как только Вы закончите протаскивать курсор, отпустите сначала левую клавишу мыши, а уже после клавиши мыши отпустите клавишу Shift, после чего Phoptoshop также заполнит фигуру выбранным цветом.
Теперь сердечко получилось более симпатичным:
Изменение цвета готовой фигуры
Но что делать, если вам вдруг понадобилось изменить цвет уже готовой векторной фигуры? Нет ничего проще. Для этого Вам достаточно лишь дважды кликнуть по соответствующему значку в Панели слоёв. В CS6 отображение слой-фигуры в Панели слоёв отличается от более ранних версий, на скриншоте ниже я привёл два варианта панелей: слева — в CS6, справа в CS5 и более ранних версиях, кликнуть следует по обведённому жёлтой рамкой значку:
После колика отобразится цветовая палитра, гды Вы сможете подобрать нужный цвет, после чего нажать ОК.
Если Вы пользуетесь CS6 и заполнили площадь фигуры градиентом или узором, то в последствии Вы можете изменить и их. Для этого Вам также потребуется кликнуть по значку слой-фигура в Панели слоёв. На рисунке я показал изменение градиентной заливки:
Загрузка дополнительных форм
Как я уже упоминал, Photoshop поставляется с большим набором пользовательских форм. Чтобы их выбрать, нажмите на иконку палитры выбора в панели параметров, а затем на значок в правом верхнем формы выбора:
Вы можете выбрать любую строчку из группы, обведённой красной рамкой. А кликнув по строке «Загрузить фигуры» (Load Shapes), Вы сможете загрузить собственные готовые наборы фигур, например, скачанные с интернета. Файлы с наборами фигур имеют расширение csh.
В следующем материале мы рассмотрим, как создавать свои собственные формы, а также, как их сохранять и использовать Вашу собственную коллекцию пользовательских форм.
Произвольные фигуры в фотошопе: описание функции
Перейти к содержанию
Search for:
Главная » Фотошоп
Приветствую любителей фотошопа! Сегодня речь пойдет о таком интересном инструменте фотошоп как произвольные фигуры.
Произвольные фигуры в фотошопе используют редко, чаще применяют различные кисти. Но всё же инструмент «Произвольная фигура» заложен в программу и находит свое применение.
Где «лежат» произвольные фигуры
Выбрать его можно на панели главных инструментов в разделе, где есть прямоугольник, эллипс, многоугольник и линия. Для выбора нужного инструмента используйте сочетания клавиш Shift+U несколько раз.
На вспомогательной панели инструмента достаточно много настроек, однако начало работы с инструментом лучше всего начинать с выпадающего окна «Фигуры» Shape, в котором можно выбрать любую из предложенных произвольных фигур и начать ее рисование.
После выбора фигуры, клацните левой клавишей мышки в любом месте на изображении и двигайте курсор, не отпуская кнопку, в любом направлении. Вы увидите, как появляется контур выбранной фигуры, который меняется по размерам и толщине, в зависимости от движения мышки.
Полученная фигура не теряет своего качества в зависимости от размеров картинки.
Изначально произвольная фигура не имеет контура и цвета, но их можно выбрать на дополнительной панели настроек инструмента. При этом контур может быть как сплошной линией, так и прерывчатым пунктиром, интенсивность которого указывается рядом.
Если выбрать произвольную фигуру и просто клацнуть левой кнопкой мышки в месте прорисовки, выскочит окно, где нужно ввести параметры высоты и ширины штампа. Для удобства редактирования каждая новая произвольная фигура создается на новом слое.
Как загрузить произвольные фигуры в фотошоп
Подобные фигуры для использования можно создать самостоятельно, для этого используются векторные изображения, желательно хорошего качества. Также в интернете полно уже сделанных тематических подборок, их достаточно скачать и установить. Все файлы для установки имеют расширение. В выпадающем окне, где выбирается контур фигуры, находиться небольшая кнопка, открывающая настройки.
Там надо выбрать строку «Загрузить фигуры…» и найти нужный файл.
Если вы хотите заменить существующие фигуры новыми, выбирайте команду «Заменить фигуры…» Replace Shapes. Выбранный файл заменит текущие фигуры. Всегда можно откатить исходные настройки с помощью команды «Восстановить фигуры…»
Если вы хотите навсегда оставить выбранные фигуры, скопируйте файл в системную папку фотошопа. Обычно папка с фигурами находится здесь: «C:\Program Files\Adobe\Adobe Photoshop CS6\Presets\Custom Shapes»
Оцените автора
Этот сайт использует cookie для хранения данных. Продолжая использовать сайт, Вы даете свое согласие на работу с этими файлами.
Adblock
detector
Создайте свои собственные пользовательские формы Photoshop
Шаг 1. Выберите инструмент «Перо»
Как я уже упоминал, вы можете создавать собственные формы в Photoshop, используя базовые инструменты Shape, такие как Rectangle Tool или Ellipse Tool, но попробуйте обвести нашего пряничного человечка с помощью этих инструментов, и вам, вероятно, захочется откусить ему голову (извините, просто немного юмора пряничного человечка).
Выберите инструмент «Перо».
Вы также можете выбрать Pen Tool, нажав букву P на клавиатуре.
Шаг 2. Выберите параметр «Слои формы» на панели параметров
Выбрав инструмент «Перо», найдите панель параметров в верхней части экрана. Слева вы увидите группу из трех значков:
.Три значка на панели параметров, которые позволяют нам выбирать, что мы хотим делать с помощью инструмента «Перо».
Эти значки показывают, что вы можете делать с помощью инструмента «Перо». Значок справа неактивен, потому что он доступен только тогда, когда у нас выбран один из основных инструментов «Форма» (инструмент «Перо» и инструменты «Форма» имеют большинство одинаковых параметров на панели параметров). Как мы видели в нашем уроке «Выделение с помощью инструмента «Перо», значок в середине используется, когда мы хотим рисовать пути, но это не то, что мы хотим делать здесь.
Выберите значок «Слои фигур», чтобы рисовать фигуры с помощью инструмента «Перо».
Параметр «Формирование слоев» выбирается по умолчанию всякий раз, когда вы берете инструмент «Перо», поэтому вам, вероятно, не нужно будет выбирать его самостоятельно. Тем не менее, рекомендуется проверить и убедиться, что он выбран, прежде чем вы начнете рисовать свою фигуру.
Здесь я должен отметить, что нет никакой разницы между рисованием контуров с помощью Pen Tool и рисованием фигур с его помощью. Оба создаются точно таким же образом, щелкая, чтобы добавить опорные точки, затем перетаскивая маркеры направления, если это необходимо, для создания прямых или изогнутых сегментов пути (опять же, см. Наш учебник «Выделение с помощью инструмента «Перо», если вы не знакомы с этими терминами) . На самом деле, независимо от того, рисуете ли вы «официально» фигуры или пути, вы рисуете пути.
Это на самом деле создаст нам небольшую проблему, как мы сейчас увидим.
Шаг 3: начните рисовать фигуру
Теперь, когда у нас выбран инструмент «Перо» вместе с параметром «Слои формы» на панели параметров, мы можем начать обводить объект. Я собираюсь начать с обведения верхней части пряничного человечка, щелкая инструментом Pen Tool, чтобы разместить опорные точки, и перетаскивая маркеры направления, чтобы создать изогнутые сегменты пути вокруг боковой и верхней части его головы. Мы можем видеть опорные точки и маркеры направления на снимке экрана ниже, но обратите внимание, что у нас также есть небольшая проблема. Photoshop заполняет фигуру цветом переднего плана (мой в настоящее время установлен черный), когда я рисую ее, блокируя пряничный человечек из поля зрения:
Photoshop заполняет фигуру цветом переднего плана, когда вы ее рисуете, блокируя объект из поля зрения.
Далее мы исправим эту проблему.
Шаг 4: Уменьшите непрозрачность слоя с фигурой
Чтобы решить проблему, когда Photoshop блокирует наш объект из поля зрения, когда мы пытаемся обвести его, просто перейдите в палитру «Слои» и уменьшите непрозрачность слоя формы. Мы можем видеть здесь, в моей палитре слоев, что в настоящее время у меня есть два слоя: слой
Уменьшите непрозрачность слоя с фигурой, используя параметр «Непрозрачность» в правом верхнем углу палитры «Слои».
Теперь, когда я уменьшил непрозрачность слоя с фигурой, я могу легко увидеть своего пряничного человечка через цвет фигуры, что значительно облегчит дальнейшее обведение вокруг него:
Объект теперь виден сквозь цвет фигуры после снижения непрозрачности слоя формы.
Шаг 5: Продолжить отслеживание объекта
Теперь, когда пряничный человечек виден сквозь цвет фигуры, я могу продолжать обводить его с помощью инструмента «Перо», пока не закончу исходную форму:
Первоначальная форма вокруг объекта завершена.
Если я посмотрю на слой с фигурой в палитре слоев, то теперь я вижу четко определенную форму пряничного человечка:
Форма объекта теперь четко видна в палитре слоев.
Пока все хорошо. Мы обвели основную форму объекта, и в зависимости от формы, которую вы используете, этого может быть достаточно. Однако в моем случае фигура имбирного человечка нуждается в более подробной детализации. По крайней мере, я думаю, что мы должны включить в форму его глаза и рот, и, возможно, даже его галстук-бабочку и две большие пуговицы под ним. Итак, как мы добавим эти детали к фигуре? Простой. Мы не знаем! Вычитаем их из формы!
Посмотрим, как это сделать дальше!
Шаг 6. Выберите инструмент «Эллипс»
Начнем с его глаз.
Щелкните инструмент «Прямоугольник» в палитре «Инструменты», затем удерживайте кнопку мыши нажатой, пока не появится всплывающее меню, и выберите инструмент «Эллипс» из списка.
Шаг 7: выберите параметр «Вычесть из области формы»
Выбрав инструмент «Эллипс», посмотрите на панель параметров, и вы увидите ряд сгруппированных значков, которые выглядят как маленькие квадраты, объединенные по-разному. Эти значки позволяют нам делать такие вещи, как добавление новой фигуры к текущей фигуре, вычитание фигуры из текущей фигуры или пересечение одной фигуры с другой.
Щелкните значок «Вычесть из области формы» на панели параметров.
Шаг 8. Перетащите фигуры, чтобы вычесть их из исходной формы
Теперь, когда у нас выбрана опция «Вычесть из области фигуры», мы можем начать добавлять мелкие детали к нашей фигуре, вырезая из нее отверстия. Я собираюсь начать с перетаскивания эллиптической формы вокруг его левого глаза:
.Перетаскивание эллиптической формы вокруг левого глаза.
Когда я отпускаю кнопку мыши, эллиптическая форма вокруг глаза мгновенно вычитается или «вырезается» из исходной формы, создавая отверстие для глаза. Левый глаз с исходного изображения на Фоновый слой под ним теперь виден через отверстие:
Левый глаз теперь «вырезан» из исходной формы, что позволяет просвечивать глаз из исходного изображения под ним.
Я сделаю то же самое для правого глаза. Во-первых, я нарисую вокруг него эллиптическую форму:
.
Перетаскивание эллиптической формы вокруг правого глаза.
И как только я отпускаю кнопку мыши, из исходной формы вырезается второе круглое отверстие, создавая второй глаз, снова позволяя исходному изображению под ним просвечивать:
Второе отверстие теперь вырезается из исходной формы, образуя второй глаз.
Поскольку две пуговицы под его галстуком-бабочкой также круглые, я могу использовать инструмент «Эллипс», чтобы вырезать их из своей формы. Во-первых, я перетащу фигуру вокруг верхней кнопки:
.Перетаскивание эллиптической формы вокруг верхней кнопки.
Когда я отпускаю кнопку мыши, фигура вычитается из первоначальной формы, создавая отверстие для кнопки и позволяя изображению под ней показывать сквозь себя:
Второе отверстие теперь вырезается из исходной формы, образуя второй глаз.
А теперь я сделаю то же самое для нижней кнопки, сначала перетащив вокруг нее свою фигуру:
Перетаскивание эллиптической формы вокруг нижней кнопки.
И когда я отпускаю кнопку мыши, создается четвертое отверстие в исходной форме:
Обе кнопки теперь вырезаны из исходной формы.
Если я посмотрю на миниатюру предварительного просмотра слоя моей фигуры в палитре слоев в этот момент, я увижу два отверстия для глаз и два отверстия для пуговиц, которые я вырезал из фигуры:
Миниатюра слоя формы теперь показывает отверстия, вырезанные из формы для глаз и пуговиц.
Теперь мы вернемся к инструменту «Перо», чтобы добавить оставшиеся детали к фигуре.
Шаг 9. Вычтите все оставшиеся детали из фигуры с помощью инструмента «Перо»
На этом этапе я вернусь к инструменту «Перо», потому что хочу добавить к своей фигуре еще несколько деталей, которые не могу выделить с помощью инструмента «Эллипс».
Я хочу добавить к фигуре его рот, а также его галстук-бабочку, поэтому с выбранным инструментом «Перо» и выбранной опцией «Вычесть из области формы» на панели параметров я просто собираюсь обвести его рот и галстук-бабочку, чтобы вычесть их из моей первоначальной формы пряничного человечка.
Здесь мы можем видеть дорожки, которые я нарисовал вокруг них, а также оригинальное изображение пряничного человечка, показывающее сквозь проделанные мною отверстия:
Рот и галстук-бабочка теперь вырезаны из исходной формы пряничного человечка с помощью инструмента «Перо».
Давайте закончим фигуру нашего пряничного человечка, удалив волнистые ряды сахарной пудры с его рук и ног. Опять же, я буду использовать Pen Tool для этого. Здесь я рисую путь вокруг сахарной пудры вдоль его левой руки, и мы можем видеть, как форма сахарной пудры вырезается из исходной формы по мере того, как я иду:
Вычитание ряда сахарной пудры вдоль его левой руки с помощью Pen Tool.
Я закончу обводить этот, а затем обведу остальные три, пока все четыре ряда сахарной пудры не будут вычтены из моей первоначальной формы:
Ряды сахарной пудры вдоль его рук и ног теперь вычтены из первоначальной формы.
Если мы снова посмотрим на миниатюру слоя с фигурой в палитре слоев, то увидим более четко, что все четыре ряда сахарной пудры, а также его глаза, рот, галстук-бабочка и пуговицы теперь вырезаны из фигуры:
Миниатюра слоя формы в палитре слоев, показывающая все детали, которые были вырезаны из исходной фигуры пряничного человечка.
На этом я бы сказал, что фигура пряничного человечка готова! Мы использовали Pen Tool, чтобы обвести его снаружи, создав нашу начальную форму, а затем мы использовали комбинацию Pen Tool и Ellipse Tool вместе с опцией «Вычесть из области формы», чтобы вырезать все. мелкие детали формы.
Шаг 10: Увеличьте непрозрачность слоя формы до 100%
Теперь, когда мы закончили обводить различные части нашего объекта, нам больше не нужно видеть исходное изображение сквозь фигуру, поэтому вернитесь к параметру «Непрозрачность» в правом верхнем углу палитры «Слои» и установите значение непрозрачности. вернуться к 100%:
Увеличьте непрозрачность слоя формы до 100%.
Я также собираюсь временно скрыть свой слой Background , щелкнув его значок видимости слоя (значок «глазное яблоко»), чтобы мы могли видеть только форму на прозрачном фоне. Вам не нужно скрывать свои Фоновый слой , если вы этого не хотите. Я делаю это только для того, чтобы нам было легче увидеть саму форму:
Щелкните значок «Видимость слоя» для слоя Background , чтобы временно скрыть его из поля зрения.
Теперь, когда мое исходное изображение на слое Background скрыто, а значение непрозрачности слоя с фигурой установлено на 100%, вот фигура имбирного человечка, которую я создал:
Завершенная фигура пряничного человечка на прозрачном фоне.
После всей этой работы у нас есть форма! Мы еще не закончили. Нам все еще нужно определить его как пользовательскую фигуру, и мы увидим, как это сделать дальше!
Шаг 11. Определите форму как пользовательскую форму
Чтобы определить нашу фигуру как пользовательскую фигуру, сначала убедитесь, что слой с фигурой выбран в палитре слоев. Кроме того, вам необходимо убедиться, что выбрана миниатюра предварительного просмотра слоя формы. Вы можете сказать, что он выбран, потому что он будет иметь белую выделенную рамку вокруг него, и вы также сможете увидеть контуры контура вокруг вашей фигуры в документе. Если миниатюра предварительного просмотра не имеет выделенной рамки вокруг нее и вы не видите контуры пути, просто щелкните миниатюру, чтобы выбрать ее:
Нажмите непосредственно на миниатюру предварительного просмотра слоя формы, чтобы выбрать его, если это необходимо.
Примечание. Если вам когда-нибудь понадобится скрыть контуры пути вокруг вашей фигуры, просто щелкните миниатюру предварительного просмотра слоя формы еще раз, чтобы отменить выбор.
Выбрав слой формы и его миниатюру предварительного просмотра, перейдите в меню «Правка» в верхней части экрана и выберите «Определить пользовательскую форму»:
Выберите «Правка» > «Определить пользовательскую форму».
Photoshop откроет диалоговое окно «Имя фигуры», в котором вас попросят ввести имя для вашей фигуры. Я назову свою фигуру «Пряничный человечек»:
Введите имя фигуры в диалоговом окне «Имя формы».
Когда закончите, нажмите OK, чтобы выйти из диалогового окна, и теперь ваша пользовательская фигура готова к действию! На этом этапе вы можете закрыть свой документ Photoshop, так как мы закончили создание и сохранение нашей формы. Теперь мы собираемся увидеть, где его найти и как его использовать!
Шаг 12: Откройте новый документ Photoshop
Откройте новый пустой документ Photoshop, перейдя в меню «Файл» в верхней части экрана и выбрав «Создать.
..». Откроется диалоговое окно «Новый документ». Для целей этого руководства вы можете выбрать любой размер документа. Я собираюсь выбрать 640×480 пикселей в меню Preset:
Создайте новый пустой документ Photoshop.
Шаг 13. Выберите инструмент пользовательской формы
Открыв новый пустой документ Photoshop, выберите инструмент «Пользовательская фигура» в палитре «Инструменты». По умолчанию он скрыт за инструментом «Прямоугольник», поэтому нажмите на инструмент «Прямоугольник», затем удерживайте кнопку мыши нажатой в течение секунды или двух, пока не появится всплывающее меню, а затем выберите инструмент «Пользовательская фигура» из списка:
.Щелкните инструмент «Прямоугольник», затем удерживайте кнопку мыши, пока не появится всплывающее меню, а затем выберите инструмент «Пользовательская фигура».
Шаг 14. Выберите собственную форму
Выбрав инструмент Custom Shape Tool, щелкните правой кнопкой мыши (Win) или щелкните, удерживая клавишу Control (Mac), в любом месте документа Photoshop.
Вы увидите окно выбора формы, позволяющее выбрать любую из доступных в настоящее время пользовательских фигур. Только что созданная фигура появится самой последней фигурой в поле выбора. Просто нажмите на маленькую миниатюру, чтобы выбрать его:
«Щелкните правой кнопкой мыши» (Win) / «Control-click» (Mac) в любом месте документа, чтобы получить доступ к окну выбора фигуры, затем щелкните миниатюру пользовательской фигуры, чтобы выбрать фигуру.
Шаг 15. Растяните фигуру
Выбрав пользовательскую фигуру, просто щелкните внутри документа и перетащите фигуру! Чтобы ограничить пропорции фигуры при перетаскивании, чтобы случайно не исказить ее внешний вид, удерживайте нажатой клавишу Shift при перетаскивании. Вы также можете удерживать клавишу Alt (Win) / Option (Mac), если хотите перетащить фигуру из ее центра. Если вам нужно изменить положение фигуры во время перетаскивания, просто удерживайте клавишу пробела, перетащите фигуру на новое место, затем отпустите клавишу пробела и продолжайте перетаскивать фигуру.
Когда вы перетаскиваете фигуру, вы увидите только основной контур фигуры:
Основной контур контура фигуры появляется, когда вы перетаскиваете фигуру.
Когда вы довольны размером и расположением фигуры, просто отпустите кнопку мыши, и Photoshop заполнит фигуру вашим текущим цветом переднего плана (у меня установлен черный цвет):
Отпустите кнопку мыши, и Photoshop заполнит фигуру цветом.
Мы собираемся закончить, посмотрев, как изменить цвет нашей фигуры, а также как изменить ее размер и повернуть, далее!
Шаг 16. Дважды щелкните миниатюру слоя-фигуры, чтобы изменить цвет фигуры
Вам не нужно беспокоиться о цвете фигуры, когда вы перетаскиваете ее и добавляете в документ. Photoshop автоматически заполнит фигуру любым цветом, который вы в данный момент выбрали в качестве цвета переднего плана, но если вы хотите изменить цвет фигуры в любое время, просто дважды щелкните миниатюру слоя формы. Не миниатюра предварительного просмотра формы справа (которая технически называется миниатюрой векторной маски).
Вам нужна миниатюра слева, похожая на образец цвета с небольшим ползунком внизу. Дважды щелкните по нему, чтобы изменить цвет фигуры:
Дважды щелкните миниатюру слоя фигуры (миниатюру образца цвета) слева, чтобы изменить цвет фигуры.
Откроется палитра цветов Photoshop. Выберите новый цвет для своей фигуры с помощью палитры цветов. Я собираюсь выбрать коричневый цвет для своего пряничного человечка:
Используйте палитру цветов, чтобы выбрать новый цвет для вашей фигуры.
Когда вы закончите, нажмите OK, чтобы выйти из палитры цветов, и новый цвет будет применен к вашей фигуре:
Цвет фигуры изменен.
Вы можете изменить цвет своей формы, когда вам нужно, и столько раз, сколько вы хотите!
Шаг 17. При необходимости измените размер фигуры с помощью свободного преобразования
Цвет — не единственное, о чем вам не нужно беспокоиться при работе с формами. Одна из замечательных особенностей работы с фигурами в Photoshop заключается в том, что они используют векторы вместо пикселей, а это означает, что вы можете изменять их размер, когда захотите, так часто, как хотите, без потери качества изображения! Если вы решите, что вам нужно увеличить или уменьшить фигуру в любое время, просто выберите слой фигуры в палитре слоев, затем используйте сочетание клавиш Ctrl+T (Win)/Command+T (Mac), чтобы вызвать Free Transform в Photoshop.
коробка и ручки по форме. Измените размер фигуры, перетащив любой из угловых маркеров. Удерживая нажатой клавишу Shift, перетаскивайте маркеры, чтобы ограничить пропорции фигуры, чтобы случайно не исказить ее внешний вид. Вы также можете удерживать Alt (Win) / Option (Mac), перетаскивая маркеры, чтобы изменить размер фигуры из ее центра:
Измените размер фигуры, перетащив любой из маркеров свободного преобразования.
Чтобы повернуть фигуру, просто переместите указатель мыши в любое место за пределами поля «Свободное преобразование», затем щелкните и перетащите мышь, чтобы повернуть ее:
Щелкните и перетащите мышь в любое место за пределами поля «Свободное преобразование», чтобы повернуть фигуру.
Нажмите Enter (Win) / Return (Mac), когда вы закончите, чтобы принять преобразование и выйти из Free Transform.
Вы можете добавить в документ столько копий пользовательской фигуры, сколько захотите, изменяя цвет, размер и поворот каждой из них по мере необходимости.
Каждая копия фигуры будет отображаться как отдельный слой формы в палитре слоев. Здесь я добавил в документ еще несколько копий фигуры Пряничного человечка, каждая из которых имеет свой цвет, размер и угол наклона. Обратите внимание, что независимо от того, какого размера вы их делаете, они всегда сохраняют свои острые, четкие края:
Добавляйте в свой дизайн столько копий пользовательской формы, сколько хотите, изменяя цвет, размер и угол наклона каждой из них.
И вот оно! Мы создали первоначальную форму, обведя объект с помощью Pen Tool. Мы «вырезаем» мелкие детали в нашей фигуре, используя комбинацию инструментов «Перо» и «Эллипс», оба из которых настроены на параметр «Вычесть из области формы» на панели параметров. Мы сохранили нашу фигуру как пользовательскую форму, используя опцию «Определить пользовательскую форму» в меню «Правка». Затем мы создали новый документ Photoshop, выбрали «Инструмент пользовательской формы», выбрали нашу фигуру в поле выбора формы и перетащили нашу фигуру внутрь документа.
Наконец, мы увидели, как изменить цвет, размер и угол формы в любое время!
Куда идти дальше…
Это охватывает основы того, как создавать и использовать пользовательские фигуры в Photoshop, и это подводит нас к концу части 1 нашего руководства «Пользовательские фигуры для цифрового скрапбукинга». Во второй части мы рассмотрим, как собрать несколько созданных нами фигур и сохранить их как наборы пользовательских фигур! Посетите наш раздел Основы Photoshop, чтобы узнать больше о Photoshop!
Как создать пользовательскую форму в Photoshop (2 простых способа)
Если вам нужно добавить пользовательскую форму в ваш проект Photoshop, может быть утомительно рисовать ее каждый раз, когда вам нужно ее включить. К счастью, есть несколько способов создать собственную фигуру, которую вы можете использовать столько раз, сколько захотите.
Чтобы создать пользовательскую фигуру в Photoshop, создайте контур с помощью инструмента «Перо», чтобы определить параметры фигуры.
После завершения пути перейдите в «Правка»> «Определить пользовательскую форму», чтобы превратить путь в фигуру. Ваша пользовательская форма теперь будет доступна в вашем инструменте Custom Shape Tool (U).
Теперь вы можете создать собственную фигуру из существующего изображения или создать собственный путь, как упоминалось выше. Давайте рассмотрим оба метода, чтобы вы могли начать создавать собственные формы с любой отправной точки.
Как сделать пользовательскую форму из изображения
Использовать существующее изображение для создания пользовательской формы очень просто.
Изображения с ограниченным количеством цветов, такие как черный контур и цветная заливка, хорошо подходят для этого.
Кроме того, силуэт может работать одинаково хорошо, если вы хотите, чтобы пользовательская форма была формой самого силуэта.
В этом примере я буду использовать этот желто-черный смайлик, превращая черный контур в мою пользовательскую форму.
После того, как вы выбрали подходящее изображение, откройте его в Photoshop. Ваше изображение должно быть высокого качества, без пикселизации и иметь четко определенные цвета, такие как черный цвет смайлика. Вы можете использовать любой инструмент быстрого выбора, чтобы сделать выбор. Однако проще всего для этой цели использовать метод цветового диапазона.
Чтобы выбрать основной цвет, перейдите к Select > Color Range .
Откроется диалоговое окно Цветовой диапазон , где вы можете щелкнуть цвет, который хотите выбрать. В этом случае я щелкнул черный контур, чтобы выбрать эти цвета графики.
В раскрывающемся списке «Выбрать» есть параметры для цветовых диапазонов. Поскольку мое изображение ограничено тремя цветами, оно легко подберет подходящую цветовую гамму.
Если области вашего изображения, которые вы превращаете в пользовательскую форму, являются единственными темными областями, выберите «Тени» в раскрывающемся списке.
Затем вы увидите выбранную область в окне предварительного просмотра.
Вы можете выбрать определенные параметры цвета для других цветов или использовать пипетку, чтобы выбрать цвет непосредственно на изображении. Если ваш цвет похож на другой цвет, он может быть не таким успешным, как выбор только этого цвета.
После того, как вы выбрали свой цветовой диапазон, вы можете отредактировать его более точно.
Ползунок «Диапазон» поможет добавить или удалить другие похожие цвета и тона к вашему выбору. Если выбранный вами цвет, как и мой, сильно отличается от других цветов на изображении, вам не нужно иметь очень большой диапазон.
Переместите ползунок влево, чтобы уменьшить диапазон, или вправо, чтобы выбрать больший диапазон тонов.
Затем отрегулируйте ползунок Нечеткость , чтобы настроить допуск цветов, которые будут включены в ваш выбор.
Наконец, последнее, что нужно проверить в диалоговом окне «Цветовой диапазон», — это то, что изображение не инвертировано. Окно предварительного просмотра показывает изображение в оттенках серого. Все, что окрашено в белый цвет, станет вашей индивидуальной формой.
Вы можете установить флажок Инвертировать , если хотите отменить выделение и создать пользовательскую форму, исключив выбранную область.
Все, что окрашено в черный цвет, будет проигнорировано при создании индивидуальной формы.
Если вы довольны настройками, нажмите ОК .
Ваше изображение теперь будет иметь активное выделение вокруг выбранных цветов. Все выбранное будет одного цвета. На моем изображении все, что черное, окружено марширующими муравьями, чтобы показать, что оно выделено.
Теперь нам нужно создать путь из выделения, сначала открыв панель Пути . Перейдите к Окно > Пути .
Панель путей открывается там, где находится панель слоев, так что вы можете переключаться между ними.
В настоящее время Панель путей пуста.
В нижней части панели Paths выберите Make work path from selection .
Это удалит марширующих муравьев вокруг выбранного вами цвета и заменит его синими дорожками и опорными точками.
На панели «Пути» теперь отображается рабочий контур из вашего изображения.
Теперь пришло время преобразовать этот путь в фигуру, выбрав Edit > Define Custom Shape .
Назовите свою новую пользовательскую форму в диалоговом окне и нажмите ОК .
Найдите инструмент Shape Tool (U) на панели инструментов и удерживайте его, чтобы увидеть все параметры инструмента Shape. Выберите инструмент Custom Shape Tool .
На панели параметров вы можете выбрать, какая форма будет использоваться в инструменте Custom Shape Tool. Photoshop уже предоставляет предустановленные формы, но теперь в этом списке также отображается ваша пользовательская форма.
Выберите стрелку вниз рядом с формой по умолчанию на панели параметров , чтобы открыть библиотеку форм.
Существует несколько категорий уже существующих фигур. Ваша самая новая пользовательская форма будет внизу.
Выберите индивидуальную форму. На панели параметров установите цвета Fill и Stroke .
Щелкните на холсте и перетащите его, чтобы нарисовать собственную фигуру. Чтобы сохранить пропорции, нажмите Shift , перетаскивая инструмент Custom Shape Tool до желаемого размера.
Каждая новая фигура появится на своем слое.
Как создать пользовательскую форму из пути
Вы можете создать пользовательскую фигуру, используя пути, что дает вам больше возможностей для настройки по сравнению с использованием готового изображения.
Для начала выберите Pen Tool (P) .
На панели параметров выберите Путь в раскрывающемся меню.
Используя Pen Tool, установленный на Path, вы можете нарисовать любую фигуру на холсте. Вы можете использовать инструмент «Перо» как обычно, независимо от того, рисуете ли вы прямые линии или добавляете кривые, до тех пор, пока вы завершаете форму и соединяете окончательные опорные точки.
Когда форма пути вас устроит, на панели параметров выберите Shape .
Это превращает ваш путь в сплошную фигуру с обводкой и заливкой.
Теперь, чтобы превратить ваш пользовательский путь в пользовательскую форму, снова перейдите к Edit > Define Custom Shape .
Назовите свою пользовательскую фигуру в диалоговом окне «Имя фигуры» и нажмите OK , когда закончите.
Теперь вы создали пользовательскую фигуру из контура. Чтобы найти и использовать новую пользовательскую форму, перейдите на страницу Shape Tool ( U ) и выберите Custom Shape Tool .