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

Содержание

Как использовать пользовательский инструмент Shape в Photoshop CS6

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

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

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

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

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

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

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

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

Установка опции Too Mode в Shape.

Выбор пользовательской формы

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

Нажав на миниатюру формы.

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

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

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

Загрузка больше фигур

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

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

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

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

Все» в верхней части списка, чтобы загружать фигуры из каждого набора сразу:

Выбор All сэкономит вам много работы по угадыванию.

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

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

Фигуры по умолчанию включены при выборе Все, поэтому просто нажмите ОК.

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

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

Нажмите и перетащите правый нижний угол, чтобы изменить размер Выборочной фигуры.

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

Двойной щелчок по миниатюре в форме сердца.

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

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

Заливка» на панели параметров:

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

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

Параметры «Без цвета», «Сплошной цвет», «Градиент» и «Узор».

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

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

образцов цвета . Недавно использованные цвета отображаются в строке « Последние использованные цвета» над основными образцами:

Опция заливки сплошным цветом.

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

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

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

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

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

Опция градиентной заливки.

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

Опция заполнения шаблона.

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

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

Рисование вашей пользовательской формы

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

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

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

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

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

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

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

Это удаляет форму из документа:

Идем в Edit> Undo Custom Shape Tool.

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

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

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

Я отпущу свою кнопку мыши, затем мою клавишу Shift, после чего Photoshop заполняет форму выбранным красным цветом.

На этот раз сердце выглядит намного лучше:

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

Другие удобные сочетания клавиш

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

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

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

Текущая ширина и высота фигуры.

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

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

Позвольте Фотошопу Нарисовать Форму Для Вас

Если вы еще не нарисовали свою форму и знаете точный размер, который вам нужен, вы можете сэкономить время, позволив Photoshop нарисовать ее для себя. Просто нажмите один раз внутри вашего документа. Photoshop откроет диалоговое окно Create Custom Shape, где вы можете ввести значения ширины и высоты. Нажмите OK, чтобы закрыть его, и Photoshop нарисует вашу форму с выбранными вами размерами:

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

Добавление инсульта

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

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

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

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

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

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

Вот так вот, Photoshop добавляет черный обводку вокруг фигуры:

Та же форма, теперь с черным штрихом.

Ширина хода

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

Увеличение ширины обводки с помощью ползунка.

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

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

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

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

Чтобы Align Edges работал, измените тип измерения ширины обводки на пиксели.

Photoshop мгновенно обновляет форму с новой шириной обводки:

Форма после изменения ширины хода до 10 быков.

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

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

Кнопки параметров обводки.

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

Кнопки параметров обводки.

Изменение заливки и обводки существующих фигур

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

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

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

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

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

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

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

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

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

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

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

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

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

Я также собираюсь уменьшить ширину обводки на панели параметров, так как 10 пикселей кажется слишком толстым. Я уменьшу его до 4 пикселей :

Изменение ширины обводки для формы бабочки.

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

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

Я думаю, что хочу уменьшить ширину обводки и для формы сердца, поэтому я нажму на слой Shape («Форма 1») на панели «Слои», чтобы выбрать его:

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

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

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

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

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

Сброс пользовательских форм обратно к значениям по умолчанию

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

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

Затем выберите Reset Shapes из меню:

Выбор «Сбросить фигуры».

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

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

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

Коррекция фигуры в Фотошопе

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

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


Итак, приступим к пластической хирургии!

1. Для начала откроем нужное изображение. Я взял эту полноватую, но все равно симпатичную и милую девушку. Хочу убрать у нее лишний вес с живота, бедер, рук и немного уменьшить объем груди.

2. Сделайте на палитре слоев дубликат слоя Ctrl+J, чтобы вы могли наглядно прочувствовать какие произошли изменения во внешности.

3. Теперь откроем фильтр, для этого выполните команду Фильтр — Пластика или нажмите комбинацию клавиш Shift+Ctrl+X.


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

Условно окно можно разделить на три части:

Первая — панель инструментов  в левой части экрана. Там имеются совершенно самостоятельные 12 инструментов. Но мы будем использовать из них только 4 основных: Деформация, Реконструировать, Сморщивание и Вздутие.

Вторая — это рабочая зона в середине экрана, где вы работаете непосредственно с изображением.

Третья — правая часть экрана с панелью параметров. Там нас интересуют лишь опции изменения размера кисти и, может быть, изменение ее плотности и нажима.


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

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

Примечание:

Инструмент Вздутие работает обратно принципу сморщивания, поэтому объяснять тут нечего.

6. Если вы нажмете кнопку ОК и выйдете на основной экран программы Фотошоп, то отключая значок видимости нашего дубликата слоя, вы увидите разницу до и после применения одного из инструментов Пластики. Правда здорово получается?

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

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

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

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

Примечание:

Размер кисти удобно менять при помощи клавиш клавиатуры. Для этого смените раскладку на Английский и нажимайте на квадратные скобки ([ и ]) на клавиатуре, чтобы уменьшить или увеличить размеры кисти.


Ссылка на источник

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Эллипс

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

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

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

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

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

Линия

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

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

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

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

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

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

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

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

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

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

Всем привет, уважаемые читатели блога 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 (Часть 3)

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

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

Так что качайте на здоровье.

Так же рекомендую посмотреть Вам прошлые подборки:

  • Скачать 100+ замечательных и бесплатных фигур орнаментов для Photoshop
  • 500+ бесплатных Photoshop фигур (Shapes) для Ваших новых проектов

Геометрические фигуры для Photoshop.

Скачать исходники

141 различных фигур для Photoshop

Скачать исходники

Векторные и различные фигуры

Скачать исходники

Много разнообразных медиа фигур для Photoshop

Скачать исходники

Красивые Photoshop фигуры — Red-Faction

Скачать исходники

Классные фигуры разнообразных стрелок для сайта

Скачать исходники

Множество разнообразных фигур орнаментов

Скачать исходники

Разнообразные фигуры для Photoshop сердец

Страница загрузки

Очень красивые фигуры кофейных чашек

Страница загрузки

Несколько Photoshop фигур бумажных скрепок

Страница загрузки

60 классных и коммерческих фигур

Страница загрузки

Классные Photoshop фигуры шестерёнок

Страница загрузки

Несколько фигур не плохих цветов

Скачать исходники

Отличные фигуры для Photoshop флоральных цветков

Скачать исходники

Красивые фигуры ссылок

Страница загрузки

30 Photoshop фигур галочек для сайта

Страница загрузки

Очень красивые фигуры социальных закладок

Страница загрузки

1500+ бесплатные фигуры для Photoshop Технологии

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

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



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

  1. Люди
  2. Геометрические
  3. Транспорт
  4. Животные
  5. Логотипы
  6. Стрелки
  7. Линии и вспышки
  8. Медиа
  9. Цветы
  10. Другие формы

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

  • откройте программу Photoshop;
  • выберите “Редактирование” - “Управление предустановками”;
  • задайте тип предустановки в “Пользовательской форме”;
  • нажмите “Загрузить” - “Обзор”;
  • выберите набор фигур и после нажмите “Готово”.

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

Люди

60 силуэтов

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


Мега набор силуэтов

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


Sexy Girls

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


Революционная коллекция

Еще один набор пользовательских форм для Photoshop CS более специфического направления. Эта версия содержит две версии Че и Ленина (неровные и чистые), карту мира, форму старого самолета, некоторые звезды и символ молота и серпа.


Подписи

Оригинальное собрание автографов знаменитостей, в том числе «Братьев Джонас», Леди Гаги, Рианны, Джастина Бибера, Майли Сайрус и т.д. Скачай эти бесплатные фигуры для Photoshop и добавь подпись своего кумира на любимый постер.


Геометрия

Орнаменты

Орнаменты, разработанные в качестве пользовательских фигур для использования в Photoshop, так что они также могут быть использованы во всех программах CS3, CS4.


Сакральная геометрия

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


30 солнечные лучи

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


Рамки

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


Транспорт

Самолеты

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


Морская тематика

Бесплатный набор из 27 фигур мореходного транспорта и военных судов для Фотошопа. CSH и SVG версии фигур в ZIP-файле.


Флаги гоночных команд

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


Животные

Птицы

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


Фигуры животных

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


Логотипы

Логотипы авто

Коллекция самых популярных автомобильных брендов, 46 бесплатных фигур для Фотошопа. Среди них: Holden, Volkswagen, Honda, Toyota, Daewoo, Mazda, Ford, Hyundai, Vauxhall, Nissan. GMC, BMW, Ferrari, Porsche, Renault, Opel, Peugeot, Land Rover, MG, Mitsubishi, Subaru, Scania, Maserati, Alfa Romeo, Saab, Mercedes-Benz, Chevrolet, Chrysler, Skoda Auto, Suzuki, Lamborghini, Jaguar, Bently, Triump, Kia, Lotus, Jeep, Isuzu,Seat, Fiat, Citroen.


Набор лого

Желаете осветить какой-то популярный бренд? Сделать крутой принт? Этот пакет содержит около 38 случайных логотипов.


Стрелки

Набор пользовательских стрелок

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


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

Векторные фигуры рисованных стрелок в формате файла CSH. 70+ пользовательских фигур для Фотошоп.


Линии и вспышки

Лучи света

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


Молнии

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


Солнечные вспышки

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


Медиа

Red Faction

Фигуры для PS в виде значков из игры Red Faction Guerrilla. Внутриигровые иконки для оружия, целей, миссий и т. д.


Valve

Бесплатный набор включает в себя более 50 пользовательских фигур из Half Life 2 и Portal Games. Все идеи, логотипы и изображения в этом файле защищены авторским правом VALVE, использование этих файлов в коммерческих целях является незаконным.


Круглые часы

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


Медиа фигуры

Набор фигур Photoshop в стиле медиа, наслаждайтесь! Все бесплатно, вам не нужно покупать его у GraphicRiver! Коммерческое или личное использование (будьте осторожны с использованием товарных знаков).


Цветы

Цветы

Отличное предложение - цветы в фотошопе для дизайнеров (25 цветочных силуэтов в наборе CSH). Эти символы в виде цветов сделаны в Photoshop и Illustrator. Отличное дополнение к вашей коллекции бесплатных векторных силуэтов!


Цветы. Кастомные фигуры

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


Цветочные баннера

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


Другие фигуры

Набор фигур

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


50е - набор кастомных фигур

Винтажная коллекция векторных фигур "Вещи из 50-х годов". Включены: 2 разные звезды, 3 разных бриллианта, пудель (нашивка на пудельной юбке), солод, гитара, шар для боулинга, очки, проигрыватель-автомат, Gumball Machine, виниловая пластинка и сам король Элвис.


Splat фигуры

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


Микс фигур

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


Забавные рисунки

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


Снежинки

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


Сделай сам

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


Email (Конверт) Photoshop фигуры

Полезные бесплатности - векторные email фигуры (конверты, письма) в формате CSH. Загрузите эти 9 бесплатных векторных форм, чтобы создать красивые значки для ваших шаблонов веб-дизайна.


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



Не забывайте использовать шаблоны Photoshop для создания своих сайтов.

Часто задаваемые вопросы

❓Что такое фигуры в Photoshop?

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

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

- В верхней части экрана Редактирование – Наборы – Управление наборами (Edit - Preset Manager).
- Кликаем по маленькой черной стрелке и из появившегося списка, путем нажатия левой кнопки мышки, выбираем вид дополнения – Заказные фигуры (Custom Shapes)
- Нажимаем кнопку Загрузить (Load)
- Появляется новое окошко. Здесь Вы указываете адрес скаченного файла c фигурами.
- Снова нажимаем Загрузить (Load)

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

✍Как использовать фигуры в Photoshop?

Для любой фигуры можно выбрать:

- Режим рисования:

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

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

Заливка пикселей. При работе в этом режиме создаются не векторные, а растровые изображения, которые можно обрабатывать так же, как и любое растровое изображение

- Стиль и цвет фигуры;

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


Читайте также:

50 бесплатных цветочных кистей и вензелей для Photoshop

40 Бесплатных Photoshop градиентов для дизайна

20 лучших премиальных и бесплатных плагинов для Photoshop, которые вы оцените!

Объёмные фигуры в Photoshop | Photoshop

В этом уроке я расскажу, как создавать текстовые 3D-эффекты. Для выполнения этого руководства вам понадобится Adobe Photoshop CS4 версии Extended. Не сомневайтесь, будет весело, и я уверен, что вы сможете придумать множество других интересных ходов в Photoshop, используя эту технику. Приступим!

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

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

Создайте новый документ 1000 пикселей в ширину и 600 пикселей в высоту. Установите «Разрешение» (Resolution) 300 пикселей/дюйм, а «Цветовой режим» (Color Mode) установите RGB, сохраните документ под именем «Blocks.»

Установите цвет фона (Background) равным #3a3a3a. Сделайте черный цвет цветом переднего плана (Foreground Color), возьмите инструмент «Горизонтальный текст» (Horizontal Type Tool) и напишите «PSD«. Установите шрифт Acknowledge, размер букв (Font Size) 120 пунктов и «Метод сглаживания» (Anti-aliasing Method) в режим None, чтобы достичь шероховатости:

Создайте новый слой и назовите его «Mosaic«. Цвет переднего плана (Foreground Color) сделайте 70% черного и цвет фона — 85% черного. Примените Фильтр > Рендеринг > Облака (Filter > Render > Clouds). Затем примените Фильтр > Оформление> Мозаика (Filter > Pixelate > Mosaic), где параметр «Размер ячейки» (Cell Size) установите 50:

Выберите слой «Background» и нажмите комбинацию клавиш Command + J для создания его копии. Теперь, удерживая клавишу Alt, щелкните левой кнопкой мыши по линии между слоями «PSD» и «Mosaic» для создания маски слоя «Mosaic«:

В панели слоев (Layers Palette) выберите все слои, кроме «Background«. Выполните 3D > Новая сетка из градаций серого > Двусторонняя плоскость (3D > New Mesh From Grayscale > Two-sided Plane). Photoshop создаст две симметричные плоскости и применит выбранный слой как карту глубины.

Это означает, что наш мозаичный текст теперь является картой глубины для плоскости, светлые квадраты будут располагаться выше, а темные — глубже. Самая темная область – поверхность цветом «a3a3a3«, а все остальные области светлее нее, потому не будет никаких углублений, а образуются неровности на поверхности:

Теперь у нас есть 3D-объект, на который мы смотрим со стороны его передней части. На самом деле мы рассматриваем его с помощью камеры, а камера находится в передней части 3D-объекта. У вас есть два варианта для получения вида в перспективе. Вы можете вращать сам объект, или же изменить ориентацию камеры. Мы решили оставить объект в покое и заняться камерой.

Выберите инструмент «3D – орбита» (3D Orbit Tool) и перетащите его так, чтобы изменить точку ракурса камеры. Вы также можете использовать инструмент «3D – Вращение» (3D Roll View Tool) для вращения камеры.

Инструмент «3D – орбита» (3D Orbit Tool) крутит камеру в координатах осей X и Y. «3D – Вращение» (3D Roll View Tool) вращает камеру в плоскости Z-оси.

Используя эти инструменты, попытайтесь достичь перспективы, которая показана на рисунке ниже. Затем с помощью инструмента «3D – Увеличение» (3D Zoom Tool) сделайте необходимое приближение, а с помощью инструмента 3D – Панорамный вид (3D Pan View Tool) передвиньте камеру при необходимости:

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

Откройте меню Окно > 3D (Window > 3D) или дважды кликните по иконке 3D слоя «Mosiac» в панели слоев. Выберите «Сцена» (Scene) и отметьте галочку «Поперечное сечение (Cross Section)».

Эта операция уберет видимость всей 3D-модели, а отобразит только выбранную плоскость. Плоскость перпендикулярна выбранной оси. Выбираем ось Y. Таким образом, нижняя часть объекта станет отлично видна:

При создании сетки из черно-белого изображения, Photoshop использует оттенки серого как глубинную карту. В панели слоев (Layers Palette), когда выберите слой «Mosaic«, вы сможете увидеть текстуру его глубины.

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

Все изменения будут сохранены и отобразятся, когда вы вернетесь к главному окну документа «Blocks«. Потому, если вам не нравится получившаяся структура, вы можете открыть текстуру Mosaic Depth, зайти в слой «Mosaic» и применить фильтр «Облака» (Clouds) и Mosaic повторно, как описано в шаге 2.

Карта глубины также назначается модели как карта «Размытия» (Diffuse) и карта «Непрозрачности» (Opacity).

Так как мы не нуждаемся в этих текстурах, мы удалим их. Выберите материал Mosaic в панели «3D», щелкните мышью по иконке меню «Карты текстур» (Texture Map Menu) рядом с «Размытием» (Diffuse) и выберите «Удалить текстуру» (Remove Texture). Тоже самое сделайте и для «Непрозрачности» (Opacity):

В панели «3D» выберите «Сцена» (Scene) и нажмите кнопку «Настройки рендеринга» (Render Settings). Установите «Стиль обложки» (Face Style) как «Плоский» (Flat), включите «Линейный Рендеринг», установите черный цвет (Color), «Стиль края» (Edge Style) задайте «Постоянный» (Constant) и «Порог складок» (Crease Threshold) задайте равным 2 (чем выше данное значение, тем меньше будут видны края).

Установите ширину линии (Line Width) в значение 1 и нажмите OK. В панели «3D» установите значение параметра «Сглаживание» (Anti-Alias) в положение «Наилучшее»:

Теперь мы изменим некоторые настройки материала. Вернитесь к материалу Mosaic в панели «3D», установите значение цвет естественного освещения равный #880022. Установите «Размытие» (Diffuse) равным #ee8800. Значение «Глянец» (Glossiness) 0%.

В «Сцене» (Scene) панели «3D» установите «Глобальный цвет естественного освещения» (Global Ambient Color) #575757. Цвет внешней среды определяет яркость сцены, когда выключены все искусственные источники освещения:

Вы увидите три источники света в 3D панели. Это текущие источники света в сцене. Сейчас мы немного их настроим. Все они являются бесконечными источниками света (Infinite Lights).

В Photoshop есть три типа световых источников. Это бесконечные источники света (Infinite lights), светят как солнце, из одной точки. Точечные источники (Point lights) блестят во все стороны, как лампочки. И прожекторы (Spotlights) способны излучать свет в виде настраиваемого конуса.

Выберите Infinite Light 1 и установите ему белый цвет (Color). Выберите Infinite Light 2, цвет назначьте #696969 и уберите галочку «Создавать тени» (Create Shadows). Очевидно, что наши источники не дают теней на текущий момент, но когда они начнут их создавать – это должен быть один источник.

Выберите Infinite Light 3, установите белый цвет и уберите галочку «Создавать тени» (Create Shadows), а «Тип источника» (Light Type) установите равным «Точка» (Point):

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

Выберите один из инструментов для «Камеры 3D», например «3D-орбита» (3D Orbit Tool) и щелкните «Сохранить текущую перспективу» (Save the Current View). Назовите ее «Cam«. Откройте список «Перспектив» (View list) и выберите «Top«:

Щелкните «Включить источники света» (Toggle Lights) внизу 3D панели, чтобы увидеть источники света в сцене. Возьмите инструмент «Увеличение» (3D Zoom Tool) и увеличивайте сцену до тех пор, пока не увидите точки освещения.

Нажмите кнопку «Перетащить освещение» (Drag the Light) в 3D панели и переместите источники освещения, как показано на рисунке ниже.

Возьмите любой инструмент для камеры, откройте «Список перспектив» (View list) и выберите «Cam«, чтобы вернуться к виду от камеры. Нажмите кнопку «Включить освещение» (Toggle Lights), чтобы спрятать лампы. Установите «Интенсивность» (Intensity) источника света 0.6:

В панели слоев сделайте копию слоя «Mosaic«, назовите ее «Line«. В панели «3D», выберите набор настроек «Рисованные линии» (Line Illustration) и нажмите «Настройки рендеринга» (Render Settings). Установите «Ширину линии» (Line Width) 1 и нажмите OK.

Возьмите инструмент «Волшебная палочка» (Magic Wand Tool), установите значение «Допустимое отклонение» (Tolerance) 80. Нажмите на черную область вне текста, чтобы выбрать область вокруг него. Удерживая Shift, нажмите левой кнопкой мыши внутри буквы и любой закрытой области.

Затем возьмите инструмент «Полигональное лассо» (Polygonal Lasso Tool) и добавьте к выделению любую из невыделенных областей вокруг текста путем нажатия клавиши Shift:

В панели слоев сделайте невидимым слой «Line«. В меню Выделение > Инвертировать (Select > Inverse) инвертируйте выделение и мы получаем выделенный текст.

Выбрав слой «Mosaic«, удерживая Command (CTRL) + C скопируйте и вставьте Command (CTRL) + V выделение на новый слой. Назовите его «Text«.

Скопируйте слой «Mosaic» и назовите копию «Reflection«. Выключите видимость слоя «Mosaic«:

Убедитесь, что выбран слой «Reflection» и зайдите в 3D панель. Чтобы получить отражение, нам понадобится другая половина двусторонней плоскости. Выберите пункт «Сцена» (Scene) в 3D панели. Нажмите на «Отразить поперечное сечение» (Flip Cross Section), чтобы сделать видимой вторую часть плоскости.

Выберите материал Mosaic в 3D панели и снимите отметку «Двусторонний» (Two Sided). Это сделает задние грани невидимыми и останется только отражение:

Единственная проблема с отражением — оно расположено довольно далеко. Мы должны привязать его к тексту, но сделать это из поля зрения “Cam” будет довольно сложной задачей. Слой «Text» делаем невидимым, а у слоя «Mosaic» видимость наоборот включаем. Это может выглядеть странно, но слой «Reflection» нужно поместить под слой «Mosaic» в панели слоев (Layers Palette).

Теперь из списка перспектив (View list) выберите «Справа» (Right), причем сделайте это как для слоя «Mosaic«, так и для слоя «Reflection«. Теперь нам видны две плоскости, так мы смотрим на них справа и видим, насколько далеки они друг от друга. С помощью стандартного инструмента «Увеличение» (Zoom), расположенного на панели инструментов (Toolbox), приблизите обе плоскости.

Возьмите инструмент «3D панорама» (3D Pan Tool), убедитесь в том, что выбран слой «Reflection» и перетащите плоскость влево, а зажав кнопку Shift — вправо, как показано на рисунке ниже:

Теперь снова выберите любой инструмент для камеры, и для слоев «Mosaic» и «Reflection» верните «Вид перспективы» в «Cam». Выключите видимость слоя «Mosaic» и включите видимость слоя «Text«.

Для того чтобы очистить строки в слое «Reflection» нам нужно для начала их растрировать. Выберите слой «Reflection«, зайдите в меню 3D > Растризация (Rasterize).

Возьмите инструмент «Ластик» (Eraser Tool), установите режим «Карандаш» (Pencil), чтобы избежать случайного стирания каких либо частей отражения, и зачистите края плоскости. Непрозрачность (Opacity) слоя «Reflection» установите 45%:

Теперь создадим тень. В панели слоев (Layers Palette), включите видимость слоя «Mosaic«, дублируйте слой «Mosaic» и назовите копию «Shadow«. Поместите слой «Shadow» над слоем «Text«.

В 3D панели выберите «Сцена» (Scene) и установите настройки рендеринга в «Трассировка лучей» (Ray Traced). Выберите материал Мозаика «Mosaic» в 3D панели и цвет «Окружения» (Ambient) поставьте черный, а «Размытие» (Diffuse) сделайте белым.

Выберите «Источник света 1» (Infinite Light 1) и установите «Интенсивность» (Intensity) в значение 4. А «Источник света 3» (Infinite Light 3) выключите. Выполните команду 3D > Растеризация (Rasterize):

Режим смешивания для слоя «Shadow» ставим на «Умножение» и непрозрачность слоя 90%. У нас получились довольно острые блоки, но лучи сгенерировали довольно гладкие тени. Чтобы избавиться от смягченных углов нам понадобится «помощь» слоя «Line«.

Выберите слой «Line«, сделайте его видимым, выполните команду 3D > Растеризация (Rasterize) и снова выключите его видимость:

Возьмите инструмент «Волшебная палочка» (Magic Wand Tool) и установите «Допустимое отклонение» (Tolerance) равным 60. Убедитесь, что в палитре слоев выбран слой «Line«. Увеличьте букву «P«. Щелкните слева вверху внутри буквы и, хотя слой «Line» невидим, нужные клетки будут выделены. Удерживая клавишу Shift, выделите оставшиеся ячейки, но тень оставьте вне выделения.

После выбора ячеек в верхнем ряду, как в изображении ниже, в слое «Shadow» установите цвет переднего плана (Foreground Color) белым и заполните выделение нажатием Alt + Backspace. Не забудьте сделать выбор слоя «Line» и залить выделение в слое «Shadow«.

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

Вернитесь к слою «Lines». Используя «Волшебную палочку» (Magic Wand Tool), выделите ячейки, которые должны быть затенены плоским и залейте выделение цветом #4e4e4e на слое «Shadow«:

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

Возьмите «Полигональное лассо» (Polygonal Lasso Tool), и, удерживая клавишу Alt, выберите тень, чтобы удалить ее из выделения. В слое «Shadow» заполните выделение белым:

Теперь нужно повторить эти три шага для всех остальных клеток:

Сделайте слой «Mosaic» невидимым. В слое «Text» примените «Наложение градиента» (Gradient Overlay) со следующими настройками: «Режим смешивания» (Blend Mode) — цвет (Color), «Непрозрачность» (Opacity) 70%.

«Градиент» (Gradient) установим на синий (Blue), красный (Red), желтый (Yellow), а «Стиль» (Style) — линейный (Linear) и «Угол» (Angle) равный 10 градусам.

Выполните команду меню Слои > Стиль слоя > Скопировать стиль слоя (Layer > Layer Style > Copy Layer Style). Выберите слой «Reflection«, затем в меню Слой > Стиль слоя > Вставить стиль слоя (Layer > Layer Style > Paste Layer Style) установите «Режим смешивания» (Blending Mode) «Жесткий свет» (Hard Light) и непрозрачность (Opacity) 35% для слоя «Reflection«:

Теперь мы добавим немного текстуры. Скачайте это фото с Flickr. Добавьте его в качестве нового слоя в документ и назовите слой «Texture«.

Поместите его над слоем «Text«. Удерживая клавишу Alt, кликните мышью на линии между слоями «Texture» и «Text«, чтобы маскировать текстуру. Установите «Режим смешивания» (Blending Modе) – «Наложение» (Overlay):

Теперь мы сделаем текстуру для фона. Создайте новый слой и назовите его «BG«. Установите цвет переднего плана (Foreground Color) 85% серого и цвет фона (Background Color) равным 90% серого. Возьмите инструмент «Градиент» (Gradient Tool), установите режим от переднего (Foreground) к фону (Background) и выберите «Радиальный» (Radial).

Заполните слой, как показано на рисунке ниже. Примените Фильтр > Художественный > Зернистая пленка (Filter > Artistic > Film Grain) с параметром 0. Фильтр > Искажение > Стекло (Filter > Distort > Glass).

Примените со следующими настройками: «Искажение» (Distortion) равно 20, «Сглаживание» (Smoothness) — 1, «Текстура» (Texture) в режиме «Изморозь» (Frosted) и «Масштаб» (Scaling) равный 100%:

Поместите слой «BG» над слоем «Background» и на этом все. Я надеюсь, вам понравился урок, и вы будете довольны своим результатом!

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

Экспериментируйте!

Данная публикация является переводом статьи «Blocks in Photoshop» , подготовленная редакцией проекта.

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

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

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

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

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

Я начну с выбора первого в списке инструмента Rectangle Tool :

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

Фигуры, пиксели или пути

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

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

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

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

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

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

Это открывает окно, которое позволяет нам выбирать из четырех различных способов заливки формы, каждый из которых представлен одним из четырех значков вверху. Начиная слева, у нас есть значок No Color (тот, через который проходит красная диагональная линия), значок Solid Color , значок Gradient и значок Pattern :

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

Нет цвета

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

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

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

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

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

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

Щелкните параметр заливки сплошным цветом.

Выбрав сплошной цвет, выберите цвет формы, щелкнув один из образцов цвета . Цвета, которые вы использовали недавно, появятся в строке Recently Used Colors над основными образцами:

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

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

Щелкнув значок «Палитра цветов».

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

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

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

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

Градиент

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

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

Вот та же фигура с градиентом:

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

Образец

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

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

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

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

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

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

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

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

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

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

Изменение ширины штриха

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

Изменение ширины штриха.

Опция выравнивания кромок

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

Обычно стоит убедиться, что установлен флажок «Выровнять края».

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

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

Вот пример черной обводки 10 пикселей, примененной к фигуре:

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

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

Та же форма, теперь с заливкой без цвета.

Больше вариантов хода

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Изменение размера формы после ее рисования

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

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

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

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

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

Изменение размера формы.

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

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

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

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

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

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

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

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

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

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

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

Варианты формы

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

Щелкните значок шестеренки.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Выбираем Edit> Undo Rounded Rectangle Tool.

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

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

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

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

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

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

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

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

Форма с заливкой цветом.

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

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

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

Инструмент Polygon Tool - вот где начинается самое интересное. Я выберу его на панели инструментов:

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

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

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

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

5-сторонняя фигура, нарисованная с помощью инструмента "Многоугольник".

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

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

А вот форма многоугольника со значением Sides равным 12. Как и параметр Radius для инструмента Rounded Rectangle Tool, Photoshop не позволяет нам изменять количество сторон после того, как мы нарисовали нашу форму, поэтому, если вы ошиблись, вы необходимо перейти в меню Edit в верхней части экрана и выбрать Undo Polygon Tool (или нажать Ctrl + Z (Win) / Command + Z (Mac)), затем ввести другое значение в опцию Стороны и перерисуйте форму:

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

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

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

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

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

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

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

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

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

.

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

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

Звездообразование, нарисованное с помощью инструмента "Многоугольник".

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

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

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

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

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

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

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

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

Инструмент Line

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

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

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

Параметр «Толщина» управляет толщиной или шириной линии.

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

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

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

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

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

Вот линия, аналогичная нарисованной ранее, на этот раз со стрелкой на конце:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 2. Выберите параметр «Слои фигур» на панели параметров

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

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

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

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

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

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

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

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

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

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

Мы исправим эту проблему в следующий раз.

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

Чтобы исправить проблему, из-за которой Photoshop блокирует наш объект из вида, когда мы пытаемся обвести его вокруг, просто перейдите в палитру слоев и уменьшите непрозрачность слоя-фигуры. Здесь, в палитре слоев, мы видим, что в настоящее время у меня есть два слоя - фон , слой внизу, который содержит мою фотографию пряничного человечка, и слой формы над ним, названный «Форма 1». Я могу сказать, что слой-фигура выбран, потому что он выделен синим цветом, поэтому для уменьшения его непрозрачности все, что мне нужно сделать, это перейти к параметру «Непрозрачность» в верхнем правом углу палитры слоев и уменьшить значение.Я собираюсь установить непрозрачность примерно на 50%:

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

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

Теперь объект виден сквозь цвет фигуры после уменьшения непрозрачности слоя-фигуры.

Шаг 5. Продолжить отслеживание объекта

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

Начальная форма вокруг объекта теперь завершена.

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

Форма объекта теперь четко видна в палитре слоев.

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

Посмотрим, как это сделать дальше!

Шаг 6: Выберите инструмент Ellipse Tool

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

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

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

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

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

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

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

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

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

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

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

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

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

Из исходной формы вырезается второе отверстие, образуя второй глаз.

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

Перетаскивание эллиптической формы вокруг верхней кнопки.

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

Из исходной формы вырезается второе отверстие, образуя второй глаз.

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

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

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

Обе кнопки вырезаны из исходной формы.

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

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

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

Шаг 9: вычтите все оставшиеся детали из формы с помощью инструмента «Перо»

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

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

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

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

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

Вычтите ряд сахарной пудры вдоль его левой руки с помощью Pen Tool.

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

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

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

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

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

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

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

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

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

Щелкните значок «Видимость слоя» для слоя Background , чтобы временно скрыть его из поля зрения.

Когда мое исходное изображение на слое Background теперь скрыто, а значение непрозрачности моего слоя-фигуры установлено на 100%, вот фигура пряничного человечка, которую я создал:

Готовая фигура пряничного человечка на прозрачном фоне.

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

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

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

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

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

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

Перейдите в меню «Правка»> «Определить произвольную форму».

Photoshop откроет диалоговое окно «Имя формы», в котором вас попросят ввести имя для вашей формы. Я назову свою фигуру "Колобок":

Введите имя фигуры в диалоговом окне «Имя фигуры».

Нажмите OK, когда вы закончите, чтобы выйти из диалогового окна, и ваша Custom Shape теперь готова к действию! На этом этапе вы можете закрыть свой документ Photoshop, поскольку мы закончили создание и сохранение нашей формы. Теперь посмотрим, где его найти и как использовать!

Шаг 12. Откройте новый документ Photoshop

Откройте новый пустой документ Photoshop, зайдя в меню «Файл» в верхней части экрана и выбрав «Создать».... Это вызывает диалоговое окно "Новый документ". В рамках этого руководства вы можете выбрать любой размер документа. Я собираюсь выбрать 640x480 пикселей из меню Preset:

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

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

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

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

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

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

«Щелкните правой кнопкой мыши» (Win) / «Control-click» (Mac) в любом месте документа, чтобы получить доступ к окну выбора формы, затем щелкните миниатюру своей пользовательской фигуры, чтобы выбрать форму.

Шаг 15: растяните форму

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

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

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

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

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

Мы собираемся закончить работу, посмотрев, как изменить цвет нашей формы, а также как изменить ее размер и повернуть, а затем!

Шаг 16. Дважды щелкните эскиз слоя формы, чтобы изменить цвет формы

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

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

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

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

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

Цвет фигуры изменен.

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

Шаг 17: При необходимости измените размер формы с помощью свободного преобразования

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

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

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

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

По завершении нажмите Enter (Win) / Return (Mac), чтобы принять преобразование и выйти из режима Free Transform.

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

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

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

Куда идти дальше ...

Это охватывает основы создания и использования пользовательских фигур в Photoshop и подводит нас к концу части 1 нашего учебника «Пользовательские фигуры для цифрового скрапбукинга».Во второй части мы рассмотрим, как собрать несколько созданных нами фигур и сохранить их как наборы Custom Shape! Посетите наш раздел Основы Photoshop, чтобы узнать больше о Photoshop!

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

Как и инструмент «Перо», слой-фигура также использует векторную технологию Photoshop.

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

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

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

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

См. На панели параметров, во второй позиции вы можете увидеть меню. Он покажет вам 3 варианта рисования вашей формы, такие как «Путь», «Форма» и «Пиксели».

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

А путь будет рисовать только контур фигуры, он не будет заливать какой-либо цвет контура.

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

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

Теперь нарисуйте фигуру и увидите на панели слоев новый слой, созданный там.

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

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

Если вы хотите отредактировать цвет фигуры? Затем просто дважды щелкните слой с фигурой, и вы получите палитру цветов.

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

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

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

Теперь выберите форму, которую вы хотите использовать.

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

Давайте отредактируем цвет формы и свойства обводки на панели параметров вверху.

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

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

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

Теперь перейдем к следующей теме «смарт-объект».

Как использовать инструмент «Рамка» в Photoshop CC 2019

Photoshop CC 2019 представляет инструмент «Рамка», новейшее дополнение к панели инструментов.

Инструмент «Рамка» позволяет создавать заполнители изображений, в которые вы можете добавлять изображения позже.Он очень похож на инструмент «Рамка» в Adobe InDesign.

Как работают рамки в Photoshop?

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

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

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

Необходимое время: 3 минуты.

Следуйте этим инструкциям для создания изображений-заполнителей с помощью нового инструмента «Рамка» в Photoshop CC 2019.

  1. Выберите инструмент «Рамка»

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

  2. Выберите форму фрейма на панели параметров

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

  3. Щелкните и перетащите, чтобы создать фрейм-заполнитель

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

  4. Перетаскивание изображений во фрейм

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

  5. Замена изображений из кадров

    Вы можете заменить изображение в кадре, перетащив на него новое изображение.

Как выбрать фрейм или содержимое в фрейме

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

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

Примечание 1 : Нет дескрипторов преобразования для одновременного масштабирования кадра и содержимого. Однако вы можете изменить размер отдельно.

Note 2 : После масштабирования содержимого в пределах фрейма невозможно
автоматически «подогнать содержимое под фрейм».

Кадры из изображений

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

Рамки из текстовых слоев или фигур

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

На панели слоев щелкните правой кнопкой мыши слой формы или текста и выберите « Convert to Frame ».

Фреймы и панель свойств

Вставить изображение

  • Найти на Adobe Stock: Открывает в вашем браузере веб-сайт Adobe Stock.
  • Открытые библиотеки : открывает панель «Библиотеки».
  • Место с локального диска - встроенный : открывает окно Поместить. Выбранное изображение будет встроено в документ фотошопа.
  • Место с локального диска - встроенный: Открывает окно Поместить. Выбранное изображение станет справочным файлом.

Ход

Этот параметр позволяет обвести рамку обводкой.

Вы можете выбрать цвет обводки, ширину в пикселях и выравнивание обводки (внутри, по центру или снаружи).

Layer Comp

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

Layer Comps часто используются дизайнерами для создания нескольких композиций (или композиций) макета страницы для демонстрации клиентам. Layer Comps позволяют создавать, управлять и просматривать несколько версий макета в одном файле Photoshop.

Композиция слоев - это просто снимок состояния панели «Слои».Композиции слоев записывают три типа параметров слоя:

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

Эта функция позволяет изменять состояние смарт-объекта на уровне слоя без редактирования смарт-объекта.

Команда

  • Редактировать содержимое :
  • Преобразовано в связанный :
  • Встроено :

Вырезание изображений в Adobe Photoshop Elements

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

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

Выбрав инструмент «Лассо» на панели инструментов Adobe Photoshop Elements, вы увидите некоторые параметры на панели управления в нижней части экрана. Будет три варианта. Мы собираемся выбрать инструмент «Магнитное лассо».

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

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

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

Когда вы будете довольны этим выбором в Adobe Photoshop Elements, мы собираемся создать новый документ, чтобы скопировать это изображение, перейдя в File> New.

В этом окне вы можете настроить документ правильного размера, вы можете выбрать дюймы, мм или см и т. Д., В зависимости от того, что более актуально. Если вы собираетесь распечатать документ, убедитесь, что разрешение установлено на 300 пикселей / дюйм для достижения наилучшего качественная печать из Adobe Photoshop Elements.

Затем мы собираемся вернуться к нашему исходному изображению с сделанным выделением и перейти в Edit> Copy, затем перейти к новому пустому документу и перейти в Edit> Paste.Теперь у вас будет вырезанное изображение на отдельном слое в новом документе.

Если вы хотите поместить форму цвета в фон в Adobe Photoshop Elements, нам нужно выбрать инструмент правильной формы на панели инструментов слева.

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

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

Если вы хотите узнать больше, посетите наш курс Adobe Photoshop Elements. Мы также можем обучить вас с помощью наших онлайн-курсов или провести индивидуальное обучение в нашей современной студии в Дерби или у вас.

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

Изгибание краев изображений в Photoshop

Изгибание краев изображений в Photoshop | Джордж Орнбо

Последнее обновление

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

Предполагаемое время чтения: 3 минуты

Оглавление

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

Изогнутые прямоугольники просты - в Photoshop есть инструмент, который создаст форму для вас. Вы можете получить доступ к этому инструменту, нажав U. Это выбирает инструмент Custom Shape Tool. Чтобы создать изогнутый прямоугольник, вам понадобится инструмент Rounded Rectangle Tool, который находится вторым внизу.

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

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

Изгиб краев фигур или фотографий

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

Когда вы открываете фотографию, изображение по умолчанию будет иметь один слой.Это будет называться «Фон». Чтобы создать изогнутые края, вам нужно скопировать этот слой. Щелкните слой правой кнопкой мыши и выберите «Дублировать слой». Затем скройте или удалите исходный фоновый слой. Если все пойдет не так, это, вероятно, предпочтительнее!

Шаг первый - Нарисуйте кривую

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

Шаг второй - Выберите изогнутый прямоугольник

Чтобы создать маску, вам нужно выбрать изогнутый прямоугольник, который вы только что нарисовали. Для этого наведите курсор на предварительный просмотр формы в окне слоев. В примере это красный квадрат. Удерживая нажатой клавишу Apple Key на Mac (CTRL в Windows), вы увидите белый прямоугольник рядом с рукой. Щелкните, и форма будет выбрана - вы заметите знакомый черно-белый край формы, показывающий, что она выбрана.

Добавление маски векторного слоя

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

Показ готового изображения

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

Используйте свое воображение

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

Все еще не понимаете? Смотреть фильм!

Curving the Edges of Images in Photoshop от Джорджа Орнбо на Vimeo.

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

Теги

Последние сообщения

Об авторе

Джордж Орнбо - инженер-программист из Бакингемшира, Англия.

Он является автором Sams Teach Yourself Go за 24 часа и Sams Teach Yourself Node.js за 24 часа. Его можно найти в большинстве обычных мест в виде фигур.

← http://shapeshed.com

Контент находится под лицензией Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0)

Как создать 10 основных форм в Adobe Photoshop - Medialoot

Инструменты Photoshop

Если вы читали пост «Элементы и принципы дизайна», вы наверняка помните, что формы являются одним из ключевых элементов - неотъемлемым строительным блоком, используемым дизайнерами для создания чего-то намного большего, чем сумма его частей. Форма - это элемент, определяемый своим периметром: замкнутый контур. Это область, содержащаяся в подразумеваемой строке, и имеет два измерения: высоту и ширину.Сегодня я покажу вам, как создать 10 основных фигур в Photoshop с помощью различных инструментов.

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

Площадь

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

Щелкните один раз по холсту и в новом окне установите нужный размер квадрата и нажмите OK. В этом случае у меня будет ширина и высота 350 пикселей.

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

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

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

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

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

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

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

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

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

Круг

На панели инструментов выберите инструмент Ellipse Tool (U) и убедитесь, что для параметра Mode Tool Mode установлено значение Shape на верхней панели инструментов.

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

Овальный

На панели инструментов выберите инструмент Ellipse Tool (U) и убедитесь, что для параметра Mode Tool Mode установлено значение Shape на верхней панели инструментов.

Щелкните один раз по холсту и в новом окне установите желаемый размер овала и щелкните OK. В этом случае у меня будет ширина 350 пикселей и высота 200 пикселей.

Треугольник

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

Щелкните один раз по холсту и в новом окне установите желаемый размер треугольника (у меня ширина и высота 350 пикселей), а количество сторон - 3 и нажмите ОК.

Пентагон

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

Щелкните один раз по холсту и в новом окне установите нужный размер Пентагона (у меня ширина и высота 350 пикселей), установите для параметра «Количество сторон» значение 5 и нажмите «ОК».

Звезда 5 баллов

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

Щелкните один раз по холсту и в новом окне установите желаемый размер звезды (у меня ширина и высота 350 пикселей), установите количество сторон на 5, отметьте опцию «Звездочка», установите отступ сторон на 50. % и нажмите ОК.

Алмаз

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

Щелкните один раз по холсту и в новом окне установите нужный размер ромба (у меня ширина 200 пикселей и высота 350 пикселей), установите количество сторон на 4, установите флажок «Звездочка», установите Отступите стороны до 0% и нажмите OK.

Об инструменте "Многоугольник"

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

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Пролистать наверх