Где фигуры в фотошопе
Обновлено: 05.07.2024
В предыдущем уроке «Как рисовать векторные фигуры в Photoshop CS6» мы узнали, как использовать пять основных инструментов фигур в Photoshop (инструмент «Прямоугольник», инструмент «Прямоугольник со скругленными углами», инструмент «Эллипс», инструмент «Многоугольник» и инструмент «Линия»). Инструмент) для добавления в наши документы простых геометрических фигур, таких как прямоугольники, квадраты и круги, а также звезд, звездочек и стрелок направления.
Хотя у кругов и квадратов есть свое применение, как насчет более сложных и интересных форм? Что, если вы хотите, скажем, форму сердца, чтобы использовать ее в качестве рамки для фотографии свадьбы или помолвки? Или форму собаки или кошки, чтобы добавить к логотипу зоомагазина? Как насчет форм цветов или листьев, снежинок, музыкальных нот или даже символа авторского права, которые можно добавить к вашим изображениям? На самом деле Photoshop включает в себя все эти фигуры и многое другое, и мы можем добавлять их в наши дизайны и макеты так же легко, как добавлять круги и квадраты.
Adobe называет эти более сложные формы пользовательскими фигурами, и мы рисуем их с помощью инструмента Custom Shape Tool. Единственная проблема заключается в том, что по умолчанию нам доступны лишь некоторые из этих пользовательских форм. Большинство из них скрыты. Итак, в этом уроке мы узнаем все, что нам нужно знать о рисовании фигур с помощью инструмента Custom Shape Tool, в том числе о том, как получить доступ ко всем пользовательским фигурам, которые предлагает Photoshop!
Если вы еще не знакомы с основами рисования векторных фигур в Photoshop, я настоятельно рекомендую прочитать предыдущий урок, прежде чем продолжить.
Как рисовать произвольные фигуры в Photoshop
Выбор инструмента «Пользовательская фигура»
Инструмент «Пользовательская фигура» встроен в другие инструменты Photoshop на панели «Инструменты». Чтобы выбрать его, щелкните и удерживайте значок любого инструмента формы, который в данный момент виден (это будет либо инструмент «Прямоугольник» (по умолчанию), либо инструмент формы, который вы использовали последним). Когда вы нажимаете и удерживаете значок, появляется всплывающее меню, показывающее другие доступные инструменты формы. Выберите инструмент Custom Shape Tool в нижней части списка:
Рисование векторных фигур
Выбрав инструмент Custom Shape Tool, мы должны убедиться, что рисуем векторные фигуры, а не контуры или пиксельные фигуры. Мы узнали о важном различии между векторными фигурами и пиксельными фигурами в руководстве по рисованию векторных и пиксельных фигур, но вкратце, векторные фигуры гибкие, редактируемые и разрешение -независимый, что означает, что мы можем редактировать и масштабировать их по своему усмотрению и даже распечатывать их любого размера, который нам нужен, а края векторных фигур всегда будут оставаться четкими и четкими.
Чтобы убедиться, что вы работаете с векторными фигурами, установите для параметра «Режим инструмента» на панели параметров в верхней части экрана значение «Форма» (сокращение от «Векторная фигура»):
Выбор пользовательской формы
Далее нам нужно указать Photoshop, какую пользовательскую фигуру мы хотим нарисовать, и мы делаем это, щелкнув миниатюру фигуры на панели параметров. Миниатюра показывает нам фигуру, которая выбрана в данный момент:
При нажатии на миниатюру открывается окно выбора пользовательских форм с предварительным просмотром миниатюр каждой формы, которую мы можем выбрать. Используйте полосу прокрутки справа для прокрутки миниатюр.
Загрузка дополнительных фигур
Как я упоминал в начале руководства, изначально доступно лишь несколько фигур, но мы можем выбирать из многих других. Все, что нам нужно сделать, это загрузить их. Для этого нажмите на значок шестеренки в правом верхнем углу:
В нижней половине появившегося меню вы увидите список всех пользовательских наборов фигур, которые Adobe включает в Photoshop. Фигуры, которые отображаются изначально, являются набором по умолчанию, но просматривая список, мы видим, что у нас есть много других интересных наборов, таких как Животные, Музыка, Природа и так далее. Чтобы загрузить один из этих наборов, просто выберите его из списка.
Единственная проблема заключается в том, что если вы не пользовались Photoshop какое-то время (и потратили большую часть этого времени на работу с пользовательскими фигурами), трудно понять, какие фигуры вы найдете в каждом наборе. Итак, вместо того, чтобы выбирать наборы по отдельности, я бы рекомендовал выбрать «Все» в верхней части списка, чтобы загрузить фигуры из каждого набора сразу:
Photoshop спросит, хотите ли вы заменить текущие фигуры новыми. Если вы нажмете кнопку «Добавить», вместо того, чтобы заменить текущие фигуры новыми фигурами, он скажет Photoshop сохранить существующие фигуры и просто добавить новые под ними. Это может быть хорошим выбором, если вы выбирали отдельный набор фигур из списка и просто хотели добавить его к фигурам по умолчанию.
В этом случае, поскольку я выбираю "Все" (включая фигуры по умолчанию как часть коллекции), я нажму "ОК". В конце урока мы узнаем, как вернуть фигуры к значениям по умолчанию:
Изменение размера пользовательского выбора формы
Теперь, когда все фигуры загружены, у нас есть из чего выбирать.Вы можете изменить размер пользовательского средства выбора фигур, чтобы увидеть больше фигур за раз, щелкнув и перетащив его нижний правый угол. На самом деле, вы можете сделать пользовательский выбор фигур достаточно большим, чтобы увидеть все фигуры одновременно:
Лично я нахожу это слишком большим, поэтому я еще раз щелкну и перетащу правый нижний угол средства выбора пользовательских форм, на этот раз, чтобы уменьшить его. Затем я буду использовать полосу прокрутки справа от миниатюр для прокрутки фигур. Чтобы выбрать фигуру, дважды щелкните ее миниатюру. Это выберет фигуру и закроет окно выбора пользовательской формы. Я выберу форму сердца, дважды щелкнув по ней:
Выбор цвета для фигуры
Выбрав пользовательскую фигуру, выберите для нее цвет, щелкнув образец цвета заливки на панели параметров:
При этом откроется окно, в котором можно выбрать один из четырех способов заполнения пользовательской формы, каждый из которых представлен одним из четырех значков вверху. Начиная слева, у нас есть значок «Без цвета», значок «Сплошной цвет», значок «Градиент» и значок «Узор». Мы подробно рассмотрели параметры цвета заливки (и обводки) в предыдущем уроке (Как рисовать векторные фигуры в Photoshop CS6), но я расскажу о них снова здесь, чтобы напомнить:
При выборе параметра «Нет цвета» слева ваша настраиваемая фигура останется пустой, что может быть вам нужно, если вам нужно, чтобы ваша фигура содержала только контур обводки. Вскоре мы увидим, как добавить обводку.
Параметр "Сплошной цвет" (второй слева) позволяет залить произвольную фигуру одним цветом. Выберите цвет, нажав на один из образцов цвета. Цвета, которые вы недавно использовали, отображаются в строке «Недавно использованные цвета» над основными образцами:
Если нужный цвет не найден ни в одном из образцов, нажмите значок "Палитра цветов" в правом верхнем углу:
Затем выберите цвет вручную в палитре цветов. Когда закончите, нажмите OK, чтобы закрыть палитру цветов:
Параметр «Градиент» позволяет заполнить фигуру градиентом. Вы можете выбрать один из предустановленных градиентов, щелкнув его миниатюру (используйте полосу прокрутки справа для прокрутки миниатюр) или использовать параметры под миниатюрами, чтобы создать или отредактировать собственный градиент. Мы рассмотрим градиенты в отдельном руководстве:
Наконец, выберите параметр «Шаблон», если вы хотите заполнить свою фигуру шаблоном. Photoshop не дает нам много шаблонов на выбор, но если вы создали или загрузили другие шаблоны, вы можете загрузить их, щелкнув маленький значок шестеренки (прямо под значком пользовательской формы) и выбрав «Загрузить шаблоны». из меню:
Поскольку я выбрал форму сердца, я выберу параметр "Сплошной цвет" и выберу красный цвет для заливки, щелкнув образец красного цвета. Чтобы закрыть окно параметров цвета, когда вы закончите, нажмите Enter (Win)/Return (Mac) на клавиатуре или просто щелкните пустую область панели параметров:
Плагин Shortcodes, Actions and Filters: ошибка в шорткоде [ad-members-2]
Плагин Shortcodes, Actions and Filters: ошибка в шорткоде [ads-basics-middle-2]
Рисование пользовательской формы
Чтобы нарисовать фигуру, щелкните внутри документа, чтобы установить начальную точку. Затем, удерживая кнопку мыши нажатой, перетащите курсор от начальной точки. При перетаскивании вы увидите только контур (известный как путь) того, как будет выглядеть фигура:
Когда вы отпустите кнопку мыши, Photoshop завершит фигуру и заполнит ее выбранным цветом:
Рисование фигуры с правильными пропорциями
Обратите внимание, однако, что форма моего сердца выглядит немного искаженной. Он шире и короче, чем я ожидал. Это потому, что по умолчанию Photoshop позволяет нам свободно рисовать пользовательские фигуры любого размера и пропорций, которые нам нравятся. Я отменю свою фигуру, зайдя в меню «Правка» в строке меню в верхней части экрана и выбрав «Отменить инструмент пользовательской формы». Я также мог просто нажать Ctrl+Z (Win)/Command+Z (Mac) на клавиатуре. Это удалит фигуру из документа:
Чтобы нарисовать пользовательскую фигуру с правильными пропорциями, начните так же, как и раньше, щелкнув внутри документа, чтобы установить начальную точку, затем, удерживая кнопку мыши нажатой, перетащите ее от точки. Во время перетаскивания нажмите и удерживайте клавишу Shift на клавиатуре. Это вернет фигуре правильные пропорции и зафиксирует их на месте:
Когда вас устроит размер фигуры, отпустите кнопку мыши, затем отпустите клавишу Shift. Очень важно отпускать клавишу Shift только после отпускания кнопки мыши, иначе она не будет работать.Кроме того, убедитесь, что вы дождались после начала перетаскивания, прежде чем нажимать и удерживать клавишу Shift, иначе вы можете получить неожиданные результаты.
Я отпущу кнопку мыши, затем клавишу Shift, после чего Photoshop заполнит фигуру выбранным мной красным цветом. На этот раз сердце выглядит намного лучше:
Другие удобные сочетания клавиш
Помимо нажатия и удерживания Shift при перетаскивании, чтобы нарисовать фигуру с правильными пропорциями, вы можете нажать и удерживать клавишу Alt (Win)/Option (Mac) во время перетаскивания, чтобы нарисовать фигуру из ее центра, а не из угол. Нажатие и удержание Shift+Alt (Win) / Shift+Option (Mac) при перетаскивании отобразит его с правильными пропорциями и от центра. Только не забывайте всегда отпускать клавиши после отпускания кнопки мыши.
Изменение размера фигуры
После того как вы нарисуете фигуру, вы увидите ее текущую ширину и высоту в полях Ширина (Ш) и Высота (В) на панели параметров. Здесь мы видим, что моя фигура была нарисована шириной 354 пикселя и высотой 308 пикселя:
Если вам нужно изменить размер фигуры, просто выделите текущие значения с помощью мыши и введите новые значения (нажмите Enter (Win)/Return (Mac) на клавиатуре, чтобы принять их). Чтобы изменить размер фигуры и сохранить ее в правильных пропорциях, сначала щелкните небольшой значок ссылки между полями ширины и высоты, а затем введите новую ширину или высоту. При выборе значка ссылки Photoshop автоматически изменит для вас другое значение:
Позвольте Photoshop нарисовать фигуру за вас
Если вы еще не нарисовали фигуру и знаете точный размер, который вам нужен, вы можете сэкономить время, позволив Photoshop нарисовать ее за вас. Просто щелкните один раз внутри документа. Photoshop откроет диалоговое окно «Создать пользовательскую форму», где вы можете ввести значения ширины и высоты. Нажмите OK, чтобы закрыть его, и Photoshop нарисует вашу фигуру с выбранными вами размерами:
Добавление обводки
Чтобы добавить обводку вокруг фигуры, щелкните образец цвета обводки на панели параметров. Вы можете выбрать цвет обводки (и другие варианты обводки, которые мы рассмотрим чуть позже) до или после рисования фигуры:
Параметры выбора цвета обводки точно такие же, как и параметры цвета заливки. Вверху у нас есть те же четыре значка, которые дают нам выбор между «Без цвета», «Сплошной цвет», «Градиент» и «Узор»:
По умолчанию выбран параметр «Нет цвета» (поэтому обводка не видна). Я выберу параметр «Сплошной цвет», затем установлю черный цвет обводки, щелкнув образец. Как и в случае с цветом заливки, если нужный цвет не найден ни в одном из образцов, щелкните значок "Палитра цветов", чтобы выбрать его вручную:
Точно так же Photoshop добавляет черную обводку вокруг фигуры:
Ширина обводки
Мы можем изменить ширину обводки на панели параметров. Вы найдете текущую ширину, отображаемую справа от образца цвета обводки. Ширина по умолчанию 3 pt. Если вы знаете точную ширину, которая вам нужна, вы можете ввести ее непосредственно в поле ширины (нажмите Enter (Win) / Return (Mac), когда вы закончите, чтобы принять ее) или просто нажмите на маленькую стрелку справа от значение и перетащите ползунок:
Выровнять края
Если вы посмотрите дальше вправо на панели параметров, вы увидите параметр «Выровнять края». По умолчанию этот параметр включен (отмечен флажком), и вы обычно хотите оставить его включенным, потому что он указывает Photoshop выровнять края вашей фигуры с пиксельной сеткой, благодаря чему они выглядят четкими и четкими:
Однако для работы параметра «Выровнять края» его необходимо не только выбрать, но и указать ширину обводки в пикселях (px), а не в пунктах (pt). Поскольку тип измерения ширины обводки по умолчанию — это пункты, я вернусь и введу новую ширину 10 пикселей:
Photoshop мгновенно обновляет фигуру с новой шириной обводки:
Дополнительные параметры обводки
Есть и другие параметры обводки, которые мы также можем изменить, нажав кнопку "Параметры обводки" на панели параметров:
При этом откроется окно «Параметры обводки». Вверху мы можем переключаться между отображением обводки в виде сплошной линии (по умолчанию), пунктирной линии или пунктирной линии. Опция «Выровнять» позволяет нам выбрать, должна ли обводка появляться вдоль внутренних краев фигуры, внешних краев или по центру краев. Мы можем установить для параметра Caps значение Butt, Round или Square, а также изменить Corners на Mitre, Round или Bevel. Если щелкнуть «Дополнительные параметры» внизу, откроется более подробное диалоговое окно с дополнительными параметрами для настройки внешнего вида обводки и сохранения пользовательских настроек в качестве предустановки:
Изменение заливки и обводки существующих фигур
Как и в случае с инструментами геометрической формы (инструмент «Прямоугольник», инструмент «Эллипс» и т. д.), Photoshop помещает каждую векторную фигуру, которую мы рисуем с помощью инструмента «Пользовательская фигура», на отдельный слой «Фигура».Если мы посмотрим на мою панель «Слои», мы увидим форму моего сердца, расположенную на слое «Фигура» с именем «Фигура 1»:
Я добавлю в документ вторую фигуру. Для этого я снова открою палитру пользовательских форм на панели параметров и на этот раз выберу фигуру бабочки, дважды щелкнув ее миниатюру:
Выбрав форму бабочки, я быстро нарисую ее, щелкнув внутри документа, чтобы установить начальную точку, а затем щелкнув и перетащив ее от этой точки. Чтобы нарисовать бабочку с правильными пропорциями, я подожду, пока не начну перетаскивание, затем нажму и удержу клавишу Shift и продолжу перетаскивание:
Чтобы завершить фигуру, я отпущу кнопку мыши, затем отпущу клавишу Shift. Photoshop заполняет фигуру цветом, но посмотрите, что получилось; он использовал тот же цвет заливки (красный), который я выбрал для своей предыдущей фигуры. Здесь также использовались те же параметры обводки, что и в предыдущей фигуре, включая цвет (черный) и ширину (10 пикселей):
К счастью, поскольку слои фигур в Photoshop остаются полностью редактируемыми, мне не нужно отменять и перерисовывать фигуру, если мне нужно, чтобы она была другого цвета. Пока у меня выбран слой «Форма» на панели «Слои» (и инструмент «Форма» по-прежнему выбран на панели «Инструменты»), я могу легко вернуться и изменить цвета.
Если мы снова посмотрим на мою панель «Слои», мы увидим, что фигура бабочки была помещена на отдельный слой фигуры с именем «Форма 2» над фигурой сердца:
Выбрав слой с бабочкой, я нажму на образец цвета заливки на панели параметров и выберу другой цвет из образцов, может быть, красивый пурпурный:
Я также собираюсь уменьшить ширину обводки на панели параметров, так как 10 пикселей кажутся слишком толстыми. Я уменьшу его до 4 пикселей:
Photoshop мгновенно обновляет форму бабочки, добавляя новый цвет заливки и ширину обводки. Первоначальная форма сердца осталась нетронутой:
Я думаю, что хочу также уменьшить ширину обводки для формы сердца, поэтому я нажму на слой формы сердца («Форма 1») на панели «Слои», чтобы выбрать его:
Я оставлю красный цвет заливки, но уменьшу ширину обводки на панели параметров до того же значения (4 пикселя), что и у формы бабочки:
И теперь обе фигуры имеют одинаковую ширину обводки. При необходимости вы можете отредактировать и другие параметры обводки (цвет, тип линии, выравнивание и т. д.). Пока у вас выбран правильный слой-фигура на панели «Слои» и активен инструмент «Форма», вы можете вносить любые необходимые изменения:
Сброс пользовательских фигур до значений по умолчанию
Ранее мы узнали, как загружать другие наборы фигур в настраиваемое средство выбора фигур. Если вам нужно убрать эти дополнительные фигуры и вернуться к просмотру только фигур по умолчанию, еще раз щелкните значок шестеренки в средстве выбора пользовательских форм:
Затем выберите «Сбросить фигуры» в меню:
Photoshop спросит, действительно ли вы хотите заменить текущие фигуры формами по умолчанию. Нажмите OK, чтобы сказать «да», и вы вернетесь к исходным формам по умолчанию:
Что делать дальше.
И вот оно! Вот как можно выйти за рамки кругов и квадратов и добавить в свои макеты более интересные нестандартные формы с помощью инструмента «Пользовательская фигура» в Photoshop CS6! Посетите наш раздел «Основы Photoshop», чтобы узнать больше о Photoshop!
Как и в случае с инструментом «Перо», слой-фигура также использует векторную технологию Photoshop.
Вы получите инструмент слоя формы прямо здесь, на панели инструментов.
Теперь нажмите на него, и вы увидите различные фигуры, такие как;
- Инструмент "Прямоугольник"
- Инструмент «Прямоугольник со скругленными углами»
- Инструмент "Элипс"
- Инструмент "Полиган"
- Инструмент "Линия"
- Инструмент пользовательской формы
Выбрав эти элементы, вы можете нарисовать их как обычный путь или как слой-фигуру.
Посмотрите на панели параметров, на второй позиции вы можете увидеть меню. Он покажет вам 3 варианта рисования фигуры, такие как «Путь», «Форма» и «Пиксели».
Теперь пиксель заполняет нарисованный путь пикселями, эта опция не использует векторную технологию.
И путь будет рисовать только путь фигуры, он не будет заливать путь цветом.
Но здесь я выбираю вариант формы, и здесь вы можете увидеть несколько различных вариантов.
Здесь я могу выбрать «цвет заливки, цвет обводки, тип обводки» и многое другое.
Теперь нарисуйте фигуру и увидите на панели слоев созданный там новый слой.
Вы можете увидеть небольшой значок пути на слое. это указывает, что этот слой является слоем формы.
Теперь возьмите «инструмент выбора пути» и нажмите на него. вы можете видеть, что есть несколько маркеров управления векторной фигурой.
Если вы хотите изменить цвет фигуры? Затем просто перейдите и дважды щелкните слой с фигурой, и вы получите палитру цветов.
Это векторные фигуры, что означает, что они не зависят от разрешения, и я могу перетаскивать и использовать их в любом документе, а также масштабировать их вверх и вниз без потери качества, поскольку они используют векторную технологию, а не пиксельную.
Давайте познакомимся с полезными аспектами инструментов для работы с фигурами, «инструментом создания пользовательских форм в Photoshop». Это дает вам множество готовых форм, и вы можете легко использовать их, когда захотите.
Все эти фигуры включены в это всплывающее меню по номерам разных категорий, но сейчас я выбираю их все. Чтобы я мог получить все фигуры из списка.
Теперь выберите фигуру, которую хотите использовать.
Чтобы нарисовать фигуру, вы можете просто щелкнуть рабочую область, если хотите нарисовать ее любого определенного размера. или вы также можете просто перетащить и нарисовать фигуру, чтобы создать слой формы.
Давайте отредактируем цвет фигуры и свойства обводки на панели параметров вверху.
Теперь, если я хочу вычесть какую-то часть внутри этой фигуры. затем я пойду и выберу «инструмент эллипса», и я пойду сюда и настрою функцию поиска пути, чтобы вычесть переднюю форму и
Если я нарисую здесь круг внутри, это вычтет эту область из основной формы. я также могу изменить положение фигуры.
Итак, это был краткий обзор слоев-фигур в Photoshop. Вы можете создавать различные виды дизайна с помощью слоя формы без потери качества, поскольку он использует технологию векторного фотошопа.
В предыдущем уроке мы изучили основы работы с фигурами и слоями фигур в Photoshop. В этом уроке мы узнали, как добавлять в документ простые прямоугольники и эллипсы, а также звезды, звездочки и стрелки направления, используя пять инструментов Photoshop для создания геометрических фигур: инструмент «Прямоугольник», инструмент «Прямоугольник со скругленными углами», инструмент «Эллипс», инструмент «Многоугольник». и инструмент "Линия".
Хорошо иметь инструменты, позволяющие легко рисовать круги и квадраты, но как насчет более интересных форм? Что, если вы хотите добавить, скажем, форму сердца к фотографии свадьбы или помолвки или форму собаки или кошки к логотипу зоомагазина? Как насчет форм цветов и листьев, снежинок, музыкальных нот или символа авторского права, которые можно добавить к вашим изображениям? Photoshop на самом деле поставляется со всеми этими фигурами и многим другим и позволяет нам добавлять их в наши проекты так же легко, как добавлять круги и квадраты. Adobe называет эти более сложные фигуры пользовательскими фигурами, и мы рисуем их с помощью инструмента, который мы рассмотрим в этом руководстве, — инструмента пользовательской формы.
Это руководство предназначено для Photoshop CS5 и более ранних версий. Пользователи Photoshop CS6 (и CC) захотят ознакомиться с нашим полностью обновленным учебным пособием «Как использовать инструмент пользовательской формы в Photoshop».
Инструмент пользовательской формы
Инструмент «Пользовательская форма» находится вместе с другими инструментами «Форма» в Photoshop в том же месте на панели «Инструменты». По умолчанию отображается инструмент «Прямоугольник», но если вы щелкнете по нему и будете удерживать кнопку мыши нажатой, появится всплывающее меню со списком других инструментов, доступных в этом месте. Инструмент Custom Shape Tool находится внизу списка:
Если у вас уже выбран один из других инструментов «Форма», вы можете быстро выбрать инструмент «Пользовательская фигура» на панели параметров.Вы увидите набор из шести значков, каждый из которых представляет отдельный инструмент Shape. Инструмент «Пользовательская фигура» — это последний значок справа (это значок, который выглядит как капля):
Выбор пользовательской формы
После того как мы выбрали инструмент Custom Shape Tool, нам нужно выбрать фигуру, которую мы хотим нарисовать. Миниатюра предварительного просмотра формы появится на панели параметров справа от значка инструмента «Пользовательская фигура». Миниатюра отображает пользовательскую фигуру, выбранную в данный момент:
Чтобы выбрать другую форму, нажмите миниатюру предварительного просмотра. Это откроет средство выбора форм, в котором отображаются все фигуры, из которых мы в данный момент можем выбирать. Photoshop на самом деле содержит намного больше форм, чем то ограниченное количество, которое нам представили вначале. Вскоре мы увидим, как загружать другие фигуры:
Чтобы выбрать фигуру, просто нажмите на ее миниатюру, затем нажмите Enter (Win)/Return (Mac), чтобы закрыть окно выбора формы. Или дважды щелкните миниатюру, которая выберет фигуру и закроет для вас средство выбора формы. Я выберу форму сердца:
Выбор цвета для фигуры
Выбрав фигуру, выберите для нее цвет, щелкнув образец цвета справа от слова "Цвет" на панели параметров:
Photoshop откроет палитру цветов, чтобы мы могли выбрать нужный цвет. Так как я выбрал форму сердца, я выберу красный цвет. Когда закончите, нажмите OK, чтобы закрыть палитру цветов:
Выберите параметр «Формирование слоев»
Как я упоминал в предыдущем уроке, Photoshop позволяет нам рисовать три очень разных типа фигур с помощью инструментов «Фигура». Мы можем рисовать векторные фигуры, которые не зависят от разрешения и полностью масштабируются без потери качества изображения (формы того же типа, которые мы рисуем в таких программах, как Illustrator). Мы также можем рисовать пути, которые представляют собой просто контуры фигур, или мы можем рисовать фигуры на основе пикселей, где Photoshop заполняет форму цветными пикселями. В большинстве случаев мы хотим рисовать векторные фигуры, и для этого нам нужно выбрать параметр «Слои фигур» на панели параметров. Это левый значок в группе из трех значков в крайнем левом углу панели параметров:
Чтобы нарисовать фигуру, щелкните внутри документа, чтобы установить начальную точку, затем, удерживая нажатой кнопку мыши, перетащите ее от начальной точки. При перетаскивании Photoshop отображает схему того, как будет выглядеть фигура:
Отпустите кнопку мыши, чтобы завершить фигуру, после чего Photoshop заполнит ее цветом, который вы выбрали на панели параметров:
Рисование фигуры с правильными пропорциями
Обратите внимание, однако, что форма моего сердца выглядит немного искаженной. Он шире и короче, чем я ожидал. Это потому, что по умолчанию Photoshop не пытается сохранить правильные пропорции или соотношение сторон фигуры, когда мы ее рисуем. Я нажму Ctrl+Z (Win)/Command+Z (Mac) на клавиатуре, чтобы отменить фигуру и попробовать еще раз.
Чтобы нарисовать пользовательскую фигуру с правильными пропорциями, нажмите в документе, удерживайте кнопку мыши нажатой и начните перетаскивать фигуру, как обычно. Как только вы начнете перетаскивать, нажмите и удерживайте клавишу Shift на клавиатуре и продолжайте перетаскивание. Как только вы нажмете (и будете удерживать) клавишу Shift, вы увидите, что контур фигуры примет правильное соотношение сторон:
Когда вы довольны размером фигуры, отпустите кнопку мыши, а затем отпустите клавишу Shift (убедитесь, что вы отпускаете клавишу Shift после отпускания кнопки мыши). Фотошоп снова заливает его цветом:
Я снова нажму Ctrl+Z (Win)/Command+Z (Mac) на клавиатуре, чтобы отменить фигуру, затем выберу другую фигуру, щелкнув миниатюру предварительного просмотра на панели параметров, чтобы открыть Выбор формы. На этот раз я выберу музыкальные ноты:
Чтобы нарисовать музыкальные ноты, я щелкну внутри документа, чтобы установить начальную точку, и, удерживая нажатой кнопку мыши, начну перетаскивать от начальной точки. Как только я начну перетаскивать, я буду нажимать и удерживать клавишу Shift, чтобы придать фигуре правильные пропорции по мере продолжения перетаскивания:
Я отпущу кнопку мыши, чтобы завершить фигуру, и Photoshop заполнит ее тем же цветом, который я выбрал для предыдущей фигуры:
Далее мы узнаем, как изменить цвет существующей фигуры и как загрузить все дополнительные пользовательские фигуры Adobe, включенные в Photoshop!
Плагин Shortcodes, Actions and Filters: ошибка в шорткоде [ads-basics-middle]
Изменение цвета существующей фигуры
Что делать, если я хочу, чтобы моя новая фигура отличалась по цвету от предыдущей?Я мог бы просто выбрать другой цвет на панели параметров перед рисованием новой фигуры, но так же легко изменить цвет фигуры после того, как мы ее нарисовали. Каждая новая пользовательская фигура, которую мы рисуем, помещается на отдельный слой фигуры на панели «Слои», и каждый слой фигуры имеет свой собственный значок образца цвета, который отображает текущий цвет фигуры. Чтобы изменить цвет, дважды щелкните образец цвета:
Photoshop повторно откроет палитру цветов, чтобы мы могли выбрать новый цвет. Я выберу фиолетовый:
Когда вы закончите, нажмите OK, чтобы закрыть палитру цветов, и Photoshop просто изменит цвет фигуры для нас:
Загрузка дополнительных наборов фигур
Как я уже упоминал, в Photoshop есть больше настраиваемых фигур, чем то небольшое количество, с которого мы начали. Нам просто нужно загрузить их в себя, и мы делаем это, щелкнув миниатюру предварительного просмотра формы на панели параметров, чтобы открыть средство выбора формы, а затем щелкнув маленькую стрелку в правом верхнем углу средства выбора формы:
При этом открывается меню с различными параметрами, а в нижней части меню находится список дополнительных наборов фигур, которые были установлены вместе с Photoshop. Каждый из этих наборов представляет собой набор фигур, объединенных общей темой, например «Животные», «Музыка», «Природа» и т. д. Некоторые из перечисленных здесь наборов являются новыми для Photoshop CS5 (которую я использую), но большинство из них доступны в любой последней версии Photoshop:
Если вы знаете, какой набор содержит нужные вам формы, вы можете выбрать их, нажав на их название в списке. Однако проще всего загрузить их все сразу, что мы можем сделать, выбрав «Все» в верхней части списка:
Photoshop спросит, хотите ли вы заменить текущие фигуры новыми фигурами или добавить новые к исходным. Выберите «Добавить», чтобы сохранить исходные фигуры и добавить новые после них:
И теперь, если мы откроем средство выбора фигур, щелкнув миниатюру предварительного просмотра фигуры на панели параметров, мы увидим все новые фигуры, из которых нам предстоит выбирать! Я немного расширил палитру фигур, чтобы мы могли видеть больше миниатюр фигур. Используйте полосу прокрутки справа от средства выбора формы, чтобы просмотреть весь список:
Вот случайная выборка некоторых из множества доступных нам фигур:
Как бы ни были полезны многие из этих готовых пользовательских фигур, вполне возможно, что даже после их загрузки мы все равно не найдем фигуру, которая нам нужна для конкретного дизайна, над которым мы работаем, и это где проявляется настоящая сила пользовательских форм Photoshop, потому что Photoshop позволяет нам создавать любую форму, которую мы хотим, с нуля! Обязательно ознакомьтесь с нашим руководством по созданию собственных пользовательских фигур, чтобы узнать все, что вам нужно знать о создании, сохранении и использовании ваших собственных коллекций пользовательских фигур!
Что делать дальше.
И вот оно! Это основы добавления пользовательских фигур в наш документ с помощью инструмента Custom Shape Tool. В следующем уроке мы рассмотрим разницу между векторными фигурами, путями и фигурами на основе пикселей в Photoshop!
Фигуры Photoshop — это векторные изображения, размер которых можно увеличивать или уменьшать без ухудшения качества изображения. Лучшее в использовании фигур — это экономия времени. Например, мало кто может нарисовать идеальный круг (особенно с помощью мыши). Если вы щелкнете, перетащите и нарисуете векторное изображение, а не рисуете его вручную с помощью одного из инструментов пера, вы можете нарисовать пользовательскую фигуру за считанные секунды.
Вы начинаете с выбора инструмента "Фигуры". По умолчанию используется форма прямоугольника, поэтому ищите квадрат на панели инструментов (в настоящее время это седьмой значок снизу между инструментом «Выделение контура» и инструментом «Рука»). Вы можете выбрать инструменты «Прямоугольник», «Прямоугольник со скругленными углами», «Эллипс», «Многоугольник», «Линия» или «Пользовательская фигура».
Adobe Photoshop CC для отдельных лиц — 1 месяц
Пользовательские фигуры Photoshop
Photoshop предоставляет несколько библиотек пользовательских фигур. Это не то же самое, что ваши личные пользовательские фигуры, которые вы можете создать с помощью инструмента «Перо» самостоятельно. Это также не то же самое, что многие тысячи пользовательских форм, доступных для загрузки из Интернета. Формы Photoshop имеют расширение .csh, поэтому ищите файлы, оканчивающиеся на этот формат.
Инструмент "Пользовательская фигура" содержит библиотеку векторных фигур, которые помогут вам начать работу: лиственные деревья, дикие животные, лодки и цветы. Если на вашем компьютере установлены какие-либо предыдущие версии Photoshop, вы можете импортировать все фигуры из этих коллекций фигур и увеличить свою библиотеку. Нажмите на значок шестеренки (в правом верхнем углу подменю «Форма», затем перейдите в раздел Adobe > Photoshop > Предустановки > Пользовательские формы< /em> папка.
Выберите Все из списка файлов и нажмите кнопку Загрузить. Файл Все включает еще 12 категорий фигур: Животные, Стрелки, Баннеры, Рамки, Музыка, Природа, Объекты, Орнаменты, Фигуры, Символы, Обсуждения и Плитки. Если вам не нужен или не нужен доступ ко всем этим фигурам, просто импортируйте или загрузите соответствующие файлы по отдельности.
Джей Ди Сартайн / IDG
Выберите фигуры, чтобы перетащить векторные изображения
Как использовать и редактировать фигуры Photoshop
Чтобы найти и использовать фигуры Photoshop, выберите инструмент «Фигуры» на главной панели инструментов, щелкните правой кнопкой мыши, чтобы открыть подменю, затем наведите указатель мыши на фигуру, которую хотите использовать. Обратите внимание, что меню вверху меняется в зависимости от выбранной вами формы. Например, если вы выбрали многоугольник, выберите нужное количество сторон в поле Sides (вверху, справа). Или, если вы выберете инструмент «Пользовательская фигура», в раскрывающемся списке «Фигуры» (также вверху, справа) отображаются десятки векторных вариантов.
В верхнем меню также отображаются параметры редактирования «Заливка», «Обводка», «Ширина», «Высота» и «Форма» (например, «Объединение фигур», «Пересечение фигур» и т. д.), параметры выравнивания, параметры стека слоев (например, «На передний план», «На задний план и т. д.), параметры пути (под значком шестеренки) и, наконец, функция выравнивания краев, которая выравнивает края векторной фигуры по пиксельной сетке. Поэкспериментируйте с этими функциями, чтобы изменить или улучшить свои фигуры в Photoshop.
Обратите внимание, что когда фигура выбрана, маркеры блока (называемые опорными точками) появляются в нескольких местах вокруг и по всей фигуре. Используйте эти точки, чтобы редактировать или перерисовывать фигуру. Например, щелкните опорную точку с правой стороны стебля листа и перетащите ручку вниз и вправо. Повторите процесс с левой стороны стебля листа.
Если щелкнуть одну из опорных точек, появится линия с точками на каждом конце (называемая точками направления). Нажмите на одну из этих точек, затем используйте курсор, чтобы перетаскивать линию, пока форма стебля не изменится в соответствии с вашими потребностями. Если вам нужно больше отредактировать изображение, вы можете легко добавить дополнительные опорные точки с помощью инструмента «Перо» (или удалить их).
Джей Ди Сартайн / IDG
Как рисовать и редактировать векторную фигуру с опорными точками
Как создавать собственные фигуры Photoshop
Даже если вы не умеете рисовать, вы можете обвести изображение, верно? Вот как легко создавать свои собственные векторные фигуры в Photoshop. Во-первых, загрузите бесплатное общедоступное изображение книжки-раскраски из Интернета, например, из Super Coloring. Тогда попробуйте это:
<р>1. Перейдите на страницу 3 (номера страниц внизу каждой экранной страницы), прокрутите вниз (или страницу вниз) четыре раза, затем дважды щелкните (выберите) рождественскую елку. <р>2. Щелкните изображение правой кнопкой мыши и выберите Сохранить изображение как… <р>3. Перейдите в папку «Изображения» и сохраните файл (simple-christmas-tree-coloring-page.jpg отображается в поле «Имя файла»). <р>4. Откройте файл в Photoshop. <р>5. Выберите Изображение > Размер изображения (или Alt + Ctrl + i (одновременно). <р>6. Текущий размер составляет 4,7 дюйма в ширину и 6,6 дюйма в высоту с разрешением 72 пикселя на дюйм. Измените количество пикселей на дюйм на 300. Это может немного размыть, но это нормально. Мы собираемся перерисовать это изображение с помощью инструмента «Перо» и опорных точек, чтобы оно стало векторным изображением.ВАЖНОЕ ПРИМЕЧАНИЕ. Всегда используйте, создавайте или преобразовывайте свою работу с минимальным разрешением 300 пикселей на дюйм, прежде чем вносить какие-либо изменения или модификации. Вы всегда можете уменьшить размер или разрешение изображения с минимальным или нулевым качеством изображения. Однако вы не можете увеличить изображение с низким разрешением без ухудшения качества.
<р>7. Сохраните файл с новыми настройками размера изображения. <р>8. Используйте инструмент «Волшебная палочка» и щелкните в любом месте фона (убедитесь, что выделен весь фон). <р>9. Выберите Выбрать > Инверсия (или Shift-Ctrl+i), чтобы повторно выбрать дерево, затем выберите Правка > Копировать (или Ctrl+C). <р>10.Откройте новый файл Photoshop: 8x10x 300 ppi и выберите Редактировать > Вставить. Теперь, когда у нас есть векторное изображение, оригинал больше не нужен. <р>11. Выберите инструмент «Перо» в палитре «Инструменты» (внизу). Для этого упражнения для начинающих плюсом является то, что линии изображения толстые. <р>12. Начните со звезды. Щелкните верхнюю точку звезды, и появится опорная точка. Щелкните следующую звездную точку, и появится еще одна опорная точка (соединенная с первой). Продолжайте движение по периметру звезды, затем закройте вектор, снова щелкнув первую исходную опорную точку. <р>13. Выберите Изменить > Определить пользовательскую фигуру, затем введите имя своей фигуры и нажмите ОК. <р>14. Снова выберите инструмент «Перо» и щелкните каждый угол первой секции дерева. <р>15. Снова выберите Изменить > Определить пользовательскую форму. Назовите фигуру TreeTop и нажмите ОК. <р>16. Повторите этот процесс для средней и нижней секций дерева, а затем еще раз для древостоя.ПРИМЕЧАНИЕ. Каждый раз, когда вы создаете новый вектор, убедитесь, что выбран слой Layer1, полный слой Рождественской елки. Каждый раз, когда определяется новый вектор, на панели «Слои» появляется новый слой. Назовите эти слои так же, как и фигуры.
Джей Ди Сартайн / IDG
Как создавать собственные фигуры Photoshop
Как рисовать, изменять форму и добавлять цвет или узоры в Photoshop Shapes
<р>1. Как только все фигуры определены, вы можете использовать эти векторные фигуры снова и снова. <р>2. Откройте новый файл Photoshop размером 8 x 10 x 300 ppi. <р>3. Выберите инструмент «Форма», затем инструмент «Пользовательская фигура». <р>4. Перейдите к полю Библиотека форм в подменю и нажмите стрелку вниз справа. <р>5. Прокрутите раскрывающееся меню вниз и выберите свою векторную звезду. <р>6. Поместите курсор в верхний левый угол и перетащите его вниз и вверх, пока звезда не станет нужного вам размера и формы. <р>7. Пока звезда все еще выделена, на панели «Слои» щелкните правой кнопкой мыши векторное изображение. <р>8. В подменю выберите Параметры наложения. <р>9. В диалоговом окне Стиль слоя щелкните слово Обводка (одного нажатия на поле недостаточно). <р>10. На панели Обводка выберите размер «6» пикселей для ширины обводки. Позиция = Снаружи; Режим наложения = Нормальный; Непрозрачность = 100%; Тип файла = Цвет; Цвет = черный; и нажмите ОК. Теперь у вашей звезды есть контур. Без этой строки звезда будет невидимой на странице. <р>11. Теперь снова щелкните правой кнопкой мыши слой Star1, выберите Параметры наложения > Узоры. Прокрутите библиотеку узоров и выберите тот, который выглядит как звезда. <р>12. Повторите шаги с 1 по 11, чтобы перетащить оставшиеся слои, а также добавить контур и заливку узором. <р>13. Добавьте немного цвета или градиента к фону, и все готово (или вроде того). В результате получилась простая детская картинка елки со звездой на вершине. Но теперь вы знаете, как создавать собственные фигуры. <р>14. Сохраните файл под именем (мы будем использовать Star1) и создайте другую пользовательскую фигуру.Как рисовать, изменять форму, редактировать и заполнять пользовательские фигуры
Преобразование шрифтов, крыльев, паутины и других маркеров символов в фигуры Photoshop
В старых версиях Photoshop преобразование шрифтов и других символов было не таким простым. В версиях для CS это проще простого.
<р>1. Откройте новый файл и убедитесь, что панель символов/абзацев отображается на экране. <р>2. Измените шрифт на Wingdings и размер на 300 пунктов. <р>3. Выберите инструмент «Текст» и растяните текстовое поле. <р>4. Введите левую квадратную скобку, и на экране появится символ инь/ян. <р>5. Выберите Тип > Преобразовать в фигуру. <р>6. Выберите инструмент «Выделение контура» (черная стрелка на панели инструментов), и на символе инь/ян и вокруг него появится несколько десятков опорных точек.Этот символ теперь является векторным изображением, которое можно изменять, искажать, вращать, наклонять, деформировать; изменить перспективу, цвет; добавить множество эффектов, таких как Bevel, Emboss, Contouring, 3D; плюс добавляйте текстуры, градиенты, узоры, тени, свечение и многое другое. Варианты безграничны, потому что в Интернете доступны тысячи шрифтов с символами маркеров.
Джей Ди Сартайн / IDG
Как преобразовать маркеры и символы в векторные фигуры
Найти бесплатные фигуры Photoshop и маркеры символов
На любом сайте со шрифтами (а их десятки) будут символы маркеров. Например, попробуйте что-нибудь из этого:
Читайте также: