Custom shape tool в фотошопе где
В предыдущем уроке « Как рисовать векторные фигуры» в Photoshop CS6 мы узнали, как использовать пять основных инструментов формы в Photoshop (инструмент «Прямоугольник», инструмент «Закругленный прямоугольник», инструмент «Эллипс», «Многоугольник» и «Линия») для добавьте к нашим документам простые геометрические фигуры, такие как прямоугольники, квадраты и круги, а также звезды, звездные вспышки и стрелки направления.
Хотя круги и квадраты имеют свое применение, как насчет более сложных и интересных форм? Что, если вы хотите, скажем, форму сердца, которая будет использоваться в качестве границы для свадебной или помолвочной фотографии? Или форму собаки или кошки для добавления в логотип зоомагазина? Как насчет формы цветов или листьев, снежинок, музыкальных нот или даже символа авторского права для добавления к вашим изображениям? Фотошоп на самом деле включает в себя все эти формы и многое другое, и мы можем добавлять их в наши проекты и макеты так же легко, как добавляя круги и квадраты.
Adobe называет эти более сложные формы пользовательскими формами , и мы рисуем их с помощью инструмента Custom Shape Tool . Единственная проблема заключается в том, что по умолчанию нам доступны только несколько этих пользовательских фигур. Большинство из них скрыты. Итак, в этом уроке мы узнаем все, что нам нужно знать о рисовании фигур с помощью инструмента Custom Shape Tool, включая доступ к каждой пользовательской фигуре, которую может предложить Photoshop!
Если вы еще не знакомы с основами рисования векторных фигур в Photoshop, я настоятельно рекомендую прочитать предыдущее руководство, прежде чем продолжить.
Как рисовать пользовательские фигуры в фотошопе
Выбор инструмента Custom Shape Tool
Пользовательский инструмент Shape Tool вложен в другие инструменты Photoshop на панели «Инструменты» . Чтобы выбрать его, нажмите и удерживайте значок для того, какой инструмент фигуры в данный момент виден (который будет либо инструментом «Прямоугольник» (по умолчанию), либо тем инструментом, который вы использовали последним). Когда вы нажимаете и удерживаете значок, появляется всплывающее меню, показывающее другие доступные инструменты формы. Выберите Custom Shape Tool из нижней части списка:
Рисование векторных фигур
С выбранным инструментом Custom Shape Tool, следующее, что мы хотим сделать, это убедиться, что мы рисуем векторные фигуры , а не контуры или пиксельные фигуры. Мы поняли важное различие между векторными фигурами и пиксельными формами в учебном пособии « Вектор чертежа и пиксельные фигуры» , но вкратце, векторные фигуры являются гибкими , редактируемыми и независимыми от разрешения , то есть мы можем редактировать и масштабировать их сколько угодно, и даже напечатайте их любого необходимого размера, и края векторных фигур всегда будут четкими и четкими.
Чтобы убедиться, что вы работаете с векторными фигурами, установите параметр « Режим инструмента» на панели параметров в верхней части экрана на « Форма» (сокращение от «Векторная форма»):
Выбор пользовательской формы
Далее нам нужно сообщить Photoshop, какую пользовательскую фигуру мы хотим нарисовать, и мы сделаем это, щелкнув по миниатюре фигуры на панели параметров. Миниатюра показывает нам выбранную форму:
При щелчке по миниатюре открывается пользовательский инструмент выбора формы с предварительным просмотром миниатюр каждой фигуры, которую мы можем выбрать. Используйте полосу прокрутки справа, чтобы прокрутить миниатюры.
Загрузка больше фигур
Как я уже упоминал в начале урока, изначально доступно всего несколько фигур, но есть еще много чего мы можем выбрать. Все, что нам нужно сделать, это загрузить их. Для этого нажмите на значок шестеренки в правом верхнем углу:
В нижней половине появившегося меню вы увидите список всех пользовательских наборов фигур, которые Adobe включает в Photoshop. Изначально отображаемые фигуры являются набором по умолчанию, но, просматривая список, мы видим, что у нас есть много других интересных наборов, таких как животные, музыка, природа и так далее. Чтобы загрузить один из этих наборов, просто выберите его из списка.
Единственная проблема заключается в том, что если вы некоторое время не использовали Photoshop (и большую часть этого времени работали с пользовательскими фигурами), трудно определить, какие фигуры вы найдете в каждом наборе. Поэтому вместо того, чтобы выбирать наборы по отдельности, я бы порекомендовал выбрать « Все» в верхней части списка, чтобы загружать фигуры из каждого набора сразу:
Фотошоп спросит, хотите ли вы заменить текущие фигуры новыми. Если вы нажмете кнопку « Добавить» , а не замените текущие фигуры новыми фигурами, это скажет Photoshop сохранить существующие фигуры и просто добавить новые под ними. Это может быть хорошим выбором, если вы выбираете отдельный набор фигур из списка и просто хотите добавить его к фигурам по умолчанию.
В этом случае, поскольку я выбираю « Все» (который включает фигуры по умолчанию как часть коллекции), я собираюсь нажать « ОК» . В конце урока мы узнаем, как вернуть формы по умолчанию:
Изменение размера пользовательского выбора формы
Теперь, когда все формы загружены, у нас есть куда больше на выбор. Вы можете изменить размер Выборочной формы, чтобы видеть больше фигур за раз, щелкая и перетаскивая его правый нижний угол . Фактически, вы можете сделать Выборщик пользовательских форм достаточно большим, чтобы увидеть каждую фигуру сразу:
Лично я нахожу это слишком большим, поэтому я еще раз щелкну и перетащу нижний правый угол Custom Picker, на этот раз, чтобы уменьшить его. Затем я буду использовать полосу прокрутки справа от миниатюр, чтобы прокручивать фигуры. Чтобы выбрать форму, дважды щелкните ее миниатюру. Это выберет форму и закроется из Выборщика пользовательских форм. Я выберу форму сердца, дважды щелкнув по нему:
Выбор цвета для фигуры
После того, как вы выбрали произвольную фигуру, выберите для нее цвет, щелкнув образец цвета « Заливка» на панели параметров:
Это открывает окно, которое позволяет нам выбрать один из четырех различных способов заполнения пользовательской фигуры, каждый из которых представлен одним из четырех значков вверху. Начиная слева, у нас есть значок « Нет цвета», значок « Сплошной цвет», значок « Градиент» и значок « Узор» . Мы подробно рассмотрели варианты цвета «Заливка (и обводка)» в предыдущем уроке (« Как рисовать векторные фигуры в Photoshop CS6» ), но я расскажу о них здесь еще раз:
Выбор параметра « Нет цвета» слева оставит вашу пользовательскую форму пустой, что может быть тем, что вам нужно, если ваша форма должна содержать только контур обводки. Мы увидим, как добавить штрих в данный момент.
Параметр « Сплошной цвет» (второй слева) позволяет нам заполнить пользовательскую фигуру одним цветом. Выберите цвет, нажав на один из образцов цвета . Недавно использованные цвета отображаются в строке « Последние использованные цвета» над основными образцами:
Если нужный вам цвет не найден ни в одном из образцов, щелкните значок Color Picker в правом верхнем углу:
Затем выберите цвет вручную из палитры цветов. Нажмите OK, когда вы закончите, чтобы закрыть из палитры цветов:
Параметр « Градиент» позволяет нам заполнить форму градиентом. Вы можете выбрать один из предустановленных градиентов, щелкнув по его миниатюре (используйте полосу прокрутки справа для прокрутки миниатюр) или используйте параметры под миниатюрами, чтобы создать или отредактировать свой собственный градиент. Мы рассмотрим градиенты в отдельном уроке:
Наконец, выберите опцию Pattern, если вы хотите заполнить свою пользовательскую форму шаблоном. Photoshop сам по себе не дает большого количества шаблонов на выбор, но если вы создали или загрузили другие шаблоны, вы можете загрузить их, щелкнув по маленькому значку шестеренки (прямо под значком «Пользовательская форма») и выбрав « Загрузить шаблоны». из меню:
Поскольку я выбрал форму сердца, я выберу опцию «Сплошной цвет» и выберу красный для цвета заливки, нажав на красный образец. Чтобы закрыть окно параметров цвета, когда вы закончите, нажмите Enter (Win) / Return (Mac) на клавиатуре или просто щелкните пустую область панели параметров:
Рисование вашей пользовательской формы
Чтобы нарисовать фигуру, щелкните внутри документа, чтобы установить начальную точку. Затем, удерживая кнопку мыши нажатой, перетащите курсор от начальной точки. При перетаскивании вы увидите только контур (известный как путь ) того, как будет выглядеть форма:
Когда вы отпустите кнопку мыши, Photoshop завершит форму и заполнит ее выбранным цветом:
Рисование фигуры с правильными пропорциями
Заметьте, однако, что мое сердце выглядит немного искаженным. Это шире и короче, чем я ожидал. Это потому, что по умолчанию Photoshop позволяет нам свободно рисовать произвольные фигуры в любом размере или пропорциях, которые нам нравятся. Я отменю свою форму, зайдя в меню « Правка» в строке меню в верхней части экрана и выбрав « Отменить пользовательский инструмент формы» . Я также могу просто нажать Ctrl + Z (Win) / Command + Z (Mac) на моей клавиатуре. Это удаляет форму из документа:
Чтобы нарисовать произвольную фигуру с правильными пропорциями, начните так же, как и раньше, щелкнув внутри документа, чтобы задать начальную точку, затем удерживая нажатой кнопку мыши и перетаскивая ее из точки. При перетаскивании нажмите и удерживайте клавишу 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 пикселей :
Photoshop мгновенно обновляет форму с новой шириной обводки:
Больше вариантов инсульта
Есть и другие параметры обводки, которые мы также можем изменить, нажав кнопку « Параметры обводки» на панели параметров :
Откроется окно «Параметры обводки». Вверху мы можем переключаться между отображением обводки в виде сплошной линии (по умолчанию), пунктирной линии или пунктирной линии. Параметр « Выравнивание» позволяет нам выбрать, будет ли обводка отображаться по внутренним краям фигуры, по внешним кромкам или по центру по краям. Мы можем установить опцию Caps на Butt , Round или Square , и изменить углы на Mitre , Round или Bevel . Нажатие кнопкиДополнительные параметры внизу откроют более подробное диалоговое окно с дополнительными параметрами для настройки внешнего вида мазка и сохранения пользовательских настроек в качестве предустановки:
Изменение заливки и обводки существующих фигур
Как и в случае с инструментами геометрических фигур (Rectangle Tool, Ellipse Tool и т. Д.), Photoshop помещает каждую векторную фигуру, которую мы рисуем, с помощью Custom Shape Tool на свой собственный слой Shape . Если мы посмотрим на панель «Слои», то увидим, что форма моего сердца сидит на слое «Форма» с именем «Форма 1»:
Я добавлю вторую фигуру к своему документу. Для этого я снова открою Палитру настраиваемых фигур на панели параметров и на этот раз выберу форму бабочки, дважды щелкнув ее миниатюру:
С выбранной формой бабочки я быстро нарисую ее, щелкнув внутри документа, чтобы установить начальную точку, затем щелкнув и перетащив из этой точки. Чтобы нарисовать бабочку с правильными пропорциями, я подожду, пока я не начну перетаскивать, затем я нажму и удерживаю клавишу Shift и продолжаю перетаскивать:
Чтобы завершить форму, я отпущу кнопку мыши, затем отпущу клавишу Shift. Фотошоп заполняет форму цветом, но посмотрите, что произошло; он использовал тот же цвет заливки (красный), который я выбрал для моей предыдущей фигуры. Он также использовал те же параметры обводки, что и предыдущая фигура, включая цвет (черный) и ширину (10 пикселей):
К счастью, поскольку слои Shape в Photoshop остаются полностью редактируемыми, мне не нужно отменять и перерисовывать фигуру, если мне нужно, чтобы она была другого цвета. Пока у меня выбран слой «Форма» на панели «Слои» (а инструмент «Форма» по-прежнему выбран на панели «Инструменты»), я могу легко вернуться и изменить цвета.
Если мы снова посмотрим на мою панель «Слои», то увидим, что фигура бабочки была помещена в собственный слой «Форма» с именем «Форма 2» над формой сердца:
С выбранным слоем бабочки я нажму на образец цвета заливки на панели параметров и выберу другой цвет из образцов, может быть, хороший пурпурный:
Я также собираюсь уменьшить ширину обводки на панели параметров, так как 10 пикселей кажется слишком толстым. Я уменьшу его до 4 пикселей :
Photoshop мгновенно обновляет форму бабочки с помощью нового цвета заливки и ширины обводки. Оригинальная форма сердца остается нетронутой:
Я думаю, что хочу уменьшить ширину обводки и для формы сердца, поэтому я нажму на слой Shape («Форма 1») на панели «Слои», чтобы выбрать его:
Я оставлю цвет заливки красным, но уменьшу ширину обводки на панели параметров до того же значения ( 4 пикселя ), что и у формы бабочки:
И теперь обе фигуры имеют одинаковую ширину обводки. При необходимости вы также можете редактировать другие параметры обводки (цвет, тип линии, выравнивание и т. Д.). Если на панели «Слои» выбран правильный слой формы, а инструмент «Форма» все еще активен, вы можете вносить любые необходимые изменения:
Сброс пользовательских форм обратно к значениям по умолчанию
Ранее мы узнали, как загружать другие наборы фигур в Выборщик пользовательских форм. Если вам нужно убрать эти дополнительные фигуры и вернуться к просмотру только фигур по умолчанию, нажмите еще раз на значок шестеренки в Custom Picker:
Затем выберите Reset Shapes из меню:
Фотошоп спросит, действительно ли вы хотите заменить текущие фигуры значениями по умолчанию. Нажмите OK, чтобы сказать «да», и вы вернетесь к просмотру только оригинальных фигур по умолчанию:
Куда пойти дальше …
И там у нас это есть! Вот как можно выйти за пределы кругов и квадратов и добавить более интересные пользовательские фигуры в макеты с помощью инструмента Custom Shape Tool в Photoshop CS6! Посетите наш раздел Основы Photoshop, чтобы узнать больше о Photoshop!
В предыдущем уроке мы изучили основы работы с фигурами и слоями фигур в Photoshop . В этом уроке мы научились добавлять простые прямоугольники и эллипсы, а также звезды, звездные вспышки и стрелки направления в документ с помощью пяти инструментов геометрической формы Photoshop — инструмента «Прямоугольник», инструмента «Скругленный прямоугольник», инструмента «Эллипс», инструмента «Многоугольник» и инструмент Линия.
Наличие инструментов, позволяющих легко рисовать круги и квадраты, прекрасно, но как насчет более интересных форм? Что, если вы хотите добавить, скажем, форму сердца к свадебной или помолвочной фотографии или форму собаки или кошки к логотипу зоомагазина? Как насчет формы цветов и листьев, снежинок, музыкальных нот или символа авторского права, который нужно добавить к вашим изображениям? Фотошоп на самом деле поставляется со всеми этими формами и многим другим, и позволяет нам добавлять их в наши дизайны так же легко, как добавлять круги и квадраты. Adobe называет эти более сложные фигуры пользовательскими фигурами , и мы рисуем их с помощью инструмента, который мы рассмотрим в этом учебном пособии, — Custom Shape Tool .
Это руководство для Photoshop CS5 и более ранних версий . Пользователи Photoshop CS6 (и CC) захотят ознакомиться с нашим полностью обновленным учебным пособием « Как использовать инструмент Custom Shape Tool в Photoshop» .
Пользовательский инструмент Shape
Вы найдете инструмент Custom Shape Tool, встроенный в другие инструменты Shape в Photoshop, в том же месте на панели «Инструменты». По умолчанию инструмент «Прямоугольник» — это инструмент, который отображается, но если щелкнуть по нему и удерживать нажатой кнопку мыши, появится всплывающее меню со списком других инструментов, доступных в этом месте. Custom Shape Tool находится внизу списка:
Если у вас уже есть один из выбранных инструментов Shape, вы можете быстро получить Custom Shape Tool из панели параметров. Вы увидите серию из шести значков, каждый из которых представляет отдельный инструмент Shape. Custom Shape Tool — последняя иконка справа (эта иконка выглядит как капля):
Если другой инструмент Shape уже активен, пользовательский инструмент Shape можно выбрать на панели параметров.
Выбор пользовательской формы
После того, как мы выбрали инструмент Custom Shape Tool, нам нужно выбрать форму, которую мы хотим нарисовать. Миниатюра предварительного просмотра формы появится на панели параметров справа от значка «Пользовательский инструмент формы». На миниатюре отображается выбранная фигура:
Чтобы выбрать другую форму, нажмите на эскиз предварительного просмотра. Откроется окно выбора формы, в котором отображаются все формы, которые нам нужно выбрать. Фотошоп на самом деле имеет гораздо больше форм, чем ограниченное количество, которое мы представили вначале. Мы увидим, как загрузить другие фигуры через минуту:
Чтобы выбрать форму, просто нажмите на ее миниатюру, затем нажмите Enter (Win) / Return (Mac), чтобы закрыть форму выбора. Или дважды щелкните по миниатюре, которая выберет форму и закроет инструмент выбора формы для вас. Я выберу форму сердца:
Выбор цвета для фигуры
После того как вы выбрали свою форму, выберите цвет для нее, нажав на образец цвета справа от слова « Цвет» на панели параметров:
Фотошоп откроет палитру цветов, чтобы мы могли выбрать нужный цвет. Так как я выбрал форму сердца, я выберу красный для моего цвета. Нажмите OK, когда вы закончите, чтобы закрыть из палитры цветов:
Выберите опцию «Shape Layers»
Как я упоминал в предыдущем уроке , Photoshop позволяет нам рисовать три очень разных вида фигур с помощью инструментов Shape. Мы можем рисовать векторные фигуры , которые не зависят от разрешения и полностью масштабируются без потери качества изображения (фигуры того же типа, которые мы рисуем в программе, такой как Illustrator). Мы также можем рисовать контуры , которые являются просто контурами фигур, или мы можем рисовать пиксельные формы, где Photoshop заполняет форму цветными пикселями. В большинстве случаев мы хотим рисовать векторные фигуры, и для этого нам нужно выбрать опцию Shape Layers на панели параметров. Это левый значок в группе из трех значков в дальнем левом углу панели параметров:
Чтобы нарисовать фигуру, щелкните внутри документа, чтобы установить начальную точку, затем, удерживая нажатой кнопку мыши, перетащите курсор от начальной точки. При перетаскивании Photoshop отображает схему того, как будет выглядеть форма:
Отпустите кнопку мыши, чтобы завершить форму, после чего Photoshop заполнит ее цветом, выбранным на панели параметров:
Рисование фигуры с правильными пропорциями
Заметьте, однако, что мое сердце выглядит немного искаженным. Это шире и короче, чем я ожидал. Это связано с тем, что по умолчанию Photoshop не пытается сохранить правильные пропорции или пропорции фигуры в том виде, в котором мы ее рисуем. Я нажму Ctrl + Z (Победа) / Command + Z (Mac) на своей клавиатуре, чтобы отменить форму, чтобы я мог попробовать снова.
Чтобы нарисовать произвольную фигуру с правильными пропорциями, щелкните документ, удерживайте кнопку мыши нажатой и начните вытягивать фигуру, как обычно. Как только вы начнете перетаскивать, нажмите и удерживайте клавишу Shift на клавиатуре и продолжайте перетаскивать. Как только вы нажмете (и удерживаете) клавишу Shift, вы увидите, как контур фигуры привязывается к правильному соотношению сторон:
Когда вы довольны размером фигуры, отпустите кнопку мыши, затем отпустите клавишу Shift (убедитесь, что вы отпустите клавишу Shift после отпускания кнопки мыши). Фотошоп снова заполняет его цветом:
Я снова нажму Ctrl + Z (Победа) / Command + Z (Mac) на моей клавиатуре, чтобы отменить форму, затем я выберу другую форму, щелкнув по миниатюре предварительного просмотра на панели параметров, чтобы открыть средство выбора формы. На этот раз я выберу ноты:
Чтобы нарисовать ноты, я щелкну внутри документа, чтобы установить начальную точку, и, удерживая кнопку мыши нажатой, я начну перетаскивать ее из начальной точки. Как только я начну перетаскивать, я нажму и удерживаю клавишу Shift, чтобы заставить форму принимать правильные пропорции, пока я продолжаю перетаскивать:
Я отпущу кнопку мыши, чтобы завершить форму, и Photoshop заполнит ее тем же цветом, который я выбрал для предыдущей формы:
Далее мы узнаем, как изменить цвет существующей фигуры и как загрузить все дополнительные настраиваемые фигуры Adobe, включенные в Photoshop!
Изменение цвета существующей фигуры
Что если бы я хотел, чтобы моя новая форма была другого цвета, чем предыдущая? Я мог бы просто выбрать другой цвет на панели параметров, прежде чем рисовать новую фигуру, но так же легко изменить цвет фигуры после того, как мы ее нарисовали. Каждая новая пользовательская фигура, которую мы рисуем, помещается в собственный слой Shape на панели «Слои», и каждый слой Shape поставляется со своим собственным образцом цвета, который отображает текущий цвет фигуры. Чтобы изменить цвет, дважды щелкните образец цвета:
Photoshop снова откроет палитру цветов, чтобы мы могли выбрать новый цвет. Я выберу фиолетовый:
Загрузка дополнительных наборов форм
Как я уже упоминал, в Photoshop есть больше пользовательских форм, из которых мы можем выбрать, а не горстка, с которой мы начинаем. Нам просто нужно загрузить их в себя, и мы делаем это, нажимая на миниатюру предварительного просмотра формы на панели параметров, чтобы открыть средство выбора формы, а затем нажимая на небольшую стрелку в верхнем правом углу средства выбора формы:
При этом открывается меню с различными параметрами, а в нижней части меню находится список дополнительных наборов фигур, которые были установлены с помощью Photoshop. Каждый из этих наборов представляет собой набор форм, которые имеют общую тему, например, животные , музыка , природа и так далее. Некоторые из перечисленных здесь наборов являются новыми в Photoshop CS5 (это версия, которую я использую), но большинство доступно в любой последней версии Photoshop:
Если вы знаете, какой набор содержит нужные вам фигуры, вы можете выбрать его, щелкнув его имя в списке. Однако проще сделать загрузку всех сразу, что мы можем сделать, выбрав « Все» в верхней части списка:
Photoshop спросит, хотите ли вы заменить текущие фигуры новыми фигурами или хотите добавить новые вместе с оригиналами. Выберите « Добавить» , чтобы сохранить исходные фигуры и добавить новые после них:
И теперь, если мы откроем средство выбора формы, щелкнув по миниатюре предварительного просмотра формы на панели параметров, мы увидим все новые формы, которые нам нужно выбрать! Я немного расширил инструмент выбора формы, чтобы мы могли видеть больше миниатюр форм. Используйте полосу прокрутки вдоль правой стороны палитры, чтобы пролистать весь список:
Средство выбора форм теперь загружено со всеми пользовательскими фигурами, которые Adobe включила в Photoshop.
Вот случайный образец некоторых из многих фигур, которые мы теперь имеем в наличии:
Средство выбора форм теперь загружено со всеми пользовательскими фигурами, которые Adobe включила в Photoshop.
Как бы ни были полезны многие из этих готовых пользовательских форм, вполне возможно, что даже после их загрузки мы все равно не найдем нужную форму для конкретного дизайна, над которым мы работаем, и именно здесь сила пользовательских форм Photoshop приходит, потому что Photoshop позволяет нам создавать любую форму, которую мы хотим с нуля! Обязательно ознакомьтесь с нашим создать свой собственный Shapes учебник все , что нужно знать о создании, сохранении и использования собственных коллекций пользовательских форм!
Куда пойти дальше …
И там у нас это есть! Это основы добавления пользовательских форм в наш документ с помощью инструмента Custom Shape Tool. В следующем уроке мы рассмотрим разницу между векторными фигурами, контурами и пиксельными формами в Photoshop!
Добрый день, с вами я. Мы совершаем определенную революцию в фотошопном векторе. На моей памяти ещё никто не уделял ему столько внимания. Что говорить, он мне очень нравится. Уж очень он удобный. Пришел черед инструментов, отвечающих за фигуры. Сегодня под нож нашего просветительского пера пойдут самые важные инструменты фотошопа. Что же это за инструменты? Конечно, речь идет о квадратиках да кружках. И я рекомендовал бы всем пользоваться именно векторными примитивами в режиме Shape Layers, и как можно реже пользоваться режимом Fill Pixels.
Вектор значительно удобнее. Его можно увеличивать без потери качества, легко дополнять новыми контурами, и так же легко менять форму. Подробней о всем этом я писал весь месяц в статьях Add, Subtract, Intersect и Exlude в Фотошопе, Векторные инструменты рисования в Фотошопе и Shape Layer, Path и Fill Pixels в Фотошопе. Уже очень скоро я перемою все косточки векторным инструментам, разберу другие не менее важные фичи, вроде правильного выделения, и перейду к более сложным вещам.
Итак векторные примитивы. Это обычные примитивы, прямоугольники и окружности, как и везде в любых других программах по работе с графикой. Служат они для составления более сложных частей. Убедитесь сами. Несколько лет назад для хорошего человека мною был нарисован вот такой сайт, который вы видели выше. В нем все отрисовано в векторе. Даже иконки, но я конечно пользовался растровыми PNG. Как видите весь сайт по сути состоит из очень простых геометрических фигур, Овальные блоки, прямоугольники, овальное меню, деформированная кнопка Home. И конечно сами пазлы, которые уже не такие простые, как прямоугольник, и рисовал я их вручную инструментом Pen Tool. Но векторный принцип сохраняется. Ими легко управлять, я нарисовал всего 2-3 фигуры в слегка разных формах и крутил их как угодно. Они не теряли в качестве при деформации и уменьшении/увеличении. Не размывались и не расплывались. Как не крути, примитивы основа всего. Что в 3D что в 2D графике. Итак приступим. Откройте фотошоп и выберите первый векторный примитив. Кликните по иконке и не отпускайте кнопку мышки. Вы увидите выпадающее меню с семью вложенными инструментами. Начнем с самого простого.
Rectangle Tool
Rounded Rectangle Tool
Rounded Rectangle Tool — это обычный Rectangle Tool, но с закругленными краями. Радиус закругления краев регулируется из панели настроек векторных фигур Window > Options Соответственно, 5 px — это, не очень так закругленные углы. А вот 30 px — это очень даже сильно закругленные углы. Кроме пикселей можно писать любые принимаемые фотошопом размеры. Точки, миллиметры, сантиметры, дюймы и не только.
Ellipse Tool
Ellipse Tool — инструмент окружностей. Рисует он окружности. Элипсы и круги. И это все что делает инструмент Ellipse Tool.
Polygonal Tool
Polygonal Tool — рисует многогранники. От 3 до 100 углов. Впрочем, уже 20 углов сливаются, превращаясь в окружность. Настройка углов как обычно, в панели настроек.
Line Tool
Line Tool — рисует линию. Я имею ввиду, он рисует очень тоненький прямоугольник, похожий на линию. В настройках регулируется ширина Line Tool от 1 до 1000 пикселей. Можно рисовать хоть квадраты. Выставил 100 пикселей в ширину и отлично!
Custom Shape Tool
Custom Shape Tool — не рисует вообще ничего. Custom Shape Tool штампует готовые, сохраненные фигуры. Все фигуры можно найти в менеджере фигур, который спрятан в настройках Custom Shape Tool. По умолчанию Custom Shape Tool имеет ряд своих стандартных фигур, и с десяток тематических коллекций. Сравнить Custom Shape Tool можно с символами в векторных программах. Подробнее читайте в моей статье — Custom Shape Tool, подробности. Теперь обсудим некоторые настройки.
Настройки векторных примитивов в Фотошопе
Обратите внимание на меню настроек. Здесь вы видите те же самые инструменты, что и в меню Tools. Они полностью идентичны. Прямоугольник, закругленный прямоугольник, элипс, линия, многогранник. Интерес представляет небольшая выпадающая менюшка. Скажу по секрету, я сам только что нашел в ней одну очень полезную функцию, о которой не знал.
- Square — эта функция автоматически соблюдает пропорции фигуры 1:1. То есть рисуются идеальные круги и квадраты. Зажимать Shift не обязательно.
- Fixed Sized — просто впишите нужные вам размеры и кликните по рабочей области один раз. У вас появится фигура с заданными параметрами. Вот он и фотошопный вариант иллюстратора. Верстать фигуры с определенными размерами не обязательно по линейке (Rulers).
- Proportional — соблюдает пропорции. Например 2:1
- Snap to pixels — а вот эту галочку я советовал бы всегда держать при себе. Дело в том что векторный контур не связан с растром. Вектор имеет идеальную форму, строится по математическим формулам. Пиксель решает проблемы заливки вектора, за счет полузаливки. Если вектор проходит по середине пикселя, то фотошоп заливает эти пиксели на половину.
Левая фигура нарисована с опцией Snap to pixels, в результате векторные контуры крепятся к пикселям. Правая фигура нарисована без опции Snap to pixels на глаз, в результате векторный контур проходит произвольно, пересекая пиксели по середине, а фигура выглядит расплывчато. Вот и представьте, чтобы добиться ровности фигур, я в ручную подправлял контуры, если они попадали посередине пикселей. Выделял точки, чуть чуть сжимал вектор. Приближал и делал на глаз. Столько времени извел, и даже не догадывался о такой замечательной галочке. Опция Snap to pixels привязывает вектор к пикселю. Очень полезная галочка. Советую включить сразу как установите Фотошоп на компьютер. Спасибо за внимание. На этом все.
В работе с вектором в Photoshop-е эти режимы играют определяющую роль. И вот почему. Внимание на экран, это важно. От состояния иконок зависит в каком режиме рисует векторный инструмент. Всего их три. Для логики повествования начнем со средней иконки.
Path в настройках векторных инструментов Adobe Photoshop
Paths — векторный контур. В этом режиме инструмент Pen Tool (или любой другой) рисует самым обычным контуром. Контур ни на что не влияет. Он просто создается, а затем с ним можно сделать всякое. Например контуром можно очень качественно обвести человека на фото, создав далее на основе контура выделение. Или на основе векторного контура можно создать векторную маску. Или с векторным контуром можно ничего не делать, а просто сохранить до лучших времен.
Контуры хранятся в палитре контуров Path. Нарисуйте инструментом Pen Tool контур (иконка Path в настройках Pen Tool должна быть, конечно же, включена). Изобразите круг или просто кривую линию. Откройте палитру Window — Path. В ней вы увидите рабочую область (Work Path) с вашим контуром. Двойной клик по этой области чтобы сохранить контур в палитре. Принцип работы палитры схож с палитрой слоев Layers.
Shape Layers в настройках векторных инструментов Adobe Photoshop
Shape Layer — слой на основе залитого контура. Столпами векторной графики являются закрытые контуры. Иначе говоря — объекты. Векторная графика объектно ориентированная. В программе Photoshop этот вопрос решен через растровую заливку и векторную маску. Выберите инструмент Elypse Tool и нарисуйте фигуру.
Теперь, чтобы понять о чем речь и как именно Photoshop создает залитый векторный слой сделайте следующее. Это действительно важно для понимания устройства вектора в Фотошопе. Откройте новый файл и создайте заливку Layer — New Fill Layer — Solid Color Особой разницы нет что именно выбрать в меню заливок. Solid Color, Gradient или Pattern. Я буду продолжать работать в своем файле.
Белая иконка рядом с красной заливкой — маска. Кликните по ней правой кнопкой и выберите из выпадающего меню Delete Layer Mask. Или выберите из общего меню Layer — Layer Mask — Delete Главное, не забудьте выделить белую иконку. Следующий шаг. Выберите Elypse Tool в режиме Path и Add to Path Area. Прямо на заливке нарисуйте векторную фигуру.
Теперь создаем векторную маску Layer — Vector Mask — Current Path И это последний пазл нашего квеста. Обратите внимание на палитру слоев и наш результат. Сравните его с тем, что мы получаем рисуя вектор в режиме Shape Layer. Режим Shape Layer рисует готовую векторную маску с сплошной заливкой Solid Color. Вот и все.
Fill Pixels в настройках векторных инструментов Adobe Photoshop
Fill Pixels — этот режим настолько прост, что и расписывать тут нечего. Залить пикселями, значит залить пикселями. Режим рисует фигуры без всяких векторных контуров, обычными растровыми слоями. По понятным причинам режим не работает в настройках инструментов Pen Tool и Freeform Pen Tool. Это нормально. Ведь в отличие от готовых квадратиков и кружков этими инструментами фигуру надо нарисовать.
Конечно, чтобы рисовать растром вам придется создать какой-то новый пустой слой Layer — New — Layer или рисовать окружности на уже готовом. А на этом все.
Вы читайте хронофаг.ру и новый обзор о так называемом инструменте Custom Shape Tool или Произвольная фигура. На деле произвольная фигура не такая уж и произвольная, а очень даже конкретная фигура. Или правильнее — целый пакет фигур. Custom Shape Tool включен в серию векторных примитивов Фотошопа. Причина, по которой я выделил его заключается в том, что Custom Shape Tool слишком объемный для описания, имеет менеджер фигур и несколько выделяется из стройного ряда окружностей да прямоугольников.
Custom Shape Tool, как и остальные векторные инструменты Фотошопа рисует заливки, заключенные в векторные контуры. Подробнее об этом я писал в своей статье: Shape Layer, Path и Fill Pixels в Фотошопе и Векторные инструменты рисования в Фотошопе. В дополнение к этой статье можно просмотреть мой видео урок о работе с Произвольной фигурой.
Произвольная фигура в Фотошопе
Прямоугольник, линия и окружность несомненно здорово. Но на этом далеко не уедешь. Часто для работы необходимы конкретные и простые векторные изображения: крестик, сердечко, треугольник, знак Стоп. В конце концов не рисовать же эти фигуры с чистого листа в векторе каждый раз? А если нужны часто? Сохранять в отдельный фаилик? Custom Shape Tool аналог символов из Иллюстратора или Корел Дро. Тех самых, которые можно сохранять в большом количестве и вызывать по надобности.
Выберите инструмент Произвольных примитивов и обратитесь в меню настроек. Там вы увидите, как общие настройки для любых фигур и инструментов вектора Фотошопа, так и индивидуальные настройки Custom Shape Tool. В выпадающем меню спрятаны все имеющиеся фигуры инструмента. По изначальным установкам там находится ряд популярных фигур по дефолту. Кроме стандартной коллекции имеются тематические коллекции на тему животных, знаков, людей и не только. Само окно менеджера работает точно так же как и все окна менеджеров Фотошопа. Например менеджер Tool Presets.
Выберите любую фигуру из менеджера и растяните её по рабочей области. Вот и все, вы научились пользоваться инструментом Произвольных примитивов. На этом я и заканчиваю свой обзор (шутка).
Обратимся к настройкам Custom Shape Tool. С краю менеджера фигур есть небольшая кнопочка, нажмите её и увидите выпадающее меню.
Настройки менеджера Custom Shape Tool
Rename Shape — переименовывает фигуру. Для этого её нужно выбрать.
Delete Shape — Удаляет фигуру. Конечно, в этом случае её тоже нужно заранее выбрать. К сожалению менеджер не позволяет осуществлять групповые удаления. Зачем нужны такие ограничения не понятно. Слава богу, Preset Manager исправляет ситуацию, но об этом позже.
Следующая группа настроек в меню, относится к настройкам вида отображения фигур. Просто пощелкайте их и вам все станет понятно.
Text only — только текст.
Small Thumbnail — маленькие иконки
Large Thumbnail — большие иконки
Small List — маленький список
Large List — большой список
Далее по списку стоит особняком Preset Manager. Это общий менеджер объединяющий в себе фигуры, кисти, контуры, градиенты, палитры, стили, паттерны и инструменты. В Preset Manager можно осуществлять массовое удаление ненужного, загружать нужное. Сохранять выборочно. Одним словом, этот менеджер объединяет в себе все фенечки и позволяет групповое редактирование.
Следующая группа настроек регулирует контакт произвольных фигур в целом. В этой группе настроек можно загружать новый контент фигур из фаилов, сохранять в фаилы. Фотошоп поддерживает специальные фаилы, которые содержат фигуры в формате SCH.
Reset Shapes — обнуляет фигуры до стандартного набора.
Load Shapes — загружает фигуры в менеджер из специального фаила, который сохраняет фигуры.
Save Shapes — создает фаил и сохраняет туда фигуры. Например, вы можете сами нарисовать свои контуры и сохранить их в пак про запас.
Replace Shapes — заменить имеющиеся фигуры, на другие фигуры из фаила.
Следующие настройки всем списком добавляют тематические фигуры по различным тематикам, таким как Музыка, Природа, Рамки, Предметы либо все фигуры сразу (All). При этом можно как добавить коллекцию к уже открытым (Append) фигурам, так и заменить.
Теперь, обсудив все настройки инструмента Custom Shape Tool вы вероятно недоумеваете: как же сделать что-то реальное? Как же сделать свою собственную фигуру, сохранить её в менеджер, а затем в фаил? Как сохранить в фаил вы поняли. Многие дизайнеры работают на подобный графический материал. Создают фигуры, делают коллекцию, например подборку узоров, иконок, контуров людей и прочее. И выкладывают в интернет за деньги или бесплатно. Поищите сами в поисковике, вы найдете уйму готовых коллекций фигур на любые темы, от животных, до сцен из кино. У меня лично подобного материала на несколько гигобайтов. Так много что я едва пересмотрел их. Итак:
Как сделать Произвольную фигуру Custom Shape в Фотошопе?
Очень просто, выберите любой векторный инструмент. Например Rounded Rectangle Tool. Нарисуйте прямоугольник.
Переключитесь в опциях векторных фигур на Subtract From Shape Area. Если вы не понимаете что это, то вам стоит прочитать мою статью Add, Subtract, Intersect и Exlude в Фотошопе.
Теперь ваш Rounded Rectangle Tool работает на вырез. Исключите из примитива крупную область справа, и изобразите подобие кнопочек слева. Затем переключитесь в тех же настройках векторных фигур на Add Shape Area и пририсуйте антенку. Несколько примитивных манипуляций, и мы получили вполне приличную стилизованную иконку телевизора. Он и станет нашей фигурой. Только не осуждайте за кривизну. Доведите фигуру до совершенства.
Конечно, все это возможно только в том случае, если ваша векторная маска остается постоянно выделенной. Выделен должен быть не только сам слой, но и серая иконка на которой изображен телевизор. Убедитесь, что она и сейчас выделена и зайдите в Edit > Define Custom Shape. Все, фигура создана. Запасной вариант: выберите любой векторный инструмент и кликните правой кнопкой мыши по векторной фигуре. Конечно слой должен быть выделен. Из меню выберете тот же Define Custom Shape. Теперь смотрим что менеджер фигур Custom Shape и находим там нашу фигуру.
Ну вы уже поняли что стругать таких иконок можно десятками. Сохранять в коллекции, выкладывать в нете. Одни дизайнеры делают эти фигуры, другие пользуются. Такой вот выгодный обмен. И это все что вам нужно знать об инструменте произвольных фигур Custom Shape, потому что больше знать тут просто нечего. Всего хорошего и до завтра!
Читайте также: