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

Содержание

Создание произвольных фигур в Photoshop / Creativo.one

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

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

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

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

Если вы не знакомы с основными свойствами инструмента «Перо», прочитайте сначала наш урок о применении этого инструмента.

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

Я собираюсь сделать произвольную фигуру из этого милого Пряничного Человечка:

Пряничный Человечек

Давайте начнем!

Шаг 1: Выбираем инструмент «Перо»

Как я уже упоминал, вы можете создавать произвольные фигуры, используя основные инструменты группы «Фигуры», такие как «Прямоугольник» или «Эллипс», но если вы попробуете обвести нашего Пряничного Человечка с помощью этих инструментов, то, скорее всего, он останется в лучшем случае без головы (извините за небольшую иронию). Что нам действительно потребуется – так это инструмент «Перо» (Pen Tool), поэтому выберем его на панели инструментов:

Выбираем инструмент «Перо»

Вы можете также выбрать инструмент «Перо», нажав клавишу Р.

Шаг 2: Выбираем параметр «Слой-фигура» на панели настроек

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

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

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

Мы хотим воспользоваться инструментом «Перо», чтобы нарисовать фигуру, и для этого нам необходимо выбрать значок слева, который  отвечает за параметр «Слой-фигура» (Shape Layers):

Для рисования фигур с помощью инструмента «Перо» выбираем параметр «Слой-фигура»

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

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

На самом деле, независимо от того, что вы «официально» рисуете – фигуры или контуры, в любом случае вы рисуете контуры. Разница заключается в том, что при рисовании фигур программа Photoshop заливает контур цветом уже в процессе рисования, что позволяет нам видеть фигуру.

Как ни странно, но это свойство немного затруднит нашу работу. Почему – мы рассмотрим далее.

Шаг 3: Начинаем рисовать фигуру

После того как мы выбрали инструмент «Перо» и параметр «Слой-фигура» на панели настроек, мы можем начинать обводить изображение. Я хочу начать обводку с головы Пряничного Человечка. Для этого я кликну кнопкой мышки для установки опорных точек и начну перемещать направляющие линии для создания изогнутого участка обводки вокруг головы Человечка. На рисунке ниже можно увидеть опорные точки и направляющие линии, но при этом возникает проблема. Программа Photoshop заливает контур фигуры фоновым цветом (в моем случае – это черный цвет) в процессе обводки, не позволяя нам видеть голову Человечка:

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

Далее мы решим эту проблему.

Шаг 4: Уменьшаем непрозрачность слоя фигуры

Для того чтобы программа не скрывала в процессе обводки само изображение, нам надо просто перейти на панель слоев и снизить непрозрачность слоя фигуры. В данный момент на панели слоев видно, что у нас есть два слоя – нижний слой заднего фона (Background), на котором помещено изображение Пряничного Человечка, и верхний слой фигуры под названием «Фигура 1» (Shape 1). Я могу с уверенностью сказать, что в настоящее время выбран слой фигуры, потому что он подсвечен синим цветом, поэтому для уменьшения его непрозрачности, нам нужно просто выбрать параметр «Непрозрачность» (Opacity) в правом верхнем углу панели слоев и уменьшить его значение. В моем случае, я уменьшу непрозрачность до 50%:

Уменьшаем непрозрачность слоя фигуры, используя параметр «Непрозрачность» в верхнем правом углу панели слоев

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

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

Шаг 5: Продолжаем обводить изображение

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

Обводка фигуры полностью закончена

Если мы посмотрим на слой фигуры на панели слоев, то увидим, что на нем появилась отчетливая фигура Пряничного Человечка:

На панели слоев теперь отчетливо видна фигура нашего Человечка

До сих пор у нас всё было хорошо. Мы сделали обводку фигуры Пряничного Человечка, и в некоторых случаях этого было бы достаточно. В моем случае, однако же, обведенная фигура требует доработки. По крайней мере, мне кажется, нам нужно включить в обведенный силуэт глаза и рот, а также, возможно, галстук-бабочку и две больших пуговицы под ним. Как мы добавим эти детали в обведенную фигуру? Очень просто! Мы не будем их добавлять – мы эти детали из фигуры уберем (или вычтем)!

Далее мы рассмотрим, как это сделать!

Шаг 6: Выбираем инструмент «Эллипс»

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

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

Шаг 7: Выбираем параметр «Вычесть из области фигуры»

Выбрав инструмент «Эллипс», посмотрите на панель настроек, где вы увидите несколько значков, сгруппированных вместе и похожих на маленькие квадратики, которые соединены друг с другом различным образом. Эти значки позволяют нам совершать с фигурами разнообразные действия, такие как: добавление к области фигуры, вычитание из нее отдельной области и пересечение областей нескольких фигур. Нажмите на третий слева значок, который отвечает за параметр «Вычесть из области фигуры» (Subtract from shape area):

На панели настроек нажимаем на значок параметра «Вычесть из области фигуры»:

Шаг 8: Рисуем отдельные фигуры для их извлечения из обведенного силуэта

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

 Рисуем овал вокруг левого глаза, удерживая кнопку мыши нажатой

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

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

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

 Рисуем овал вокруг правого глаза

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

На фигуре появилась вторая дырка, через которую виден глаз Человечка

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

Рисуем овал вокруг верхней пуговицы

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

На фигуре появилась дырка, через которую видна верхняя пуговица

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

Рисуем овал вокруг нижней пуговицы

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

Обе пуговицы теперь вырезаны из обведенной фигуры

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

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

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

Шаг 9: Извлекаем оставшиеся детали из обведенного силуэта с помощью инструмента «Перо»

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

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

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

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

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

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

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

Дорожки сахарной пудры на ногах и руках теперь вырезаны из обведенного силуэта

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

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

Итак, фигура Пряничного Человечка готова! Мы воспользовались инструментом «Перо», чтобы сделать первоначальную обводку фигуры, а затем мы применили инструменты «Перо» и «Эллипс» наряду с параметром «Вычесть из области фигуры», чтобы добавить на фигуру мелкие детали.

Шаг 10: Повышаем непрозрачность слоя фигуры до 100%

После того как мы сделали обводку отдельных областей нашей фигуры, нам больше не нужно видеть под обведенным силуэтом исходное изображение, поэтому мы опять выберем параметр «Непрозрачность» (Opacity) в правом верхнем углу панели слоев и увеличим значение до 100%:

Повышаем непрозрачность слоя фигуры до 100%

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

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

И вот как выглядит фигура Пряничного Человечка, которую я создал, после скрытия из вида слоя заднего фона и увеличения непрозрачности слоя фигуры до 100%:

Законченная фигура Пряничного Человечка, размещенная на прозрачном фоне

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

Шаг 11: Определяем фигуру как произвольную фигуру

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

В случае необходимости нажимаем на миниатюру слоя фигуры для ее выделения

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

После выбора слоя фигуры и выделения миниатюры слоя, перейдите в раздел меню «Редактирование» (Edit) в верхней части экрана и выберите пункт «Определить произвольную фигуру» (Define Custom Shape):

Выбираем «Редактирование» >«Определить произвольную фигуру»

В результате этого действия откроется диалоговое окно «Имя фигуры» (Shape Name), где вам потребуется ввести имя для вашей фигуры. Я назову мою фигуру «Пряничный Человечек» (Gingerbread Man):

Введите имя для вашей фигуры в соответствующий раздел диалогового окна «Имя фигуры»

Нажмите ОК для выхода из диалогового окна, когда имя будет введено, и всё – вашу произвольную фигуру можно использовать! На данном этапе вы можете закрыть документ в программе Photoshop, поскольку мы создали и сохранили нашу фигуру. Теперь рассмотрим, где ее можно найти и как ее можно применить!

Шаг 12: Создаем новый документ в программе Photoshop

Создаем новый пустой документ в программе Photoshop, перейдя в раздел меню «Файл» (File) в верхней части экрана и выбрав пункт «Новый» (New). Это действие приведет к открытию диалогового окна «Новый документ» (New Document), где вы сможете указать для вашего документа любой размер изображения. В строке «Установки» (Preset) я выберу размер 640×480 пикселей:

Создайте новый пустой документ в программе Photoshop

Шаг 13: Выбираем инструмент «Произвольная фигура»

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

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

Шаг 14: Выбираем нашу произвольную фигуру

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

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

Шаг 15: Рисуем нашу фигуру

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

В процессе рисования вы будете видеть только тонкий контур будущей фигуры:

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

Когда месторасположение и размер фигуры вас удовлетворят, просто отпустите кнопку мыши, и программа тотчас заполнит фигуру цветом, который является в данный момент фоновым (в моем случае, это черный):

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

Далее мы рассмотрим, как изменить цвет и размер нашей фигуры, а также как ее развернуть в нужном направлении!

Шаг 16: Дважды кликаем кнопкой мыши по миниатюре слоя фигуры для изменения цвета фигуры

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

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

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

Для выбора нового цвета воспользуйтесь палитрой цветов

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

Цвет фигуры теперь изменился

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

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

При работе с фигурами вы можете изменять не только цвет. Большое преимущество заключается в том, что при рисовании фигур используются векторы вместо пикселей, таким образом, вы можете спокойно изменить размер фигур, когда захотите, без потери качества изображения! Если вы решили, что вам требуется увеличить или уменьшить вашу фигуру, просто выберите слой фигуры на панели слоев, а затем нажмите сочетание клавиш Ctrl+T (Win) / Command+T (Mac), чтобы открыть рамку трансформации. Измените размер фигуры, потянув за любой из угловых маркеров. Нажмите и удержите клавишу Shift при перемещении маркера, чтобы сохранить пропорции фигуры. Вы также можете нажать и удержать клавишу Alt (Win) / Option (Mac) при перемещении маркера, чтобы изменить размер фигуры от ее центра:

Измените размер фигуры с помощью рамки свободной трансформации

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

Кликните мышкой за пределами рамки трансформации и переместите курсор для поворота фигуры

Нажмите клавишу Enter (Win) / Return (Mac), когда вы закончите изменение размера фигуры, чтобы подтвердить окончательную транформацию.

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

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

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

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

Автор: Стив Паттерсон (Steve Patterson)

Перевод: Ксения Руденко

Источник: photoshopessentials.com

Как рисовать векторные фигуры в Photoshop, опции Заливка и Обводка

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

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

Чтобы убедиться, что вы рисуете векторные фигуры, а не контуры или пиксели, выберите опцию «Фигура» (Shape) из видов режимов инструмента в панели параметров:



Выбор опции «Фигура» (Shape) на панели параметров

Заливка формы цветом

Следующее действие, которое мы, как правило, выполняем после выбора опции «Фигура», это выбор цвета, заполняющего форму, в версии Photoshop CS6 и выше, это делается с помощью клика по полю «Заливка» (Fill) в панели параметров:



Клик по кнопке в панели параметров для открытия диалогового окна свойств заливки фигуры.

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

  • Нет цвета (No Color) — белый прямоугольник с красной диагональной линией, заливка отсутствует
  • Чистый цвет (Solid Color) — заливка сплошным цветом
  • Градиент (Gradient) — заливка градиентом
  • Узор (Pattern) — залива Photoshop-узором (паттерном)



Различные методы заливки формы

Нет цвета (No Color)

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

Ниже показан простой пример того, как выглядит форма без заливки цветом. Все, что мы видим — это основной контур формы, который так и называется — «Контур» (Path). Контур отображается только в документе Photoshop, так что при сохранении вашей работы в формате JPEG или PNG, или при печати, контур виден не будет. Чтобы сделать его видимым, мы должны добавить к нему обводку, способы добавления которой мы рассмотрим далее:



Фигура «Прямоугольник» без заливки и обводки.

Чистый цвет (Solid Color)

Чтобы заполнить вашу форму однотонным цветом, выбирайте опцию «Чистый цвет» (Solid Color) вторая иконка слева:



Опция «Чистый цвет» (Solid Color) для заливки фигуры сплошным однотонным цветом

При активной опции, выберите цвет для фигуры, нажав на один из цветовых образцов. Цвета, которые при работе в Photoshop вы недавно использовали, будут отображены выше основных образцов:



Выбор цвета нажатием на образец.

Если нужного вам цвета нет среди представленных образцов,нажмите на значок «Палитра цветов» (Color Picker), расположенный в правом верхнем углу окна:



Клик на значок Color Picker для выбора собственного цвета.

Откроется диалоговое окно палитры цветов, выберите в неё цвет и нажмите OK, чтобы закрыть Color Picker после выбора нужного цвета.

Как видно на рисунке ниже, после этих действий мы имеем такую же форму, только теперь форма имеет цвет:



Фигура, залитая цветом.

Заливка градиентом

Чтобы заполнить вашу форму градиентом, выберите опцию «Градиент» (Gradient). Затем нажмите на одну из миниатюр для выбора предустановленного градиента, или используйте миниатюру полосы градиента, расположенную ниже, для создания своего собственного варианта градиента.



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

Вот тот же форма, только теперь она заполнена градиентом:



Форма, заполненная одним из предустановленных градиентов Photoshop.

Заливка узором (Patterns)

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

Ниже показана та же форма, на этот раз заполненная узором:



Та же форма, только на этот раз залитая стандартным узором Photoshop.

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

Добавление обводки к векторной фигуре

Эта опция появилась в Photoshop, начиная с версии CS6. По умолчанию, Photoshop не будет добавляет обводку к краям фигуры, но добавить её так же просто, как и заливку цветом.

Для добавления обводки, нажмите на соответствующую опцию в панели параметров:



Опция добавления обводки.

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

В верхней части окна у нас есть те же самые четыре иконы для выбора типа заливки линии обводки, это «Нет цвета» (No Color), «Чистый цвет» (Solid Color), Градиент (Gradient) и «Узор» (Pattern). По умолчанию выбран вариант «Нет цвета». Я выберу тип «Чистый цвет» (Solid Color). Выбирать и назначать цвет обводки точно таким же образом, как и цвет заливки, о чем рассказано выше.

Изменение толщины обводки

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



Изменение ширины и единиц измерения обводки.

Опция выравнивания краёв (Align Edges)

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

Дополнительные параметры обводки

По умолчанию, Photoshop рисует обводку в виде сплошной линии, но мы можем изменить это, нажав кнопку «Задать тип штриха фигуры» (Stroke Options ) на панели параметров:



Кнопка окна выбора дополнительных свойств — выбор штриха обводки — сплошного, пунктирного, точечного и др.

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



Диалоговое окно дополнительных параметров обводки

Опция «Выровнять» (Align) позволяет нам выбрать, будет ли обводка расположена внутри контура, снаружи или посередине.
Следующая опция «Концы» (Caps) работает только в случае, если мы выбрали пунктирную обводку. Мы можем изменить вид концов отрезков.

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

«Углы» (Corners) позволяют изменить вид угла при стыке линий обводки. Угля могут быть острыми (по умолчанию), закруглёнными или скошенными. Эта опция работает, если обводка расположена снаружи или посередине контура. Если обводка внутри контура, углы всегда остаются острыми.

Нажатие на кнопку внизу окна «Другие параметры…» (More Options…) открывает ещё одно окно, где мы можем задать длину штрихов и разрывов между штрихами. Вот пример прямоугольной фигуры с заливкой и пунктирной обводкой с разными длинами штрихов:



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

Как нарисовать прямоугольник и другие фигуры в фотошопе?

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

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

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

  • Режим инструмента выбора. Здесь можно выбрать одно из трёх.

  1. Фигура. Значение установлено по умолчанию, и при нём создаётся векторная геометрическая фигура на отдельном слое, то есть происходит то, чего вы от инструмента и ждёте.
  2. Контур. Рисуется контур фигуры без заливки.
  3. Пикселы. Создаётся не векторная, а растровая фигура.
  • Заливка. Позволяет настроить цвет и тип (градиент, штриховку) нарисованной фигуры.
  • Обводка. Настройки контура фигуры: толщина, тип, цвет.
  • Ширина и высота. Позволяют уточнить размер фигуры, когда непозволительно делать это «на глаз».

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

Прямоугольник

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

На панели параметров нажмите значок . Откроется окно геометрических настроек.

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

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

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

Флажок От центра позволяет рисовать прямоугольник от центра, а не из крайней точки.

Прямоугольник со скруглёнными углами

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

Эллипс

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

Многоугольник

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

Окно геометрических настроек от предыдущих фигур заметно отличается.

  • Радиус. В этом поле задаётся радиус будущего многоугольника.
  • Сгладить внешние углы. Если флажок установлен, то углы скруглены, если нет — углы острые, как в классическом многоугольнике.
  • Звезда. Установите флажок, если на выходе хотите получить звезду.
  • Глубина лучей. Это поле ввода задаёт, насколько длинными будут лучи.
  • Сгладить внутренние углы. Установите этот флажок если хотите, чтобы внутренние углы были скруглены, как показано на рисунке ниже.

Линия

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

  • Начало. Если флажок установлен, вместо линии вы получите стрелку, которая будет нарисована в месте, где вы щёлкнули кнопкой мыши.
  • Конец. Установите флажок, чтобы стрелка добавлялась в конец линии.
  • Ширина. Указывается в процентах по отношению к толщине (её можно задать на панели параметров в одноимённом поле).
  • Длина. Считается так же, как и ширина — по отношению к толщине, в процентах.
  • Кривизна. Значение указывается в диапазоне от -50% до 50% и определяет, насколько будет изогнута самая широкая часть стрелки. На рисунке изображены стрелки кривизной 0%, 30% и 50% (сверху вниз).

Произвольная фигура

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

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

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

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

Полезные ссылки:

Как рисовать простые геометрические фигуры в Photoshop.

Как нарисовать геометрические фигуры в Photoshop четырьмя способами

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

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

Рисуем сами

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

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

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

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

Чтобы превратить прямоугольник в квадрат вам нужно зажать кнопку Shift во время рисования фигуры.

Эллипс зажатая кнопка Shift превращает в круг.

Также в списке есть такая фигура как многоугольник. Вы сами определяете число сторон. Вписывать можно любое значение – 3, чтобы вышел треугольник, 7, 10 и так далее.

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

Произвольная фигура

У нас осталась произвольная фигура. Что это такое?

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

Чтобы используйте сочетание клавиш Ctrl+T.

Как добавить новые

Добавить новые фигуры не составит труда. Очень много бесплатных фигур можно скачать с сайта photoshop-master.ru . Здесь около 400 наборов с фигурами – люди, узоры, пауки, абстракция, машины, стулья, огонь, цветы и многое другое.

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

Достаточно подождать 15 секунд. Никакой предварительной регистрации не требуется.

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

Теперь откройте фигуры в программе фотошоп и нажмите на гайку в правой части. В открывшемся списке выберите «Загрузить фигуры».

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

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

Помимо фигур, вам могут пригодиться еще и кисти. Их также можно скачать на сайте Photoshop-master .

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

Нажимаете на гайку и выбираете «Загрузить».

Поработайте с ними самостоятельно. Здесь нет ничего сложного. Они немного отличаются от фигур.

Google в помощь

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

Если вы делаете работу для себя, то в принципе, можно было бы пользоваться и Яндексом, но если проект создается в коммерческих целях, то Google очень пригодится. Откройте «Инструменты», далее «Права на использование» и выберете нужный тип – использование или использование и изменение.

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

Вот так будет выглядеть PNG. Шашечка заполнилась моим фоном.

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


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

Программа Adobe Photoshop широко используется для работы с изображениями , предоставляя действительно широкий спектр возможностей. Большинство пользователей применяют Фотошоп для ретуши фото , но, помимо этого, программа позволяет создавать: рисунки, картины, графику — разной степени сложности. В Photoshop имеется несколько инструментов, предназначенных для создания рисунков. Первым делом необходимо научиться рисовать простейшие элементы вроде треугольников, линий, эллипсов и прочего, так как они используются очень часто при создании разного рода рисунков. В этой статье подробно рассмотрим, как нарисовать в Фотошопе простейшие фигуры. Давайте разбираться. Поехали!

Постигаем азы компьютерной графики

Открыв Adobe Photoshop, обратите внимание на панель инструментов. Чтобы перейти к фигурам, кликните мышкой по иконке в виде прямоугольника. В выплывающем окне вы увидите следующие инструменты:

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

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

Всего существует три режима рисования:

  1. Создаётся новая фигура, для которой можно сделать слой-заливку или векторную маску.
  2. Создаётся контур фигуры и закрашивается каким-либо цветом.
  3. Пиксельный режим. В этом случае изображения получаются растровыми, а не векторными.

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

Нет ничего проще, чем провести линию . Для этого применяется одноимённый инструмент.

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

Перейдём к тому, как нарисовать круг в Фотошопе. Здесь всё происходит аналогичным образом. Выберите инструмент «Эллипс», определитесь с цветом и толщиной контура. Если вы хотите получить круг, а не эллипс, зажмите на клавиатуре клавишу «Shift» либо установите «окружность» в разделе геометрических параметров.

Рисуем красивую композицию стандартными средствами

Теперь давайте разберёмся, как нарисовать треугольник в Фотошопе. В этом случае всё не так очевидно, но при этом нисколько не сложнее. Всё, что нужно — выбрать «Многоугольники» и в маленьком окошке «Sides» задайте количество углов. Соответственно, чтобы получить треугольник, впишите цифру «3». Дальше всё делается точно так же, как в предыдущих случаях. При помощи инструмента «Многоугольник» можно получить фигуру с любым количеством углов. Если необходимо получить прямоугольный треугольник, нарисуйте квадрат, а затем отсеките половину по диагонали.

Стрелки в начале или конце можно задать в свойствах инструмента

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

Шаблоны, идущие в обычной комплектации приложения

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

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

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

  • Режим инструмента выбора. Здесь можно выбрать одно из трёх.
  1. Фигура. Значение установлено по умолчанию, и при нём создаётся векторная геометрическая фигура на отдельном слое, то есть происходит то, чего вы от инструмента и ждёте.
  2. Контур. Рисуется контур фигуры без заливки.
  3. Пикселы. Создаётся не векторная, а растровая фигура.
  • Заливка. Позволяет настроить цвет и тип (градиент, штриховку) нарисованной фигуры.
  • Обводка. Настройки контура фигуры: толщина, тип, цвет.
  • Ширина и высота. Позволяют уточнить размер фигуры, когда непозволительно делать это «на глаз».

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

Прямоугольник

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

На панели параметров нажмите значок . Откроется окно геометрических настроек.

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

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

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

Флажок От центра позволяет рисовать прямоугольник от центра, а не из крайней точки.

Прямоугольник со скруглёнными углами

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

Эллипс

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

Многоугольник

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

Окно геометрических настроек от предыдущих фигур заметно отличается.

  • Радиус. В этом поле задаётся радиус будущего многоугольника.
  • Сгладить внешние углы. Если флажок установлен, то углы скруглены, если нет — углы острые, как в классическом многоугольнике.
  • Звезда. Установите флажок, если на выходе хотите получить звезду.
  • Глубина лучей. Это поле ввода задаёт, насколько длинными будут лучи.
  • Сгладить внутренние углы. Установите этот флажок если хотите, чтобы внутренние углы были скруглены, как показано на рисунке ниже.

Линия

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

  • Начало. Если флажок установлен, вместо линии вы получите стрелку, которая будет нарисована в месте, где вы щёлкнули кнопкой мыши.
  • Конец. Установите флажок, чтобы стрелка добавлялась в конец линии.
  • Ширина. Указывается в процентах по отношению к толщине (её можно задать на панели параметров в одноимённом поле).
  • Длина. Считается так же, как и ширина — по отношению к толщине, в процентах.
  • Кривизна. Значение указывается в диапазоне от -50% до 50% и определяет, насколько будет изогнута самая широкая часть стрелки. На рисунке изображены стрелки кривизной 0%, 30% и 50% (сверху вниз).

Произвольная фигура

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

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

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

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

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

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

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

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

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

Как использовать?

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

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

Как установить свои фигуры в фотошоп?

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

После этого, откройте меню фигур. Вы увидите такие 4 команды:

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

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

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

А если вы загрузили несколько наборов, удалили какие-либо отдельные фигуры, использовав команду «Удалить…» , вообщем, сделали набор под себя, то можете его сохранить командой «Сохранить произвольные…» . В будущем его можно будет загрузить в том же виде или передать кому-нибудь через интернет.

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

Обратите внимание, что в этом же меню есть огромный список: Животные, Стрелки, Природа, Объекты и т.д. Это стандартные наборы, которые нам любезно предоставили разработчики фотошопа.

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

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

Сделать это немного сложнее, но главный плюс такого способа в том, что ваш набор появится в списке, что я описал выше (Животные, Стрелки, Природа, Объекты и т.д.). В случае, если вы намерены часто пользоваться этим инструментом, то такой способ установки сократит время, и вы сможете выбрать нужный набор в два клика.

Для этого необходимо скопировать файл с расширением csh в системную папку фотошопа «Custom Shapes» , обычно у нее такой адрес: C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Custom Shapes.

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter . Спасибо!

В этом уроке мы рассмотрим азы работы с фигурами и слоями фигур в программе Photoshop. Мы начнем наш урок с изучения пяти основных инструментов, позволяющих нарисовать геометрические фигуры, — «Прямоугольник», «Прямоугольник со скругленными углами», «Эллипс», «Многоугольник» и «Линия».

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

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

В программе Photoshop представлено шесть инструментов, позволяющих нарисовать фигуры, — «Прямоугольник» (Rectangle Tool), «Прямоугольник со скругленными углами» (Rounded Rectangle Tool), «Эллипс» (Ellipse Tool), «Многоугольник» (Polygon Tool), «Линия» (Line Tool) и «Произвольная фигура» (Custom Shape Tool). Они расположены в одном месте на панели инструментов.

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

Все шесть инструментов группы «Фигуры»расположены в одном месте на панели инструментов

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

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

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

Все шесть инструментов группы «Фигуры» можно выбирать прямо на панели настроек (после того, как один из них выбран на панели инструментов)

Выбор параметра «Слой-фигура»

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

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

Для того чтобы нарисовать векторные фигуры, выберите параметр «Слой-фигура» (Shape Layers) на панели настроек. Это первый из трех значков, расположенных ближе к левому краю (средний значок — параметр «Контур» (Paths) и правый — параметр «Заливка пикселями» Fill Pixels):

Для рисования векторных фигур выбираем параметр «Слой-фигура»

Выбор цвета для фигуры

После выбора параметра «Слой-фигура» нам нужно выбрать цвет для нашей фигуры. Мы сделаем это, нажав на значок образца цвета, расположенный справа от слова «Цвет»(Color) на панели настроек:

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

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

В цветовой палитре выбираем цвет для фигуры

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

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

Как вы уже, возможно, догадались, исходя из названия, инструмент «Прямоугольник» (Rectangle Tool) позволяет нам рисовать четырехсторонние прямоугольные фигуры. Просто кликните кнопкой мыши в окне документа для определения начальной точки фигуры и затем, удерживая кнопку мыши нажатой, протяните курсор мыши по диагонали, чтобы закончить рисовать фигуру. По мере перемещения курсора вы будете видеть тонкие очертания будущей фигуры:

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

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

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

Рисование фигуры от центра

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

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

Рисование квадратов

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

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

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

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

Параметры инструментов группы «Фигуры»

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

Например, параметр «Произвольно» (Unconstrained) выбран по умолчанию, и он отвечает за обычный режим работы инструмента «Прямоугольник», позволяя нам рисовать прямоугольные фигуры любого размера и с любым соотношением сторон. Параметр «Квадрат»(Square) позволяет нам рисовать квадраты, но мы это можем сделать, просто нажав и удержав клавишу Shift по мере перемещения курсора. Параметр «От центра» (From Center) отвечает за рисование фигуры от центра, но опять, мы это можем сделать, нажав и удержав клавишу Alt (Win) / Option (Mac):

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

Слой-фигура

Прежде чем мы перейдем к остальным инструментам группы «Фигуры», давайте посмотрим на панель слоев. Как вы помните, в начале урока мы изучили, что для рисования векторных форм в программе Photoshop необходимо выбрать параметр «Слой-фигура» на панели настроек. И теперь после того как я нарисовал фигуру, мы можем увидеть, что на панели слоев появился слой фигуры (слой типа Shape), который программа назвала «Фигура 1» (Shape 1). Каждая новая векторная фигура, которую мы нарисуем, будет размещена на отдельном слое, который выглядит иначе, чем обычный слой, состоящий из пикселей. С левой стороны слоя находится иконка образца цвета, которая отображает текущий цвет заливки нашей фигуры, а справа от иконки цвета — миниатюра векторной маски:

Слои фигур имеют иконку образца цвета с левой стороны, а справа от нее — миниатюру векторной маски

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

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

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

Из цветовой палитры выбираем другой цвет

Достаточно просто в любой момент вернуться назад и изменить цвет фигуры

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

Белая область на векторной маске представляет область на слое, где цвет виден

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

Удержите нажатой клавишу Shiftи кликните по векторной маске для ее отключения

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

После выключения векторной маски видно, что весь слой заполнен цветом

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

Документ после повторного включения векторной маски

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

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

Инструмент «Прямоугольник со скругленными углами» (Rounded Rectangle Tool) очень похож на инструмент «Прямоугольник» за исключением того, что он позволяет нам рисовать прямоугольники с закругленными углами. Мы регулируем степень закругления углов, используя параметр «Радиус» (Radius) на панели настроек. Чем большее значение радиуса мы вводим, тем круглее становятся углы. В моем случае, я введу значение параметра «Радиус», равное 50 пикселям:

Используйте параметр «Радиус» для определения степени закругления углов

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

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

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

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

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

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

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

Маленькое значение радиуса меньше скругляет углы

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

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

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

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

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

Инструмент «Эллипс»

Инструмент «Эллипс» (Ellipse Tool) позволяет нам рисовать эллипсы и круги. Так же как и при работе с инструментами «Прямоугольник» и ««Прямоугольник со скругленными углами», кликните кнопкой мыши в окне документа для определения начальной точки фигуры и затем, удерживая кнопку мыши нажатой, протяните курсор мыши, чтобы закончить рисовать фигуру:

Рисуем эллипс с помощью инструмента «Эллипс»

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

Эллис заполнился цветом

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

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

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

Инструмент «Эллипс» имеет практически те же самые параметры, что и инструменты «Прямоугольник» и «Прямоугольник со скругленными краями»

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

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

Укажите число сторон, которое вам требуется для многоугольника, в окошке параметра «Стороны» (Sides) на панели настроек. По умолчанию значение параметра «Стороны» равно 5, но вы можете ввести любое число от 3 до 100:

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

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

Инструмент «Многоугольник» незаменим тогда, когда нам нужно нарисовать другую фигуру, а не четырехугольник

Указав число сторон равное 3, мы можем с легкостью нарисовать треугольник:

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

А вот представлен многоугольник с числом сторон равным 12:

Многоугольник с двенадцатью сторонами

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

Для того чтобы нарисовать с помощью инструмента «Многоугольник» звезду, нажмите на маленькую стрелку на панели настроек для открытия перечня параметров инструмента «Многоугольник» и выберете параметр «Звезда» (Star):

Из списка параметров инструмента «Многоугольник» выбираем «Звезда»

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

По умолчанию, вершины звезд имеют острые углы, но мы можем их скруглить, выбрав параметр «Сгладить внешние углы» (Smooth Corners):

Выбираем параметр «Сгладить внешние углы»

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

Параметр «Сгладить внешние углы» смягчает угловатость звезд

Мы можем также скруглить углы у оснований лучей звезды, выбрав параметр «Сгладить внутренние углы» (Smooth Indents):

Выбираем параметр «Сгладить внутренние углы»

И снова, наша звезда выглядит совершенно по-другому:

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

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

И, наконец, мы рассмотрим инструмент «Линия» (Line Tool), который является последним инструментом группы «Геометрические фигуры». Он позволяет нам рисовать прямые линии и стрелки. Установите нужную толщину линии в пикселях, введя значение в окошко параметра «Толщина» (Weight) на панели настроек. В моем случае, я введу значение, равное 16 пикселям:

Воспользуйтесь параметром «Толщина» для определения толщины линии

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

Удерживайте нажатой клавишу Shift для рисования горизонтальных или вертикальных линий

Для того чтобы на концах линии задать стрелки, нажмите на значок маленькой стрелки на панели настроек для выбора параметров «Стрелки» (Arrowheads). Программа Photoshop позволяет нам добавлять стрелки в начале линии, в конце или одновременно на обоих концах. Если вы хотите, чтобы у вас появилась стрелка в том направлении, в котором вы рисуете линию, что более логично, выберите параметр «Конец»(End). Убедитесь, что вы выбрали этот параметр прежде, чем начали рисовать линию, поскольку программа не позволит нам вернуться назад и задать стрелку после того, как линия будет нарисована:

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

Ниже представлена линия, похожая на нарисованную мной предыдущую линию, но со стрелкой на конце:

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

Если установленный по умолчанию размер стрелки вас не устраивает, вы можете изменить его, используя параметры «Ширина» (Width) и «Длина» (Length). Мы можем также добавить стрелке изгиб, воспользовавшись параметром «Кривизна»(Concavity). По умолчанию, значение данного параметра равно 0%. Я увеличу его до 50%:

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

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

Стрелка со значением параметра «Кривизна», равным 50%

Скрытие контура вокруг фигуры

Если вы внимательно посмотрите на нарисованную вами фигуру (независимо от того, какой инструмент группы «Фигуры» вы использовали), то, скорее всего, увидите вокруг нее тонкий контур, который иногда может вызвать раздражение. Контур вокруг фигуры появляется всякий раз, когда выделена векторная маска фигуры, а она выделяется по умолчанию всегда после того, как мы нарисуем новую фигуру.

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

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

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

Перевод: Ксения Руденко

Как рисовать векторные фигуры в Photoshop CS6

В этом уроке мы научимся основам рисования векторных фигур в Photoshop CS6 с помощью простых в использовании инструментов форм !

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

Это руководство предназначено для пользователей Photoshop CS6 . Если вы используете более старую версию Photoshop, вам нужно ознакомиться с оригинальным учебником Shapes And Shape Layers Essentials.

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

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

Рисование векторных фигур в фотошопе

Инструменты формы

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

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

Я начну с выбора первого в списке инструмента «Прямоугольник» :

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

Формы, пиксели или контуры

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

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

Установите для параметра «Режим инструмента» значение «Форма».

Заполнение формы цветом

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

Нажав образец цвета «Заполнить».

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

Четыре варианта заполнения фигуры (Без цвета, Сплошной цвет, Градиент и Узор).

Нет цвета

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

Параметр «Нет цвета» оставит фигуру пустой.

Вот быстрый пример того, как выглядит форма без цвета заливки. Все, что мы видим, — это основной контур фигуры, известный как путь . Путь виден только в Photoshop, поэтому, если бы вы распечатали документ или сохранили работу в формате, подобном JPEG.webp или PNG, путь не был бы виден. Чтобы сделать его видимым, нам нужно добавить к нему штрих, который мы научимся делать после того, как рассмотрим параметры Fill:

Только путь фигуры виден (и только в Photoshop), когда для параметра «Заливка» установлено значение «Нет цвета».

Сплошной цвет

Чтобы заполнить форму сплошным цветом, выберите параметр « Сплошной цвет» (второй слева):

Нажав кнопку «Сплошной цвет», заполните.

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

Выбор цвета, нажав на образец.

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

Нажав на иконку Color Picker.

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

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

Вот та же форма, что и раньше, на этот раз залитая сплошным цветом:

Основная форма, заполненная сплошным цветом.

градиент

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

Выбрав опцию «Градиент» вверху, затем выберите предустановленный градиент.

Вот та же форма, заполненная градиентом:

Форма заполнена одним из предустановленных градиентов Photoshop.

Шаблон

Наконец, выбор параметра Pattern позволяет нам заполнить форму шаблоном. Нажмите на одну из миниатюр, чтобы выбрать предустановленный шаблон. Photoshop не дает нам много шаблонов на выбор, но если вы создали свой собственный или загрузили некоторые из Интернета, вы можете загрузить их, нажав на маленький значок шестеренки (ниже значка Color Picker) и выбрав Load Узоры из меню:

Выбор параметра Pattern, затем выбор предустановленного шаблона.

Вот как выглядит форма, заполненная одним из предустановленных шаблонов Photoshop. Чтобы закрыть окно параметров цвета заливки, когда закончите, нажмите Enter (Win) / Return (Mac) на клавиатуре или щелкните пустое место на панели параметров. Если вы не уверены, какой цвет, градиент или рисунок вам нужны для вашей фигуры, не беспокойтесь. Как мы увидим, вы всегда можете вернуться и изменить его позже:

Форма, заполненная заданным рисунком.

Добавление обводки вокруг фигуры

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

Чтобы добавить обводку, щелкните образец цвета « Обводка» на панели параметров.

Нажав на образец цвета обводки.

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

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

Изменение ширины инсульта

Чтобы изменить ширину обводки, используйте параметр « Ширина обводки» непосредственно справа от образца цвета обводки на панели параметров. По умолчанию установлено значение 3 pt. Чтобы изменить ширину, вы можете либо ввести определенное значение непосредственно в поле (нажмите Enter (Win) / Return (Mac) на клавиатуре, когда вы закончите, чтобы принять его), либо нажать на маленькую стрелку справа от значение и перетащите ползунок:

Изменение ширины обводки.

Опция выравнивания краев

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

Вы обычно хотите убедиться, что Align Edges отмечен.

Однако, чтобы Align Edges работал, его нужно не только выбрать, но и задать ширину штриха в пикселях (px), а не в точках (pt) . Поскольку в моей ширине обводки используются точки (тип измерения по умолчанию), я вернусь и введу новую ширину 10 пикселей:

Чтобы Align Edges работал, установите ширину штриха в пикселях (px).

Вот пример черного штриха размером 10 пикселей, примененного к фигуре:

Простая форма с черным штрихом, окружающим его.

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

Та же самая форма, теперь с Fill, установленным в No Color.

Больше вариантов инсульта

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

Нажав кнопку «Параметры обводки».

Откроется окно «Параметры обводки». Отсюда мы можем изменить тип обводки со сплошной линии на пунктирную или пунктирную линию. Параметр « Выровнять» позволяет нам выбрать, должен ли обводка попадать в контур контура, вне контура или быть центрирован на контуре. Мы можем установить опцию Caps на Butt, Round или Square, и изменить углы на Mitre, Round или Bevel . Нажатие кнопки « Дополнительные параметры» внизу откроет более подробное поле, в котором вы можете установить конкретные значения тире и промежутков и даже сохранить свои настройки в качестве предустановки:

Варианты инсульта.

Вот тот же штрих, что и раньше, на этот раз пунктирной, а не сплошной линией:

Тип штриха изменился с сплошного на штриховой.

Плагин шорткодов, действий и фильтров: ошибка в шорткоде (ads-basics-middle)

Инструмент Прямоугольник

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

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

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

Вытаскивая прямоугольник. При перетаскивании появляется только контур фигуры.

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

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

Изменение размера фигуры после того, как вы ее нарисовали

После того, как вы нарисовали свою первоначальную форму, ее текущие размеры появятся в полях Ширина ( W ) и Высота ( H ) на панели параметров. Здесь мы видим, что моя фигура была нарисована 533 пикселей в ширину и 292 пикселей в высоту:

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

Если вам нужно изменить размер формы после того, как вы нарисовали ее (и это работает для всех инструментов формы, а не только для инструмента Прямоугольник), просто введите необходимые размеры в поля Ширина (W) и Высота (Н). Например, скажем, что мне действительно нужно, чтобы моя фигура была ровно 500 пикселей в ширину. Все, что мне нужно сделать, это изменить значение ширины на 500 пикселей . Я мог бы также ввести определенную высоту, если это необходимо. Если вы хотите изменить ширину или высоту, но оставить исходное соотношение сторон вашей фигуры без изменений, сначала нажмите на маленький значок ссылки между значениями ширины и высоты:

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

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

Изменение размера фигуры.

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

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

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

Рисование фигуры из ее центра

Вот несколько простых, но очень полезных сочетаний клавиш. Если вы нажимаете и удерживаете клавишу Alt (Победа) / Option (Mac) на клавиатуре при перетаскивании фигуры, вы будете рисовать ее из центра, а не из угла. Это работает с любыми инструментами формы Photoshop, не только с инструментом Rectangle Tool. Однако очень важно подождать, пока вы не начнете перетаскивать, прежде чем нажимать клавишу Alt / Option, и удерживать клавишу нажатой до тех пор, пока не отпустите кнопку мыши, иначе она не будет работать:

Нажмите и удерживайте Alt (Победа) / Option (Mac), чтобы нарисовать фигуру из ее центра.

Рисование квадратов

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

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

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

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

Параметры формы

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

Нажав на значок шестеренки.

Так как у меня выбран инструмент «Прямоугольник», при щелчке на значке шестерни отображаются параметры инструмента «Прямоугольник». За исключением Polygon Tool и Line Tool, которые мы рассмотрим позже, вы не будете часто использовать это меню, потому что мы уже узнали, как получить доступ к большинству этих параметров с клавиатуры. Например, опция Unconstrained позволяет нам свободно рисовать фигуры в любых измерениях, которые нам нужны, но, поскольку это стандартное поведение инструментов формы, нет необходимости выбирать его. Параметр « Квадрат» позволяет рисовать идеальные квадраты с помощью инструмента «Прямоугольник», но мы уже можем это сделать, нажав и удерживая клавишу Shift . А From Center нарисует фигуру из своего центра, но, опять же, мы уже можем это сделать, нажав и удерживая Alt (Win) / Option (Mac).

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

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

Редактирование слоев формы

Ранее мы узнали, что для рисования векторных фигур в Photoshop нам необходимо убедиться, что в панели параметров на панели параметров установлен параметр « Фигуры» (в отличие от «Путь» или «Пиксели»). Когда мы рисуем векторную форму, Photoshop автоматически размещает ее на специальном слое, известном как слой Shape . Если мы посмотрим на мою панель «Слои», то увидим, что фигура, которую я нарисовал с помощью инструмента «Прямоугольник», находится на слое фигуры с именем «Прямоугольник 1». Название слоя будет меняться в зависимости от того, какой инструмент фигуры использовался, поэтому, если бы я нарисовал фигуру, скажем, с помощью Ellipse Tool, он был бы назван «Ellipse 1»:

Каждая новая векторная фигура появляется в своем собственном слое Shape.

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

Значок на миниатюре предварительного просмотра говорит нам, что это слой Shape.

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

Нажав образец цвета «Заливка» с выбранным слоем «Форма».

Затем я выберу другой цвет для моей фигуры из образцов:

Нажав на образец синего цвета.

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

Цвет формы был изменен без необходимости перерисовывать его.

И, если мы снова посмотрим на панель «Слои», мы увидим, что эскиз предварительного просмотра для слоя «Форма» также был обновлен новым цветом:

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

Инструмент Прямоугольник со скругленными углами

Давайте посмотрим на второй из инструментов формы Photoshop, Rounded Rectangle Tool . Я выберу его на панели инструментов:

Выбор инструмента Rounded Rectangle.

Инструмент Rounded Rectangle Tool очень похож на стандартный инструмент Rectangle Tool за исключением того, что он позволяет нам рисовать прямоугольники со скругленными углами. Мы контролируем закругление углов, используя параметр Радиус на панели параметров. Чем выше значение, тем более закругленными будут углы. Вам нужно установить значение радиуса перед рисованием вашей фигуры, поэтому я установлю свой 50 px:

Используйте параметр «Радиус» для контроля закругления углов.

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

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

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

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

Вот еще один пример скругленного прямоугольника, на этот раз с моим значением Radius, равным 150 px, достаточно большим (в любом случае, в данном случае), чтобы все левые и правые стороны прямоугольника выглядели изогнутыми:

Более высокое значение радиуса создает более закругленные углы.

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

Меньшее значение радиуса дает нам менее закругленные углы.

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

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

Идем в Edit> Undo Rounded Rectangle Tool.

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

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

Эллипс Инструмент

Инструмент Ellipse в Photoshop позволяет нам рисовать эллиптические или круглые формы. Я выберу его на панели инструментов:

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

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

Рисование эллиптической формы с помощью Ellipse Tool.

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

Цветная форма.

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

Круг, нарисованный с помощью Ellipse Tool.

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

Инструмент Polygon Tool — это то, где вещи начинают становиться интересными. Я выберу его на панели инструментов:

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

В то время как инструмент «Прямоугольник» в Photoshop ограничен рисованием четырехсторонних многоугольников, инструмент «Многоугольник» позволяет нам рисовать многоугольники с любым количеством сторон! Это даже позволяет нам рисовать звезды, как мы увидим через мгновение. Чтобы нарисовать фигуру с помощью инструмента «Многоугольник», сначала введите необходимое количество сторон в параметре « Стороны» на панели параметров. Вы можете ввести любое число от 3 до 100. Сейчас я оставлю мое значение по умолчанию 5:

Введите необходимое количество сторон в параметре Стороны.

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

5-сторонняя фигура, нарисованная с помощью Polygon Tool.

Если для параметра «Стороны» задать значение «3» на панели параметров, это поможет нам легко нарисовать треугольник:

Простой треугольник, нарисованный с помощью Polygon Tool.

А вот форма многоугольника с установленными сторонами 12. Как и параметр «Радиус» для инструмента «Прямоугольник со скругленными углами», Photoshop не позволяет нам изменять количество сторон после того, как мы нарисовали нашу форму, поэтому, если вы допустили ошибку, вам понадобится чтобы перейти в меню « Правка» в верхней части экрана и выбрать « Отменить инструмент многоугольника» (или нажмите Ctrl + Z (Win) / « Command» + Z (Mac)), затем введите другое значение в параметре «Стороны» и перерисуйте фигуру:

Двусторонняя форма многоугольника.

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

Чтобы нарисовать звезды с помощью инструмента «Многоугольник», щелкните значок шестеренки на панели параметров и выберите « Звезда» :

Нажав на значок шестеренки и выбрав Звезду.

Затем просто щелкните внутри документа и вытяните форму звезды. При выборе «Звезда» параметр «Стороны» на панели параметров контролирует количество точек в звезде, поэтому при значении по умолчанию 5 мы получаем 5-точечную звезду:

5-точечная звезда, нарисованная с помощью Polygon Tool.

Изменение значения Sides на 8 дает нам восьмиконечную звезду:

Управляйте количеством точек с помощью параметра «Стороны».

Мы можем создать форму звездообразования, увеличив параметр « Отступ по сторонам» за пределы его значения по умолчанию, равного 50%. Я увеличу это до 90%. Я также увеличу значение Sides до 16:

Создание звездообразования путем увеличения значения отступа по сторонам.

И вот результат:

Звездообразование, нарисованное с помощью Polygon Tool.

По умолчанию у звезд есть острые углы на концах их точек, но мы можем сделать их округленными, выбрав параметр Smooth Corners :

Включение гладких углов.

Вот стандартная пятиконечная звезда с включенной опцией Smooth Corners:

Опция Smooth Corners придает звездам веселый, дружелюбный вид.

Мы также можем сгладить отступы и сделать их округленными, выбрав параметр « Сглаживать отступы»:

Включение гладких отступов.

Выбрав Smooth Corners и Smooth Indent, мы получим больше формы морской звезды:

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

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

Последним из основных инструментов геометрической формы в Photoshop является Line Tool . Я выберу его на панели инструментов:

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

Инструмент «Линия» позволяет нам рисовать простые прямые линии, но мы также можем использовать его для рисования стрелок. Чтобы нарисовать прямую линию, сначала установите толщину линии, введя значение в пикселях в поле « Вес» на панели параметров. Значением по умолчанию является 1 px. Я увеличу его до 16 пикселей:

Опция Weight контролирует толщину или ширину линии.

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

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

Рисование стрелок направления

Чтобы нарисовать стрелки, щелкните значок шестеренки на панели параметров, чтобы открыть параметры стрелок. Выберите, хотите ли вы, чтобы стрелка отображалась в начале линии, в конце или в обоих направлениях (если вы хотите, чтобы стрелка была направлена ​​в том же направлении, в котором рисуется линия, выберите «Конец»):

Нажмите на значок шестеренки, чтобы получить доступ к параметрам стрелки.

Вот линия, похожая на нарисованную ранее, на этот раз со стрелкой на конце:

Инструмент Линия позволяет легко рисовать стрелки направления.

Если размер стрелки по умолчанию у вас не работает, вы можете изменить его, изменив параметры Ширина и Длина . Вы также можете сделать стрелки более вогнутыми, увеличив параметр « Вогнутость» . Я увеличу его со значения по умолчанию от 0% до 50%:

Измените форму стрелки, увеличив ее вогнутость.

Вот как выглядит стрелка. Убедитесь, что вы изменили параметры Line Tool до того, как начнете рисовать свою форму, так как они не могут быть отрегулированы впоследствии (если вам нужно внести изменения, вам нужно отменить форму и начать все сначала):

Стрелка со значением вогнутости до 50%.

Скрытие контура пути вокруг фигуры

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

Контур пути все еще виден даже после того, как фигура нарисована.

Чтобы скрыть контур пути в Photoshop CS6, просто нажмите Enter (Win) / Return (Mac) на клавиатуре, и он исчезнет:

Нажмите Enter (Win) / Return (Mac), и контур исчезнет.

Куда пойти дальше …

И там у нас это есть! Это основные принципы рисования основных геометрических векторных фигур в Photoshop CS6 с использованием инструмента «Прямоугольник», инструмента «Закругленный прямоугольник», инструмента «Эллипс», инструмента «Многоугольник» и инструмента «Линия»! В следующем уроке мы узнаем, как добавлять более сложные и интересные фигуры к вашим проектам и макетам с помощью инструмента Photoshop Custom Shape Tool! Посетите наш раздел Основы Photoshop, чтобы узнать больше о Photoshop!

Векторные фигуры для фотошопа. Как нарисовать геометрические фигуры в Photoshop четырьмя способами. Google в помощь

1 голос

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

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

Рисуем сами

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

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

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

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

Чтобы превратить прямоугольник в квадрат вам нужно зажать кнопку Shift во время рисования фигуры.

Эллипс зажатая кнопка Shift превращает в круг.

Также в списке есть такая фигура как многоугольник. Вы сами определяете число сторон. Вписывать можно любое значение – 3, чтобы вышел треугольник, 7, 10 и так далее.

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

Произвольная фигура

У нас осталась произвольная фигура. Что это такое?

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

Чтобы используйте сочетание клавиш Ctrl+T.

Как добавить новые

Добавить новые фигуры не составит труда. Очень много бесплатных фигур можно скачать с сайта photoshop-master.ru . Здесь около 400 наборов с фигурами – люди, узоры, пауки, абстракция, машины, стулья, огонь, цветы и многое другое.

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

Достаточно подождать 15 секунд. Никакой предварительной регистрации не требуется.

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

Теперь откройте фигуры в программе фотошоп и нажмите на гайку в правой части. В открывшемся списке выберите «Загрузить фигуры».

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

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

Помимо фигур, вам могут пригодиться еще и кисти. Их также можно скачать на сайте Photoshop-master .

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

Нажимаете на гайку и выбираете «Загрузить».

Поработайте с ними самостоятельно. Здесь нет ничего сложного. Они немного отличаются от фигур.

Google в помощь

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

Если вы делаете работу для себя, то в принципе, можно было бы пользоваться и Яндексом, но если проект создается в коммерческих целях, то Google очень пригодится. Откройте «Инструменты», далее «Права на использование» и выберете нужный тип – использование или использование и изменение.

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

Вот так будет выглядеть PNG. Шашечка заполнилась моим фоном.

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


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

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

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

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

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

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

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

Как использовать?

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

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

Как установить свои фигуры в фотошоп?

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

После этого, откройте меню фигур. Вы увидите такие 4 команды:

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

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

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

А если вы загрузили несколько наборов, удалили какие-либо отдельные фигуры, использовав команду «Удалить…» , вообщем, сделали набор под себя, то можете его сохранить командой «Сохранить произвольные…» . В будущем его можно будет загрузить в том же виде или передать кому-нибудь через интернет.

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

Обратите внимание, что в этом же меню есть огромный список: Животные, Стрелки, Природа, Объекты и т.д. Это стандартные наборы, которые нам любезно предоставили разработчики фотошопа.

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

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

Сделать это немного сложнее, но главный плюс такого способа в том, что ваш набор появится в списке, что я описал выше (Животные, Стрелки, Природа, Объекты и т.д.). В случае, если вы намерены часто пользоваться этим инструментом, то такой способ установки сократит время, и вы сможете выбрать нужный набор в два клика.

Для этого необходимо скопировать файл с расширением csh в системную папку фотошопа «Custom Shapes» , обычно у нее такой адрес: C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Custom Shapes.

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter . Спасибо!

Помощь сайту

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

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

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

Заранее благодарен, Дмитрий.

QR-код для установки:

Если Вам понравился материал, скажите свое «спасибо», поделитесь ссылками с друзьями в социальных сетях! Спасибо!

Photoshop как рисовать фигуры — Вэб-шпаргалка для интернет предпринимателей!


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

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

Создание фигур

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

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

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

    Прямоугольник.
    C помощью данного инструмента мы можем нарисовать прямоугольник или квадрат (с зажатой клавишей SHIFT).

Урок: Рисуем прямоугольники в Фотошопе
Прямоугольник со скругленными углами.
Этот инструмент, как следует из названия, помогает изобразить такую же фигуру, но со скругленными углами.

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


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

Урок: Как нарисовать круг в Фотошопе
Многоугольник.
Инструмент «Многоугольник» позволяет нам рисовать многоугольники с заданным количеством углов.

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

Урок: Рисуем треугольник в Фотошопе
Линия.
С помощью данного инструмента мы можем провести прямую линию в любом направлении. Клавиша SHIFT в данном случае позволяет проводить линии под 90 или 45 градусов относительно холста.

Толщина линии настраивается все там же – на панели параметров.

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

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

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

Общие настройки инструментов

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

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


Цвет заливки фигуры. Данный параметр работает, только если активирован инструмент из группы «Фигура», и мы находимся на слое с созданной фигурой. Здесь (слева направо) мы можем: выключить заливку полностью; залить фигуру сплошным цветом; залить градиентом; замостить узором.


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


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

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

Манипуляции с фигурами

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

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


Объединение фигур.

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

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


Пересечение фигур.

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


Исключение фигур.

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


Объединение компонентов фигур.

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

Практика

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

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

2. Затем выберем инструмент «Эллипс» и пункт настроек «Вычесть переднюю фигуру». Сейчас мы будем вырезать круг в нашем квадрате.

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

4. Нажимаем ОК и видим следующее:

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

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

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

7. Зададим обводку. Для этого взглянем на блок «Штрих» на панели параметров. Здесь выберем тип обводки «Пунктир» и ползунком изменим ее размер.

8. Цвет пунктира зададим с помощью клика по соседнему цветовому окошку.

9. Теперь, если полностью отключить заливку фигуры,

То можно увидеть следующую картину:

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

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

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

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

Отблагодарите автора, поделитесь статьей в социальных сетях.

Программа Adobe Photoshop широко используется для работы с изображениями, предоставляя действительно широкий спектр возможностей. Большинство пользователей применяют Фотошоп для ретуши фото, но, помимо этого, программа позволяет создавать: рисунки, картины, графику — разной степени сложности. В Photoshop имеется несколько инструментов, предназначенных для создания рисунков. Первым делом необходимо научиться рисовать простейшие элементы вроде треугольников, линий, эллипсов и прочего, так как они используются очень часто при создании разного рода рисунков. В этой статье подробно рассмотрим, как нарисовать в Фотошопе простейшие фигуры. Давайте разбираться. Поехали!

Постигаем азы компьютерной графики

Открыв Adobe Photoshop, обратите внимание на панель инструментов. Чтобы перейти к фигурам, кликните мышкой по иконке в виде прямоугольника. В выплывающем окне вы увидите следующие инструменты:

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

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

Всего существует три режима рисования:

  1. Создаётся новая фигура, для которой можно сделать слой-заливку или векторную маску.
  2. Создаётся контур фигуры и закрашивается каким-либо цветом.
  3. Пиксельный режим. В этом случае изображения получаются растровыми, а не векторными.

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

Нет ничего проще, чем провести линию. Для этого применяется одноимённый инструмент.

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

Перейдём к тому, как нарисовать круг в Фотошопе. Здесь всё происходит аналогичным образом. Выберите инструмент «Эллипс», определитесь с цветом и толщиной контура. Если вы хотите получить круг, а не эллипс, зажмите на клавиатуре клавишу «Shift» либо установите «окружность» в разделе геометрических параметров.

Рисуем красивую композицию стандартными средствами

Теперь давайте разберёмся, как нарисовать треугольник в Фотошопе. В этом случае всё не так очевидно, но при этом нисколько не сложнее. Всё, что нужно — выбрать «Многоугольники» и в маленьком окошке «Sides» задайте количество углов. Соответственно, чтобы получить треугольник, впишите цифру «3». Дальше всё делается точно так же, как в предыдущих случаях. При помощи инструмента «Многоугольник» можно получить фигуру с любым количеством углов. Если необходимо получить прямоугольный треугольник, нарисуйте квадрат, а затем отсеките половину по диагонали.

Стрелки в начале или конце можно задать в свойствах инструмента

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

Шаблоны, идущие в обычной комплектации приложения

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

Очередь просмотра

Очередь

  • Удалить все
  • Отключить

YouTube Premium

Хотите сохраните это видео?

Пожаловаться на видео?

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

Понравилось?

Не понравилось?

Текст видео

Всем привет. Сегодня у нас небольшая замена. Вместо Богдана урок проведу, я — Данила Кулеша. Цель данного эксперимента в том, что бы зритель написал в комментариях, какие плюсы и минусы есть у Богдана. Мы работаем на подписчиков, так что будем стараться все исправить.

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

— Уроки монтажа в Final Cut Pro X — http://bit.ly/1HKy2KH — в данных уроках я рассказываю интересные моменты монтажа которые активно используются на моем канале. Так же отвечаю на вопросы по созданию роликов по примеру какого-то видео.

— Обзоры техники — http://bit.ly/1fbwTFd — доносить информацию в данных роликах я стараюсь качественной картинкой (контентом) и всегда откровенно рассказываю о устройствах которые попадают ко мне на обзор. Так что если вам интересно узнать о последних новинках в мире технологий вам данный плейлист пригодится.

— #CreateWithoutMoney — http://bit.ly/1gFLiKW — данная рубрика будет полезна тем людям которые только пришли на YouTube и еще не имеют материальной базы для того что бы создавать качественный контент. Я рассказываю как больших затрат можно создавать качественный контент используя подручные средства.

Думаю что вы подпишетесь на мой канал http://bit.ly/1MPzqVz и не будете жалеть об этом.

Так же хочу предоставить вам информацию о моих социальных сетях:

Рекомендуем к прочтению

Как рисовать векторные фигуры в фотошопе?

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

Векторные инструменты

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

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

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



  1. Прямоугольные и квадратные формы
  2. Скругленные прямоугольные и квадратные формы
  3. Эллиптические и круглые формы
  4. Однопиксельная линия
  5. Многоугольные формы
  6. Пользовательские формы и библиотека предопределенных векторных форм.

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

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

Rounded Rectangular и Квадратные формы: Закругленная прямоугольная форма — это форма, углы которой не острые, а имеют форму плавной кривой, поэтому она называется закругленной прямоугольной формой.Нажимая shift + U несколько раз, вы можете выбрать эту форму. На изображении ниже вы можете увидеть пример скругленной прямоугольной векторной формы:

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


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

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

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

Однопиксельная линия: Этот параметр просто создаст прямую и линейную однопиксельную линию. Если вы нажмете Shift при создании формы линии, вы можете создать линию под углом 0 °, 45 °, 90 °, 135 °, 180 °, 225 °, 270 ° и 315 ° градусов от исходной точки фигуры. Как показано на изображении ниже:

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

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


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

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

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

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

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

Параметры векторных фигур

Как и другие инструменты, в Photoshop инструмент векторных фигур также имеет различные типы параметров / свойств, таких как цвет формы, размер формы, непрозрачность и т. Д.Итак, ниже приводится подробное объяснение опций / свойств векторных фигур.


1. Типы

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

2. Цвет заливки

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

3. Обводка и цвет обводки

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


В приведенном ниже примере вы можете увидеть, как выбрать цвет для обводки:

4.Ширина штриха

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

5. Тип обводки

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

Пример:

6. Высота и ширина формы

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

7. Сложение, вычитание, пересечение , и выдавливание перекрывающихся фигур

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

Давайте поговорим обо всех вариантах по очереди:

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

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

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



  • Выдавливание области перекрытия: Этот вариант полностью противоположен параметру пересечения форм. в отличие от способа сохранения области перекрытия в параметре пересечения форм, в параметре выдавливания формы удаляется только область перекрытия формы,

8. Выравнивание

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

9. Порядок фигур

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

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

Вниманию читателя! Не прекращайте учиться сейчас. Присоединяйтесь к курсу First-Step-to-DSA для учащихся 9–12 классов , , специально разработанного для ознакомления учащихся 9–12 классов со структурами данных и алгоритмами


Рисование фигур | Photoshop CS2 Библия

Рисование фигур

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

Плюсы и минусы форм

Что хорошего в объектно-ориентированных формах в Photoshop?

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

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

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

  • Формы приводят к уменьшению размера файла. Как правило, объект занимает меньше места на диске, чем изображение. Выраженный в коде PostScript, типичный контур пути занимает 8 байтов на точку привязки по сравнению с 3 байтами для одного пикселя RGB. Но хотя фигура может содержать всего 4 точки в случае прямоугольника или эллипса, изображение обычно содержит сотни тысяч пикселей.

  • Вы можете предварительно просмотреть контуры обрезки прямо в Photoshop. До появления объектно-ориентированных форм вы никогда не были полностью уверены в том, правильно ли вы отслеживаете изображение с помощью обтравочного контура, пока не импортировали его в InDesign, QuarkXPress или какое-либо другое приложение. Теперь вы можете предварительно просмотреть, как будет выглядеть ваш обтравочный контур, прямо в Photoshop.

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

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

Осторожно

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

Инструменты формы

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


Рисунок 7-1: Щелкните инструмент прямоугольника, чтобы отобразить всплывающее меню инструмента формы, или нажмите U и Shift + U для переключения между инструментами.
  • Инструмент «Прямоугольник»: Раньше это была шутка, и сложнее всего в Photoshop было нарисовать простой прямоугольник. Вам нужно было нарисовать прямоугольную область, а затем заполнить ее. На самом деле это не сложно, я думаю, но какой человек за стенами санатория подумает так подойти к нему? Но кляп мертв »в наши дни нарисовать прямоугольник легко. Перетащите, чтобы нарисовать прямоугольник из одного угла в другой, удерживая нажатой клавишу «Shift», чтобы нарисовать квадрат, удерживайте нажатой клавишу «Alt» (удерживая нажатой клавишу «Option» на Mac), чтобы нарисовать форму наружу от центра.

    Совет

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

  • Инструмент «Прямоугольник со скругленными углами»: При выборе инструмента «Прямоугольник со скругленными углами» значение «Радиус» становится доступным на панели параметров. Если вы думаете о каждом закругленном углу как о четверти круга, значение радиуса — это радиус (половина диаметра) этого круга.Чем больше значение, тем больше округлость.

    Совет

    Чтобы уменьшить или увеличить значение радиуса с шагом в 1 пиксель, нажмите клавиши скобок, [и]. Нажмите Shift + [или], чтобы уменьшить или увеличить значение с шагом 10 пикселей.

  • Инструмент «Эллипс»: Инструмент «Эллипс» хорошо рисует эллипсы. Многие люди называют эллипс овалом, и технически это неверно, но идею вы поняли.Shift-перетаскивание для кругов; Удерживая нажатой клавишу «Alt» («Option»), потяните овал наружу от центра.

  • Инструмент «Многоугольник»: Этот инструмент рисует правильные многоугольники, которые представляют собой прямолинейные формы с радиальной симметрией. Примеры включают равнобедренные треугольники (3 стороны), квадраты (4 стороны), пятиугольники (5 сторон), шестиугольники (6 сторон), семиугольники (7 сторон), восьмиугольники (8 сторон), десятиугольники (10 сторон), двенадцатиугольники (12 сторон). , и так далее. Введите значение «Стороны» на панели параметров, чтобы задать количество сторон в следующем нарисованном многоугольнике.

    Совет

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

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

    Наконечник

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

  • Инструмент нестандартной формы: Если вы знакомы с Adobe Illustrator, инструменты формы Photoshop могут иногда разочаровывать.Вы не можете изменить округлость существующего прямоугольника или добавить стороны многоугольника во время его рисования. И самое доброе, что вы можете сказать об инструменте «Линия», — это то, что он нетрадиционный. К счастью, инструмент Custom shape компенсирует упущения и нарушения своих предшественников. Выберите предустановленную форму в параметре «Форма» на панели параметров, а затем нарисуйте ее в окне изображения. Это библиотека символов мгновенного клип-арта, дополненная тем фактом, что вы также можете создавать свои собственные пользовательские формы и добавлять их в предустановки.

Процесс рисования формы

Рисование фигуры может быть таким же простым, как перетаскивание с помощью инструмента. Однако то, как эта форма проявляется, зависит, прежде всего, от того, на какой из первых трех кнопок, обозначенных на панели параметров рис. 7-2, вы нажмете. Первый вариант (слой-фигура) создает новый слой-фигуру, когда вы рисуете с помощью инструмента фигуры; второй вариант (Пути) создает обычный путь, доступный для просмотра в палитре Пути; и последний вариант (Fill Pixels) создает фигуру на основе пикселей.В этом последнем случае Photoshop не добавляет новый слой: он просто перекрашивает пиксели на активном слое, обычно в пределах выделения. Фактически, до того, как в Photoshop был добавлен инструмент «Форма», именно так создавались прямоугольники и эллипсы »с помощью инструмента« Область »и команды« Заливка »или« Заливка ».


Рисунок 7-2. Используйте параметры на панели параметров, чтобы указать тип фигуры, которую вы хотите нарисовать.

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

ШАГИ: Создание нового слоя формы
  1. Выберите инструмент формы, который вы хотите использовать. Помните, U — это сочетание клавиш для инструментов формы.

  2. Укажите цвет. Выберите цвет формы из цветовой палитры. Кроме того, вы можете щелкнуть значок цвета переднего плана на панели инструментов или образец цвета на панели параметров, а затем выбрать цвет в палитре цветов.Если вы хотите заполнить фигуру градиентом, узором или изображением, вы можете сделать это после того, как закончите рисовать фигуру, как описано в следующем разделе «Редактирование материала внутри фигуры».

  3. Укажите, как вы хотите рисовать фигуру. Первые три кнопки на панели параметров, изображенные на рис. 7-2, определяют, что рисует инструмент формы. Поскольку мы создаем слой-фигуру, вы должны убедиться, что выбрана первая кнопка.

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

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

    При добавлении стрелок к линии значения ширины и высоты измеряются относительно веса линии. Положительное значение Concavity изгибает основание стрелки; отрицательное значение выгибает его.

    Совет

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

  5. Измените другие настройки для конкретного инструмента. В зависимости от инструмента, вы можете видеть параметры справа от стрелки параметров геометрии. Инструмент «Многоугольник» предлагает параметр «Стороны»; инструмент «Линия» предлагает параметр «Вес».Вы можете редактировать любое из них, нажимая клавиши скобок, [и].

    При рисовании пользовательской формы нажмите кнопку справа от слова «Форма», чтобы отобразить всплывающую палитру предустановок, как показано на рисунке 7-2. Нажмите квадратные скобки ( [ или ] ) для перехода от одной предустановленной формы к другой. Вы можете загрузить больше фигур, выбрав команду «Загрузить фигуры» или выбрав одну из библиотек фигур «Животные, стрелки, баннеры и т. Д.», Перечисленных в нижней половине меню.

    Совет

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

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

    Совет

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

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


    Рис. 7-3. Слой-фигура на самом деле представляет собой векторную маску, которая маскирует цвет, градиент, узор или другую заливку непосредственно в Photoshop.

  8. Переключение инструментов и рисование дополнительных фигур. По умолчанию Photoshop создает новый слой-фигуру для каждой новой фигуры, которую вы рисуете. Если вы предпочитаете добавлять контуры к активному слою-фигуре, чтобы все фигуры имели одинаковую заливку, нажмите кнопку «Добавить в область фигуры» на панели параметров. (Он обозначен на рисунке 7-4.) Затем нарисуйте новую фигуру.


    Рисунок 7-4: Пять кнопок составного контура управляют взаимодействием составного контура. Последние четыре доступны только при редактировании или добавлении к существующему слою-фигуре.

    Совет

    Если вы нажмете клавишу Enter, Return или Escape, текущий слой-фигура деактивируется, и вы больше не сможете добавлять фигуры к этому слою. Это изменение видно в палитре слоев; обратите внимание, что эскиз векторной маски больше не имеет границы выделения.Чтобы повторно активировать слой, просто щелкните миниатюру.

Вот и все. Теперь у вас есть один или несколько слоев-фигур, которые вы можете использовать по своему усмотрению. С этого момента нужно отредактировать форму, как описано в следующих разделах.

Комбинирование и редактирование форм

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

Когда Photoshop говорит «слой формы», думайте «вечно редактируемая векторная маска». И не заблуждайтесь », обо всем, что обеспечивает такой уровень свободы, можно много сказать. Не нравится сегмент? Измени это. Не нравится точка? Подвинь это. Ненавидите всю форму? Удалите это. Вот как это сделать:

  • Параметры составного контура: Как объяснялось в шаге 8 в предыдущем разделе, вы можете нарисовать несколько фигур на одном слое. Поскольку все они имеют одну заливку, Photoshop считает фигуры частями единого сложного контура.На языке принтера PostScript такой путь называется составным путем . Это заставляет Photoshop задаться вопросом: что мне делать, когда части и части перекрываются? Поскольку у них общая заливка, они могли просто слиться вместе. Или, возможно, вы предпочтете использовать одну форму, чтобы вырезать отверстие в другой. Или, может быть, вы хотите, чтобы перекресток был прозрачным.

    Вы определяете свои предпочтения, выбирая одну из кнопок составного пути, помеченных на Рисунке 7-4. Включенная по умолчанию, первая кнопка дает команду Photoshop создать форму на независимом слое », фактически гарантируя отсутствие взаимодействия составных контуров.Нажмите вторую кнопку или нажмите клавишу «плюс» (+), чтобы добавить новую форму к другим. Нажмите третью кнопку или клавишу «минус» («), чтобы вычесть новую форму из других. Четвертая кнопка сохраняет пересечение, а пятая делает пересечение прозрачным.

  • Выбор фигур: Для выбора и редактирования фигур используйте инструмент «Прямое выделение», также известный как стрелка или черная стрелка. Нажмите A, чтобы получить инструмент черной стрелки (белая стрелка, сопутствующий инструменту «Прямое выделение», используется для выбора контуров, а не фигур), который выделяет целые фигуры за раз.Затем щелкните фигуру, чтобы выделить ее. Чтобы временно получить доступ к инструменту черной стрелки, нажмите клавишу Ctrl (z на Mac) при использовании инструмента формы.

  • Перемещение и преобразование: Вооружившись инструментом «черная стрелка», перетащите выбранную фигуру, чтобы переместить ее. Установите флажок «Показать ограничивающую рамку» на панели параметров, чтобы получить доступ к элементам управления преобразованием, или нажмите Ctrl + T (z + T на Mac), чтобы войти в режим свободного преобразования. Затем перетащите маркер для масштабирования, перетащите за пределы ограничительной рамки, чтобы повернуть, и, удерживая нажатой клавишу Ctrl (z -drag), перетащите маркер, чтобы наклонить или исказить.

    Перекрестная ссылка

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

  • Расположение и комбинирование фигур: После выбора формы с помощью инструмент черной стрелки, вы можете применить любую из четырех доступных кнопок составного контура. (Создать новый слой-фигуру невозможно, поскольку он влияет только на новые фигуры.) При выборе помните, что самый верхний слой-фигура имеет приоритет.Таким образом, если для формы A задано значение «Добавить», для формы B установлено значение «Пересечение», а для формы B впереди, Photoshop заполняет только пересечение. Между тем, порядок наложения полностью зависит от порядка, в котором вы рисуете фигуры, с более поздними фигурами впереди. (Команды Layer Arrange влияют на целые слои; их нельзя использовать для изменения порядка форм.)

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

  • Выбор точек и сегментов: Нажмите Shift + A, чтобы получить инструмент с белой стрелкой, технически называемый инструментом «Выбор контура». Этот инструмент выделяет отдельные точки и сегменты на пути. Перемещайте индивидуально выбранные точки, перетаскивая их; трансформируйте такие точки, нажав Ctrl + T (z + T на Mac). Чтобы выделить весь путь независимо от других на слое, щелкните его контур, удерживая нажатой клавишу «Alt» (Option + щелчок).

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

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

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

    Совет

    Чтобы удалить весь слой-фигуру, просто нажмите клавишу Backspace (или Delete на Mac). Если контур контура активен, Photoshop спросит вас, хотите ли вы удалить весь слой, только маску или только контуры внутри маски.Выберите первый вариант и нажмите ОК, чтобы избавиться от всего слоя. Если контур контура не активен при нажатии Backspace или Delete, Photoshop просто удаляет слой без каких-либо вопросов.

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

    Совет

    Еще лучше, вместо того, чтобы выбирать команду «Показать все», просто нажмите клавишу Ctrl (z на Mac) и щелкните значок «Добавить маску слоя» в нижней части палитры «Слои». Это создает пустую векторную маску, готовую для добавления фигур. Возьмите себе инструмент формы, нажмите клавишу + и начните рисовать.

  • Определение собственной произвольной формы: Если вы создаете фигуру, которую, по вашему мнению, вы, возможно, захотите повторить в будущем, выберите фигуру с помощью любого инструмента выделения и выберите «Редактировать» Определить произвольную фигуру.Затем назовите форму и нажмите Enter или Return. Photoshop добавляет фигуру к предустановкам, чтобы вы могли нарисовать ее с помощью инструмента Custom Shape.

Редактирование материала внутри формы

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

  • Изменение цвета: Чтобы изменить цвет слоя-фигуры, дважды щелкните миниатюру содержимого слоя в Слоях. палитру, а затем выберите новый цвет в диалоговом окне «Палитра цветов».Или еще лучше, измените цвет переднего плана, а затем нажмите Alt + Backspace (Option-Delete на Mac).

  • Изменение параметров наложения: Вы можете изменить режим наложения и значение непрозрачности для слоя-фигуры, используя стандартные элементы управления в палитре «Слои»; или дважды щелкните миниатюру векторной маски, чтобы отобразить раздел «Параметры наложения» диалогового окна «Стиль слоя», описанного в главе 6. Вы также можете применять или изменять эффекты слоя, как описано далее в этой главе.

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

  • Заливка градиентом или повторяющимся узором: Не хотите заливать форму сплошным цветом? Вы не обязаны. Чтобы заполнить активный слой-фигуру градиентом, выберите «Слой» Изменить слой содержимого слоя «Градиент»; или выберите «Слой Изменить шаблон содержимого слоя», чтобы применить повторяющийся узор.На рис. 7-5 показано диалоговое окно для каждого из них. Большинство параметров будут знакомы серьезному пользователю Photoshop. Единственные необычные параметры находятся в диалоговом окне «Заливка узором». Значение «Масштаб» позволяет изменять размер узора внутри фигуры; Связь со слоем гарантирует, что форма и узор перемещаются вместе; и «Привязать к исходной точке» — привязка рисунка к исходной точке.


    Рисунок 7-5: Градиенты и узоры внутри слоя-фигуры считаются динамической заливкой, что означает, что вы можете редактировать их, просто дважды щелкнув миниатюру содержимого слоя и отредактировав параметры, описанные в этом разделе.

    Совет

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

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

  • Создание формы настройки цвета: Что касается содержимого слоя, то у слоев-фигур неограниченный потенциал.Вы даже можете заполнить форму с помощью настройки цвета. Просто выберите «Уровни», «Кривые», «Оттенок / насыщенность» или любую другую классику цветокоррекции в подменю «Слой изменить содержимое слоя».

    Перекрестная ссылка

    Подробнее о корректирующих слоях см. В главе 11.

  • Рисование внутри слоя-фигуры: Хотели бы вы рисовать или редактировать содержимое слоя-фигуры? Что ж, благодаря тонким генетическим изменениям в основных подпрограммах Photoshop вы можете это сделать.Предполагая, что форма залита сплошным цветом, градиентом или узором (этот метод не применим к корректирующим слоям), выберите «Слой растрировать содержимое заливки». С этого момента заливка больше не является динамической. Это означает, что вы не можете дважды щелкнуть его эскиз, чтобы отредактировать его. Однако вы можете редактировать его, как любой другой слой, полный пикселей. Раскрасьте его внутри, клонируйте с другого слоя лечебной кистью, примените фильтр, сходите с ума.

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

    Совет

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

  • От обтравочной маски к векторной маске: Что делать, если вы уже создали слой-фигуру и теперь хотите заполнить эту фигуру изображением? Переместите изображение на независимый слой перед слоем формы (и поместите изображение буквально поверх формы), выберите оба слоя, а затем нажмите Ctrl + G (z + G на Mac), чтобы сгруппировать слой изображения с слой-фигура. Теперь у вас есть обтравочная маска с формой, маскирующей содержимое изображения над ней.Обратите внимание, что если к вашей фигуре применен стиль слоя, вам нужно либо скрыть стиль (щелкните слой правой кнопкой мыши и выберите «Скрыть все эффекты»), либо удалить стиль или стили, чтобы изображение стало видимой заливкой фигуры.

  • Слияние слоя изображения и формы: Если вы хотите по какой-либо причине объединить эти два слоя вместе, вы не можете просто нажать Ctrl + E (z + E на Mac). Вот что вам нужно сделать: Сначала выберите слой-фигуру и выберите Layer Rasterize Fill Content, чтобы преобразовать динамическую заливку в пиксели.Затем вы можете выбрать слой изображения и нажать Ctrl + E (z + E на Mac), чтобы объединить его со слоем формы ниже.

    Подсказка

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

На рис. 7-6 эскиз векторной маски в палитре «Слои» нажат, удерживая Ctrl (z-щелчок), чтобы загрузить форму короны в качестве контура выделения. Затем выделение преобразуется в маску слоя, щелкнув значок «Добавить маску слоя» в нижней части палитры «Слои». В результате получается маска слоя, идентичная векторной маске. Вероятно, вы сейчас задаетесь вопросом: «Почему вы это сделали?» «Установить следующую фигуру» было бы ответом.На рис. 7-7 применяется фильтр «Размытие по Гауссу», чтобы растушевать маску слоя. Затем применяется фильтр «Кристаллизация пикселей», чтобы добавить края мозаики. В результате получаются органические волнистые края внутри четкой векторной формы. Маска слоя маскирует слой, а затем маскирует его векторная маска.


Рисунок 7-6. Добавьте маску слоя к слою-фигуре, чтобы добавить пиксельное смягчение к резкой векторной маске.
Рис. 7-7. Применение фильтров «Размытие по Гауссу» (слева) и «Кристаллизация» к маске слоя смешивает мягкий пиксельный эффект с резкими краями, обеспечиваемыми векторной маской (справа).

Команда «Размытие по Гауссу» описана в главе 8. Для получения дополнительной информации о кристаллизации см. Главу 9.

Рисование нестандартных форм в учебнике Photoshop — руководство / обучение / объяснение

graphicxtras> Уроки Adobe Photoshop> Уроки фигур в Photoshop

Автор: Andrew Buckle, дата обновления: 2021 г.

Видеоурок на Youtube о том, как создавать неправильные векторные формы с помощью инструмента «Перо произвольной формы» в Photoshop **

Учебное пособие по созданию рисунков неправильной / абстрактной формы в Photoshop.В этом руководстве показано, как использовать инструмент «Перо» в Photoshop и как рисовать неправильные формы с помощью инструмента «Перо произвольной формы».

  1. Выбрать инструмент «Перо» на панели инструментов Photoshop для создания нестандартной формы нестандартной формы

  2. Параметр «Форма»

  3. Установите заливку и обводку

  4. Щелкните текущий документ

  5. Повторить в разных местах

  6. Для закрытия щелкните начальную точку

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

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

Пример 1 неправильной формы в Adobe ® Photoshop ®

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

  1. Выберите инструмент «Перо»

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

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

  4. Чтобы завершить (или закрыть) путь, просто щелкните начальную точку.

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

Пример 2 рисования неправильной формы в Adobe ® Photoshop ® — произвольная форма

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

  1. Выберите инструмент «Перо произвольной формы» на панели инструментов Photoshop

  2. Рисование с помощью инструмента произвольной формы

  3. Отпустить мышь

  4. Изменить заливку и обводку

Пример 3 рисования неправильной формы в Adobe ® Photoshop ® — магнитная произвольная форма

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

Пример 4 рисования неправильной формы в Adobe ® Photoshop ® — инструмент нестандартных форм

Инструмент CSH и инструменты правильных форм / эллипсов и т. Д. Могут быть использованы в качестве отличного источника для неправильных форм. Для этого выберите один из инструментов фигуры, например инструмент «Прямоугольник», и создайте один прямоугольник. Перейдите к операциям с контурами (поиск пути в Adobe AI) на верхней панели параметров Photoshop и установите параметр «комбинировать формы» (или любой другой, если вы хотите вычесть из исходного дизайна), а затем примените другой прямоугольник и т. Д. на.Повторите создание прямоугольника, круга, звезды и т. Д. Несколько раз, и затем каждый путь / форма добавляется к исходному дизайну. По завершении перейдите в меню редактирования и определите пользовательскую форму, чтобы создать окончательный неправильный путь (который затем можно использовать несколько раз во всем приложении)

Пример 5 рисования неправильного пути в Adobe® Photoshop® — warp

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

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

  2. Выбрать параметр слоя-фигуры

  3. Создать прямоугольник

  4. Перейти в меню редактирования

  5. Преобразование

  6. Деформация

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

  8. ОК

Пример 6 рисования неправильных форм в Adobe® Photoshop® — инструменты кисти

  1. Не вектор, но его можно превратить в один

  2. Слой

  3. Новый слой

  4. Выберите инструмент «Кисть» на панели инструментов Photoshop

  5. Установите черный цвет для переднего плана

  6. Выберите одну из основных кистей по умолчанию (твердость 100%)

  7. Нарисуйте запутанный рисунок из множества мазков кисти

  8. Выбрать меню

  9. Выбор нагрузки

  10. Прозрачность слоя 1

  11. Панель путей

  12. Сделать рабочий путь (меню справа)

  13. Установить допуск

  14. ОК

  15. Сохранить рабочий путь (панель путей)

  16. Меню редактирования

  17. Определить нестандартную форму / неправильную форму

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

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

20 Руководства по Photoshop и Illustrator для создания геометрических рисунков — Bashooka

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

Неограниченные загрузки: 600 000+ Шаблоны для печати и материалы для дизайна Объявление

Скачать сейчас

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

Узнайте, как создавать привлекательные творческие портреты, используя геометрические формы и настройки цвета Photoshop.

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

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

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

С появлением в Illustrator CS6 Создателя узоров стало возможным создавать узоры в различных типах плиток, а не только в квадрате, как раньше.

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

Мы начнем с Illustrator, чтобы построить серию геометрических линий, а затем разрежем изображение в Photoshop, чтобы создать интересную композицию.Затем серия корректировок текстур и кривых поможет придать дизайну модный ретро-стиль с большим количеством обработанных цветов и текстуры.

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

Отличное руководство по показанному эффекту, но также и по работе с PS в целом. Так что в конце урока вы получите еще много информации.

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

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

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

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

Мы видели довольно много иллюстраций в стиле low poly, это выглядит очень сложной техникой, но Брено Битенкур собрал очень полное руководство по Photoshop, показывающее процесс, включая видео.

В этом уроке он покажет вам, как создать 3D-логотип в Photoshop с помощью инструмента «Многоугольное лассо».

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

Саймон проведет вас через процесс воссоздания плаката, который он назвал «Структура». Мы пройдем все этапы, от концептуализации до воплощения.

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

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

Быстрый способ создания уникальных геометрических фигур в Adobe Illustrator

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

Используя эффекты, существующие в инструменте Adobe Illustrator Distort & Transform , мы покажем вам, как создавать сложные формы, которые можно использовать в проектах брендинга, графическом дизайне, иллюстрациях и многом другом! Давайте сразу перейдем к делу.

Искажение и преобразование → Зигзаг

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

  1. Создайте круг с помощью инструмента «Эллипс»
  2. Эффект → Искажение и преобразование → Зигзаг (убедитесь, что форма выбрана)
  3. Перемещайте ползунки, пока не добьетесь желаемого эффекта и конфигурации

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

Искажение и преобразование → Сморщивание и раздувание

Чтобы создать выразительные мерцающие звезды и цветочные формы, начните с простого квадрата или круга, а затем примените эффект Pucker & Bloat:

  1. Создайте идеальный круг или квадрат с помощью инструментов «Эллипс / Прямоугольник».
  2. Эффект → Искажение и преобразование → Сморщивание и раздувание (убедитесь, что форма выбрана)
  3. Переключите ползунок слева направо, чтобы поэкспериментировать с разными формами

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

Продолжайте экспериментировать!

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

  1. Ссылка на выстрел
  2. Ссылка на выстрел

Ряд 1: Оксана, Тристан Кромопавиро, Скрипт и печать.Ряд 2: Нино Леквеишвили, Тай, Коди Полсон для Malley Design. Ряд 3: гара Люсия Фам, Гонза Морейра.

БОЛЬШЕ РУКОВОДСТВА ПО ДИЗАЙНУ

Найдите больше историй о процессах в нашем блоге Courtside. Есть предложение? Свяжитесь с [email protected]

Как рисовать в Adobe Illustrator: работа с фигурами


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

Скачать векторные фигуры

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

Начнем с основ. Чтобы создать форму в Illustrator, вам нужно выбрать один из инструментов Shape Tools .Форма по умолчанию — прямоугольник , но вы также можете выбрать прямоугольник со скругленными углами , эллипс , многоугольник , звезда или вспышка . Чтобы выбрать одну из этих форм, щелкните правой кнопкой мыши инструмент Rectangle Tool и выберите ту, которую хотите создать. Отсюда все, что вам нужно сделать, это щелкнуть и перетащить, чтобы создать форму.

Полезные ярлыки для рисования основных фигур

  1. Если удерживать клавишу Shift при создании прямоугольника или прямоугольника с закругленными углами, вы получите квадрат с идеальными пропорциями.
  2. Если удерживать клавишу Shift при создании эллипса, вы получите идеальный круг.
  3. Удерживание клавиши Alt (клавиша Option для всех пользователей Mac) позволит вам рисовать фигуру из центра, а не из угла.
  4. Если вы знаете точный размер фигуры, которую хотите создать, выберите инструмент «Форма», щелкните по экрану и не перетаскивайте. Появится окно, в котором вы можете ввести точные размеры вашей формы.

Как раскрашивать фигуры в Illustrator

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

Как вырезать фигуры в Illustrator

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

  1. Нарисуйте линию (или две) разреза.
  2. Откройте инструмент «Обработка контуров» .
  3. Выделите линии и форму, затем нажмите Divide в Инструменте Обработка контуров, чтобы сделать вырез.

Присоединяйтесь к нашему творческому сообществу

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

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

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

Вы можете использовать ту же концепцию в инструменте «Многоугольник». Выберите инструмент Polygon Tool , затем щелкните и перетащите, удерживая клавиши Up, и Down, , чтобы увеличить или уменьшить количество сторон многоугольника. Вы больше не будете ограничены только шестиугольником. Теперь вы можете легко создавать пятиугольники, десятиугольники и пятиугольники — о боже!

Как объединить фигуры в Illustrator

В какой-то момент вы можете обнаружить, что хотите объединить или объединить формы в Illustrator.Для этого вам нужно будет открыть инструмент Pathfinder. Чтобы найти его, перейдите в меню Window> Pathfinder , и панель инструментов появится. Выберите объекты, которые вы хотите объединить, затем выберите Merge на панели инструментов Pathfinder. Тах да! Вы можете комбинировать формы для создания стрелок (более распространенный элемент дизайна), но рожок мороженого казался более захватывающей демонстрацией.

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

Скачать геометрические узоры
Джордан МакЭлвейн
Специалист по SEO

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

Как нарисовать чиби из геометрических фигур? автор: gankyo_law

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

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

Итак, пора начинать!

Нарисуйте чиби из прямоугольника

1.Чтобы начать чиби, сначала нарисуйте ее голову в форме круга. Он должен быть достаточно большим, чтобы вмещать глаза.

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

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

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

4.Теперь перейдем к ногам. Будьте осторожны, чтобы они не были слишком длинными, иначе ваш персонаж больше не будет чиби!

5.Теперь, когда все тело нарисовано, обведите его, добавив все детали (уши, пальцы и т. Д.).

Учтите, что у чибис-мордашек довольно развитые щеки, поэтому важно это выделить. Для справки можно взять лица Гамбола и Дарвина, которые отлично иллюстрируют лица чиби в целом!

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

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

Еще добавил гриф. Но, опять же, это не обязательно!

6. Вернемся к лицу! Пора взглянуть! Убедитесь, что они занимают большую часть лица.
Чтобы помочь вам разместить их, убедитесь, что они находятся на той же высоте, что и уши, как вы можете видеть ниже.

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

7. Теперь вы можете добавить все детали вашего персонажа (волосы, одежду, аксессуары …).

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

8.Все, что вам нужно сделать, это чернила и раскрасить!

Нарисуйте чиби из треугольника

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

1. Что касается прямоугольника, нарисуйте голову в форме круга.

2.Что касается туловища, начните с подбородка и нарисуйте треугольник. Как и в случае с прямоугольником, убедитесь, что ваш треугольник не слишком большой.

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

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

5.Теперь, когда тело нарисовано, пора его очистить.

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

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

Нарисуйте чиби из круга

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

1.Итак, начнем с головы в форме круга.

2. Для туловища начните от подбородка, чтобы нарисовать круглую форму (это может быть овал, форма груши…).

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

4.Проделайте то же самое с ногами (если рендеринг некрасивый, не волнуйтесь, вы можете изменить его позже!)

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

5.Пришло время убрать это!

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

И вот так !!

Конец учебника

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

https://tips.clip-studio.com/fr-fr/articles/3803

Еще раз спасибо и увидимся в следующий раз !!

.

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Авторское право © 2021 Es picture - Картинки
top