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

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

1. Рисуем прямую линию

Шаг 1

Сначала я покажу вам, как нарисовать прямую линию в Photoshop. Самый простой способ — использовать инструмент, предназначенный для этой цели: Line Tool ​ (U) (Линия):

Шаг 2

Устанавливаем Mode (Режим) на Pixels (Пикселы).

Шаг 3

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

Шаг 4

Также можно использовать инструмент Brush Tool (B) ​ (Кисть). Щелкаем в том месте, где должна начинаться линия, и, удерживая Shift, щелкаем в конечной точке линии. Photoshop нарисует ее за нас!

2. Рисуем ломанную линию

Хороша, а как нарисовать ломаную линию? Для этого можно использовать тот же метод. Если сначала кликнуть, а затем нажать Shift, вы нарисуете отдельную прямую линию. Но если вы продолжите удерживать Shift и кликаем еще раз, конечная точка предыдущей линии станет начальной точкой новой. Итак, запоминаем порядок: кликаем и нажимаем Shift для отдельной линии, нажимаем Shift и кликаем для непрерывной ломаной линии.

1: кликаем, нажимаем Shift, кликаем, отпускае Shift, 2: кликаем, нажимаем Shift, кликаем, кликаем, кликаем…

3. Рисуем линию под углом 90 градусов

Теперь разберемся, как нарисовать линию под углом 90 градусов в Photoshop. Здесь также пригодится клавиша Shift. Удерживая Shift, начинаем рисовать влево или вправо, чтобы нарисовать горизонтальную линию, и вверх или вниз, чтобы нарисовать вертикальную линию. Photoshop выпрямит их за вас.

4. Рисуем изогнутую линию

Шаг 1

Итак, мы разобрались с прямой линией, но как нарисовать изогнутую линию в Photoshop? Конечно, можно использовать инструмент Brush Tool (B) ​ (Кисть), чтобы просто нарисовать любую линию, которую хотите, но, если у вас нет графического планшета, может быть сложно контролировать ее форму. Давайте вместо этого воспользуемся инструментом

Curvature Pen Tool (P) (Перо кривизны).

Шаг 2

Инструмент Curvature Pen Tool (P) (Перо кривизны) скрыт в меню Pen Tool  (Перо):

Шаг 3

Устанавливаем Mode (Режим) на Shape (Фигура), убираем Fill (Заливку), добавляем цвет Stroke (Обводка) и настраиваем толщину линии.

Шаг 4

Этот инструмент позволяет рисовать кривую линию, щелкая и перетаскивая. Самое удобное ­— это то, что линия остается полностью редактируемой: просто кликаем и перетаскиваем любую из ее точек, чтобы изменить форму. Удерживая нажатой клавишу Ctrl, кликаем, чтобы закончить рисование. Используем инструмент Direct Selection Tool (Кисть) или другого инструмента в режиме Pixels (Пиксели) настраиваем цвета на панели Color  (Цвет).

Шаг 2

Если предпочитаете инструмент Curvature Pen Tool (P) (Перо кривизны) или любой другой в режиме Shape (Фигура), настраиваем цвет обводки — это можно сделать даже после того, как линия уже нарисована.

Шаг 1

Чтобы нарисовать жирную линию есть два варианта: либо увеличить размер кисти, что можно сделать с помощью клавиш с квадратными скобками ([, ]).

Шаг 2

… или, если мы находимся  в режиме Shape (Фигура), просто указываем толщину обводки в настройках.

Шаг 1

Но как нарисовать линию под 45 градусов или под любым другим углом? Вот хитрость: используем инструмент Rotate View Tool (R) (Поворот вида).

Шаг 2

Вводим значение угла в поле Rotation Angle (Угол поворота) и нажимаем Enter.

Шаг 3

Теперь просто рисуем линию.

Шаг 4

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

Хорошая работа!

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

Автор: Monika Zagrobelna

Фигура и слой-фигура в Photoshop / Creativo.one

В этом уроке мы рассмотрим азы работы с фигурами и слоями фигур в программе 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):

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

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

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

Изменив значение параметра «Стороны» на 8, мы получим восьмиконечную звезду:

Определите число вершин звезды с помощью параметра «Стороны»

Мы можем нарисовать фигуру, похожую на взорвавшуюся звезду, увеличив остроту лучей звезды с помощью параметра «Глубина лучей» (Indent Sides By). По умолчанию, значение этого параметра равно 50%, я увеличу значение до 90%:

Увеличим значение параметра «Глубина лучей» до 90%

И вот какая у меня получилась звезда со значением параметра «Глубина лучей», равным 90%. Я также увеличил число вершин звезды до 16:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Автор: Steve Patterson

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

146 СSH, набор фигур, форм для Photoshop.

Скачать CSH        размер: 20,55 Kb      Скачать CSH        размер: 174,77 Kb      Скачать CSH        размер: 37,12 Kb      Скачать CSH        размер: 43,07 Kb      Скачать CSH        размер: 342,77 Kb      Скачать CSH        размер: 13,15 Kb      Скачать CSH        размер: 21,44 Kb      Скачать CSH        размер: 42,99 Kb      Скачать CSH        размер: 141,32 Kb      Скачать CSH        размер: 874,21 Kb      Скачать CSH        размер: 246,67 Kb      Скачать CSH        размер: 186,57 Kb      Скачать CSH        размер: 140,97 Kb      Скачать CSH        размер: 105,77 Kb      Скачать CSH        размер: 92,7 Kb      Скачать CSH        размер: 201,82 Kb      Скачать CSH        размер: 36,12 Kb      Скачать CSH        размер: 76,11 Kb      Скачать CSH        размер: 30,86 Kb      Скачать CSH        размер: 66,27 Kb      Скачать CSH        размер: 217,32 Kb      Скачать CSH        размер: 1,51 Mb      Скачать CSH        размер: 41,57 Kb      Скачать CSH        размер: 459,72 Kb      Скачать CSH        размер: 326,43 Kb      Скачать CSH        размер: 43,02 Kb      Скачать CSH        размер: 309,46 Kb      Скачать CSH        размер: 775,54 Kb      Скачать CSH        размер: 105,23 Kb      Скачать CSH        размер: 61,79 Kb      Скачать CSH        размер: 60,27 Kb      Скачать CSH        размер: 64,25 Kb      Скачать CSH        размер: 308,33 Kb      Скачать CSH        размер: 1020,77 Kb      Скачать CSH        размер: 850,31 Kb      Скачать CSH        размер: 324,48 Kb      Скачать CSH        размер: 382,23 Kb      Скачать CSH        размер: 517,88 Kb      Скачать CSH        размер: 617,75 Kb      Скачать CSH        размер: 683,05 Kb      Скачать CSH        размер: 860,98 Kb      Скачать CSH        размер: 412,09 Kb      Скачать CSH        размер: 798,33 Kb      Скачать CSH        размер: 220,02 Kb      Скачать CSH        размер: 252,41 Kb      Скачать CSH        размер: 476,54 Kb      Скачать CSH        размер: 568,2 Kb      Скачать CSH        размер: 1,04 Mb      Скачать CSH        размер: 1,67 Mb      Скачать CSH        размер: 1,75 Mb      Скачать CSH        размер: 962,77 Kb      Скачать CSH        размер: 889,27 Kb      Скачать CSH        размер: 767,5 Kb      Скачать CSH        размер: 862,49 Kb      Скачать CSH        размер: 1,15 Mb      Скачать CSH        размер: 989 Kb      Скачать CSH        размер: 816,8 Kb      Скачать CSH        размер: 487,4 Kb      Скачать CSH        размер: 1,38 Mb      Скачать CSH        размер: 880,25 Kb      Скачать CSH        размер: 668,38 Kb      Скачать CSH        размер: 243,51 Kb      Скачать CSH        размер: 1,26 Mb      Скачать CSH        размер: 527,63 Kb      Скачать CSH        размер: 654,52 Kb      Скачать CSH        размер: 1,31 Mb      Скачать CSH        размер: 1,11 Mb      Скачать CSH        размер: 1,11 Mb      Скачать CSH        размер: 1,38 Mb      Скачать CSH        размер: 646,89 Kb      Скачать CSH        размер: 1,82 Mb      Скачать CSH        размер: 2,54 Mb      Скачать CSH        размер: 1,43 Mb      Скачать CSH        размер: 1,56 Mb      Скачать CSH        размер: 1,27 Mb      Скачать CSH        размер: 1,04 Mb      Скачать CSH        размер: 1,24 Mb      Скачать CSH        размер: 1,06 Mb      Скачать CSH        размер: 1,18 Mb      Скачать CSH        размер: 435,63 Kb      Скачать CSH        размер: 406,36 Kb      Скачать CSH        размер: 486,76 Kb      Скачать CSH        размер: 595,12 Kb      Скачать CSH        размер: 244,64 Kb      Скачать CSH        размер: 451,73 Kb      Скачать CSH        размер: 468,25 Kb      Скачать CSH        размер: 231,74 Kb      Скачать CSH        размер: 565,74 Kb      Скачать CSH        размер: 714,51 Kb      Скачать CSH        размер: 194,56 Kb      Скачать CSH        размер: 206,54 Kb      Скачать CSH        размер: 211,05 Kb      Скачать CSH        размер: 260,61 Kb      Скачать CSH        размер: 54,46 Kb      Скачать CSH        размер: 77,96 Kb      Скачать CSH        размер: 61,28 Kb      Скачать CSH        размер: 135,35 Kb      Скачать CSH        размер: 170,91 Kb      Скачать CSH        размер: 249,94 Kb      Скачать CSH        размер: 231,87 Kb      Скачать CSH        размер: 217,97 Kb      Скачать CSH        размер: 239,61 Kb      Скачать CSH        размер: 212,55 Kb      Скачать CSH        размер: 296,85 Kb      Скачать CSH        размер: 64,44 Kb      Скачать CSH        размер: 85,24 Kb      Скачать CSH        размер: 113,63 Kb      Скачать CSH        размер: 140,62 Kb      Скачать CSH        размер: 138,08 Kb      Скачать CSH        размер: 90,71 Kb      Скачать CSH        размер: 88,12 Kb      Скачать CSH        размер: 78,16 Kb      Скачать CSH        размер: 39,61 Kb      Скачать CSH        размер: 240,37 Kb      Скачать CSH        размер: 181,16 Kb      Скачать CSH        размер: 138,92 Kb      Скачать CSH        размер: 96,22 Kb      Скачать CSH        размер: 374,86 Kb      Скачать CSH        размер: 259,41 Kb      Скачать CSH        размер: 370,62 Kb      Скачать CSH        размер: 238,69 Kb      Скачать CSH        размер: 187,05 Kb      Скачать CSH        размер: 124,11 Kb      Скачать CSH        размер: 517,23 Kb      Скачать CSH        размер: 374,88 Kb      Скачать CSH        размер: 213,71 Kb      Скачать CSH        размер: 460,55 Kb      Скачать CSH        размер: 815,25 Kb      Скачать CSH        размер: 656,21 Kb      Скачать CSH        размер: 350,25 Kb      Скачать CSH        размер: 367,44 Kb      Скачать CSH        размер: 460,88 Kb      Скачать CSH        размер: 266,36 Kb      Скачать CSH        размер: 340,48 Kb      Скачать CSH        размер: 85,75 Kb      Скачать CSH        размер: 298,76 Kb      Скачать CSH        размер: 413,29 Kb      Скачать CSH        размер: 52,75 Kb      Скачать CSH        размер: 162,49 Kb      Скачать CSH        размер: 629,98 Kb      Скачать CSH        размер: 315,25 Kb      Скачать CSH        размер: 1,49 Mb      Скачать CSH        размер: 533,93 Kb      Скачать CSH        размер: 23,55 Kb      Скачать CSH        размер: 85,15 Kb      Скачать CSH        размер: 1,63 Mb      

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

Разбираемся, куда пропали стандартные фигуры в 21‑ом Фотошопе, и как их вернуть на место.

Я все реже и реже пользуюсь Фотошопом — почти все задачи по интерфейсам решаются в «Sketch». Растр в дизайне сайта уже давно большая редкость. Нужно быть большим фанатом Фотошопа или иметь огромное количество свободного времени, чтобы в 2020-ом заниматься в нем разработкой интерфейсов, рисовать дизайн-макеты сайтов. Раньше у веб-дизайнеров альтернатив Фотошопу особо не было. Послойный PSD был своего рода стандартом при сдаче проекта. Но сейчас на рынке много прекрасного софта, заточенного именного на проектирование веб-интерфейсов: «Sketch», «Figma», «Adobe XD», etc.

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

На этот раз у меня «пропали» в Фотошопе стандартные фигуры (shapes). Вместо привычного набора были какие-то деревья (leaf tries), дикие животные (wild animals), лодки (boats) и цветы (flowers). А где же привычные стрелки, сердечки, карточные масти и другая полюбившаяся за долгие годы красота? «Restore Default Shapes» не помогает, он просто дублирует этот странный деревянно-лодочный набор.

Оказалось все просто, хоть и не очень очевидно. Нужно всего лишь выбрать в меню форм «Legacy Shapes and More». Но не в блоке «Options», который на скрине, и в который я несколько минут тупил — там этого пункта просто нет.

Adobe Photoshop 2020: Shapes

Нужно открыть «Формы» через кнопку на панели инструментов (справа) или через главное меню: Windows ⟶ Shapes, и уже там открыть меню форм и выбрать «Legacy Shapes and More».

Adobe Photoshop 2020: Legacy Shapes and More

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

Вот и всё!
Всем добра!

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

Как нарисовать линию в Фотошопе

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

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

Создание разных типов линий

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

Обыкновенные прямые линии

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

Более подробно мы уже рассматривали создание обычной прямой линии в Photoshop в соответствующем уроке: Как нарисовать прямую линию в Photoshop

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

Создание ломаной линии

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

Незамкнутая ломаная линия

Проще всего использовать для создания такой линии инструмент Фотошопа — «Перо».

Отдельная и достаточно подробная статья по инструменту “Перо” в Photoshop в одном из наших уроков: Как пользоваться пером в Photoshop

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

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

• Отметьте нужное количество опорных точек в требуемых местах.
  
• После чего требуется обвести контур, который получился. Для этой цели можно использовать любой из доступных инструментов программы. Мы выбрали “Кисть”.

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

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

и параметра «Свободное трансформирование» (для этого воспользуйтесь сочетанием клавиш CTRL+T).

Создание замкнутой ломаной линии в Фотошопе

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

Способ №1 — фигура

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

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

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

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

Cпособ №2 — прямолинейное лассо

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

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

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

Кликаем “ОК” и получаем результат:

Построение кривой линии

Как и ломаные линии, кривые делятся на два типа: незамкнутые и замкнутые. Для построения кривой в программе Photoshop существует множество инструментов и способов.

Незамкнутая кривая

Для построения такой линии есть всего один инструмент — «Перо» ( с последующей обводкой). Либо же можно нарисовать такую линию вручную.

Замкнутая кривая

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

1. Лассо

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

2. Овальная область

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

3. Фигура

Возьмем инструмент — «Эллипс». В верхнем меню выставим требуемые настройки и создаем фигуру – овал.

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

Результат после применения деформации:

На этом все. Мы показали вам, как различными способами создать линии в программе Фотошоп. Эти навыки пригодятся при построении различных сеток, контуров и макетов.

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

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

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

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

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

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

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

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

   Урок: Рисуем прямоугольники в Фотошопе

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

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

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

   Урок: Как нарисовать круг в Фотошопе

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

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

   Урок: Рисуем треугольник в Фотошопе

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

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

   Урок: Рисуем прямую линию в Фотошопе

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

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

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

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

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

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

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

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

   и его толщину.

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

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

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

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

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

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

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

3. Вычитание фигур.

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

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

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

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

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

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

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

Практика

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

Итак, практика.

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

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

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

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

Отверстие готово.

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

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

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

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

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

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

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

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

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

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

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

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

ДА НЕТ

пользовательских форм для Photoshop

Реклама

Скачайте бесплатно эти сетки фигур для Фотошопа. CSH Сетка Photoshop пользовательские формы включают 2×2, 3×3, 4×4, 5×5 и 6×6 сетки Photoshop . Поскольку это нестандартных форм , их можно использовать как векторных сеток и, следовательно, изменять их размер до любого размера без потери деталей.

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

Существуют также альтернативы использованию форм сетки. Оцените этот потрясающий пакет шаблонов сетки Photoshop (содержит узоры сетки, сеточные кисти для Photoshop и сетку PNG изображений).

Если вам нужно простое изображение сетки с прозрачным фоном, вы также можете использовать бесплатную текстуру сетки от Textures4Photoshop.

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

рейтинг: прислал: Джон Представления: 175 сайт: www.shapeforphotoshop.com

Королевские короны. Еще один векторный клипарт элементов герольда — Короны. На этот раз большинство крозов не только простые силуэты, но и детализированные формы.

Легко раскрашивать и наносить стильные золотые или серебряные градиенты. Вы можете сделать королеву / принцессу из любой сексуальной девушки с таким известным атрибутом, чтобы украсить свой герб вектор или любую другую геральдическую иллюстрацию. Есть 35 векторных форм корон в разных стилях и обоих форматах: Photoshop и Illustrator.

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

рейтинг: прислал: админ Представления: 8475 сайт: all-silives.com

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

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

рейтинг: прислал: Джон Представления: 4621 сайт: jojo-ojoj.deviantart.com

Силуэты самолетов бесплатно вектор фигур для Photoshop. Этот набор содержит 24 силуэта военных самолетов ВВС США, которые выглядят совершенно потрясающе. В пакете CSH у вас есть силуэты самолетов этих самолетов ВВС США:

• A-10, Warthog
• B-1, Lancer
• B-2, Spirit
• B-52, Stratofortress
• C-130, Hercules
• C-145, Skytruck
• E-3, Sentry
• F-117, Nighthawk
• F-16, Viper
• F-18, Super Hornet
• F-22, Raptor
• F-35, Lightning II
• HH-60, Pave Hawk
• MQ-1 , Predator
• MQ-9, Reaper
• PJ, Pararescue
• T-38, Talon

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

Наслаждайтесь!

рейтинг: прислал: Reaganator Представления: 990 сайт: www.reaganator.com

Gun silhouette free векторы. Загрузите это нестандартных форм пакет с 21 различным силуэтом пистолета нестандартных форм для Photoshop. Вы можете просто установить.csh vector gun формирует и использует их в Photoshop как векторную графику . CAR 15, револьвер Smith Wesson, AK47, Heckler & Koch MP5 и другой силуэт пистолета вектор формы

рейтинг: прислал: Reaganator Представления: 1057 сайт: reaganator.com

Силуэт дома и вектор формы для Photoshop, бесплатно до загрузите из PhotoshopSupply.Этот пакет содержит красивый дом shape изображения в Photoshop custom shape CSH формате. Просто загрузите и установите эти векторных фигур Photoshop , и вы сможете использовать их в своих проектах.

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

Используя Photoshop , вы можете разместить дом произвольной формы на прозрачном фоне и легко создать изображение дома в векторном формате PNG. Поскольку вы получаете этот пакет фигур вектор силуэтов дома бесплатно, будьте добры и поделитесь этой страницей с друзьями через Facebook, Twitter или Pinterest.

рейтинг: прислал: PhotoshopSupply Представления: 2297 сайт: www.photoshopsupply.com

Забавный набор нарисованных от руки стрелок, созданных Dragon Art. 72 уникальных и креативных индикатора, указателя; индексы; стрелки, наконечники стрелок и курсоры. Другое направление, другой взгляд.

Также посмотрите эту прикольную халяву от моих друзей — сборник из 100 стрелок в векторе Хотите еще больше стрел? Обратите внимание на этот набор из Photoshop Supply с 55 различными формами стрелок.

рейтинг: прислал: админ Представления: 1319 сайт: все-силуэты.com

Этот новый Photoshop line shape pack содержит 16 разделительных линий с разными стилями и формами. Наиболее часто используются пунктирная линия и пунктирная линия, поэтому вы можете найти их в этом файле CSH . Но есть также линия из звезд и другие линии разной формы.

Вы можете увидеть их все на предварительном просмотре.
Посмотрите этот урок, если вы хотите узнать все о том, как рисовать линию в Photoshop.

рейтинг: прислал: PSDDude Представления: 1816 Сайт: www.psd-dude.com

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

Вы можете использовать его для любых видов печати, создания дизайна футболок, графических работ (логотип, визитка, сайт и т.д.), скрапбукинга, обложек CD и DVD, иллюстраций к книгам. Упаковка, ткань или модный дизайн. ВАЖНАЯ ИНФОРМАЦИЯ ДЛЯ БЛОГЕРОВ! Если вы собираетесь поделиться этим пакетом vector , вам следует вставить прямую ссылку на эту страницу и сделать текст ссылки таким же, как заголовок этого сообщения.

рейтинг: прислал: админ Представления: 3296 Сайт: all-silives.com

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

Что я могу сделать с этими автомобильными наклейками?

В Photoshop вы можете легко применить эти наклейки тюнинга автомобилей к изображениям автомобилей.

Если вы ищете высококачественные изображения для автомобилей, которые можно использовать бесплатно, посетите Textures4Photoshop. Я думаю, эти автомобильные наклейки отлично смотрелись бы на таком белом Fiat 500.

рейтинг: прислал: админ Представления: 3813 сайт: thesuper.deviantart.com

Photoshop Shapes and Shape Layers Essentials

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

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

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

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

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

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

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

Параметр слоев формы

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

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

Выберите параметр «Слои фигур», чтобы рисовать векторные фигуры.

Выбор цвета для формы

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

Щелкните образец цвета, чтобы выбрать цвет для формы.

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

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

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

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

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

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

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

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

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

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

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

Квадраты для рисования

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

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

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

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

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

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

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

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

Слои формы

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

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

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

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

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

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

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

В любой момент легко вернуться и изменить цвет фигуры.

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

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

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

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

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

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

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

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

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

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

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

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

Используйте значение «Радиус», чтобы задать округлость углов.

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

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

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

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

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

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

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

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

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

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

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

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

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

Инструмент Ellipse Tool

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

Рисование эллиптической формы с помощью инструмента «Эллипс».

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

Эллиптическая форма с цветной заливкой.

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

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

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

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

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

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

Введите количество сторон, необходимое для формы многоугольника, в поле Sides на панели параметров. Значение по умолчанию — 5, но вы можете ввести любое значение от 3 до 100:

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

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

Инструмент «Многоугольник» отлично подходит, когда нам нужно что-то, кроме четырехстороннего прямоугольника.

Установка параметра «Стороны» на 3 для инструмента «Многоугольник» дает нам простой способ нарисовать треугольник:

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

А вот форма многоугольника с параметром «Стороны», равным 12:

Двенадцатигранный многоугольник.

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

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

Выберите «Звезда» в меню «Параметры многоугольника».

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

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

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

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

Мы можем создать фигуру звездообразования, увеличив отступ точек с помощью параметра Отступ сторон на . Значение по умолчанию — 50%. Увеличу до 90%:

Увеличение значения отступа звездочки до 90%.

Вот моя форма звезды с отступом 90%. Я также увеличил количество сторон до 16:

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

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

Выбор параметра «Сглаженные углы».

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

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

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

Выбор параметра «Плавные отступы».

И снова наша форма звезды выглядит иначе:

Форма звезды с включенными сглаженными отступами.

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

Наконец, инструмент «Линия», последний из инструментов Photoshop «Геометрическая форма», позволяет рисовать простые прямые линии, но мы также можем использовать его для рисования стрелок. Установите толщину линии, введя значение в пикселях в параметр Weight на панели параметров. Я установил свой размер 16 пикселей:

Используйте параметр «Толщина», чтобы задать толщину линии.

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

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

Чтобы добавить стрелки к линиям, щелкните маленькую стрелку на панели параметров, чтобы открыть параметры Стрелки . Photoshop позволяет нам добавлять стрелки либо в начало, либо в конец строки, либо в оба.Если вы хотите, чтобы стрелка отображалась в том направлении, в котором вы рисуете линию, что обычно бывает, выберите опцию End . Убедитесь, что вы выбрали этот параметр перед рисованием линии, поскольку Photoshop не позволяет нам вернуться и добавить стрелки после того, как линия уже была нарисована:

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

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

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

Если размер стрелки по умолчанию вам не подходит, вы можете отрегулировать его с помощью параметров Ширина и Длина . Мы также можем сделать стрелку вогнутой, используя опцию Concavity . Значение по умолчанию — 0%. Увеличу до 50%:

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

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

Стрелка со значением «Вогнутость», равным 50%.

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

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

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

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

(БЕСПЛАТНО) Triangle Shapes для Photoshop — Photoshop Supply

Triangle Shapes (CSH-файл)

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

Этот набор включает 38 векторных треугольников , которые можно использовать в Photoshop. Вы можете преобразовать файл пользовательских фигур Photoshop в формат SVG. Таким образом вы можете использовать формы треугольников в Illustrator.

Загрузите файл CSH и загрузите формы треугольников в Photoshop.

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

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

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

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

38 Triangle Shapes для Photoshop

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

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

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

Если у вас нет Photoshop, вы все равно можете обрезать изображения в форме онлайн с помощью фоторедактора MockoFun, который является бесплатным онлайн-инструментом.

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

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

Как загрузить векторную форму в Photoshop?

Сначала вам нужно загрузить формы Photoshop . Щелкните правой кнопкой мыши архив ZIP и выберите Извлечь файлы .

Чтобы загрузить формы в Photoshop, перейдите в Edit> Preset Manager> Custom Shapes и нажмите кнопку Load . Выберите файл CSH , чтобы загрузить его.

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

В Photoshop можно создать треугольник с помощью инструмента Polygon Tool ; установите Sides на 3 стороны или точки.

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

Как редактировать векторную форму в Photoshop?

Добавьте форму треугольника с помощью инструмента Photoshop Custom Shape Tool .

Треугольники в Photoshop легко редактировать.

В Photoshop отредактируйте фигуру после рисования с помощью следующих инструментов: Pen Tool , Convert Point Tool , Add Anchor Point Tool и т. Д.

Затем вы можете комбинировать треугольные формы с помощью инструмента Custom Shape Tool для создания новых интересных форм.

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

Как изменить размер формы в Photoshop?

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

Как изменить размер фигуры в Photoshop? Просто нажмите Control-T , чтобы изменить размер векторной формы.

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

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

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

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

Перейдите в Elements> Shapes> Geometric , чтобы использовать векторные треугольные формы.

О фигурах Photoshop

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

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

Существуют всевозможные пользовательские формы Photoshop, такие как формы рамки, формы стрелок, формы баннеров и т. Д.

Подробная информация об элементе

Этот бесплатный пакет содержит 1 CSH файл

Другие ресурсы, которые могут вам понравиться:

Свежая коллекция бесплатных фигур Photoshop — eWebDesign

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

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

Сегодня мы перечислили разнообразные наборы ценных нестандартных форм, чтобы охватить разные темы.

Free Photoshop Shapes

Значки Custom Shapes — Набор включает 15 настраиваемых фигур с изменяемым размером, которые позволяют создавать различные значки.Каждая вещь может служить прекрасным фоном для логотипа.

Custom Shapes Formes 1 — Этот пакет поможет вам украсить ваш проект красивыми украшениями с грубыми краями, которые сейчас очень популярны. Формы также можно использовать в качестве сплошных узоров, которые естественным образом добавят любому произведению искусства прекрасное ощущение геометрии, а также придадут ощущение глубины и сложности.

Custom Shapes Cuisine 2 — Этот букет идеально подходит для проектов с кулинарной тематикой.Дизайнер раздает не только этот конкретный набор, но и еще 3 ценных пакета, которые также включают высококачественные формы для кухни в стиле Photoshop.

Free Frames — Calligraphy Borders — Если вы ищете изысканные украшения для создания стильных и элегантных произведений искусства, вам обязательно стоит обратить внимание на этот набор. Дизайнер, как и предыдущий, предлагает своим посетителям более чем 1 пакет нестандартных форм, посвященных украшениям, вдохновленным каллиграфией.

70+ нарисованных от руки форм стрелок — Рукописный стиль — с характерным человеческим акцентом — всегда манит дизайнеров, а также эффективно привлекает внимание пользователей. Чтобы успешно воплотить этот стиль, вам следует использовать эту подборку схематичных стрелок.

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

Морские формы Photoshop Custom Shapes — Этот морской пакет включает в себя десятки различных якорей, рулевых колес, звезд, векторных кораблей и других характерных компонентов.

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

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

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

ГЕОМЕТРИЧЕСКИЕ ИНДИВИДУАЛЬНЫЕ ФОРМЫ — это еще один набор, который призван воссоздать четкий и прямой дизайн с учетом геометрической привлекательности. Вы можете создавать замысловатые узоры и необычные украшения с помощью различных нестандартных форм кругов, розеток, звезд, треугольников и т. Д.

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

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

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

Symbol Shapes 1.0 от Sed-rah-Stock. Набор содержит множество полезных основных символов, которые обычно используются в различных интерфейсах. Вы найдете универсальные значки, обычные значки для медиаплееров и те, которые присущи домашним экранам и страницам.

Отражение

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

Превратите свою подпись в пользовательскую форму Photoshop | Графический дизайн

Шаг 1

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

Первым шагом в этом процессе, конечно же, является перенос вашей подписи на бумаге в Photoshop. Я рекомендую подписать свое имя на свежем листе белой бумаги черным мелким маркером, таким как Sharpie Ultra Fine Point, он нанесет достаточно темную линию, чтобы облегчить работу, а поскольку это наконечник маркера, вы получить вариации толщины линий, которые сделают конечный результат еще круче.Хотя вы можете использовать синий маркер и преобразовать его в оттенки серого позже, вы получите лучшую отправную точку, если воспользуетесь черным.

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

Шаг 2

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

Дублируйте слой со своим слоем подписи (который я переименовал в Подпись ), нажав Command-J (ПК: Ctrl-J). Теперь, когда дублирующийся слой выбран по умолчанию, давайте вызовем диалоговое окно «Уровни» и увеличим контраст между черными и белыми областями изображения. Нажмите Command-L (ПК: Ctrl-L), чтобы открыть диалоговое окно «Уровни», возьмите ползунок черной точки в нижнем левом углу гистограммы и перетащите его вправо, пока не будет достигнут достаточный контраст.

(* примечание: если ваша палитра «Слои» не отображается, просто выберите «Окно»> «Слои» в главном меню.)

Шаг 3

Давайте также изменим режим наложения слоя Signature copy на Multiply в палитре Layers, это добавит слой ниже к миксу, завершив наш процесс затемнения.

Шаг 4

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

Нажмите Command-A (ПК: Ctrl-A), чтобы выбрать все, затем выберите Edit> Copy Merged в главном меню, как следует из названия, эта функция скопирует документ таким, каким вы его видите, а не только то, что находится на текущем слое. . Продолжайте и снимите выделение, когда закончите копирование, нажав Command-D (ПК: Ctrl-D).

(* примечание: сочетание клавиш для копирования слияния — Command-Shift-C (ПК: Ctrl-Shift-C), если вы так же зависимы от сочетаний клавиш, как и я.)

Шаг 5

Теперь, когда мы скопировали холст в буфер обмена, давайте переключимся на палитру каналов (если ваша не отображается, выберите «Окно»> «Каналы» в главном меню).В нижней части палитры «Каналы» выберите значок «Создать новый канал», чтобы создать новый альфа-канал. По умолчанию новый канал будет выбран автоматически, так что давайте вставим изображение, которое мы только что скопировали, прямо в новый канал, нажав Command-V (ПК: Ctrl-V).

Прежде чем мы продолжим, давайте также инвертируем цвета в этом новом альфа-канале, нажав Command-I (ПК: Ctrl-I) или выбрав Image> Adjustments> Invert в главном меню.

Шаг 6

Теперь мы можем легко выбрать подпись, просто удерживая нажатой клавишу Command (PC: Ctrl) и щелкнув миниатюру нашего нового альфа-канала в палитре каналов.

После того, как выбор сделан, щелкните верхний канал (называемый RGB), чтобы восстановить стандартное представление документа и вернуться к палитре слоев. Вернувшись к палитре слоев, отключите видимость слоев Signature и Signature copy , щелкнув маленькие значки глаз слева от миниатюр каждого слоя в палитре слоев. Это упростит просмотр нашего выбора и поможет нам в работе над следующими несколькими шагами.

Шаг 7

Переключитесь на инструмент Marquee, нажав клавишу M, затем щелкните мышью, удерживая нажатой клавишу Control (ПК: щелкните правой кнопкой мыши) в любом месте «марширующих муравьев» выделения на сцене, и выберите «Создать рабочий контур» из появившегося меню. Затем появится диалоговое окно «Допуск», в котором спрашивается, сколько пикселей мы хотим использовать в качестве допуска для нашего пути, другими словами, как именно путь должен следовать за выделением. Я обнаружил, что допуск в 2-3 пикселя обычно дает результат, который не требует тонкой настройки после преобразования.Нажмите OK, чтобы превратить выделение, которое мы только что создали, в Path, которым мы теперь можем управлять, а затем преобразовать в нашу Custom Shape.

Шаг 8

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

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

Шаг 9

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

В главном меню выберите «Правка»> «Диспетчер предустановок». Когда появится Диспетчер предустановок, выберите Custom Shapes из раскрывающегося меню в верхней части поля, затем перейдите к концу образцов миниатюр, чтобы найти только что созданную форму (новые формы всегда добавляются в конец списка. ). Щелкните новую форму, чтобы выбрать ее, затем нажмите кнопку «Сохранить набор» в правой части диалогового окна. Дайте своей подписи имя, которое вы запомните, выберите место для сохранения и нажмите ОК, и все готово.

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

Шаг 10

Пришло время использовать вашу индивидуальную подпись формы! Откройте фотографию или другой документ, который хотите подписать. Я буду использовать эту фотографию, сделанную в Сан-Франциско в прошлом году.

Переключитесь на инструмент Custom Shape, нажав клавишу U, и убедитесь, что у вас установлен инструмент Pixels и Custom Shape (т.е.blob) на панели параметров в верхней части Photoshop и, конечно же, выберите новую форму подписи в средстве выбора формы.

Шаг 11

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

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

(* примечание: так как здесь я использовал свою собственную подпись, загрузка этого урока недоступна… не то чтобы она вам все равно могла понадобиться.)

Файлы уроков + дополнительные ресурсы

Для этого урока Photoshop нет загрузки файлов или дополнительных ресурсов.

Расскажи друзьям

доля

Поддержите героя

Ты всегда был моим любимцем!

Векторные фигуры в Photoshop CS6

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

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

Привязка пикселей #

Для меня самым большим изменением в CS6 является перенос пиксельной привязки из отдельных векторных инструментов в глобальную настройку с броским названием Snap Vector Tools и Transforms to Pixel Grid.Он скрыт под общей вкладкой в ​​настройках, но с ним можно действовать, поэтому вы можете включать и отключать его с помощью сочетания клавиш.

Когда пиксельная привязка отключена, поведение смещения в Photoshop аналогично тому, как это было раньше — смещение связано с уровнем масштабирования. Если вы увеличили масштаб до 100%, смещение сдвинется на один пиксель. Если вы увеличили масштаб до 200%, смещение сдвинется на 0,5 пикселя. Продолжайте увеличивать масштаб, и шаг становится меньше:

• 100% — 1 пикс.
• 200% — 0,5 пикселя или полпикселя.
• 300% — 0,33 пикселя или треть пикселя.
• 400% — 0,25 пикселя или четверть пикселя.
• 500% — 0,2 пикселя или пятая часть пикселя.
• 600% — 0,1667 пикселя или одна шестая пикселя.

… и так далее, вплоть до 3200%, что смещает 0,03125 пикселей.

При включенной привязке к пикселям смещение всегда перемещается на один пиксель. Под одним пикселем я говорю об одном пикселе относительно текущего положения. Точка, расположенная на 50,5 пикселей, переместит ее на 51.5 пикселей, если смещение при включенной привязке к пикселям.

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

Мне нравится такое поведение, но стоит знать, как все это работает, на случай, если вам понадобится подтолкнуть на определенную величину — вы можете создать прямоугольник шириной ровно 3 пикселя при просмотре на устройстве Retina, но ваш документ может быть настроен как без Retina и вдвое меньшего размера.Это легко. Нарисуйте прямоугольник шириной 1 пиксель, отключите привязку к пикселям, увеличьте масштаб до 200% и сдвиньте одну сторону прямоугольника (две точки привязки) ровно один раз. Тогда он будет иметь ширину точно 1,5 пикселя, которая станет шириной 3 пикселя при масштабировании документа до размера Retina.

При масштабировании 66,7% с включенной привязкой кажется, что смещение сдвигается на 0,5 пикселя, а не на 1 пиксель. Это похоже на ошибку, а не на то, как предполагалось.

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

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

Если вы немного сообразительны, вы можете использовать «Выровнять края» для позиционирования элементов на границе 0,5 пикселя и отображения их пиксельной привязки для размеров, отличных от Retina и Retina, без изменения документа после масштабирования. Я не встречал много ситуаций, в которых мне хотелось бы это сделать, но это возможно.

Фигуры как слои #

Еще одно большое изменение для CS6 — векторные слои, отображаемые на панели слоев как векторные фигуры, а не слои сплошного цвета (или слои градиента или слои узора) с векторной маской. Это изменило внешний вид панели слоев, но функциональность в основном такая же, как у CS5.

Чтобы скопировать и заменить векторную маску с одного слоя на другой. В CS5, удерживая нажатой клавишу «Option», перетащите маску с одного слоя на другой. То же самое работает в CS6, но ярлык теперь является параметром команды (использование параметра само по себе приведет к дублированию слоя).Просто убедитесь, что вы нажали command-option перед нажатием и перетаскиванием, потому что иначе это не сработает.

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

Этот метод можно использовать для применения векторной маски к группе. Или вы можете скопировать и вставить векторный контур, а затем использовать Слой → Векторная маска → Текущий путь, чтобы применить путь как маску. Снять маску немного сложнее. Самый быстрый метод, который я знаю, — это выбрать слой, скопировать стили слоя (если они есть), создать новый слой того же типа, а затем вставить стили слоя.Пункт меню Слой → Векторная маска → Удалить существует, но, по моему опыту, он всегда отключен.

Выбор #

Точки, выбранные на векторных слоях, запоминаются, пока документ открыт. Это означает, что вы не потеряете тщательно подобранный выбор, если решитесь отредактировать другой слой и вернетесь. Это и хорошо, и плохо. Использование слоя формы с помощью функции «Копировать» (команда-J) позволяет дублировать выбранные точки на новый слой, потенциально удаляя точки, которые вы предпочитаете сохранить.Для векторных контуров нет пункта меню отмены выбора, но щелчок в области контура выполняет ту же работу. Итак, прежде чем вы нажмете command-J, щелкните свой объект с помощью инструмента Path Selection или Direct Selection — оба снимают выделение со всех векторных точек.

Монтаж, не отвлекаясь #

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

Если сделать векторный слой видимым или щелкнуть по холсту с помощью инструментов «Выделение контура» или «Прямое выделение», то вернется контур контура, как и при втором нажатии Command-shift-H. Возможность скрыть контур контура была возможна в Photoshop CS5, но она настолько удобна, что заслуживает упоминания здесь еще раз.

Другие подсказки #

Нажатие option-delete немедленно заполнит векторную фигуру цветом переднего плана, что дает дополнительное преимущество преобразования слоя градиента или слоя узора в слой сплошного цвета.Если вы хотите быстро изменить заливку на черный, вы можете нажать «d», а затем — option-delete.

No related posts.