Как в фотошопе нарисовать фигуру: Создание фигур

Как нарисовать произвольную фигуру в Фотошопе: практический пример

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

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

Для того, чтобы успешно создать свою произвольную фигуру в Фотошопе, необходимо знать, как работать с инструментами выделения и не только, например, с “Прямоугольником”, “Эллипсом”, “Пером” и т.д. Но чаще всего, используется “Перо”, так как оно позволяет выделить объект любой формы. Мы подробно рассмотрели работу с этим инструментом в отдельной публикации.

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

Этап 1: рисуем очертания

1. Берем “Перо” на боковой панели инструментов.
2. В появившейся верхней строке настроек убеждаемся в том, что выбран параметр “Фигура” (или выбираем его, если установлен другой вариант).
3. Выполняем обводку нашего объекта, тем самым как бы рисуя нашу фигуру. Так как Photoshop не знает, какая у нас задумка, и что мы планируем делать дальше, он автоматически перекрывает выделенную область цветом, выбранным в строке параметров для заливки (в нашем случае – черным).
4. Чтобы это не мешало довести дело до конца, в Палитре для слоя с фигурой снижаем “Непрочность” (например, до 50%), после чего продолжаем работу с “Пером”.
5. Когда все готово, снова щелкаем по “Перу” в панели инструментов, чтобы завершить операцию (это нужно делать каждый раз после нового выделения). Теперь нам нужно вырезать все необходимые технические отверстия в кассете – круглые, овальные и т.д.
6. На панели инструментов берем “Эллипс”.
7. Верхней строке настроек выбираем параметр “Вычесть переднюю фигуру”.
8. Начнем с отверстий, которые имеют форму идеального круга. Чтобы получить такой же, удерживаем Shift на клавиатуре и рисуем фигуру с помощью зажатой левой кнопки мыши. Здесь есть важный нюанс – жмем Shift только после того, как начнем рисовать (в противном случае ничего не получится). А чтобы начать с центра, вместе с Shift следует удерживать Alt. Для удачного завершения процесса сначала отпускаем кнопку мыши, затем зажатые клавиши на клавиатуре.
9. Для того, чтобы убрать оставшиеся ненужные элементы, можно также воспользоваться “Эллипсом”, или создать “вырезающие” фигуры с помощью “Пера”. Главное – для данных инструментов должен быть обязательно выбран параметр “Вычесть переднюю фигуру”.
10. Переходим к центральной части кассеты. Удаляем ее полностью, также, воспользовавшись “Пером”.
11. Оставляем выбранный инструмент, но меняем для него параметр на “Объединить фигуры”.
12. Рисуем внутри удаленной части новую фигуру чуть меньше только что вырезанной. Таким образом, нам удалось получить прозрачную полоску вокруг центральной части кассеты (правда, пока что этого не особо видно).
13. Теперь убираем все лишние элементы внутри созданной фигуры.Примечание: важно заранее продумать, какие части должны быть удалены, а какие оставлены, так как, например, созданные новые фигуры могут перекрыть ранее вырезанные в этой же области.
14. Когда все готово, переходим в Палитру, где возвращаем полную непрозрачность фигуре. Исходный слой с кассетой нам больше не нужен, поэтому отключаем его видимость.
15. Получаем такой результат на холсте. Конечно же, он может быть намного качественнее, если более аккуратно работать с инструментами, но в нашем случае основная задача – это продемонстрировать сам процесс, поэтому мы не заостряли особое внимание на аккуратности.

Этап 2: сохраняем фигуру

Когда нужная нам произвольная фигура создана, ее еще нужно сохранить. Вот, что мы для этого делаем:

1. Убеждаемся в том, что в Палитре выбран именно слой с ней, после чего в меню “Редактирование” выбираем пункт “Определить произвольную фигуру”.
2. Перед нами появится окошко, в котором мы задаем имя и жмем OK. После этого фигура добавится в библиотеку программы, и у нас всегда будет к ней доступ.

Пример использования фигуры

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

1. На боковой панели берем “Произвольную фигуру”.
2. В верхней строке параметров щелкаем по текущему варианту и в открывшемся списке выбираем нашу кассету.
3. На панели инструментов задаем основной цвет (это необязательно, т.к. его можно потом изменить), затем рисуем фигуру с помощью зажатой левой кнопки мыши. Чтобы в процессе рисования сохранить пропорции, удерживаем клавишу Shift. Также дополнительно можно зажать Alt, если нужно начать рисование с центра.
4. С помощью инструмента “Перемещение” созданный объект можно передвинуть в любое место на холсте. А с помощью функции “Свободное трансформирование” можно изменить размеры, если это требуется. При этом, если увеличить фигуру, даже значительно, качество ухудшаться не будет.
5. Пре желании и необходимости фигуру можно настроить. Для этого открываем меню “Окно” и выбираем в нем пункт “Свойства”.
6. В результате откроется окошко, в котором мы можем видоизменить объект (должен быть выбран именно слой с ним).
7. В нашем случае мы добавили черную обводку и залили кассету желаемым цветом.

Заключение

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

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

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

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

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

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

1. Фигура. Значение установлено по умолчанию, и при нём создаётся векторная геометрическая фигура на отдельном слое, то есть происходит то, чего вы от инструмента и ждёте.
2. Контур. Рисуется контур фигуры без заливки.
3. Пикселы. Создаётся не векторная, а растровая фигура.

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

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

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

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

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

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

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

После установки переключателя в положение

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

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

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

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

Эллипс

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

Окружность либо во время рисования удерживайте нажатой клавишу Shift.

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

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

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

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

Линия

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

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

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

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

Фигура, щелчок на которой открывает окно выбора фигур.

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

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

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

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

Как создать произвольные фигуры или формы в Photoshop. Опции инструмента группы «Фигуры». Параметр «Вычесть из области фигуры»

В этом уроке мы изучим основы рисования векторных фигур в программе Photoshop CS6 с помощью простых инструментов группы «Фигуры»! Мы начнем с изучения работы инструментов «Прямоугольник» (Rectangle Tool), «Прямоугольник с закругленными краями» (Rounded Rectangle Tool), «Эллипс» (Ellipse Tool), «Многоугольник» (Polygon Tool) и «Линия» (Line Tool). Далее мы научимся выбирать цвета заливки и обводки для фигур, изменять внешний вид обводки, редактировать фигуры за счет полезных свойств слоев-фигур и многое другое! Нам надо многое изучить, поэтому в этом уроке мы сфокусируемся на работе и свойствах пяти основных инструментов группы геометрических фигур. В следующем уроке мы научимся добавлять более сложные фигуры в наш документ с помощью инструмента «Произвольная фигура»!

Этот урок рассчитан для пользователей программы Photoshop CS6. Если вы работаете в более старой версии программы, то изучите исходный урок «Фигура и слой-фигура в Фотошоп» .

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

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

Инструменты группы «Фигуры»

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

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

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

Векторные фигуры, контуры и пиксельные формы

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

Для того чтобы нарисовать векторные фигуры, а не контуры или пиксельные формы, выберите параметр «Фигура» (Shape) на панели настроек инструмента в верхней части экрана:

Выбираем на панели настроек режим инструмента «Фигура»

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

Кликаем по значку образца цвета заливки

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

4 параметра заливки фигуры («Нет цвета», «Чистый цвет», «Градиент» и «Узор»)

Способ заливки «Нет цвета»

Как следует из названия, способ заливки «Нет цвета» (No Color) фигуру никаким цветом не заполняет. Вы можете спросить, зачем же нам нужна пустая фигура? Ну, в некоторых случаях, возможно, вам потребуется, чтобы у фигуры был только тонкий контур. Далее мы рассмотрим, как добавить к фигуре обводку, но если вы захотите, чтобы у фигуры был только контур без заливки цветом, выбирайте параметр «Нет цвета»:

При выборе параметра «Нет цвета» фигура никаким цветом не заполнится

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

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

Способ заливки «Чистый цвет»

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

Кликаем по значку параметра «Чистый цвет»

После выбора параметра «Чистый цвет», выбираем цвет для фигуры, кликнув по одному из образцов цвета. Цвета, которые вы недавно использовали, появятся в ряду «Недавно использованные цвета» (Recently Used Colors) над основными образцами:

Выбираем цвет, кликнув по его образцу

Если среди образцов нет требуемого цвета, кликните по иконке Палитры цветов в правом верхнем углу диалогового окна:

Кликаем по иконке Палитры цветов

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

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

Ниже представлена та же фигура, только на этот раз заполненная цветом:

Наша фигура теперь заполнена цветом

Способ заливки «Градиент»

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

Сначала выбираем параметр «Градиент», а затем — нужный образец градиента

Ниже представлена та же фигура, только на этот раз заполненная градиентной заливкой:

Наша фигура теперь заполнена одним из образцов готовых градиентов

Способ заливки «Узор»

И, наконец, выбрав параметр «Узор» (Pattern), мы сможем заполнить фигуру узором. Кликните по одной из миниатюр, чтобы определиться с готовым узором. Первоначально в программе представлено не так много узоров, но вы также можете загрузить дополнительные узоры, скачанные из Интернета или созданные самостоятельно, кликнув по маленькому значку шестерни (под значком Палитры цветов) и выбрав пункт «Загрузить узоры» (Load Patterns) из появившегося меню:

Сначала выбираем параметр «Узор», а затем — нужный образец узора

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

Фигура, заполненная выбранным узором

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

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

Чтобы добавить обводку, кликните по образцу цвета обводки на панели настроек:

Кликаем по образцу цвета обводки

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

Выбираем для обводки параметр «Чистый цвет», а затем из образцов цвета выбираем нужный

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

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

Изменяем ширину обводки

Опция «Выровнять края»

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

Удостоверьтесь, что опция «Выровнять края» включена

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

Для того чтобы опция «Выровнять края» работала, установите ширину обводки в пикселях (рх)

Ниже к фигуре применена черная обводка шириной 10 рх:

Простая фигура с черной обводкой вокруг нее

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

Та же самая фигура, с параметром заливки «Нет цвета»

Дополнительные опции обводки

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

Кликаем по кнопке «Задать тип штриха фигуры»

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

Параметры обводки

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

Внешний вид обводки изменился с непрерывной линии на пунктирную

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

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

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

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

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

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

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

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

Как только вы нарисовали первоначальную фигуру, на панели настроек появятся ее текущие размеры: ширина (Width (W)) и высота (Height (H)). В моем случае, я нарисовал фигуру 533 пикселя шириной и 292 пикселя высотой:

На панели настроек видны первоначальные размеры фигуры (ширина и высота)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Опции инструмента группы «Фигуры»

Если вы посмотрите на панель настроек, то слева от параметра «Выровнять края» (Align Edges) вы увидите значок шестерни. Кликнув по нему, вы откроете диалоговое окно с дополнительными настройками для того инструмента группы «Фигуры», который в данный момент выбран:

Кликаем по значку шестрени

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

Если вы выберете параметры «Заданный размер» (Fixed Size) или «Задать пропорции» (Proportional) и введете значения ширины и высоты, то данные значения также повлияют и на следующую фигуру, которая будет нарисована, а не только на ту, которую вы уже нарисовали. Поэтому нужно помнить о том, чтобы после рисования фигуры вернуться и заново выбрать параметр «Произвольно» (Unconstrained), в противном случае каждая новая нарисованная фигура будет такого же размера или с такими же пропорциями:

Параметры, которые вы видите, зависят от того, какой инструмент группы «Фигуры» выбран

Редактирование слоев-фигур

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

Каждая новая векторная фигура размещается на отдельном слое-фигуре

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

Значок на миниатюре слоя говорит нам о том, что это слой-фигура

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

Выбрав слой-фигуру, кликаем по образцу цвета Заливки

Кликаем по образцу голубого цвета

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

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

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

Когда мы внесли изменения, миниатюра слоя-фигуры также изменила свой вид

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

Давайте рассмотрим второй из инструментов группы «Фигуры» — «Прямоугольник со скругленными углами» (Rounded Rectangle Tool). Я выберу его на панели инструментов:

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

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

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

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

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

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

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

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

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

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

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

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

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

Выбираем «Редактирование» > «Отменить: Инструмент «Прямоугольник со скругленными углами»

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

Чтобы нарисовать фигуру от центра, а не от угла, начните рисовать фигуру, а затем нажмите и удержите в нажатом состоянии клавишу Alt (Win) / Option (Mac). И, наконец, совместное нажатие клавиш Shift + Alt (Win ) / Shift + Option (Mac ) приведет к тому, что будет нарисован квадрат от центра. Клавиши необходимо отпустить только после того, как вы отпустите кнопку мыши.

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

Инструмент «Эллипс» (Ellipse Tool) позволяет нам рисовать эллипсы и круги. Я выберу его на панели инструментов:

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

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

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

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

Фигура заполнена цветом.

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

Круг, нарисованный инструментом «Эллипс»

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

Инструмент «Многоугольник» (Polygon Tool) более интересен для нас с точки зрения возможностей рисования фигур. Я выберу его на панели инструментов:

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

Если с помощью инструмента «Прямоугольник» мы можем рисовать только четырехугольные прямоугольники, то инструмент «Многоугольник» позволяет нам рисовать многоугольники с таким числом сторон, какое мы пожелаем. Далее мы рассмотрим, как с помощью это инструмента можно нарисовать даже звезды! Для того чтобы нарисовать фигуру с помощью инструмента «Многоугольник», для начала введите количество сторон, которое вам требуется, в окошко параметра «Стороны» (Sides) на панели настроек. Вы можете ввести любое число от 3 до 100. По умолчанию, количество сторон равно 5, я и оставлю его таким:

Введите количество сторон в окошко параметра «Стороны»

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

Фигура с 5 сторонами, нарисованная с помощью инструмента «Многоугольник»

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

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

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

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

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

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

Кликаем по иконке шестерни и выбираем параметр «Звезда»

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

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

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

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

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

Рисуем фигуру, похожую на взорвавшуюся звезду, увеличив значение параметра «Глубина лучей»

И вот, какая фигура у меня получилась:

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

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

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

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

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

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

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

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

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

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

Последним из основных инструментов группы Фигуры является инструмент «Линия» (Line Tool). Я выберу его на панели инструментов:

Выбираем инструмент «Линия»

Данный инструмент позволяет нам рисовать простые прямые линии, но также мы можем с его помощью нарисовать стрелки. Для того чтобы нарисовать прямую линию, во-первых, установите толщину линии, введя значение (в пикселях) в окошко параметра «Толщина» (Weight) на панели настроек. По умолчанию, значение толщины равно 1 пикселю, я увеличу его до 16 пикселей:

Параметр «Толщина» отвечает за толщину (или ширину) линии

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

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

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

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

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

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

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

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

Изменяем форму стрелки, увеличив значение параметра «Кривизна»

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

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

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

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

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

Идея создания урока пришла ко мне в процессе просмотра журнала по скрапбукингу, на страницах которого были готовые шаблоны простых форм. Все эти фигуры были разделены по разным темам и стоили они довольно дорого. Тогда я предположил: «А ведь их можно создать самим в программе Фотошоп и совершенно бесплатно»! Ко всему прочему, вам не обязательно увлекаться скрапбукингом для того, чтобы извлечь пользу из создания собственных произвольных фигур.

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

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

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

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

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

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

1. Выбираем инструмент Перо (P)

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

Выбрать его также можно нажатием клавиши P на клавиатуре.

2. Параметр «Слой-фигура» в панели настроек

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

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

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

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

На самом деле данная функция немного затрудняет работу. Мы рассмотрим это ниже.

3. Рисуем фигуру

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

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

В следующем шаге мы решим эту проблему.

4. Уменьшение непрозрачности

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

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

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

5. Продолжаем выделять объект

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

Обратите внимание на маску слоя с фигурой, на ней появилась четкая фигурка.

В обведенный силуэт мы добавим рот, глазки, две пуговицы, галстук в виде бабочки. Здесь возникает вопрос — как добавить дополнительные детали в обведенный силуэт?

6. Выбор инструмента «Эллипс»

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

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

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

8. Извлечение фигур из обведенного силуэта

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

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

Пряничного человечка, расположенный на нижнем слое.

Повторите те же действия для правого глаза. Для начала нарисуйте овал вокруг правого глаза.

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

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

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

То же самое проделайте со второй пуговицей. Эллипсом обведите область вокруг неё.

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

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

9. Вырезаем оставшиеся детали при помощи пера

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

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

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

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

Обратите внимание на маску слоя Shape 1, здесь показаны вырезанные формы: галстук в виде бабочки, рот, 4 волнистых формы сахарной пудры.

Фигурка Пряничного человечка готова! При помощи пера мы обвели фигуру человечка, затем, используя опцию Вычесть из области фигуры и инструменты Эллипс и Перо, мы добавили на фигурку дополнительные детали.

10. Увеличение непрозрачности фигуры до 100%

Теперь, когда мы закончили делать обводку отдельных фигур, нет необходимости видеть исходное изображение под обведенным силуэтом. Верните значение непрозрачности до 100%.

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

Вот, как должна выглядеть фигура Пряничного человечка:

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

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

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

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

После того, как выбран нужный слой, зайдите в меню Edit > Define Custom Shape (Редактирование – Определить произвольную фигуру).

В результате откроется окно, в котором будет запрашиваться «имя» для фигуры. Назовем её Gingerbread Man (Пряничный человечек).

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

12. Создание нового документа

Создайте новый документ в Фотошоп с параметрами, указанными ниже на скриншоте.

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

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

14. Выбираем нашу фигуру

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

15. Рисуем фигуру

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

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

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

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

16. Изменяем цвет

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

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

После нажатия OK, фигура сразу же окрасится в выбранный вами цвет.

Изменять цвет вы можете, сколько захотите и когда захотите.

17. Изменение размера и местоположения фигуры

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

Если вы решили изменить размер фигуры, просто выберите на панели слоёв слой с фигурой и нажмите Ctrl + T. Этими действиями откроется рамка трансформации где вы, потянув за любой угловой маркер, сможете изменить размер. Для сохранения пропорций при изменении размера зажимайте Shift. При зажатой клавише Alt размер фигуры будет изменяться от центра.

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

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

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

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

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

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

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

1. Фигура. Значение установлено по умолчанию, и при нём создаётся векторная геометрическая фигура на отдельном слое, то есть происходит то, чего вы от инструмента и ждёте.
2. Контур. Рисуется контур фигуры без заливки.
3. Пикселы. Создаётся не векторная, а растровая фигура.

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

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

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

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

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

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

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

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

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

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

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

Эллипс

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

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

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

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

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

Линия

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1 голос

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

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

Рисуем сами

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Google в помощь

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Помощь сайту

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

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

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

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

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

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

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

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

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

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

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

Я буду использовать инструменты эллипс и прямоугольник. Только их. Больше мне не понадобится ничего!

Рисуем голову.

Теперь черед шеи. Рисуем небольшой прямоугольник. Сдвиньте его чуть влево.

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

Нам следует подтянуть появившиеся маркеры к центру.

Как видите, наш человечек обретает форму! Пусть наша иконка будет динамичной. Допустим, наш человечек поднимет руки вверх.

Рисуем тело. Тут все просто. Обычный эллипс. Следите за тем, чтобы фигуры правильно стыковались.

Ноги рисуем по аналогии с шеей. Только прямоугольники должны быть длиннее.

Давайте приоденем иконку человечка. Пусть будет в ботиночках. Сделаем их при помощи двух эллипсов.

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

А теперь сделаем пальчики. Не надо пугаться. Я не призываю вас все десять прорисовывать. Просто наметим. Как набросок.

Сначала кисти.

Теперь сводим слои. Для этого можем воспользоваться комбинацией клавиш ctrl+shift+e. Ну и, конечно, сохраняем результат нашего труда.

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

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

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

Автор Дмитрий Костин На чтение 12 мин Опубликовано 12.04.2018 Обновлено 19.06.2018

Всем привет, уважаемые читатели блога koskomp и мои дорогие друзья. Сегодня я расскажу вам, как добавить фигуры в фотошоп, как ими пользоваться и для чего они нужны. А также в конце статьи мы нарисуем симпатичный стакан в векторном стиле. Многие считают, что от этого инструмента толка нет, но я вас уверяю, что в веб-дизайне — это чуть ли не основная функция. Посмотрите на дизайн в моем паблике. Он буквально построен на фигурах. Поэтому знать это нужно. При этом дело не ограничится простым рисованием квадратов. Тут всё гораздо интереснее.

Как рисовать фигуры

Начнем с простого, а именно рисования. Сама по себе группа инструментов состоит из шести видов:

• Прямоугольник
• Прямоугольник с закругленными углами
• Эллипс
• Многоугольник
• Линия (подробнее здесь)
• Произвольная фигура

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

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

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

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

Использование произвольных фигур в фотошопе

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

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

Давайте попробуем добавить в фотошоп произвольную фигуру в виде галочки. Я задам ей цвет, обводку и нарисую ее стандартным способом, то есть зажав левую кнопку мыши и потянув немного в другую сторону. Не забываем зажимать клавишу Shift, чтобы соблюдать все пропорции. Таким образом можно рисовать прикольные нестандартные объекты. Примечателен и тот факт, что какого бы размера объект мы не рисовали, он всегда будет ровным и гладким. Всё это потому, что фигура изначально векторный объект. А векторные объекты состоят не из пикселей, как обычное изображение, а формируются исходя из формул.

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

Но самая прелесть в том, что этот набор можно пополнять, то есть произвольные фигуры можно загрузить дополнительно, пополняя свою коллекцию. Сделать это совершенно легко. Для этого вам достаточно скачать эти наборы с какого-либо сайта, например [urlspan]pixelbox[/urlspan]. Там очень большая коллекция с различными наборами. Допустим, я скачаю этот замечательный набор со скейтбордистами.

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

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

Возможности фигур

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

Свойства

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

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

Давайте ради интереса нарисуем прямоугольник и поставим радиус 35 только в двух углах (правом верхнем и левом нижнем). Только перед этим обязательно отключите связь углов, нажав на значок скрепочки между ними, иначе значения будут меняться для всех.

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

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

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

Вырезание и добавление

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

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

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

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

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

Как выравнивать фигуры относительно других элементов

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

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

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

Когда мы всё выделили, идем в меню «Выравнивание контура» и выбираем те параметры, которые нам нужны. В моем случае я должен выбрать «Центры по вертикали» и «Распределить по ширине». В этом случае фигуры будут выравнены по центру, а расстояние между ними будет одинаковым. Точно также эта функция работает и в случае с вертикальной расстановкой.

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

Деформация фигур

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

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

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

Рисование объектов с помощью фигур (практика)

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

1. Выбираем «Прямоугольник с закругленными углами» и рисуем заготовку нашего стакана. Сразу выберите подходящий цвет для стакана, например коричневый. Для этого измените его в свойствах сверху. Обводку можно не ставить. 
2. Теперь, выберем инструмент «Выделение узла» и выделим левый угол заготовки полностью (у вас должно быть задействовано две точки, а не одна). 
3. Теперь зажмите SHIFT и нажмите на стрелочку влево на клавиатуре, после чего у вас выскочит окно, где будет говориться то, что данная операция превратит фигуру в контур. Соглашайтесь. После этого еще раз нажмите на стрелку влево с зажатым шифтом. Надписи уже не будет. После это манипуляции левый угол должен будет оттопыриться. 
4. То же самое теперь проделываем и с правым углом, то есть выделяем с помощью белого курсора и делаем пару нажатий на стрелку вправо, чтобы оттопырить другую сторону. Если надпись снова появится, соглашайтесь. 
5. Далее создадим крышку. Для этого снова берем многоугольник с закругленными краями, только на сей раз выбрать пункт «Объединить фигуры» не получится, так как на одном слое нельзя менять цвет заливки разных контуров.
6. Далее рисуем прямоугольник сверху нашей получившейся трапеции. И если у вас она получилась не черного цвета, то поставьте его в свойствах. 
7. Сейчас я вижу, что крышка сильно выпирает с обоих сторон. Надо бы ее слегка уменьшить по бокам. Для этого жмем комбинацию клавиш CTRL+T, чтобы активировать «Свободное трансформирование», после чего зажимаем клавишу ALT и тянем чуть-чуть за боковую область. Это позволит уменьшить нам крышку по бокам пропорционально. 
8. Далее, снова берем «Выделение узла» и также как и в предыдущем случае немного загибаем углы, по очереди выделив сначала один, а затем второй. Получиться в итоге должно примерно так. 
9. Остается только выровнять всё это дело. Для этого выделяем оба слоя в панели слоев с помощью зажатой клавиши CTRL, а затем берем инструмент «Перемещение» и в свойствах под главным меню ставим «Выравнивание центров по горизонтали». 

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

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

Ну а если вы хотите знать фотошоп на ура и научиться им пользоваться на пять с плюсом, то рекомендую вам посмотреть и изучить [urlspan]эти офигенные видеоуроки[/urlspan]. На сегодняшний день это один из лучших и подробных крсов по фотошопу, который я когда-либо видел. А самое главное, что всё рассказано простым человеческим языком. поэтому вам не нужно будет втыкать в тему, вы всё поймете, даже если вы полный новичок. Очень рекомендую.

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

С уважением, Дмитрий Костин

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

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

Автор Дмитрий Костин На чтение 12 мин. Опубликовано 12.04.2018

Всем привет, уважаемые читатели блога koskomp и мои дорогие друзья. Сегодня я расскажу вам, как добавить фигуры в фотошоп, как ими пользоваться и для чего они нужны. А также в конце статьи мы нарисуем симпатичный стакан в векторном стиле. Многие считают, что от этого инструмента толка нет, но я вас уверяю, что в веб-дизайне — это чуть ли не основная функция. Посмотрите на дизайн в моем паблике. Он буквально построен на фигурах. Поэтому знать это нужно. При этом дело не ограничится простым рисованием квадратов. Тут всё гораздо интереснее.

Как рисовать фигуры

Начнем с простого, а именно рисования. Сама по себе группа инструментов состоит из шести видов:

• Прямоугольник
• Прямоугольник с закругленными углами
• Эллипс
• Многоугольник
• Линия (подробнее здесь)
• Произвольная фигура

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

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

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

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

Использование произвольных фигур в фотошопе

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

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

Давайте попробуем добавить в фотошоп произвольную фигуру в виде галочки. Я задам ей цвет, обводку и нарисую ее стандартным способом, то есть зажав левую кнопку мыши и потянув немного в другую сторону. Не забываем зажимать клавишу Shift, чтобы соблюдать все пропорции. Таким образом можно рисовать прикольные нестандартные объекты. Примечателен и тот факт, что какого бы размера объект мы не рисовали, он всегда будет ровным и гладким. Всё это потому, что фигура изначально векторный объект. А векторные объекты состоят не из пикселей, как обычное изображение, а формируются исходя из формул.

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

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

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

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

Возможности фигур

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

Свойства

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

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

Давайте ради интереса нарисуем прямоугольник и поставим радиус 35 только в двух углах (правом верхнем и левом нижнем). Только перед этим обязательно отключите связь углов, нажав на значок скрепочки между ними, иначе значения будут меняться для всех.

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

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

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

Вырезание и добавление

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

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

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

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

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

Как выравнивать фигуры относительно других элементов

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

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

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

Когда мы всё выделили, идем в меню «Выравнивание контура» и выбираем те параметры, которые нам нужны. В моем случае я должен выбрать «Центры по вертикали» и «Распределить по ширине». В этом случае фигуры будут выравнены по центру, а расстояние между ними будет одинаковым. Точно также эта функция работает и в случае с вертикальной расстановкой.

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

Деформация фигур

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

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

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

Рисование объектов с помощью фигур (практика)

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

1. Выбираем «Прямоугольник с закругленными углами» и рисуем заготовку нашего стакана. Сразу выберите подходящий цвет для стакана, например коричневый. Для этого измените его в свойствах сверху. Обводку можно не ставить. 
2. Теперь, выберем инструмент «Выделение узла» и выделим левый угол заготовки полностью (у вас должно быть задействовано две точки, а не одна). 
3. Теперь зажмите SHIFT и нажмите на стрелочку влево на клавиатуре, после чего у вас выскочит окно, где будет говориться то, что данная операция превратит фигуру в контур. Соглашайтесь. После этого еще раз нажмите на стрелку влево с зажатым шифтом. Надписи уже не будет. После это манипуляции левый угол должен будет оттопыриться. 
4. То же самое теперь проделываем и с правым углом, то есть выделяем с помощью белого курсора и делаем пару нажатий на стрелку вправо, чтобы оттопырить другую сторону. Если надпись снова появится, соглашайтесь. 
5. Далее создадим крышку. Для этого снова берем многоугольник с закругленными краями, только на сей раз выбрать пункт «Объединить фигуры» не получится, так как на одном слое нельзя менять цвет заливки разных контуров.
6. Далее рисуем прямоугольник сверху нашей получившейся трапеции. И если у вас она получилась не черного цвета, то поставьте его в свойствах. 
7. Сейчас я вижу, что крышка сильно выпирает с обоих сторон. Надо бы ее слегка уменьшить по бокам. Для этого жмем комбинацию клавиш CTRL+T, чтобы активировать «Свободное трансформирование», после чего зажимаем клавишу ALT и тянем чуть-чуть за боковую область. Это позволит уменьшить нам крышку по бокам пропорционально. 
8. Далее, снова берем «Выделение узла» и также как и в предыдущем случае немного загибаем углы, по очереди выделив сначала один, а затем второй. Получиться в итоге должно примерно так. 
9. Остается только выровнять всё это дело. Для этого выделяем оба слоя в панели слоев с помощью зажатой клавиши CTRL, а затем берем инструмент «Перемещение» и в свойствах под главным меню ставим «Выравнивание центров по горизонтали». 

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

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

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

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

С уважением, Дмитрий Костин

Как установить новые фигуры в Photoshop / Creativo.one

Этот урок поможет вам установить новые фигуры для версии программы Photoshop.

Примечание: скриншоты операционной системы Windows 10, Photoshop CC 2017. Для других версий Photoshop алгоритм будет тот же.

Открываем Управление наборами

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

Далее, откройте программу Photoshop СS6 и перейдите в главном меню в верхней части экрана во вкладку Редактирование – Наборы – Управление наборами (Edit — Preset Manager). Появится вот такое окошко:

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

Кнопка под цифрой 2 ( в виде шестерёнки) показывает разновидности дополнения.

Загружаем фигуры в Photoshop

Кликаем по маленькой черной стрелке и из появившегося списка, путем нажатия левой кнопки мышки, выбираем вид дополнения – Заказные фигуры (Custom Shapes):

Далее, нажимаем кнопку Загрузить (Load)

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

Снова нажимаем Загрузить (Load)

Теперь, в диалоговом окне «Управление наборами» вы сможете увидеть в конце набора фигур новые, только что загруженные нами фигуры:

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

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

До встречи на creativo.one!

Примечание: статья обновлена 20.03.2019.

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

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

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

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

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

1. Фигура. Значение установлено по умолчанию, и при нём создаётся векторная геометрическая фигура на отдельном слое, то есть происходит то, чего вы от инструмента и ждёте.
2. Контур. Рисуется контур фигуры без заливки.
3. Пикселы. Создаётся не векторная, а растровая фигура.

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

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

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

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

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

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

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

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

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

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

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

Эллипс

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

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

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

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

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

Линия

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

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

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

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

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

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

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

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

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

Для начала выясним, что же такое фигура (Shape). В Фотошопе основными изображениями являются растровые, т.е состоящие из отдельных пикселей. В отличие от них, фигура представляют собой совокупность векторных данных (векторное изображение). Это значит, что фигура всегда имеет точные границы, то есть качество фигуры не зависит от разрешения. Фигура представляет собой геометрический объект или область определенной формы.
Итак, Вы скачали файл с векторными фигурами для Фотошопа. Этот файл имеет разрешение csh. Чтобы Фотошоп «увидел» его, необходимо разместить данный файл в соответствующей папке программы.

Варианты установки фигур в папки Фотошопа.

Вариант 1
Загрузить в папку Custom Shapes. Эта папка является скрытой, поэтому в проводнике Windows в свойствах папки необходимо включить пункт «Показывать скрытые файлы и папки». После этого, открываем папку по адресу
● для Windows XP
C:\Documents and Settings\Ваше имя пользователя\Application Data\Adobe\Adobe Photoshop CS5\Presets\Custom Shapes
● а для Vista и Windows 7 адрес будет следующим: C:\Users\Ваше имя пользователя\AppData\Roaming\Adobe\Adobe Photoshop CS5\Presets\Custom Shapes
и загружаем в неё файл с фигурами csh.
После чего на панели инструментов активируем «Инструмент Произвольная фигура» (Custom Shape Tool)

Затем вверху рабочего окна Фотошопа, под главным меню, кликаем по стрелкам-треугольничкам и выбираем строку «Загрузить фигуры» (Load Shapes), можно также выбрать «заменить фигуры» (Replase Shapes), если вы хотите, чтоб фигуры, установленные на данный момент в Фотошопе, удалились и заменились на новые.

После клика по одной из этих строк откроется папка Custom Shapes с Вашим файлом csh, остаётся только дважды кликнуть по нему левой клавишей мыши.

Вариант 2
Способ гораздо проще, и не надо искать папку Custom Shapes в проводнике.
Открываем папку с нашим файлом фигур, копируем его в буфер обмена. Как и в первом варианте, выбираем «Инструмент Произвольная фигура», затем выполняем действия 1, 2, 3 на рисунке вверху, открывается окно с папкой Custom Shapes, и просто вставляем туда файл csh.

Вариант 3
Через управление наборами.
Копируем файл с фигурами в буфер обмена.
Идём по вкладке главного меню Редактирование —> управление наборами (Edit —> Preset Manager), в открывшемся окне в поле выбора вверху выбираем пункт «Заказные фигуры» (Custom Shapes) и кликаем по кнопке «Загрузить» (Load), расположенному справа от поля с этой строкой. Также открывается окно с папкой Custom Shapes и вставляем туда файл.

Произвольные фигуры в фотошопе. Как установить дополнительные наборы фигур

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

---

---

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

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

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

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

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

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

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

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

Совет

Чтобы в дальнейшем вы могли ее редактировать, вращать и изменять размер, рекомендую для каждой фигуры создать новый слой Ctrl+Shift+N. Подробнее как создать слой.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Что представляют собой фигуры в Adobe Photoshop

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

Отличительные особенности фигур в Adobe Photoshop

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

Слева — растровая, справа — векторная графика

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

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

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

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

Выберите любую из предустановленных фигур

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

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

Установка дополнительных наборов

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

Процесс установки дополнительных наборов

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

Безусловно, первоначально следует найти их в интернете, загрузить на компьютер, сохранить в определённую папку, запомнив путь к ней. Фигуры, которые поддерживаются графическим редактором Adobe Photoshop, имеют расширение csh.

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

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

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

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

Опытные пользователи могут воспользоваться иным способом, позволяющим быстрее установить нужные фигуры в системную папку графического редактора. Для этой цели следует зайти в Program Files, найти папку «Adobe», затем отыскать подпапку «Presets», в которой также сконцентрировано несколько папок. Среди них находится искомая «Custom Shapes». Кликнув по ней, она раскроется, и пользователю останется только добавить скачанный ранее файл с расширением csh.

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

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

Как добавлять формы в Photoshop

Что вы узнали: Создание формы

1. На панели инструментов нажмите и удерживайте инструмент «Прямоугольник» (или любой другой инструмент «Форма», отображаемый на панели «Инструменты» в данный момент), чтобы просмотреть все инструменты фигур. Выберите инструмент для фигуры, которую хотите нарисовать.
2. На панели параметров выберите цвет заливки и другие параметры для вашей формы. Позже их можно будет изменить.
3. Удерживайте клавишу Shift, чтобы не искажать форму при перетаскивании изображения для создания редактируемой формы.Это автоматически создает новый слой-фигуру на панели «Слои».
4. Используйте инструмент «Перемещение», чтобы переместить фигуру в нужное положение на изображении.
5. Масштабируйте, трансформируйте или вращайте фигуру без ущерба для качества изображения, выбрав Правка> Свободное преобразование или нажав Control + T (Windows) или Command + T (macOS).
6. Чтобы изменить цвет фигуры, перейдите на панель «Слои», найдите слой-фигуру, который вы хотите изменить, и дважды щелкните миниатюру этого слоя, чтобы открыть палитру цветов .Щелкая цвета в палитре цветов, вы увидите предварительный просмотр выбранного цвета на форме в реальном времени. Когда вы найдете нужный цвет, нажмите «ОК», чтобы применить новый цвет к форме.

.

Рисование фигур с помощью инструментов Photoshop

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

Градиент: Выберите предустановку градиента или щелкните градиент, чтобы открыть диалоговое окно «Редактор градиента». Установить дополнительные параметры градиента:

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

Узор: Начиная с Photoshop 21.2, вы также можете установить угол, чтобы повернуть заливку и узор обводки фигуры и легко изменить ее ориентацию. Выберите узор во всплывающем меню и установите дополнительные параметры узора:

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

.

Как заполнить форму фотографией в Photoshop

Автор Стив Паттерсон.

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

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

Окончательный эффект «изображение в форме».

Приступим!

Загрузите это руководство в виде готового к печати PDF-файла!

Как заполнить фигуру фотографией

Я использую Photoshop CC, но все, что мы будем делать, также совместимо с Photoshop CS6.

Шаг 1. Создайте новый документ

Начнем с создания нового документа. Перейдите к меню File в строке меню в верхней части экрана и выберите New :

.

Переход к файлу и новому.

Откроется диалоговое окно Новый документ . Если вы используете Photoshop CC, вы увидите обновленную версию диалогового окна «Новый документ». Если вы используете Photoshop CS6, вы увидите старую традиционную версию. Сначала мы рассмотрим версию Photoshop CC, а затем версию CS6.

В Photoshop CC параметры для создания нового настраиваемого документа находятся на панели « Preset Details» справа от диалогового окна. В этом уроке давайте создадим квадратный документ. Установите Width и Height на 2000 пикселей . Мы установим разрешение с на 72 пикселя / дюйм , а для фона с на Белый . Щелкните Create , чтобы создать новый документ:

Панель «Сведения о предустановке» в диалоговом окне «Новый документ» в Photoshop CC.

В Photoshop CS6 снова установите для ширины и высоты на 2000 пикселей , разрешение с на 72 пикселя / дюйм и содержание фона с на Белый . Нажмите ОК , чтобы создать новый документ:

Диалоговое окно «Новое» в Photoshop CS6.

Смотрите видео и оставляйте комментарии на нашем канале YouTube!

Шаг 2. Выберите инструмент Custom Shape Tool

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

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

Выбор инструмента Custom Shape Tool на панели инструментов.

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

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

Photoshop называет векторные фигуры просто «фигурами». Выбрав инструмент Custom Shape Tool, убедитесь, что для параметра Tool Mode на панели параметров установлено значение Shape :

.

Установка режима инструмента на «Форма» на панели параметров.

Шаг 4: Установите черный цвет формы

Чтобы мы могли видеть нашу форму на белом фоне, мы установим цвет заливки формы на черный . Вы найдете образец цвета Fill на панели параметров (непосредственно рядом с параметром «Режим инструмента»).

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

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

Шаг 5. Загрузите пользовательские формы

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

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

Щелкните эскиз фигуры на панели параметров.

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

Щелкните значок меню (значок шестеренки) в правом верхнем углу окна выбора пользовательской формы:

Щелкните значок меню «Выбор произвольной формы».

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

Загрузка всех наборов пользовательских фигур в Photoshop.

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

Щелкните OK, чтобы заменить текущие формы новыми.

Шаг 6. Выберите нестандартную форму

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

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

Выбор нестандартной формы бабочки.

Шаг 7: Нарисуйте форму

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

Когда вы рисуете фигуру, вы увидите только контур контура того, как она будет выглядеть:

Щелкните в верхнем левом углу, удерживая Shift, перетащите в нижний правый угол.

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

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

Если мы посмотрим на панель «Слои», мы увидим фигуру, сидящую на собственном слое Фигуры над белым фоновым слоем:

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

Шаг 8: переместите фигуру в центр

Чтобы переместить форму в центр документа, выберите инструмент Photoshop Move Tool на панели инструментов:

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

Затем нажмите на фигуру и перетащите ее в центр. Он должен встать на место, когда вы приблизитесь к середине:

Перемещение формы на место.

Шаг 9. Откройте изображение

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

Изображение, которое я помещу внутрь фигуры. Фото: Adobe Stock.

Шаг 10: Выберите и скопируйте изображение

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

Выбираю> Все.

Выбрав изображение, перейдите в меню Правка и выберите Копировать :

Идем в Edit> Copy.

Шаг 11. Вставьте изображение в документ формы

Вернитесь к документу формы, щелкнув вкладку чуть ниже панели параметров. Если вы не назвали документ при его создании (а мы этого не сделали), он, скорее всего, называется «Без названия-1»:

.

Щелкните вкладку документа формы.

Затем вернитесь в меню Edit и на этот раз выберите Paste :

Идем в Edit> Paste.

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

Изображение было вставлено в документ фигуры.

Шаг 12: Создайте обтравочную маску

Если мы снова посмотрим на панель «Слои», то увидим, что Photoshop поместил изображение на новый слой над слоем формы:

Панель «Слои», показывающая изображение над фигурой.

Чтобы разместить изображение внутри формы, все, что нам нужно сделать, это создать обтравочную маску. Убедитесь, что у вас выбран слой изображения («Слой 1»). Затем перейдите в меню Layer вверху экрана и выберите Create Clipping Mask :

.

Переходим в Layer> Create Clipping Mask.

Это «обрезает» изображение на «Слое 1» на слое Shape под ним, что означает, что единственная часть изображения, которая остается видимой в документе, — это область, которая находится непосредственно над (или перед) формой.Остальная часть изображения теперь скрыта, создавая иллюзию, что изображение на самом деле находится внутри формы:

Обтравочная маска помещает изображение внутри формы.

И если мы снова посмотрим на панель Layers, мы увидим, что «Layer 1» смещен вправо с маленькой стрелкой, указывающей вниз на слой Shape под ним. Вот как Photoshop сообщает нам, что изображение теперь обрезано по форме:

Панель «Слои», показывающая изображение, обрезанное по слою «Форма».

Шаг 13: Измените размер и положение изображения с помощью Free Transform

Чтобы изменить размер и положение изображения внутри фигуры, снова убедитесь, что у вас выбран «Слой 1». Затем перейдите в меню Edit и выберите Free Transform :

Идем в Edit> Free Transform.

При этом поле «Свободное преобразование» и ручки (маленькие квадраты) будут окружать фактические размеры вашего изображения, включая область за пределами видимого холста. Если вы не видите все свои дескрипторы Free Transform, потому что ваше изображение слишком велико для того, чтобы полностью поместиться на экране, перейдите в меню View и выберите Fit on Screen :

Перехожу в «Просмотр»> «По размеру экрана».

Photoshop автоматически настроит уровень масштабирования так, чтобы было видно все поле «Свободное преобразование». Здесь мы видим мой блок Free Transform, простирающийся справа от холста:

Рамка «Свободное преобразование» появляется вокруг всего изображения.

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

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

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

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

Когда будете готовы, нажмите Введите (Win) / Верните (Mac) на клавиатуре, чтобы зафиксировать изменение и закрыть команду Free Transform:

Изображение теперь лучше вписывается в форму.

Шаг 14: Измените цвет фона

На этом основной эффект «изображение в форме» готов! Конечно, мы всегда можем сделать больше, чтобы настроить его и сделать еще лучше. Единственное, что мы можем сделать, это изменить цвет фона.

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

Выбор фонового слоя.

Затем щелкните значок New Fill или Adjustment Layer в нижней части панели Layers:

Щелкните значок «Новая заливка или корректирующий слой».

Выберите Solid Color из верхней части списка:

Добавление сплошного слоя заливки.

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

Выбор черного в палитре цветов.

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

Результат после изменения цвета фона на черный.

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

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

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

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

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

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

Панель «Слои», показывающая новый слой заливки сплошным цветом.

Шаг 15: Добавьте обводку

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

Выбор слоя Shape.

Затем щелкните значок Layer Styles (значок « fx ») в нижней части панели «Слои»:

Щелкните значок «Стили слоя».

Выберите Ход из списка:

Выбор стиля слоя «Обводка».

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

Щелкнув образец цвета.

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

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

Вернувшись в диалоговое окно Layer Style, я устанавливаю Position обводки на Outside , чтобы она отображалась снаружи формы.Затем я увеличу значение Size , чтобы настроить толщину штриха. Я думаю, что для этого изображения подойдет размер около 12 пикселей :

Установите положение «Снаружи» и размер 12 пикселей.

Щелкните OK, чтобы закрыть диалоговое окно «Стиль слоя». И с этим мы закончили! Вот мой последний эффект «изображение в форме» после изменения цвета фона и добавления обводки вокруг бабочки:

Окончательный результат.

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

.

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

Введение

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

Шаг 1

Откройте Adobe Photoshop CS5.1.

Шаг 2

Откройте изображение, используя «Ctrl + o», чтобы разместить его внутри фигур.

Шаг 3

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

Дубликат слоя в палитре слоев

Шаг 4

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

Шаг 5

Выберите первый слой изображения в палитре слоев.

Step 6

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

Шаг 7

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

Шаг 8

Нарисуйте форму в соответствии с вашими требованиями.

Шаг 9

Измените размер и положение фигуры с помощью команды «Свободное преобразование» («Ctrl + t»).

Шаг 10

Перетащите слой-фигуру ниже первого слоя изображения в палитре.

Шаг 11

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

Finale Output

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

.

Как создавать фигуры в Photoshop

В следующем уроке вы узнаете, как создавать фигуры в Photoshop.

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

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

Чему вы научитесь в этом уроке по фигурам Photoshop

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

1.Как создавать фигуры в Photoshop

Шаг 1

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

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

После того, как вы выбрали один из них, загляните в панель Параметры ( Окно > Параметры ), где вы можете:

1. Установите режим формы: Форма , Контур или Пиксели .
2. Установите цвет заливки для вашей формы.
3. Установите цвет и настройки Stroke .
4. Отрегулируйте Ширину и Высоту фигуры.
5. Задайте способ взаимодействия фигур друг с другом.
6. Выравнивание и распределение фигур.
7. Установите порядок размещения комбинированных фигур.
8. Измените параметры формы и контура — вы познакомитесь с этими параметрами на следующих шагах, когда узнаете, как создать прямоугольник в Photoshop.

Теперь, когда у вас выбран инструмент формы, просто щелкните и перетащите на холсте, чтобы нарисовать фигуру. Это создаст новый слой формы на панели Layers ( Window > Layers ).

Шаг 2

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

Выберите Контур , чтобы создать только контур, который добавляется на панель Контуры ( Окно > Контуры ).

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

Шаг 3

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

2. Как сделать прямоугольник в фотошопе: способ №1

Шаг 1

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

Убедитесь, что выбран инструмент Rectangle Tool , и щелкните значок шестеренки на панели параметров , чтобы открыть дополнительные параметры.

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

Используя инструмент Rectangle Tool , вы также можете создавать прямоугольники со скругленными углами.Просто установите Corner Radius на панели Options , и тогда вы сможете создать свой прямоугольник со скругленными углами.

После того, как вы его создали, вы можете настроить значения Радиуса на панели Свойства ( Окно > Свойства ) или использовать Инструмент выбора пути . Сосредоточьтесь на своей фигуре, и вы заметите несколько круглых значков в каждом углу. Щелкните один из этих значков и перетащите его, чтобы легко отрегулировать округлость. Удерживая нажатой клавишу Alt , щелкните и перетащите, чтобы отрегулировать округлость одного угла.

3. Как сделать прямоугольник в фотошопе: способ №2

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

Убедитесь, что выбран инструмент Rectangle Tool , и просто щелкните по холсту, чтобы открыть окно Create Rectangle . В этом окне вы можете установить размер формы, Угловой радиус , и вы можете установить эту новую форму, чтобы она рисовалась Из центра .Когда вы закончите, нажмите OK , чтобы создать фигуру.

Продолжим и научимся рисовать круг в Photoshop.

4. Как создать круг в Photoshop: способ №1

Выберите инструмент Ellipse Tool , щелкните значок шестеренки на панели параметров еще раз, и вы получите те же параметры, что и для инструмента Rectangle Tool .

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

5. Как создать круг в Photoshop: способ №2

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

Убедитесь, что выбран инструмент Ellipse Tool , и просто щелкните на холсте, чтобы открыть окно Create Ellipse .Вы можете легко установить размер фигуры, а затем нажать OK , чтобы создать ее.

Продолжим и научимся рисовать треугольник в Photoshop.

6. Как сделать треугольник в фотошопе: Метод №1

Шаг 1

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

Отметьте Неограниченный всякий раз, когда вам нужно создать треугольник любого размера, отметьте Равносторонний , чтобы создать треугольник со всеми равными сторонами, отметьте Фиксированный размер , чтобы создать треугольник определенного размера, отметьте Пропорциональный , чтобы создать пропорциональные треугольники и установите флажок Из центра , если вы хотите установить центр треугольника в точке, где вы щелкнули.Опять же, вы можете оставить флажок Unconstrained установленным и, удерживая нажатой клавишу Shift , щелкнуть и перетащить, чтобы создать равносторонний треугольник.

Шаг 2

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

7. Как сделать треугольник в фотошопе: способ №2

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

Убедитесь, что выбран инструмент Triangle Tool , и просто щелкните на своем холсте, чтобы открыть окно Create Triangle . Установите размер и радиус угла, установите флажок Равносторонний , если вам нужен равносторонний треугольник, а затем нажмите OK , чтобы создать фигуру.

Давайте продолжим и научимся создавать многоугольники в Photoshop.

8. Как создать многоугольник в Photoshop: способ №1

Шаг 1

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

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

Шаг 2

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

Шаг 3

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

Шаг 4

Уменьшите Star Ratio ниже 100% , чтобы легко создать форму звезды.

Шаг 5

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

Шаг 6

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

9. Как создать многоугольник в Photoshop: способ №2

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

Убедитесь, что выбран инструмент Polygon Tool , и просто щелкните на своем холсте, чтобы открыть окно Create Polygon . Вы можете установить размер, Количество сторон , Угловой радиус , Пропорция звезд , установить флажок Симметричный , если вам нужен симметричный многоугольник, или установить флажок Гладкие звездообразные отступы , чтобы добавить округлости звездным отступам . Когда вы закончите, просто нажмите OK , чтобы создать фигуру.

Давайте продолжим и научимся добавлять линии в Photoshop.

10. Как сделать линию в фотошопе

Шаг 1

Выберите Line Tool и сфокусируйтесь на панели Options . С помощью настройки Weight можно задать толщину линии. Щелкните значок шестеренки, чтобы открыть дополнительные параметры.

Проверьте Live Shapes Controls , и после создания линии вы получите доступ к элементам управления преобразованием, которые позволяют поворачивать линии и изменять их размер прямо на холсте.

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

Шаг 2

Установите флажки Начало и Конец , чтобы добавить стрелки к линии.

Шаг 3

Используйте значение Width для настройки ширины стрелок.

Шаг 4

Используйте значение Длина для настройки длины стрелок.

Шаг 5

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

Дополнительные советы и рекомендации по рисованию линии в Photoshop см. в этом руководстве и видео от Моники Загробельной: Как нарисовать линию в Photoshop.

11. Как создавать собственные фигуры в Photoshop

Шаг 1

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

Шаг 2

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

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

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

Шаг 3

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

Убедитесь, что выбран инструмент Custom Shape Tool , и просто щелкните по холсту, чтобы открыть окно Create Custom Shape .Задайте размер, установите флажок Сохранить пропорции , чтобы использовать предустановленные пропорции, а затем нажмите OK , чтобы добавить собственную форму.

Поздравляем! Готово!

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

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

Популярные активы от Envato Elements

Envato Elements может стать отличным источником вдохновения. Вот краткий список некоторых из самых популярных ресурсов, которые вы можете найти.

Эффект двойной вырезки и надписи (PSD, PNG)

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

Двухцветные геометрические фигуры (PSD)

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

Стили неонового слоя (ASL, PSD)

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

Экшен Photoshop Sphere Maker (ATN, HTML, PSD)

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

Fabric Kingdom Photoshop Edition (EPS, PNG, PSD, ASL, ATN, ABR)

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

Хотите узнать больше?

У нас есть множество руководств по Envato Tuts+, от начального до среднего уровня. Посмотри!

Как рисовать фигуры в Photoshop (+ Объяснение настроек инструмента Shape!)

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

Чтобы создать фигуру в Photoshop, нажмите U, чтобы получить доступ к инструменту «Форма», или нажмите и удерживайте инструмент «Форма» на панели инструментов, чтобы выбрать нужную форму. Затем щелкните и перетащите на холсте, чтобы создать фигуру, удерживая при этом Shift, чтобы при желании она оставалась симметричной.

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

Как получить доступ к инструментам формы в Photoshop

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

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

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

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

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

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

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

Как изменить положение и размер фигуры

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

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

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

Объяснение настроек инструмента формы

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

1. Форма, контур и пиксели

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

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

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

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

Когда вы нажмете OK, вы увидите, что фигура превратится в выделение на вашем изображении или холсте.

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

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

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

Чтобы сохранить эту область как часть выделения, нажмите Selection на верхней панели инструментов и убедитесь, что установлен флажок Add To Selection .

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

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

Однако вы сможете увидеть путь на панели Пути .

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

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

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

2. Настройки заливки и обводки

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

В появившемся окне вы увидите различные варианты заполнения фигуры. В порядке слева направо варианты: «Без заливки», «Сплошной цвет», «Градиент» и «Узор».

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

Щелкните следующий значок, значок градиента, чтобы увидеть различные настройки градиента.

Здесь вы можете просмотреть доступные комбинации цветов или выбрать свои собственные цвета с помощью палитры цветов.

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

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

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

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

Эти настройки могут повлиять на внешний вид вашего шаблона. Обратите внимание на разницу в масштабе шаблона, установленного на 100% вверху и 23% внизу.

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

3. Настройки ширины и высоты

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

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

4. Настройки углового радиуса

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

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

5. Настройки хода

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

На появившейся панели вы найдете те же параметры, что и параметры формы заливки.

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

Обводка появится в виде контура вашей фигуры.

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

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

Выбрав Дополнительные параметры , вы также можете выбрать, сколько точек или тире вы хотите видеть в своем штрихе, введя числа в разделе «Тире и пробел».

Как заполнить фигуры изображениями

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

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

Теперь на панели Слои вы можете добавить обтравочную маску к слою изображения, щелкнув правой кнопкой мыши (Win) или Control + щелкнув (Mac) слой и выбрав Создать обтравочную маску . Убедитесь, что слой изображения находится прямо над слоем формы.

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

Теперь перетащите изображение на фигуру с помощью инструмента Move и расположите его так, как вам нужно.

Как заполнить фигуры текстом

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

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

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

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

Как создавать прозрачные фигуры с контурами

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

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

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

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

Последним инструментом формы является инструмент Custom Shape . Нажав и удерживая значок формы, вы сможете получить доступ к инструменту Custom Shape .

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

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

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

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

Удачного редактирования!

Полное руководство по использованию инструмента Shape Tool в Photoshop

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

Photoshop Shape Tool позволяет рисовать векторные фигуры внутри Photoshop. Они настолько хороши, что вам не нужно переключать его аналог, Adobe Illustrator, на векторное рисование, если только вам не нужна какая-то конкретная функция. Этот урок для начинающих покажет вам, как использовать инструмент формы с нуля. В конце мы сделаем простой проект рисования простого дерева с помощью Инструментов формы.

Предварительный просмотр

Вот векторное дерево, которое мы нарисуем с помощью Инструментов формы.

Шаг 1

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

Шаг 2

Вы можете активировать инструменты формы из панели инструментов. Нажмите и удерживайте, чтобы открыть все инструменты формы. Вы можете использовать ярлык U и нажать Shift + U, чтобы прокрутить все инструменты формы. На панели параметров выберите «Форма», чтобы сохранить созданную фигуру как слой векторной формы. Если вы выберете Path, фигура будет векторным путем.Если вы выберете «Пиксели», результатом будет пиксельный рисунок на активном слое. Для этого урока давайте выберем Shape.

Шаг 3: Рисование формы

Чтобы нарисовать фигуру, просто щелкните и перетащите кнопку мыши. Если вы удерживаете Shift, вы можете ограничить прямоугольник. Если вы удерживаете Alt, вы будете рисовать от центра к краям. Удерживайте Alt и Shift для достижения обоих. На изображении ниже показан результат использования инструмента «Прямоугольник». Он также работает с инструментами «Прямоугольник со скругленными углами», «Эллипс» и «Многоугольник».

Шаг 4

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

Шаг 5

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

Шаг 6. Изменение формы

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

Шаг 7

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

Шаг 8

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

Шаг 9

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

Шаг 10. Заливка и обводка

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

Шаг 11

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

Шаг 12

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

Шаг 13

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

Шаг 14

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

Шаг 15

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

Шаг 16: Объединение фигур

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

Шаг 17

Выберите «Объединить фигуры», чтобы добавить новую фигуру к существующей. Попробуйте следующие три варианта, чтобы увидеть результат.

Шаг 18

Внизу у вас есть Merge Shape Components, чтобы объединить все фигуры.Когда они объединяются, все их свойства удаляются, а затем в основном превращаются в векторный путь. Появится диалоговое окно с предупреждением, и если вы уверены, что это то, что вам нужно, просто нажмите кнопку «Да».

Шаг 19

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

Шаг 20

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

Шаг 21. Выравнивание и распределение фигур

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

Шаг 22

И, разумеется, есть инструмент «Линия» для рисования линии.Очень прост в использовании, просто установите толщину линии на панели инструментов. Нажмите и перетащите, чтобы нарисовать линию.

Шаг 23: Инструмент «Линия»

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

Шаг 24

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

Шаг 25: Инструмент пользовательской формы

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

Шаг 26

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

Шаг 27. Рисование векторного дерева

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

Шаг 28

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

Шаг 29

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

Шаг 30

Убедитесь, что фигура выделена, а затем нажмите Правка > Копировать или Ctrl + C. Мы собираемся объединить эту фигуру с другими листьями в следующих шагах.

Шаг 31

Нарисуйте еще листья из эллипсов. На этот раз цвет должен быть светлее.

Шаг 32

Объедините фигуры, а затем, пока фигура все еще выделена, нажмите Ctrl + V, чтобы вставить исходные листья, которые мы скопировали ранее. Если формы листьев вставлены на новый слой, возможно, ваша вторая форма листьев не выбрана.Вы можете повторно выбрать фигуру с помощью инструмента «Выбор контура». Установите для вставленной формы значение «Пересекать области формы».

Шаг 33

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

Шаг 34

Повторим процесс еще раз. Нарисуйте несколько эллипсов светло-зеленым цветом. Объедините их все.

Шаг 35

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

Шаг 36

Нарисуйте несколько кругов в виде фруктов.

Шаг 37

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

Шаг 38

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

Заключение

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

Рисование нестандартных фигур в Photoshop | Как Учебник | Разнообразие методов

Рисование нестандартных фигур в Photoshop | Как Учебник | Разнообразие методов | Graphicxtras (youtube)

Пример 1 — Ручка

Photoshop можно использовать для создания множества векторных изображений, и существует множество способов создания такого типа дизайна.Кроме того, это зависит от вашего определения неправильной формы. В первом примере используйте инструмент «Перо» на панели инструментов. Перейдите в верхний левый угол и убедитесь, что он находится в режиме слоя. Щелкните документ в разных местах. Удерживайте мышь в определенных точках, чтобы изогнуть сгенерированный путь. Чтобы завершить (или закрыть) путь, просто щелкните начальную точку. Поскольку инструмент «Перо» создает путь, на самом деле ничего не видно, кроме нескольких точек (или столько, сколько вы хотите создать), поэтому перейдите на панель / панель пути и выберите сгенерированный рабочий путь и перейдите в правое боковое меню и залейте текущим цветом переднего плана (установите его на черный с помощью панели инструментов).Когда вы закончите, убедитесь, что он выбран (используйте инструмент прямого выбора, чтобы выбрать все точки), а затем перейдите в меню редактирования и определите команду. https://youtu.be/PZL1TifkXv8

Пример 2 — произвольная форма

Вместо инструмента «Перо» используйте следующий инструмент в наборе инструментов: инструмент «Перо произвольной формы». Просто выберите и рисуйте, как обычной ручкой. Лично мне проще использовать художественный блокнот/ручку вместо мыши (пример ниже был нарисован с помощью мыши). Снова завершите создание пути, встретив начальную точку.Перейдите на панель пути и залейте цветом или используйте команду определения пользовательской формы. Вы можете рисовать действительно странные и замечательные векторные рисунки с помощью инструмента произвольной формы. Это не самый элегантный инструмент, но он позволяет создавать необычные и странные произведения искусства. Другой способ превратить дизайн в «форму» — просто нажать кнопку «форма» на верхней панели параметров (это в самых последних версиях). Кнопка преобразует его, но не сохраняет как векторный пресет. Повторите выбор нескольких путей и определите их как пресет через меню редактирования.Выберите инструмент «Перо произвольной формы» на панели инструментов. Рисуйте с помощью инструмента произвольной формы. Отпустите мышь. Измените заливку и обводку. https://youtu.be/MWlLIGfFhMs

Пример 3 — магнитная произвольная форма

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

Пример 4 — инструмент пользовательских фигур

Инструмент CSH и другие инструменты, такие как прямоугольник, звезда и т. д., можно использовать в качестве отличного источника для дизайна. Для этого выберите один из инструментов, например инструмент «Прямоугольник», и создайте один прямоугольник. Перейдите к операциям пути (навигатор в Adobe AI) вдоль верхней панели параметров / панели управления и установите параметр «объединить» (или любой другой, если вы хотите вычесть из исходного дизайна), а затем примените другой прямоугольник и так далее. на. Повторите создание прямоугольника, круга, звезды и т. д. несколько раз, после чего каждый путь будет добавлен к исходному дизайну.По завершении перейдите в меню редактирования и определите, как создать окончательный пресет (который затем можно использовать несколько раз в приложении) https://youtu.be/36SwnfRpkjI

.

Пример 5 — деформация

Строго не используя какой-либо рисунок, но с помощью меню редактирования и команды преобразования и деформации с выбранным контуром (даже прямоугольником) вы можете создать быстрый дизайн за считанные секунды. Возможно, вы не получите самый необычный вектор одним проходом инструмента деформации, так как сетка деформации составляет всего 3 x 3.Выберите отдельные точки/узлы сетки деформации и деформируйте траекторию разными способами. Повторяйте и повторяйте, пока не добьетесь желаемого результата. Графическое изображение можно сохранить как предустановку (через меню редактирования и команду определения) и повторно использовать для создания еще более сложной графики. Выберите инструмент «Прямоугольник» на панели инструментов. Выберите вариант слоя в левом верхнем углу. Создайте прямоугольник. Перейдите в меню редактирования и используйте команду преобразования деформации. Используйте сетку, чтобы выбрать и перетащить точки и исказить прямоугольник, а затем нажмите OK.https://youtu.be/v4louFcA20c

Пример 6 — кисть

Не вектор, но можно превратить в него. Слой. Новый слой. Выберите инструмент «Кисть» на панели инструментов. Установите черный цвет для переднего плана. Выберите одну из основных кистей по умолчанию (жесткость 100%). Нарисуйте запутанный рисунок из множества мазков кистью. Выберите меню. Загрузить выделение. Прозрачность 1 слоя. Панель путей. Сделать рабочий путь (правое боковое меню). Установите допуск и нажмите OK. Сохраните рабочий путь (панель путей). Перейдите в меню редактирования и используйте команду определения, чтобы сохранить его как пресет для будущего использования.https://youtu.be/V8A_Pib_82Y

Пример 7. Инструмент кривизны

Теперь вы можете использовать инструмент кривизны, который можно использовать для создания всевозможных странных, волнистых и криволинейных рисунков. Выберите инструмент, щелкните документ, а затем щелкните в другом месте, продолжайте и перемещайте инструмент вверх и вниз, влево и вправо, чтобы создать кривую. Кривые можно редактировать позже, используя инструмент прямого выбора, а также инструмент кривизны. https://youtu.be/DUN2oHk54C8

Дополнительные идеи

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

Рисование фигур | Библия Photoshop CS2

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

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

Плюсы и минусы форм

Что хорошего в объектно-ориентированных формах внутри Photoshop?

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

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

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

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

• Обтравочные контуры можно просмотреть непосредственно в Photoshop. До появления объектно-ориентированных фигур вы никогда не были уверены, правильно ли обводите изображение с помощью обтравочного контура, пока не импортируете его в InDesign, QuarkXPress или какое-либо другое приложение. Теперь вы можете предварительно просмотреть, как будет выглядеть ваш обтравочный контур, прямо в Photoshop.

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

Если векторы так хороши, почему бы не отказаться от пикселей и вместо этого полностью начать рисовать слоями-фигурами? Хотя фигура может обрезать фотографию с непрерывными тонами, она не может заменить ее. Были проведены всевозможные эксперименты с использованием объектов и фракталов, но пиксели по-прежнему являются наиболее подходящей средой для представления цифровых фотографий.Поскольку основной работой Photoshop является редактирование фотографий, пиксели (в обозримом будущем) являются основным продуктом программы.

Осторожно

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

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

Щелчок по инструменту прямоугольника отображает всплывающее меню из шести инструментов формы, изображенных на рис. 7-1. Вы также можете нажать U, чтобы выбрать инструмент «Прямоугольник», а затем нажать Shift+U, чтобы переключиться с одного инструмента формы на другой. Шесть инструментов формы работают следующим образом:

Рисунок 7-1: Щелкните инструмент прямоугольника, чтобы отобразить всплывающее меню инструмента формы, или нажмите U и Shift+U для переключения между инструментами.

• Инструмент «Прямоугольник»: Раньше считалось, что самое сложное в Photoshop — нарисовать простой прямоугольник. Вы должны были нарисовать прямоугольную область выделения, а затем заполнить ее. На самом деле не сложно, я полагаю, но какой человек за стенами санатория додумается подойти к этому таким образом? Но шутка мертва » в наши дни рисовать прямоугольник легко. Перетащите, чтобы нарисовать прямоугольник из одного угла в другой, перетащите, удерживая нажатой клавишу Shift, чтобы нарисовать квадрат, перетащите, удерживая клавишу «Alt» (перетаскивание, удерживая Option на Mac), чтобы нарисовать фигуру наружу от центра.

  Подсказка

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

• Инструмент «Прямоугольник со скругленными углами»: При выборе инструмента «Прямоугольник со скругленными углами» на панели параметров становится доступным значение «Радиус». Если вы думаете о каждом закругленном углу как о четверти круга, значение радиуса равно радиусу (половина диаметра) этого круга.Большие значения приводят к большей округлости.

  Совет

  Чтобы уменьшить или увеличить значение радиуса с шагом в 1 пиксель, нажимайте клавиши со скобками, [ и ]. Нажмите Shift+[ или ], чтобы уменьшить или увеличить значение с шагом в 10 пикселей.

• Инструмент «Эллипс»: Инструмент «Эллипс» рисует эллипсы. Многие называют эллипс овалом, и технически это неверно, но вы поняли идею.Shift-перетаскивание для кругов; Удерживая нажатой клавишу Alt (Option-drag), нарисуйте овал наружу от центра.

• Инструмент «Многоугольник»: Этот инструмент рисует правильные многоугольники, которые представляют собой прямолинейные фигуры с радиальной симметрией. Примеры включают равнобедренные треугольники (3 стороны), квадраты (4 стороны), пятиугольники (5 сторон), шестиугольники (6 сторон), семиугольники (7 сторон), восьмиугольники (8 сторон), десятиугольники (10 сторон), додекагоны (12 сторон). , и так далее. Введите значение сторон на панели параметров, чтобы установить количество сторон в следующем многоугольнике, который вы рисуете.

  Совет

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

• Инструмент «Линия»: Не столько линия, сколько очень узкий прямоугольник, вы вводите значение веса на панели параметров, чтобы определить толщину так называемой линии, а затем перетаскиваете в окно изображения.Как показано ниже, это делает редактирование линии чрезвычайно сложным, и называть этот инструмент «инструментом линии» несколько неправильно.

  Подсказка

  Итак, инструмент «Линия» странный. Но вы можете изменять значение Веса с шагом в один пиксель, нажимая клавиши [ и ]. Вы также можете добавить стрелку к линии с помощью кнопки «Параметры геометрии», описанной в шаге 4 следующего раздела.

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

Процесс рисования фигуры

Процесс рисования фигуры может быть таким же простым, как перетаскивание с помощью инструмента. Однако то, как проявляется эта форма, в первую очередь зависит от того, какую из первых трех кнопок, обозначенных на панели параметров на рис. 7-2, вы нажмете. Первый вариант (Слой-фигура) создает новый слой-фигуру, когда вы рисуете с помощью инструмента фигуры; второй вариант (Пути) создает обычный путь, доступный для просмотра в палитре Пути; и последний вариант (Заполнить пиксели) создает фигуру на основе пикселей.В этом последнем случае Photoshop не добавляет новый слой: он просто перекрашивает пиксели на активном слое, обычно в пределах выделения. Фактически, до того, как в Photoshop был добавлен инструмент «Форма», именно так создавались прямоугольники и эллипсы с помощью инструмента «Область» и команды «Заливка» или «Заливка».

Рисунок 7-2: Используйте параметры на панели параметров, чтобы указать тип фигуры, которую вы хотите нарисовать.

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

ШАГИ: Создание нового слоя формы

1. Выберите инструмент формы, который хотите использовать. Помните, U — это сочетание клавиш для инструментов формы.

2. Укажите цвет. Выберите цвет фигуры из цветовой палитры. Кроме того, вы можете щелкнуть значок цвета переднего плана на панели инструментов или образец цвета на панели параметров, а затем выбрать цвет в палитре цветов.Если вы хотите заполнить фигуру градиентом, узором или изображением, вы можете сделать это после того, как закончите рисовать фигуру, как описано в следующем разделе «Редактирование содержимого внутри фигуры».

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

4. Измените параметры геометрии. Щелкните стрелку, указывающую вниз, справа от кнопок инструментов на панели параметров (обозначенной «Параметры настраиваемых фигур» на рис. 7-2), чтобы увидеть всплывающую палитру параметров, предназначенных для выбранного инструмента формы. Они позволяют ограничивать прямоугольники, эллипсы и пользовательские формы; сделайте отступ сторон многоугольника, чтобы создать звезду; закруглите углы многоугольника или звезды; и добавьте стрелки к концам линии.

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

   При добавлении стрелок к линии значения ширины и высоты измеряются относительно веса линии. Положительное значение Вогнутости сгибает основание стрелки внутрь; отрицательное значение изгибает его.

   Подсказка

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

5. Изменение других настроек инструмента. В зависимости от инструмента справа от стрелки параметров геометрии могут отображаться параметры. Инструмент «Многоугольник» предлагает параметр «Стороны»; инструмент «Линия» предлагает параметр «Вес».Вы можете редактировать любой из них, нажимая клавиши квадратных скобок, [ и ].

   При рисовании пользовательской формы нажмите кнопку справа от слова «Форма», чтобы отобразить всплывающую палитру предустановок, как показано на рис. 7-2. Нажимайте квадратные скобки ( [ или ] ) для перехода от одной предустановленной формы к другой. Вы можете загрузить больше фигур, выбрав команду «Загрузить фигуры» или выбрав одну из библиотек форм «Животные, стрелки, баннеры и т. д.», перечисленных в нижней половине меню.

   Совет

   Чтобы загрузить все пользовательские фигуры, поставляемые с Photoshop, выберите команду «Все». Когда Photoshop спросит, хотите ли вы заменить текущие фигуры новыми, нажмите «ОК».

6. Примените стиль и цвет. В отличие от других параметров, обсуждавшихся до сих пор, вы можете назначить стиль слоя или цвет фигуре либо до ее рисования, либо после нее. Ключом является значок «Ссылка», помеченный как «Изменить активный слой» на рис. 7-2.При включении параметры стиля и цвета влияют на активный слой формы; когда они выключены, они влияют на следующую фигуру, которую вы рисуете.

   Совет

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

7. Нарисуйте фигуру. Поскольку на шаге 3 вы установили инструмент для рисования слоя-фигуры, Photoshop автоматически создает новый слой. Как показано на рис. 7-3, палитра «Слои» показывает цветную заливку (обозначенную на рисунке «Содержимое слоя») с обтравочным контуром (или векторной маской , на языке Photoshop) справа от нее, маскирующей заливку. Если вы назначили стиль слоя, вы увидите значок флорина (курсив f) на слое, и если вы щелкните крошечный треугольник справа от него (сделав треугольник направленным вверх, а не вниз), список стилей отображается под слоем.

   
   Рис. 7-3. Слой-фигура на самом деле является векторной маской, которая маскирует цвет, градиент, узор или другую заливку непосредственно в Photoshop.

8. Меняйте инструменты и рисуйте больше фигур. По умолчанию Photoshop создает новый слой формы для каждой новой нарисованной фигуры. Если вы предпочитаете продолжать добавлять пути к активному слою фигуры, чтобы все фигуры имели одинаковую заливку, нажмите кнопку «Добавить в область фигуры» на панели параметров. (Он отмечен на рисунке 7-4.) Затем нарисуйте новую форму.

   
   Рисунок 7-4: Пять кнопок составных путей управляют взаимодействием составных путей. Последние четыре доступны только при редактировании или добавлении к существующему слою формы.

   Подсказка

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

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

Объединение и редактирование фигур

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

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

• Параметры составного пути: Как объяснялось в шаге 8 в предыдущем разделе, вы можете рисовать несколько фигур на одном слое. Поскольку все они имеют единую заливку, Photoshop считает фигуры фрагментами единого сложного контура.На языке языка принтеров PostScript такой путь называется составным путем . Это заставляет Photoshop задаться вопросом, что мне делать, когда кусочки накладываются друг на друга? Поскольку они имеют общую заливку, они могут просто сливаться вместе. Или, возможно, вы предпочитаете использовать одну форму, чтобы вырезать отверстие в другой. Или, может быть, вы хотите, чтобы перекресток был прозрачным.

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

• Выбор фигур: Для выбора и редактирования фигур используйте инструмент «Частичное выделение», также известный как стрелка или черная стрелка. Нажмите A, чтобы вызвать инструмент «черная стрелка» (белая стрелка, компаньон инструмента «Прямой выбор», используется для выбора контуров, а не фигур), который выбирает целые фигуры за раз.Затем щелкните фигуру, чтобы выбрать ее. Чтобы временно получить доступ к инструменту «Черная стрелка», нажмите клавишу Ctrl ( z на Mac) при использовании инструмента формы.

• Перемещение и преобразование: Вооружившись черной стрелкой, перетащите выбранную фигуру, чтобы переместить ее. Установите флажок «Показать ограничивающую рамку» на панели параметров, чтобы получить доступ к элементам управления преобразованием, или нажмите Ctrl+T ( z +T на Mac), чтобы войти в режим свободного преобразования. Затем перетащите ручку для масштабирования, перетащите за пределы ограничительной рамки, чтобы повернуть, и перетащите ручку, удерживая нажатой клавишу Ctrl ( z -drag), чтобы наклонить или исказить.

  Перекрестная ссылка

  Если вам нужна преобразование, вы можете узнать, как применить преобразования в главе 5.

• Организация и сочетание форм: После выбора формы с Черная стрелка, вы можете применить любую из четырех доступных кнопок составного пути. (Функция «Создать новый слой-фигура» недоступна, поскольку она влияет только на новые фигуры.) Делая выбор, помните, что самый верхний слой-фигура имеет приоритет.Таким образом, если для формы A установлено значение «Добавить», для формы B установлено значение «Пересечение», а форма B находится впереди, Photoshop заполняет только пересечение. Между тем, порядок наложения полностью зависит от порядка, в котором вы рисуете фигуры, с более новыми фигурами впереди. (Команды Layer Arrange воздействуют на целые слои; их нельзя использовать для изменения порядка фигур.)

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

• Выбор точек и сегментов: Нажмите Shift+A, чтобы вызвать инструмент с белой стрелкой, технически называемый инструментом выбора пути. Этот инструмент выбирает отдельные точки и сегменты пути. Перемещайте отдельно выбранные точки, перетаскивая их; преобразуйте такие точки, нажав Ctrl+T ( z +T на Mac). Чтобы выбрать весь путь независимо от любых других на слое, щелкните его контур, удерживая нажатой клавишу «Alt» (Option + щелчок).

• Добавление и удаление точек: Лучшим инструментом для изменения формы является инструмент «Перо», который вызывается нажатием клавиши P.Сначала выделите часть фигуры с помощью одного из инструментов выделения. Затем щелкните сегмент, чтобы вставить точку, которая будет служить острым углом; щелкните и перетащите сегмент, чтобы добавить точку сглаживания, определяющую непрерывную дугу. Щелкните существующую точку, чтобы удалить ее.

• Отключение векторной маски: Удерживая нажатой клавишу Shift, щелкните миниатюру векторной маски в палитре «Слои», чтобы отключить ее и сделать видимым все содержимое слоя. Shift-щелкните миниатюру еще раз, чтобы снова включить векторную маску.

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

  Совет

  Чтобы удалить весь слой-фигуру, просто нажмите клавишу Backspace (или Delete на Mac). Если контур контура активен, Photoshop спросит, хотите ли вы удалить весь слой, только маску или только контуры внутри маски.Выберите первый вариант и нажмите OK, чтобы избавиться от всего слоя. Если контур пути не активен, когда вы нажимаете Backspace или Delete, Photoshop просто удаляет слой, не задавая вопросов.

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

  Совет

  А еще лучше вместо выбора команды «Показать все» просто нажмите клавишу Ctrl ( z на Mac) и щелкните значок «Добавить маску слоя» в нижней части палитры «Слои». Это создаст пустую векторную маску, готовую для добавления фигур. Возьмите инструмент формы, нажмите клавишу + и начните рисовать.

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

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

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

• Изменение цвета: Чтобы изменить цвет слоя-фигуры, дважды щелкните миниатюру содержимого слоя в окне «Слои». палитру, а затем выберите новый цвет в диалоговом окне «Палитра цветов».Или, что еще лучше, измените цвет переднего плана, а затем нажмите Alt+Backspace (Option-Delete на Mac).

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

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

• Заливка градиентом или повторяющимся узором: Не хотите заливать фигуру сплошным цветом? Вам не нужно. Чтобы заполнить активный слой-фигуру градиентом, выберите Layer Change Layer Content Gradient; или выберите Layer Change Layer Content Pattern, чтобы применить повторяющийся шаблон.На рис. 7-5 показано диалоговое окно для каждого из них. Большинство параметров будут знакомы серьезному пользователю Photoshop. Единственные необычные параметры находятся в диалоговом окне «Заливка узором». Значение «Масштаб» позволяет изменить размер узора внутри фигуры; Связь со слоем гарантирует, что фигура и узор перемещаются вместе; и «Привязать к исходной точке» привязывает шаблон к исходной точке.

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

  Совет

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

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

• Создание формы регулировки цвета: Когда речь идет о содержимом слоя, слои формы имеют неограниченный потенциал.Вы даже можете заполнить форму с помощью настройки цвета. Просто выберите «Уровни», «Кривые», «Цветовой тон/Насыщенность» или любую другую классическую коррекцию цвета в подменю «Изменение слоя».

  Перекрестная ссылка

  Дополнительные сведения о корректирующих слоях см. в главе 11. Ну, благодаря тонким генетическим изменениям основных подпрограмм Photoshop, вы можете.Предполагая, что фигура заполнена сплошным цветом, градиентом или узором (этот метод неприменим к корректирующим слоям), выберите «Слой, растрировать содержимое заливки». С этого момента заливка больше не является динамической. Это означает, что вы не можете дважды щелкнуть миниатюру, чтобы отредактировать ее. Однако вы можете редактировать его, как и любой другой слой, полный пикселей. Рисуйте внутри него, клонируйте с другого слоя восстанавливающей кистью, применяйте фильтр и сходите с ума. Заполнение векторной маски изображением: Применение векторной маски к изображению — более тонкая операция.К счастью, есть несколько способов сделать это, так что вы можете выбрать свой любимый. Один метод упоминается в конце предыдущего раздела. Вот еще один вариант: нарисуйте фигуру не как новый слой-фигуру, а как путь, выбрав кнопку «Контуры» на панели параметров. Затем выберите слой, который вы хотите замаскировать (это должен быть плавающий слой, а не фон), и выберите Слой Добавить векторную маску Текущий путь. Совет   Хотите избежать этой команды? После установки пути щелкните, удерживая нажатой клавишу Ctrl ( z -щелчок на Mac), значок «Добавить маску слоя» в нижней части палитры «Слои», чтобы путь обрезал активный слой изображения. От обтравочной маски к векторной маске: Что делать, если вы уже создали слой-фигуру и теперь хотите заполнить эту фигуру изображением? Переместите изображение на независимый слой перед слоем формы (и расположите изображение буквально поверх фигуры), выберите оба слоя, а затем нажмите Ctrl+G ( z +G на Mac), чтобы сгруппировать слой изображения с слой формы. Теперь у вас есть обтравочная маска с формой, маскирующей содержимое изображения над ней.Обратите внимание: если к вашей фигуре применен стиль слоя, вам нужно либо скрыть стиль (щелкните правой кнопкой мыши слой и выберите «Скрыть все эффекты»), либо удалить стиль или стили, чтобы изображение стало видимой заливкой фигуры. Объединение слоя изображения и формы: Если вы хотите по какой-либо причине объединить эти два слоя, вы не можете просто нажать Ctrl+E ( z +E на Mac). Вот что вам нужно сделать: Во-первых, выберите слой с фигурой и выберите «Слой, растрировать содержимое заливки», чтобы преобразовать динамическую заливку в пиксели.Затем вы можете выбрать слой изображения и нажать Ctrl+E ( z +E на Mac), чтобы объединить его со слоем формы ниже. Подсказка   Если всего этого недостаточно, есть еще один способ раздвинуть границы слоев формы и вырвать последние остатки убедительных рассуждений из вашего, к настоящему времени, хрупкого ума. Как? Добавляя маску слоя к слою формы. Правильно, Photoshop позволяет комбинировать маскирование пикселей и маскирование векторов в одном слое, позволяя вам смешивать мягкие края и четкие контуры. На рис. 7-6 миниатюра векторной маски в палитре «Слои» щелкнута с нажатой клавишей Ctrl ( z -клик), чтобы загрузить форму короны в качестве контура выделения. Затем выделение преобразуется в маску слоя, щелкнув значок «Добавить маску слоя» в нижней части палитры «Слои». В результате получается маска слоя, идентичная векторной маске. Вопрос, который вы сейчас, вероятно, задаете, звучит так: «Зачем вы это сделали?» «Чтобы установить следующую фигуру» будет ответом.На рис. 7-7 фильтр «Размытие по Гауссу» применяется для растушевки маски слоя. Затем применяется фильтр Pixelate Crystallize для добавления краев мозаики. В результате получаются органичные волнистые края внутри острой векторной формы. Маска слоя маскирует слой, а затем его маскирует векторная маска. Рисунок 7-6. Добавьте маску слоя к слою-фигуре, чтобы добавить смягчение на основе пикселей к резкой векторной маске. Рис. 7-7. Применение фильтров «Размытие по Гауссу» (слева) и «Кристаллизация» к маске слоя смешивает мягкий пиксельный эффект с жесткими краями, обеспечиваемыми векторной маской (справа). Команда «Размытие по Гауссу» описана в главе 8. Дополнительные сведения о «Кристаллизовать» см. в главе 9. Быстрый ответ: как рисовать фигуры в Photoshop Cs6 Выполните следующие быстрые шаги для создания фигур в Photoshop: Выберите инструмент фигуры. На панели инструментов нажмите и удерживайте значок группы инструментов «Форма» ( ), чтобы открыть различные параметры инструмента «Форма» — «Прямоугольник», «Эллипс», «Треугольник», «Многоугольник», «Линия» и «Пользовательская фигура». Установите параметры инструмента формы. Нарисуйте форму. Изменить свойства формы. Как заполнить фигуру в Photoshop? Заливка выделения или слоя цветом Выберите цвет переднего плана или фона. Выберите область, которую хотите заполнить. Выберите «Правка» > «Заливка», чтобы заполнить выделение или слой. В диалоговом окне «Заливка» выберите один из следующих параметров для параметра «Использовать» или выберите пользовательский узор: Укажите режим наложения и непрозрачность краски. Как редактировать фигуры в Photoshop cs6? Выберите инструмент «Выделение формы» и выберите параметр «Показать граничную рамку».Выполните одно из следующих действий. Щелкните фигуру, которую нужно преобразовать, а затем перетащите якорь, чтобы преобразовать фигуру. Выберите фигуру, которую хотите преобразовать, выберите «Изображение» > «Преобразовать фигуру», а затем выберите команду преобразования. Как нарисовать квадрат в Photoshop? Щелкните инструмент «Прямоугольная область». На холсте, удерживая нажатой клавишу Shift, щелкните левой кнопкой мыши и перетащите квадрат до нужного размера. Удержание Shift в этом случае сохраняет квадратную форму.Получив контур квадрата с помощью инструмента «Прямоугольная область», заполните его или используйте «Обводку». Что такое инструмент «Волшебная палочка»? Что такое инструмент «Волшебная палочка»? Инструмент «Волшебная палочка» в Photoshop — это быстрый и простой способ выделить и замаскировать определенные части изображения, что дает вам возможность изменить одну часть изображения, оставив другие части нетронутыми. Инструмент «Волшебная палочка» работает, выбирая область сплошного цвета на изображении. Где находится инструмент «Эллипс» в Photoshop cs6? Выберите инструмент «Эллипс» ( ) на панели инструментов.Если вы не можете найти инструмент «Эллипс», щелкните и удерживайте инструмент «Прямоугольник», чтобы отобразить другие связанные инструменты, а затем выберите инструмент «Эллипс». Что такое инструмент формы? Инструменты формы используются для создания векторных фигур и контуров. Пользовательские фигуры — для создания пользовательских фигур, к которым можно получить доступ из свойств пользовательских фигур, как и в инструментах «Форма», используется инструмент «Перо». Как нарисовать прямоугольник без заливки в Photoshop? Перетащите прямоугольник в нужное место.3. Перейдите в меню «Правка» > «Выбор обводки (контура)» и выберите цвет и ширину обводки. Наполнения никогда нет. Как рисовать фигуры в Photoshop? Выполните следующие быстрые шаги для создания фигур в Photoshop: Выберите инструмент фигуры. На панели инструментов нажмите и удерживайте значок группы инструментов «Форма» ( ), чтобы открыть различные параметры инструмента «Форма» — «Прямоугольник», «Эллипс», «Треугольник», «Многоугольник», «Линия» и «Пользовательская фигура». Установите параметры инструмента формы. Нарисуйте форму. Изменить свойства формы. Есть ли в Photoshop инструмент круг? Нарисовать идеальный круг в Photoshop довольно просто.Используйте инструмент «Эллипс» и, удерживая нажатой клавишу «Shift», зафиксируйте его высоту и ширину в одинаковых пропорциях. После того, как круг создан, вы можете изменить форматирование любым удобным для вас способом. Как заполнить фигуру с помощью инструмента «Перо» в Photoshop? Заполнить контур Выберите инструмент «Перо» с помощью сочетания клавиш P. Чтобы сделать выделение, щелкните две точки, чтобы создать линию между ними, и перетащите точку, чтобы создать изогнутую линию. Используйте Alt/opt-перетащите линии, чтобы изменить их. Удерживая нажатой клавишу Ctrl/щелкните правой кнопкой мыши свой путь на вкладке «Пути» справа, а затем выберите «Заполнить путь», чтобы создать из него фигуру. Как заполнить фигуру изображением? Вставка изображения в фигуру Щелкните фигуру, для которой вы хотите добавить изображение. На вкладке Формат в группе Стили фигур щелкните стрелку рядом с элементом Заливка фигуры. В папке или расположении, содержащем изображение, которое вы хотите использовать, щелкните файл изображения и нажмите кнопку Вставить. Как открыть фигуры в Photoshop? Выберите форму, которую хотите изменить. На панели «Свойства» или на панели параметров инструмента щелкните значок меню «Установить тип обводки фигуры», чтобы открыть панель «Параметры обводки». Что такое полигональный инструмент? Инструмент «Многоугольник» является инструментом рисования/изменения формы, что означает, что он может изменять или редактировать существующие многоугольники и параллельные многоугольники. Изменить форму, как вы рисуете. Инструмент «Многоугольник» имеет функцию изменения формы во время рисования, которая позволяет изменять форму многоугольника по мере его рисования. Как сделать прямоугольник со скругленными углами в Photoshop CS6? Photoshop CS6 – Создание закругленных углов на фотографии Шаг 1: Разблокируйте фоновый слой. — Дважды щелкните фоновый слой, чтобы разблокировать его.Шаг 2: Выберите инструмент «Форма». Под инструментом «Форма» выберите «Прямоугольник со скругленными углами». Шаг 3: Выберите путь и радиус. Шаг 4: Создайте векторную маску. Шаг 5: Нарисуйте округлую форму. Шаг 6: Сохраните фотографию. Как нарисовать квадрат в Photoshop без заливки? Перетащите прямоугольник в нужное место. 3. Перейдите в меню «Правка» > «Выбор обводки (контура)» и выберите цвет и ширину обводки. Наполнения никогда нет. Как нарисовать контур прямоугольника в Photoshop? Перейдите на панель параметров и щелкните стрелку «Стиль».Выберите стиль «Однопиксельная обводка, нулевая непрозрачность заливки». Нажмите и перетащите инструмент, чтобы нарисовать очерченный прямоугольник. Дважды щелкните эффект «Обводка» на панели «Слои», чтобы изменить размер, цвет и прозрачность контура. Что такое инструмент Лассо в Photoshop? Инструмент «Лассо» удобен для рисования границы произвольной формы вокруг выбранного объекта на изображении. Это позволяет вам смягчить края вашего выделения или добавить эффект растушевки; это также полезно для сглаживания. Как сделать волшебную палочку в фотошопе? Щелкните значок «Волшебная палочка» на панели инструментов в левой части экрана. Это четвертый вариант сверху. Если вместо этого значок выглядит как кисть, рисующая пунктирную линию, щелкните ее правой кнопкой мыши и выберите «Инструмент «Волшебная палочка». 20 января 2021 г. Какой инструмент используется для рисования круга или эллипса? Инструмент «Эллипс» Задача Сделать следующее Нарисовать круг В наборе инструментов выберите инструмент «Эллипс» . Удерживая нажатой клавишу Ctrl, перетащите в окне рисования, пока круг не станет нужного размера. Что такое инструмент «Многоугольник» в Photoshop? Инструмент «Многоугольник», расположенный среди различных инструментов «Фигуры» на боковой панели, позволяет создавать равносторонние многоугольники, чтобы играть с ними и манипулировать ими в своем шедевре. Что такое форма в Photoshop? Инструменты формы позволяют добавлять графические фигуры в виде слоя с заливкой с векторной маской, сплошной заливкой или в виде контура контура. Используя инструменты формы, вы можете рисовать прямоугольные, закругленные прямоугольные, эллиптические, многоугольные, линейные или пользовательские формы. Что такое фигуры в Adobe Photoshop? Photoshop CC предлагает базовые инструменты для работы с изображениями и произведениями искусства. Прямоугольники, прямоугольники со скругленными углами (прямоугольники со скругленными углами), круги и овалы, многосторонние многоугольники, прямые линии и стрелки, а также множество специальных пользовательских форм — все это в вашей команде простым нажатием и перетаскиванием. Как рисовать фигуры в Photoshop Выполните следующие быстрые шаги для создания фигур в Photoshop: Выберите инструмент фигуры.На панели инструментов нажмите и удерживайте значок группы инструментов «Форма» ( ), чтобы открыть различные параметры инструмента «Форма» — «Прямоугольник», «Эллипс», «Треугольник», «Многоугольник», «Линия» и «Пользовательская фигура». Установите параметры инструмента формы. Нарисуйте форму. Изменить свойства формы. Есть ли в Photoshop инструмент рисования? Понимание форм и контуров В Photoshop вы можете рисовать с помощью любого инструмента формы, инструмента «Перо» или инструмента «Перо произвольной формы». Параметры для каждого инструмента доступны на панели параметров. Прежде чем начать рисовать в Photoshop, вы должны выбрать режим рисования на панели параметров. Можете ли вы рисовать от руки в Photoshop? Рисование в Adobe Photoshop включает в себя создание векторных фигур и контуров. В Photoshop вы можете рисовать с помощью любого инструмента формы, инструмента «Перо» или инструмента «Перо произвольной формы». Как превратить инструмент «Перо» в фигуру в Photoshop? Выберите инструмент «Перо» с помощью сочетания клавиш P. Чтобы сделать выбор, щелкните две точки, чтобы создать линию между ними, и перетащите точку, чтобы создать изогнутую линию. Используйте Alt/opt-перетащите линии, чтобы изменить их.Удерживая нажатой клавишу Ctrl/щелкните правой кнопкой мыши свой путь на вкладке «Пути» справа, а затем выберите «Заполнить путь», чтобы создать из него фигуру. Как заполнить фигуру в Photoshop? Заливка выделения или слоя цветом Выберите цвет переднего плана или фона. Выберите область, которую хотите заполнить. Выберите «Правка» > «Заливка», чтобы заполнить выделение или слой. В диалоговом окне «Заливка» выберите один из следующих параметров для параметра «Использовать» или выберите пользовательский узор: Укажите режим наложения и непрозрачность краски. Как нарисовать перо в Фотошопе? Щелчок по инструменту «Перо» создает прямые сегменты.Выберите инструмент «Перо». Расположите инструмент «Перо» там, где должен начинаться прямой сегмент, и щелкните, чтобы определить первую опорную точку (не перетаскивайте). Щелкните еще раз там, где вы хотите, чтобы сегмент заканчивался (удерживая клавишу Shift, чтобы ограничить угол сегмента кратным 45°). Где находится инструмент формы в Photoshop? На панели инструментов нажмите и удерживайте значок группы инструментов «Форма» ( ), чтобы открыть различные параметры инструментов формы — «Прямоугольник», «Эллипс», «Треугольник», «Многоугольник», «Линия» и «Пользовательская фигура».Выберите инструмент для фигуры, которую хотите нарисовать. Как нарисовать квадрат в Photoshop без заливки? Перетащите прямоугольник в нужное место. 3. Перейдите в меню «Правка» > «Выбор обводки (контура)» и выберите цвет и ширину обводки. Наполнения никогда нет. Как рисовать прямые линии в Photoshop? Прямые линии просты: с помощью кисти щелкните там, где вы хотите, чтобы линия начиналась (вы нарисуете одну точку), затем, удерживая нажатой клавишу Shift, щелкните там, где вы хотите, чтобы линия заканчивалась; Photoshop нарисует прямую линию между начальной и конечной точками. Как работает инструмент «Перо» в Photoshop? Инструмент «Перо» в Photoshop создает контуры и фигуры, которые можно дублировать и манипулировать ими для создания сложных выделений, масок и объектов. В отличие от инструментов «Кисть» и «Карандаш», которые «рисуют» пиксели на изображении, инструмент «Перо» при использовании всегда создает векторный контур. Как сделать инструмент «Перо» видимым? Если путь инструмента «Перо» не виден, это, вероятно, проблема с обратной связью экрана Photoshop и может повлиять на другие векторные инструменты в программе.Некоторые пользователи сообщают, что могут решить эту проблему, отключив, а затем включив видимость слоя. Как обвести объект в Photoshop? Щелкните инструмент «Перо» на панели инструментов. Выберите значок «Пути» для пера на панели параметров в верхней части приложения. Используйте этот инструмент, чтобы создать контур вокруг изображения, выбирая точки вдоль контуров изображения, по которым следует линия пера, очерчивая объект. Как нарисовать квадрат в Photoshop? Щелкните инструмент «Прямоугольная область».На холсте, удерживая нажатой клавишу Shift, щелкните левой кнопкой мыши и перетащите квадрат до нужного размера. Удержание Shift в этом случае сохраняет квадратную форму. Получив контур квадрата с помощью инструмента «Прямоугольная область», заполните его или используйте «Обводку». Как заполнить фигуру изображением? Вставка изображения в фигуру Щелкните фигуру, для которой вы хотите добавить изображение. На вкладке Формат в группе Стили фигур щелкните стрелку рядом с элементом Заливка фигуры. В папке или расположении, содержащем изображение, которое вы хотите использовать, щелкните файл изображения и нажмите кнопку Вставить. Что такое инструмент формы? Инструменты формы используются для создания векторных фигур и контуров. Пользовательские фигуры — для создания пользовательских фигур, к которым можно получить доступ из свойств пользовательских фигур, как и в инструментах «Форма», используется инструмент «Перо». Что такое инструмент формы в Adobe Photoshop? Инструменты формы позволяют добавлять графические фигуры в виде слоя с заливкой с векторной маской, сплошной заливки или контура контура. Используя инструменты формы, вы можете рисовать прямоугольные, закругленные прямоугольные, эллиптические, многоугольные, линейные или пользовательские формы. Где находится инструмент «Прямоугольник со скругленными углами» в Photoshop? Редактирование прямоугольников со скругленными углами Откройте окно редактирования прямоугольников со скругленными углами. Выберите инструмент «Прямоугольник» на панели инструментов в левой части рабочего пространства. Когда вы закончите рисовать прямоугольник, обратите внимание, что автоматически открывается панель «Свойства». На панели «Свойства» вы можете изменить обводку и заливку фигуры. Как переместить фигуру в Photoshop? Выберите или переместите фигуру Используйте инструмент «Выделение фигуры» для выбора фигур: Чтобы выбрать фигуру, щелкните ее.Чтобы переместить фигуру, перетащите ее в новое место. Как сделать круглую форму в Photoshop? С курсором, расположенным в верхнем левом углу, щелкните и перетащите мышь в нижний правый угол, удерживая клавишу Shift на клавиатуре. Удерживая Shift, можно создать идеальный круг. Если не удерживать Shift, круг превратится в овал. Как сделать квадратный контур в Photoshop? Перейдите к прямоугольному инструменту выделения, маленькому пунктирному прямоугольнику в верхней части панели инструментов.Перетащите прямоугольник в нужное место. 3. Перейдите в меню «Правка» > «Выбор обводки (контура)» и выберите цвет и ширину обводки. Как нарисовать прямоугольник в Photoshop? Нарисуйте прямоугольник Выберите инструмент «Прямоугольник». На панели инструментов нажмите и удерживайте значок группы инструментов «Форма» ( ), чтобы отобразить различные варианты инструментов формы. Настройте свойства формы инструмента «Прямоугольник». Установите свойства прямоугольника. Нарисуйте прямоугольник. Отредактируйте свойства формы прямоугольника. Как сделать изогнутую линию прямой в Photoshop? Нарисовав прямую линию, нажмите клавишу ALT и щелкните левой кнопкой мыши, чтобы изменить ее направление. No related posts. Опубликовано в Разное alexxlab Больше в РазноеБольше записей в Разное » Мягкая бестеневая схема освещения: Свет сверху на человека. Тонкостях построения красивой схемы студийного света Кто такой великий человек: Великий человек (1956) — Всё о фильме, отзывы, рецензии Диафрагма у фотоаппарата: Диафрагма в фотоаппарате — Советы «Ракурс.бай» Черно белые фото парней: D1 87 d0 b5 d1 80 d0 bd d0 be d0 b1 d0 b5 d0 bb d1 8b d0 b9 d0 bf d0 be d1 80 d1 82 d1 80 d0 b5 d1 82 d0 b1 d0 be d1 80 d0 be d0 b4 d1 8b: стоковые фото, изображения Станьте первым комментатором Добавить комментарий Отменить ответ Ваш адрес email не будет опубликован. Обязательные поля помечены * Комментарий Имя* Email* Web-сайт