Custom shape tool в фотошопе где
Обновлено: 07.07.2024
В прошлом уроке мы научились работать с фигурами и слоями фигур в программе Photoshop. Мы рассмотрели, как с помощью пяти инструментов группы «Фигуры» («Прямоугольник», «Прямоугольник со скругленными краями», «Эллипс», «Многоугольник» и «Линия») добавлять в документ простые прямоугольники и эллипсы, а также рисовать звезды, линии и направляющие стрелки.
Хорошо иметь в программе инструменты, позволяющие рисовать круги и квадраты, но что если нам понадобится изобразить фигуру более сложной формы? Что, если предположим, нам надо добавить сердце на свадебный снимок или приглашение, нарисовать собаку или кошку для логотипа зоомагазина? Как насчет изображения на ваших рисунках цветов, листьев, снежинок, музыкальных нот или значка копирайта?
В действительности, программа Photoshop работает со всеми этими и другими фигурами и позволяет нам добавлять их на изображение с той же легкостью, с какой мы добавляли круги и квадраты. В программе все эти фигуры более сложной формы называются произвольными фигурами, и мы можем их нарисовать, используя инструмент «Произвольная фигура» (Custom Shape Tool), с которым мы познакомимся в этом уроке.
Инструмент «Произвольная фигура»
Инструмент «Произвольная фигура» расположен на панели инструментов в одном разделе с другими инструментами группы «Фигуры». По умолчанию, на экране отображается инструмент «Прямоугольник» (Rectangle Tool), но если вы нажмете на него и удержите кнопку мыши нажатой несколько секунд, то появится всплывающее меню с перечнем других инструментов, которые также доступны в этом разделе. Инструмент «Произвольная фигура» находится в самом низу списка:
Нажмите на значок инструмента «Прямоугольник» и удержите кнопку мыши нажатой, затем из появившегося меню выберите инструмент «Произвольная фигура»
Если у вас уже выбран один из инструментов группы «Фигуры», то вы можете быстро переключиться на инструмент «Произвольная фигура» на панели настроек, где представлены шесть значков, отображающих инструменты группы «Фигуры». Значок инструмента «Произвольная фигура» - последний справа (он выглядит как клякса):
Если у вас уже активен другой инструмент группы «Фигуры», то вы можете выбрать инструмент «Произвольная фигура» на панели настроек
Выбор формы произвольной фигуры
После выбора инструмента «Произвольная фигура» нам необходимо определиться с формой фигуры, которую мы хотим нарисовать. На панели настроек справа от значка инструмента «Произвольная фигура» появится окошко предварительного просмотра, где будет отображаться миниатюра фигуры, которая в данный момент выбрана:
Окошко предварительно просмотра отображает выбранную нами произвольную фигуру
Для того чтобы выбрать другую фигуру, нажмите на окошко предварительного просмотра. Это действие приведет к открытию палитры «Произвольные фигуры», где будут представлены все фигуры, доступные в данный момент для выбора. На самом деле программа Photoshop работает с гораздо большим количеством произвольных фигур, чем то ограниченное количество, которое представлено изначально в палитре. Как загрузить в палитру другие произвольные фигуры, мы рассмотрим далее:
Для открытия палитры «Произвольные фигуры» нажмите на окошко предварительного просмотра
Чтобы выбрать фигуру, просто нажмите на ее миниатюру, затем - на клавишу Enter (Win) / Return (Mac) для закрытия палитры. Или дважды щелкните кнопкой мыши по миниатюре фигуры, в результате чего фигура будет выбрана и палитра закроется сама. Я выберу фигуру в форме сердца:
Выбираем фигуру в форме сердца из палитры «Произвольные фигуры»
Выбор цвета для фигуры
После выбора формы фигуры, вам нужно выбрать цвет для нее. Это можно сделать, нажав на значок образца цвета, расположенный справа от слова «Цвет» (Color) на панели настроек:
Нажимаем на значок образца цвета, чтобы выбрать для произвольной фигуры нужный цвет
Программа немедленно откроет цветовую палитру, где мы сможем выбрать нужный цвет. Поскольку я решил нарисовать фигуру в форме сердца, то я выберу красный цвет. Для закрытия цветовой палитры нажмите ОК, когда выберете нужный цвет:
Из цветовой палитры выбираем цвет для фигуры в форме сердца
Выбор параметра «Слой-фигура»
Как я уже упоминал в прошлом уроке, программа Photoshop позволяет нам рисовать фигуры трех типов с помощью инструментов группы «Фигуры». Мы можем рисовать векторные фигуры, которые не зависят от разрешения и могут быть масштабируемы без потери качества (такой тип фигур мы бы рисовали в программе Illustrator). Мы можем также рисовать контуры, которые являются лишь очертаниями фигур, или мы можем рисовать пиксельные формы, которые программа заполняет цветными пикселями. В большинстве случаев, мы рисуем векторные фигуры, и чтобы иметь возможность это сделать, нам необходимо выбрать параметр «Слой-фигура» (Shape Layers) на панели настроек. Это первый значок в группе из трех значков, расположенных ближе к левому краю на панели настроек:
Для рисования векторных фигур выбираем параметр «Слой-фигура» на панели настроек
Чтобы нарисовать фигуру, кликните кнопкой мыши в окне документа для определения начальной точки и затем, удерживая кнопку мыши нажатой, протяните курсор мыши по направлению от начальной точки. По мере перемещения курсора программа будет отображать вам тонкий контур будущей фигуры:
Кликните кнопкой мыши для определения начальной точки и затем протяните курсор, чтобы нарисовать фигуру
Отпустите кнопку мыши, чтобы закончить рисовать фигуру, и программа тотчас заполнит фигуру цветом, который вы выбрали на панели настроек:
Программа Photoshop заполнит фигуру цветом, когда вы опустите кнопку мыши
Рисование фигуры с правильными пропорциями
Обратите внимание, что моя фигура в форме сердца выглядит немного искаженной. Она шире и короче, чем я ожидал увидеть. Это случилось из-за того, что по умолчанию программа Photoshop не старается сохранить правильные пропорции (или по-другому форматное соотношение) фигуры в процессе ее изображения. Я нажму сочетание клавиш Ctrl+Z (Win) / Command+Z (Mac) для отмены действия и попробую нарисовать фигуру снова.
Для того чтобы нарисовать фигуру с правильными пропорциями, установите курсор в окне документа и, удерживая кнопку мыши нажатой, начните протягивать курсор и рисовать фигуру, как обычно. При этом нажмите клавишу Shift и продолжайте ее удерживать нажатой по мере перемещения курсора. Как только вы нажмете (и удержите) клавишу Shift, вы увидите, что контур фигуры приобрел правильные пропорции:
Чтобы нарисовать фигуру с правильными пропорциями, удержите нажатой клавишу Shift при перемещении курсора
Когда размер нарисованной фигуры вас устроит, отпустите кнопку мыши, а затем отпустите клавишу Shift (убедитесь, что вы отпускаете клавишу Shift последней). Программа снова заполнит фигуру выбранным цветом:
Отпускайте клавишу Shift только после того, как вы отпустите кнопку мыши
Я снова нажму сочетание клавиш Ctrl+Z (Win) / Command+Z (Mac) для отмены действия, а затем выберу фигуру другой формы, нажав на окошко предварительного просмотра фигуры на панели настроек для открытия палитры фигур. На этот раз я остановлюсь на изображении музыкальных нот:
Нажимаем на миниатюру музыкальных нот для выбора фигуры
Для того чтобы нарисовать музыкальные ноты, я установлю курсор в окне документа для определения начальной точки и затем, удерживая кнопку мыши нажатой, протяну курсор мыши по направлению от начальной точки. Как только я начну протягивать курсор, я нажму и удержу клавишу Shift для закрепления правильных пропорций фигуры и продолжу рисовать изображение:
По мере перемещения курсора я удержу нажатой клавишу Shift, чтобы сохранить правильные пропорции фигуры
Затем я отпущу кнопку мыши, чтобы закончить процесс рисования, и программа Photoshop заполнит фигуру таким же цветом, какой я выбрал для предыдущей фигуры:
Новая фигура заполнится тем же цветом, что и предыдущая
Далее мы изучим, как изменить цвет нарисованной фигуры и как загрузить все дополнительные формы произвольных фигур, доступные в программе Photoshop!
Изменение цвета заливки нарисованной фигуры
Что если я захочу, чтобы моя новая фигура отличалась по цвету от предыдущей? Я мог бы просто выбрать другой цвет на панели настроек перед тем, как рисовать новую фигуру. Однако мы можем также с легкостью изменить цвет уже нарисованной фигуры. Каждая новая нарисованная произвольная фигура располагается на отдельном слое фигур на панели слоев, и каждый слой фигур имеет собственную иконку образца цвета, которая отображает текущий цвет заливки фигуры. Для того чтобы изменить цвет, нужно просто дважды щелкнуть кнопкой мыши по иконке образца цвета:
Для того чтобы изменить текущий цвет фигуры, дважды щелкните по иконке образца цвета слоя фигуры
Программа Photoshop повторно откроет цветовую палитру, где мы сможем выбрать новый цвет. Я выберу фиолетовый цвет:
Из цветовой палитры выбираем новый цвет для фигуры
Нажмите ОК, когда вы будете готовы закрыть цветовую палитру, и таким образом программа Photoshop изменит цвет фигуры для нас:
Мы можем в любой момент изменить цвет векторной фигуры
Загрузка дополнительных наборов фигур
Как я уже упоминал, программа Photoshop работает с гораздо большим количеством произвольных фигур, чем то ограниченное количество, которое предоставлено нам изначально. Нам просто необходимо загрузить дополнительные фигуры в палитру. Мы можем сделать это, открыв палитру фигур на панели настроек и нажав на маленькую стрелку в правом верхнем углу палитры:
Нажимаем на маленькую стрелку в в правом верхнем углу палитры фигур
Это действие приведет к открытию меню с различными параметрами, в самом низу которого будет расположен перечень дополнительных наборов фигур, установленных в программе Photoshop. Каждый из этих наборов является собранием фигур, объединенных общей тематикой, например, «Животные» (Animals), «Музыка» (Music), «Природа» (Nature) и т.д. Некоторые из наборов появились только в версии программы Photoshop CS5 (именно эту версию используя я), но большинство наборов доступны в любых недавних версиях программы:
Все эти дополнительные наборы фигур установлены в программе, но их нужно загрузить в палитру вручную
Если вы знаете, какой набор фигур вам нужно, вы можете его выбрать, нажав на соответствующее название набора в перечне. Однако проще – загрузить все наборы фигур за раз. Мы можем это сделать, выбрав название «Все» (All) в верхней части списка наборов:
Выбираем название «Все» (All) для загрузки всех дополнительных наборов форм
После этого появится диалоговое окно, и вам нужно будет решить - заменить текущие произвольные фигуры новыми или добавить фигуры к имеющимся. Выберите в окне пункт «Добавить» (Append), что позволит вам сохранить изначальные фигуры и добавить к ним новые:
Для загрузки новых фигур при сохранении в палитре изначальных фигур выбираем «Добавить» (Append)
И теперь если мы откроем палитру фигур, нажав на окошко предварительного просмотра на панели настроек, то увидим разнообразные новые фигуры, из которых мы сможем выбрать нужные. Я немного расширил палитру фигур, чтобы было видно больше миниатюр. Для того чтобы просмотреть все миниатюры фигур, воспользуйтесь линейкой прокрутки в правой части палитры:
В палитру фигур теперь загружены все дополнительные фигуры, доступные в программе Photoshop
Ниже представлено несколько примеров фигур, которые мы теперь можем нарисовать в программе:
В палитре фигур теперь отражены все дополнительные фигуры, доступные в программе Photoshop
Несмотря на все разнообразие готовых произвольных фигур, предоставленных в программе, может случиться так, что даже после загрузки всех наборов, мы не сможем найти нужное нам изображение для особого дизайна, над которым работаем. И в таком случае программа Photoshop окажется для нас незаменимым помощником, потому что она позволяет нам самим создавать любую фигуру. Чтобы узнать, как создать собственную коллекцию произвольных фигур, сохранить и в дальнейшем использовать ее, изучите наш урок «Создание собственных произвольных фигур»!
И вот мы закончили! Мы рассмотрели, как с помощью инструмента «Произвольная фигура» можно добавить в документ фигуру сложной формы. В следующем уроке мы изучим, чем отличаются векторные фигуры, контуры и пиксельные формы!
В предыдущем уроке « Как рисовать векторные фигуры» в Photoshop CS6 мы узнали, как использовать пять основных инструментов формы в Photoshop (инструмент «Прямоугольник», инструмент «Закругленный прямоугольник», инструмент «Эллипс», «Многоугольник» и «Линия») для добавьте к нашим документам простые геометрические фигуры, такие как прямоугольники, квадраты и круги, а также звезды, звездные вспышки и стрелки направления.
Хотя круги и квадраты имеют свое применение, как насчет более сложных и интересных форм? Что, если вы хотите, скажем, форму сердца, которая будет использоваться в качестве границы для свадебной или помолвочной фотографии? Или форму собаки или кошки для добавления в логотип зоомагазина? Как насчет формы цветов или листьев, снежинок, музыкальных нот или даже символа авторского права для добавления к вашим изображениям? Фотошоп на самом деле включает в себя все эти формы и многое другое, и мы можем добавлять их в наши проекты и макеты так же легко, как добавляя круги и квадраты.
Adobe называет эти более сложные формы пользовательскими формами , и мы рисуем их с помощью инструмента Custom Shape Tool . Единственная проблема заключается в том, что по умолчанию нам доступны только несколько этих пользовательских фигур. Большинство из них скрыты. Итак, в этом уроке мы узнаем все, что нам нужно знать о рисовании фигур с помощью инструмента Custom Shape Tool, включая доступ к каждой пользовательской фигуре, которую может предложить Photoshop!
Если вы еще не знакомы с основами рисования векторных фигур в Photoshop, я настоятельно рекомендую прочитать предыдущее руководство, прежде чем продолжить.
Как рисовать пользовательские фигуры в фотошопе
Выбор инструмента Custom Shape Tool
Пользовательский инструмент Shape Tool вложен в другие инструменты Photoshop на панели «Инструменты» . Чтобы выбрать его, нажмите и удерживайте значок для того, какой инструмент фигуры в данный момент виден (который будет либо инструментом «Прямоугольник» (по умолчанию), либо тем инструментом, который вы использовали последним). Когда вы нажимаете и удерживаете значок, появляется всплывающее меню, показывающее другие доступные инструменты формы. Выберите Custom Shape Tool из нижней части списка:
Нажав и удерживая инструмент «Прямоугольник», выберите в меню «Пользовательский инструмент формы».Рисование векторных фигур
С выбранным инструментом Custom Shape Tool, следующее, что мы хотим сделать, это убедиться, что мы рисуем векторные фигуры , а не контуры или пиксельные фигуры. Мы поняли важное различие между векторными фигурами и пиксельными формами в учебном пособии « Вектор чертежа и пиксельные фигуры» , но вкратце, векторные фигуры являются гибкими , редактируемыми и независимыми от разрешения , то есть мы можем редактировать и масштабировать их сколько угодно, и даже напечатайте их любого необходимого размера, и края векторных фигур всегда будут четкими и четкими.
Чтобы убедиться, что вы работаете с векторными фигурами, установите параметр « Режим инструмента» на панели параметров в верхней части экрана на « Форма» (сокращение от «Векторная форма»):
Выбор пользовательской формы
Далее нам нужно сообщить Photoshop, какую пользовательскую фигуру мы хотим нарисовать, и мы сделаем это, щелкнув по миниатюре фигуры на панели параметров. Миниатюра показывает нам выбранную форму:
При щелчке по миниатюре открывается пользовательский инструмент выбора формы с предварительным просмотром миниатюр каждой фигуры, которую мы можем выбрать. Используйте полосу прокрутки справа, чтобы прокрутить миниатюры.
Выборщик пользовательской фигуры с эскизами каждой фигуры.Загрузка больше фигур
Как я уже упоминал в начале урока, изначально доступно всего несколько фигур, но есть еще много чего мы можем выбрать. Все, что нам нужно сделать, это загрузить их. Для этого нажмите на значок шестеренки в правом верхнем углу:
В нижней половине появившегося меню вы увидите список всех пользовательских наборов фигур, которые Adobe включает в Photoshop. Изначально отображаемые фигуры являются набором по умолчанию, но, просматривая список, мы видим, что у нас есть много других интересных наборов, таких как животные, музыка, природа и так далее. Чтобы загрузить один из этих наборов, просто выберите его из списка.
Единственная проблема заключается в том, что если вы некоторое время не использовали Photoshop (и большую часть этого времени работали с пользовательскими фигурами), трудно определить, какие фигуры вы найдете в каждом наборе. Поэтому вместо того, чтобы выбирать наборы по отдельности, я бы порекомендовал выбрать « Все» в верхней части списка, чтобы загружать фигуры из каждого набора сразу:
Выбор All сэкономит вам много работы по угадыванию.Фотошоп спросит, хотите ли вы заменить текущие фигуры новыми. Если вы нажмете кнопку « Добавить» , а не замените текущие фигуры новыми фигурами, это скажет Photoshop сохранить существующие фигуры и просто добавить новые под ними. Это может быть хорошим выбором, если вы выбираете отдельный набор фигур из списка и просто хотите добавить его к фигурам по умолчанию.
В этом случае, поскольку я выбираю « Все» (который включает фигуры по умолчанию как часть коллекции), я собираюсь нажать « ОК» . В конце урока мы узнаем, как вернуть формы по умолчанию:
Фигуры по умолчанию включены при выборе Все, поэтому просто нажмите ОК.Изменение размера пользовательского выбора формы
Теперь, когда все формы загружены, у нас есть куда больше на выбор. Вы можете изменить размер Выборочной формы, чтобы видеть больше фигур за раз, щелкая и перетаскивая его правый нижний угол . Фактически, вы можете сделать Выборщик пользовательских форм достаточно большим, чтобы увидеть каждую фигуру сразу:
Нажмите и перетащите правый нижний угол, чтобы изменить размер Выборочной фигуры.Лично я нахожу это слишком большим, поэтому я еще раз щелкну и перетащу нижний правый угол Custom Picker, на этот раз, чтобы уменьшить его. Затем я буду использовать полосу прокрутки справа от миниатюр, чтобы прокручивать фигуры. Чтобы выбрать форму, дважды щелкните ее миниатюру. Это выберет форму и закроется из Выборщика пользовательских форм. Я выберу форму сердца, дважды щелкнув по нему:
Выбор цвета для фигуры
После того, как вы выбрали произвольную фигуру, выберите для нее цвет, щелкнув образец цвета « Заливка» на панели параметров:
Это открывает окно, которое позволяет нам выбрать один из четырех различных способов заполнения пользовательской фигуры, каждый из которых представлен одним из четырех значков вверху. Начиная слева, у нас есть значок « Нет цвета», значок « Сплошной цвет», значок « Градиент» и значок « Узор» . Мы подробно рассмотрели варианты цвета «Заливка (и обводка)» в предыдущем уроке (« Как рисовать векторные фигуры в Photoshop CS6» ), но я расскажу о них здесь еще раз:
Выбор параметра « Нет цвета» слева оставит вашу пользовательскую форму пустой, что может быть тем, что вам нужно, если ваша форма должна содержать только контур обводки. Мы увидим, как добавить штрих в данный момент.
Параметр « Сплошной цвет» (второй слева) позволяет нам заполнить пользовательскую фигуру одним цветом. Выберите цвет, нажав на один из образцов цвета . Недавно использованные цвета отображаются в строке « Последние использованные цвета» над основными образцами:
Если нужный вам цвет не найден ни в одном из образцов, щелкните значок Color Picker в правом верхнем углу:
Затем выберите цвет вручную из палитры цветов. Нажмите OK, когда вы закончите, чтобы закрыть из палитры цветов:
Параметр « Градиент» позволяет нам заполнить форму градиентом. Вы можете выбрать один из предустановленных градиентов, щелкнув по его миниатюре (используйте полосу прокрутки справа для прокрутки миниатюр) или используйте параметры под миниатюрами, чтобы создать или отредактировать свой собственный градиент. Мы рассмотрим градиенты в отдельном уроке:
Наконец, выберите опцию Pattern, если вы хотите заполнить свою пользовательскую форму шаблоном. Photoshop сам по себе не дает большого количества шаблонов на выбор, но если вы создали или загрузили другие шаблоны, вы можете загрузить их, щелкнув по маленькому значку шестеренки (прямо под значком «Пользовательская форма») и выбрав « Загрузить шаблоны». из меню:
Поскольку я выбрал форму сердца, я выберу опцию «Сплошной цвет» и выберу красный для цвета заливки, нажав на красный образец. Чтобы закрыть окно параметров цвета, когда вы закончите, нажмите Enter (Win) / Return (Mac) на клавиатуре или просто щелкните пустую область панели параметров:
Рисование вашей пользовательской формы
Чтобы нарисовать фигуру, щелкните внутри документа, чтобы установить начальную точку. Затем, удерживая кнопку мыши нажатой, перетащите курсор от начальной точки. При перетаскивании вы увидите только контур (известный как путь ) того, как будет выглядеть форма:
Нажмите, чтобы установить начальную точку, затем перетащите ее из точки, чтобы нарисовать фигуру.Когда вы отпустите кнопку мыши, Photoshop завершит форму и заполнит ее выбранным цветом:
Фотошоп заполняет форму только после того, как вы отпустите кнопку мыши.Рисование фигуры с правильными пропорциями
Заметьте, однако, что мое сердце выглядит немного искаженным. Это шире и короче, чем я ожидал. Это потому, что по умолчанию Photoshop позволяет нам свободно рисовать произвольные фигуры в любом размере или пропорциях, которые нам нравятся. Я отменю свою форму, зайдя в меню « Правка» в строке меню в верхней части экрана и выбрав « Отменить пользовательский инструмент формы» . Я также могу просто нажать Ctrl + Z (Win) / Command + Z (Mac) на моей клавиатуре. Это удаляет форму из документа:
Чтобы нарисовать произвольную фигуру с правильными пропорциями, начните так же, как и раньше, щелкнув внутри документа, чтобы задать начальную точку, затем удерживая нажатой кнопку мыши и перетаскивая ее из точки. При перетаскивании нажмите и удерживайте клавишу Shift на клавиатуре. Это зафиксирует форму в правильных пропорциях и зафиксирует их на месте:
Нажмите и удерживайте Shift при перетаскивании, чтобы нарисовать фигуру с правильными пропорциями.Когда вы довольны размером фигуры, отпустите кнопку мыши, затем отпустите клавишу Shift. Очень важно отпустить клавишу Shift только после того, как вы отпустите кнопку мыши, иначе она не будет работать. Кроме того, обязательно дождитесь окончания перетаскивания, прежде чем нажимать и удерживать клавишу Shift, иначе вы можете получить неожиданные результаты.
Я отпущу свою кнопку мыши, затем мою клавишу Shift, после чего Photoshop заполняет форму выбранным красным цветом. На этот раз сердце выглядит намного лучше:
Вы обычно хотите рисовать пользовательские фигуры с правильными пропорциями.Другие удобные сочетания клавиш
Наряду с нажатием и удержанием Shift при перетаскивании, чтобы нарисовать фигуру с правильными пропорциями, вы можете нажать и удерживать клавишу Alt (Победа) / Option (Mac) при перетаскивании, чтобы нарисовать фигуру не из угла, а из центра . Нажатие и удерживание Shift + Alt (Победа) / Shift + Option (Mac) при перетаскивании нарисует его в правильных пропорциях и вытянет из центра. Просто не забывайте всегда отпускать клавиши после отпускания кнопки мыши.
Изменение размера фигуры
Как только вы нарисуете свою форму, вы увидите ее текущую ширину и высоту в полях Ширина ( W ) и Высота ( H ) на панели параметров. Здесь мы видим, что моя фигура была нарисована 354 пикселей в ширину и 308 пикселей в высоту:
Если вам нужно изменить размер фигуры, просто выделите текущие значения с помощью мыши и введите новые значения (нажмите Enter (Win) / Return (Mac) на клавиатуре, чтобы принять их). Чтобы изменить размер фигуры и сохранить ее в правильных пропорциях, сначала нажмите маленький значок ссылки между полями ширины и высоты, затем введите новую ширину или высоту. При выбранном значке ссылки Photoshop автоматически изменит другое значение для вас:
Нажмите значок ссылки перед изменением ширины или высоты, чтобы зафиксировать пропорции на месте.Позвольте Фотошопу Нарисовать Форму Для Вас
Если вы еще не нарисовали свою форму и знаете точный размер, который вам нужен, вы можете сэкономить время, позволив Photoshop нарисовать ее для себя. Просто нажмите один раз внутри вашего документа. Photoshop откроет диалоговое окно Create Custom Shape, где вы можете ввести значения ширины и высоты. Нажмите OK, чтобы закрыть его, и Photoshop нарисует вашу форму с выбранными вами размерами:
Щелкните один раз внутри документа, чтобы открыть диалоговое окно «Создание пользовательской фигуры».Добавление инсульта
Чтобы добавить обводку вокруг фигуры, щелкните образец цвета « Обводка» на панели параметров. Вы можете выбрать цвет обводки (и другие параметры обводки, которые мы рассмотрим чуть позже) до или после рисования фигуры:
Параметры для выбора цвета обводки в точности совпадают с параметрами цвета заливки. Вверху у нас есть те же четыре значка, которые дают нам выбор между Нет цвета , Сплошной цвет , Градиент и Узор :
Параметры «Без цвета», «Сплошной цвет», «Градиент» и «Узор», на этот раз для обводки.Параметр «Нет цвета» выбран по умолчанию (поэтому обводка не отображается). Я выберу опцию «Сплошной цвет», затем установлю свой цвет обводки на черный, щелкнув образец. Как и в случае с цветом заливки, если нужный вам цвет не найден ни в одном из образцов, щелкните значок Color Picker, чтобы выбрать его вручную:
Вот так вот, Photoshop добавляет черный обводку вокруг фигуры:
Ширина хода
Мы можем изменить ширину обводки на панели параметров. Вы найдете текущую ширину, отображаемую справа от образца цвета обводки. Ширина по умолчанию составляет 3 пт. Если вы знаете точную нужную ширину, вы можете ввести ее прямо в поле ширины (нажмите Enter (Win) / Return (Mac), когда вы закончите, чтобы принять ее) или просто нажмите на маленькую стрелку справа от Значение и перетащите ползунок:
Выровнять края
Если вы посмотрите дальше вправо на панели параметров, вы увидите опцию Align Edges . По умолчанию эта опция включена (отмечена), и вы, как правило, хотите оставить ее включенной, потому что она говорит Photoshop выравнивать края вашей фигуры с помощью сетки пикселей, чтобы они выглядели четкими и четкими:
Чтобы Align Edges работал, измените тип измерения ширины обводки на пиксели.Photoshop мгновенно обновляет форму с новой шириной обводки:
Больше вариантов инсульта
Есть и другие параметры обводки, которые мы также можем изменить, нажав кнопку « Параметры обводки» на панели параметров :
Откроется окно «Параметры обводки». Вверху мы можем переключаться между отображением обводки в виде сплошной линии (по умолчанию), пунктирной линии или пунктирной линии. Параметр « Выравнивание» позволяет нам выбрать, будет ли обводка отображаться по внутренним краям фигуры, по внешним кромкам или по центру по краям. Мы можем установить опцию Caps на Butt , Round или Square , и изменить углы на Mitre , Round или Bevel . Нажатие кнопкиДополнительные параметры внизу откроют более подробное диалоговое окно с дополнительными параметрами для настройки внешнего вида мазка и сохранения пользовательских настроек в качестве предустановки:
Изменение заливки и обводки существующих фигур
Как и в случае с инструментами геометрических фигур (Rectangle Tool, Ellipse Tool и т. Д.), Photoshop помещает каждую векторную фигуру, которую мы рисуем, с помощью Custom Shape Tool на свой собственный слой Shape . Если мы посмотрим на панель «Слои», то увидим, что форма моего сердца сидит на слое «Форма» с именем «Форма 1»:
Я добавлю вторую фигуру к своему документу. Для этого я снова открою Палитру настраиваемых фигур на панели параметров и на этот раз выберу форму бабочки, дважды щелкнув ее миниатюру:
С выбранной формой бабочки я быстро нарисую ее, щелкнув внутри документа, чтобы установить начальную точку, затем щелкнув и перетащив из этой точки. Чтобы нарисовать бабочку с правильными пропорциями, я подожду, пока я не начну перетаскивать, затем я нажму и удерживаю клавишу Shift и продолжаю перетаскивать:
Нажмите и перетащите, чтобы нарисовать бабочку (удерживая Shift).Чтобы завершить форму, я отпущу кнопку мыши, затем отпущу клавишу Shift. Фотошоп заполняет форму цветом, но посмотрите, что произошло; он использовал тот же цвет заливки (красный), который я выбрал для моей предыдущей фигуры. Он также использовал те же параметры обводки, что и предыдущая фигура, включая цвет (черный) и ширину (10 пикселей):
Новая фигура использовала ту же заливку и обводку, что и предыдущая фигура.К счастью, поскольку слои Shape в Photoshop остаются полностью редактируемыми, мне не нужно отменять и перерисовывать фигуру, если мне нужно, чтобы она была другого цвета. Пока у меня выбран слой «Форма» на панели «Слои» (а инструмент «Форма» по-прежнему выбран на панели «Инструменты»), я могу легко вернуться и изменить цвета.
Если мы снова посмотрим на мою панель «Слои», то увидим, что фигура бабочки была помещена в собственный слой «Форма» с именем «Форма 2» над формой сердца:
Панель «Слои» показывает обе фигуры, каждая на своем слое Shape.С выбранным слоем бабочки я нажму на образец цвета заливки на панели параметров и выберу другой цвет из образцов, может быть, хороший пурпурный:
Я также собираюсь уменьшить ширину обводки на панели параметров, так как 10 пикселей кажется слишком толстым. Я уменьшу его до 4 пикселей :
Photoshop мгновенно обновляет форму бабочки с помощью нового цвета заливки и ширины обводки. Оригинальная форма сердца остается нетронутой:
Я думаю, что хочу уменьшить ширину обводки и для формы сердца, поэтому я нажму на слой Shape («Форма 1») на панели «Слои», чтобы выбрать его:
Я оставлю цвет заливки красным, но уменьшу ширину обводки на панели параметров до того же значения ( 4 пикселя ), что и у формы бабочки:
И теперь обе фигуры имеют одинаковую ширину обводки. При необходимости вы также можете редактировать другие параметры обводки (цвет, тип линии, выравнивание и т. Д.). Если на панели «Слои» выбран правильный слой формы, а инструмент «Форма» все еще активен, вы можете вносить любые необходимые изменения:
Результат после изменения ширины обводки для формы сердца.Сброс пользовательских форм обратно к значениям по умолчанию
Ранее мы узнали, как загружать другие наборы фигур в Выборщик пользовательских форм. Если вам нужно убрать эти дополнительные фигуры и вернуться к просмотру только фигур по умолчанию, нажмите еще раз на значок шестеренки в Custom Picker:
Затем выберите Reset Shapes из меню:
Фотошоп спросит, действительно ли вы хотите заменить текущие фигуры значениями по умолчанию. Нажмите OK, чтобы сказать «да», и вы вернетесь к просмотру только оригинальных фигур по умолчанию:
Нажмите OK, когда Photoshop спросит, хотите ли вы вернуться к значениям по умолчанию.И там у нас это есть! Вот как можно выйти за пределы кругов и квадратов и добавить более интересные пользовательские фигуры в макеты с помощью инструмента Custom Shape Tool в Photoshop CS6! Посетите наш раздел Основы Photoshop, чтобы узнать больше о Photoshop!
Я довольно часто работаю с фигурами в Photoshop. Даже в уроках, добавленных на сайт, я часто использую фигуры. Вы можете увидеть их в виде кругов, квадратов и овалов, которыми я выделяю какие-либо параметры, опции на скриншотах. Фигуры просты в использовании и очень универсальны, но на начальных этапах работы с ними можно легко запутаться. Основная проблема заключается в том, как фигуры расположены на слоях либо вместе, либо раздельно. Таким образом фигуры как могут стать вашими лучшими друзьями и помощниками, так и принести немало проблем.
В сегодняшнем уроке я хочу открыть вам несколько секретов касаемо фигур в Adobe Photoshop. Существует несколько правил, которые вы должны знать, это не займёт много времени. К концу этого урока, я надеюсь, всё тайное для вас станет явным.
Форма снежинки
Слева на панели инструментов выберите инструмент Custom Shape Tool (U) (Произвольная фигура) .
Затем на верхней панели параметров из раскрывающегося меню выберите фигуру «Снежинка 3».
Чтобы сохранить пропорции фигуры, удерживайте клавишу Shift, кликните кнопкой мыши на рабочем документе и переместите её по диагонали. Фигура создана.
Чтобы заполнить желаемым цветом снежинку, добавить или удалить обводку, используйте функции Fill (Заливка) и Stroke (Обводка) на панели параметров. Я не буду добавлять обводку к своей фигуре, а просто закрашу её в серый цвет.
Добавление нескольких фигур на один слой
Если вам когда-либо приходилось работать с фигурами, вы вероятно, знаете, что при рисовании фигур, Photoshop по умолчанию помещает последующие фигуры на отдельный слой. Если вы хотите добавить вторую и последующие фигуры на один слой, необходимо изменить одну опцию. Вернитесь на панель параметров и кликните по кнопке Path Operations (Операции с контурами). В открывшемся списке выберите не New Layer (Новый слой), а Combine Shapes (Объединить фигуры).
Теперь я нарисую вторую снежинку.
Посмотрите на панель слоёв и вы увидите, что обе фигуры расположились на одном слое.
Слияние фигур
Поскольку эти две фигуры содержатся на одном слое, с ними можно совершать интересные манипуляции. Давайте добавим обводку и понаблюдаем, как она применится к обеим фигурам одновременно. Для этого на панели параметров нажмите по опции «Обводка». В качестве цвета обводки я выбрал тёмный оттенок серого и ширину 5 пикселей.
Обратите внимание на снежинки.
Вокруг обеих фигур появилась обводка.
Возьмите инструмент Path Selection (A) (Выделение контура), кликните по маленькой снежинке и переместите её на большую, что же произойдёт? В тех местах, где фигуры соприкоснулись, обводка исчезла и фигуры слились и непрерывно соединились.
Вычитание передней фигуры
Продолжаем. С этими фигурами можно проделать и другие действия. Поскольку в данный момент одна фигура перекрывает другую, вернитесь к параметру «Операции с контуром» и выберите опцию Subtract Front Shape (Вычесть переднюю фигуру). Давайте посмотрим, что же произошло со снежинками.
Похоже, что маленькая снежинка «откусила» большую. Чтобы вам было более понятно, вместо большой снежинки я нарисую круг и буду следовать тем же шагам, проделанным ранее. Не забывайте, чтобы переместить одну из фигур на слое, используйте инструмент «Выделение контура». Просто кликните по фигуре, чтобы выделить её, затем снова кликните по ней и переместите в конкретное место.
Вот круг с вырезанной из него снежинкой.
Если переместить снежинку в центр круга, то получится аккуратный эффект.
Вот так создаются уникальные пользовательские формы.
Пересечение фигур
Помимо этого, можно сделать, чтобы они пересеклись, для этого нам поможет опция Intersect Shape Areas (Область пересечения фигур) в раскрывающемся меню «Операции с контурами». В этом случае будет отображаться область, где пересекаются две фигуры. У меня снежинка перекрывает круг и видны синие контуры.
Посмотрите какая часть фигуры будет видна, если скрыть контуры.
Здесь видно, как обводка очерчивает пересечение.
Исключение перекрывающихся фигур
Вернитесь в раскрывающееся меню «Работа с контурами» и выберите опцию Exclude Overlapping Shapes (Исключить перекрывающиеся фигуры). Этим мы удалим область, где две фигуры перекрываются.
Изменение порядка наложения фигур
Для того, чтобы конкретные эффекты были видимыми, должен присутствовать определённый порядок наложения. Кликните по одной или нескольким фигурам инструментом «Выделение контура», а затем перейдите в верхнюю панель параметров и раскройте меню Path Arrangement (Упорядочение контура). Вам представится несколько различных вариантов.
Вы можете переместить фигуру или несколько фигур на передний план или задний план. Каждое расположение будет сопровождаться своим конкретным результатом, но здесь понадобятся некоторые эксперименты. У меня расположение фигур такое: снежинка располагается сверху (на переднем плане), а круг – снизу (на заднем плане).
Сохранение пользовательской фигуры.
В заключении, я покажу вам, как сохранить полученную комбинацию из фигур в качестве пользовательской фигуры, которую вы сможете использовать в дальнейшем.
После того, как вы разместите свои фигуры с желаемым результатом, вернитесь в меню «Операции с контурами» и выберите опцию Merge Shape Components (Объединить компоненты фигуры). Этим вы зафиксируете результат в единое целое.
Далее перейдите в меню Edit > Define Custom Shape (Редактирование – Определить произвольную фигуру), в появившемся диалоговом окне дайте название новой фигуре.
Нажмите OK. Созданная вами фигура будет находиться в раскрывающемся меню «Фигура» на самом последнем месте.
Это всё, что необходимо знать каждому пользователю о фигурах.
Я надеюсь, что помог раскрыть некоторые тонкости инструментов для создания фигур в Adobe Photoshop. С этой областью довольно легко работать, если всё внимательно изучить, поэтому важно, как можно больше экспериментировать.
Иногда, когда вы видите классный дизайн, созданный в Photoshop, вы можете задаться вопросом, какой инструмент использовался для его создания. Вы непременно обнаружите, что дизайн был создан с помощью инструмента Photoshop Custom Shape Tool.
Пользовательские формы, вы думаете? Единственные фигуры, которые вы видели, выглядят как арт-арт. Но этот надежный инструмент может предложить гораздо больше, а его универсальность часто используется недостаточно. Итак, вот руководство для начинающих по использованию Custom Shape Tool в Adobe Photoshop .
Шаг 1: настройте файл Photoshop
Первое, что вам нужно сделать, это настроить ваш документ в Photoshop. Для целей этого урока просто откройте программу и выберите размер Photoshop по умолчанию .
Затем вы захотите добавить базовый цвет на свой фон, чтобы увидеть, как ваша форма взаимодействует с ним (подробнее об этом позже).
Для этого изображения мы решили добавить простой оранжевый градиент. Затем я сделал этот градиент темнее, применив стиль слоя.
Если вы не знаете, как создать градиент, ознакомьтесь с нашим руководством, в котором подробно описано, как создать собственный градиент в Photoshop.
Шаг 2: Изучите свой пользовательский инструмент Shape
Далее вы захотите перейти к своему инструменту Custom Shape Tool . Ваш Custom Shape Tool можно найти на левой панели инструментов.
Вы узнаете Custom Shape Tool по маленькому разбрызгиванию его иконки, почти как лужа. Нажмите на этот значок, чтобы убедиться, что ваш инструмент Custom Shape Tool активен.
После того, как ваш Custom Shape Tool станет активным, вы увидите, что панель инструментов в верхней части рабочего пространства изменится в соответствии с его параметрами.
Самая важная часть Custom Shape Tool — это выбор самой фигуры. Чтобы выбрать фигуру из библиотеки Photoshop, перейдите в меню выбора пользовательской фигуры, которое здесь выделено красным.
Как только вы нажмете на выпадающее меню, вы увидите целый ряд готовых опций. Эти формы варьируются от рамок для картин и вывесок до элементов природы, текстовых пузырей, сердец и квадратов.
Для этого урока мы выберем один из цветов.
Инструменты настройки формы
После того, как я выберу свой стиль формы, мне нужно выбрать цвет для заливки и обводки.
Заполните это цвет, который будет внутри вашей формы. Штрих — это цвет, который будет подчеркивать вашу форму.
Эти два параметра можно найти в верхнем левом углу рабочего пространства. Нажав на каждый соответствующий образец, вы увидите выпадающее меню.
Оттуда вы можете выбрать оттенок для Fill или Stroke. Вы также можете выбрать не иметь цвета вообще. Чтобы оставить поле «Заливка» или «Обводка» пустым, выберите белое поле с красной зачеркнутой линией.
Кроме того, если вам не нравятся эти образцы цветов, вы также можете выбрать собственный цвет из палитры цветов . Он находится в правой части выпадающего меню.
Хотите использовать несколько пользовательских цветов одновременно? Вот как можно создать цветовую палитру в Photoshop .
Последний параметр, о котором вам нужно знать, — это параметры « Ширина» и « Тип» для обводки .
Мы расскажем об этих настройках позже в этом руководстве, но пока учтите, что они расположены рядом с вашими параметрами Fill и Stroke . Вы также можете настроить ширину и тип линии до того, как начнете рисовать или после того, как закончите.
Шаг 3: нарисуй свою форму
Теперь, когда вы ознакомились с инструментом Custom Shape Tool, пришло время нарисовать «цветок».
Сначала создайте новый слой для вашей фигуры. Это важно, поскольку позволяет легко редактировать форму и использовать режим наложения, чтобы позже настроить цвет.
Затем убедитесь, что ваш Custom Shape Tool все еще активен. Затем нажмите и перетащите курсор на страницу, чтобы нарисовать свою форму. Вы увидите контур этого синим цветом.
Как только ваша форма станет примерно того размера, который вам нужен, отпустите курсор. Синие линии будут автоматически заполняться цветом, до тех пор, пока вы не установили опцию Fill для красного зачеркивания до того, как начали.
Вы также увидите маленькие «маркеры», размещенные в стратегических точках вдоль этого синего контура, который все еще окружает ваш цветок. Вы можете использовать эти маркеры, чтобы скорректировать свою форму, поэтому давайте сделаем это прямо сейчас.
Шаг 4: отрегулируйте свою форму
Чтобы настроить свою форму, перейдите на левую панель инструментов и нажмите на инструмент « Прямой выбор» . Его значок похож на маленькую белую стрелку, которая здесь выделена красным.
Инструмент « Прямой выбор» позволяет настраивать отдельные точки привязки вдоль пути. Как только вы активируете свой инструмент, вы увидите, что все синие «маркеры» станут белыми. Это ваши опорные точки.
Чтобы настроить точку привязки, нажмите на одну из белых точек — она снова станет синей, чтобы показать, что она выбрана.
Затем щелкните и перетащите эту опорную точку в новое положение, чтобы настроить свою форму.
Допустим, я хочу сделать лепестки на этом цветке более стройными. Чтобы сделать это, я собираюсь щелкнуть и перетащить эту точку вниз, к центру. Это разрезает лепесток пополам.
Когда точка привязки будет там, где я хочу, я собираюсь отпустить курсор. Цветок автоматически адаптируется к этому новому пути.
Мне нравится, как это выглядит, поэтому я собираюсь взять еще одну опорную точку, затем нажать и перетащить, чтобы создать еще один идентичный лепесток цветка.
Продолжайте делать это, пока все ваши очки не скорректированы.
Шаг 5: Настройте свои опорные точки
Когда вы нажимаете на опорную точку, вы можете заметить, что по обе стороны от нее торчат две маленькие «ручки».
Это ваши контрольные точки перетаскивания. Когда вы меняете их, они изменяют форму вашей точки привязки, вместо перемещения из пункта А в пункт Б.
Чтобы настроить эти маркеры, нажмите на точку привязки, которую вы хотите настроить.
Затем нажмите на контрольную точку перетаскивания, которую вы хотите настроить. Это станет синим.
Как только вы нажмете на эту контрольную точку перетаскивания, удерживайте курсор и перемещайте его по странице. Вы заметите индивидуальную кривую фигуры-связанной с этим конкретным якорем точка будет меняться вместе с ним. Все остальные ваши опорные точки останутся прежними.
Если вам не нравится внешний вид этой кривой, вы можете просто перейти в Edit> Undo Drag Control Point . Фотошоп отменит ваши изменения.
Шаг 6: отрегулируйте ход
Теперь, когда вы скорректировали форму своего цветка, пришло время уточнить ход .
Убедитесь, что ваша форма выбрана. Затем перейдите на панель инструментов в верхней части рабочей области и щелкните раскрывающееся меню для размера обводки.
Перетаскивая ползунок назад и вперед по полосе, вы можете сделать свою линию обводки более тонкой или толстой.
Вы также можете изменить тип обводки, щелкнув раскрывающееся меню рядом с ним.
Шаг 7: Сделайте окончательные корректировки
Теперь, когда мы настроили форму, цвет, ширину обводки и тип, пришло время взглянуть на эту пользовательскую форму, чтобы увидеть, довольны ли мы ею.
Я в основном доволен тем, как это выглядит. Если вас не устраивают ваши собственные цвета, вы можете изменить их, используя режим наложения на панели « Слои» , который выделен красным цветом.
Вы также можете переместить ваш окончательный дизайн на странице.
Для этого вернитесь на левую панель инструментов. На значке инструмента прямого выбора щелкните маленькую белую стрелку в углу, чтобы открыть раскрывающееся меню. Вместо этого выберите черную стрелку.
Эта черная стрелка является инструментом выбора пути . С активным этим инструментом, нажмите на свою форму, чтобы появились синие линии. Затем нажмите и перетащите свою фигуру вокруг страницы, пока вы не будете довольны ее размещением.
Используйте инструмент Custom Shape Tool для создания чего-то крутого
Есть много других, более мелких настроек, которые вы можете сделать с помощью Photoshop Custom Shape Tool. Однако, зная эти основные шаги, вы сможете настроить даже самые скучные формы Adobe и превратить их во что-то крутое.
Вам интересно узнать больше о панели «Слои» и о том, как вы можете использовать ее для изменения цвета вашего дизайна? Затем ознакомьтесь с нашим руководством, объясняющим, как использовать режим
Читайте также: