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

Photoshop: Как нарисовать прямоугольник с конкретным размером в дюймах

1) Отсутствие согласованности в Photoshop здесь, в пользовательском интерфейсе (так было уже много лет), когда дело доходит до предоставления пользователям возможности выбирать единицы измерения для элементов (формы, изменение размера и т. Д.), Что приводит к запутанному и плохому UX, особенно для тех, кто не знаком с it

2) Используйте DPI, если вам нужно распечатать документ, PPI не будет иметь большого значения, так как вы можете увеличивать и уменьшать масштаб на экране, в то время как печать будет иметь фиксированный вид.Просто убедитесь, что вы знаете лучшие настройки для вашего принтера (или службы печати), и используйте этот DPI для своего документа. Затем, если вам нужно работать с метрическими или британскими размерами, установите это в Pref. (Единицы) и при создании фигур сделайте то, что предложено выше, выберите фигуру и щелкните свой документ. Когда будет предложено ввести размер, используйте что-то вроде «3 дюйма» без кавычек, чтобы ввести размер 3 дюйма, и Photoshop создаст форму с желаемыми размерами.

Надеюсь, это поможет 🙂

Ура!

Преобразование объектов в Photoshop

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

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

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

Размер изображения Photoshop и разрешение

Принтер разрешение измеряется в чернильных точках на дюйм, также известное как dpi. Как правило, чем больше точек на дюйм, тем лучше качество печати. ты получишь. Большинство струйных принтеров имеют разрешение примерно От 720 до 2880 точек на дюйм. (Технически струйные принтеры производят микроскопические брызги чернил, а не фактические точки, как в фотонаборных устройствах или лазерных принтерах.)

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

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

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

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

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

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

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

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

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

Быстрое выделение в Photoshop

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

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

Вычесть из выделенного: Есть два варианта вычитания из выделенного:

1. Используйте параметр «Вычесть из выделенного» на панели параметров.
   • Отключите параметр «Вычитание объекта» на панели параметров.
   • Удерживайте клавишу Option (Mac) / Alt (Win) или выберите «Вычесть из выделенного» на панели параметров, затем нарисуйте точный прямоугольник или лассо вокруг границы области, которую вы хотите вычесть из выделения.
2. Используйте опцию «Вычитание объекта» на панели опций

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Итак, это был краткий обзор слоев фигур в 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 (второй слева):

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

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

Выбор цвета щелчком по образцу.

Если нужный цвет отсутствует ни в одном из образцов, щелкните значок 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». Имя слоя будет меняться в зависимости от того, какой инструмент формы использовался, поэтому, если бы я нарисовал фигуру, скажем, с помощью инструмента «Эллипс», она была бы названа «Эллипс 1»:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

А вот прямоугольник, но с гораздо меньшим значением радиуса, всего 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 заполнит ее выбранным цветом:

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

Чтобы нарисовать идеальный круг с помощью инструмента «Эллипс», начните растягивать фигуру, затем нажмите и удерживайте клавишу 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, мы получим больше формы морской звезды:

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

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

Последний из основных инструментов 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, поэтому выберите его на палитре инструментов:

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

Вы также можете выбрать Pen Tool, нажав букву P на клавиатуре.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 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, перейдя в меню «Файл» вверху экрана и выбрав «Создать»…. Это вызывает диалоговое окно New Document. В рамках этого урока вы можете выбрать любой размер для вашего документа. Я собираюсь выбрать 640×480 пикселей из меню Preset:

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

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

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

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

Шаг 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.

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

Шаг 1 Объяснение векторов и путей

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

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

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

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

Инструмент «Перо» отлично подходит для таких задач вырезания из-за четкой, управляемой и многоразовой природы векторов.

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

В Photoshop (и других программах Adobe) математическое имя линий, определяющих векторы, — кривые Безье.

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

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

Рисование с помощью инструмента «Перо»

Когда дело доходит до создания контура с нуля, инструмент «Перо» является наиболее распространенным вариантом. Этот инструмент может показаться вам знакомым. Это потому, что он почти идентичен инструменту «Перо» в других приложениях Adobe, таких как Illustrator, Indesign и Flash.
К сожалению, это не очень естественный процесс, особенно для тех, кто вырос, рисуя маркерами или мелками.Это потому, что, в отличие от карандаша, вы создаете форму с помощью точек и ручек. Вы не просто рисуете на странице, вам нужно добавлять точки и манипулировать ими, чтобы создавать свои формы. Инструмент «Перо» — это способ добавления этих точек, а способ перетаскивания инструмента при создании точек определяет их внешний вид.
Помните, чем меньше точек, тем плавнее будет путь. Представьте себе, что вы перемещаете карандаш одним движением, чтобы получить плавную кривую. Если вы попытаетесь получить ту же самую кривую с помощью большого количества коротких штрихов, вы получите не такую ​​гладкую кривую — и это то, что вы получите, если добавите слишком много точек на путь.

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

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

Шаг 2 Прямые линии

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

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

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

Щелкните один раз, чтобы отметить начальную точку, затем щелкните, удерживая Ctrl, Cmd-щелчок) в другом месте (без перетаскивания), чтобы отметить конечную точку. Прямая линия соединяет точки.

Вы также можете продолжать нажимать, чтобы продолжать добавлять сегменты прямых линий — например, для создания неправильной замкнутой формы из прямых линий. Просто не забудьте нажать Ctrl + щелчок) в точке, где вы хотите, чтобы добавление строки закончилось.
3 Curved Paths

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

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

Шаг 4 U-образные кривые

Создайте простую U-образную кривую. Чем дальше вы перетаскиваете, тем больше будет кривая.

Чтобы создать U-образную кривую:
1. Перетащите вниз.
При перетаскивании вы заметите, что создаются две ручки. Эти ручки определяют, насколько острой будет кривая и в каком направлении вы хотите нарисовать кривую.

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

Шаг 5 Простые S-образные кривые

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

S-образная кривая лишь немного сложнее:
1. Перетащите влево.
Создаются маркеры направления.
2. Поместите указатель под первой точкой.Снова перетащите влево.

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

Шаг 6 Комплексные S-образные кривые

Комплексные S-образные кривые. Плавные рыхлые кривые легко создаются с помощью инструмента «Перо».

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

1. Выберите начальную точку; перетащите влево.
Создаются маркеры направления.

2. Поместите указатель под первой точкой и перетащите вправо.

Итак, вы создаете U-образную кривую, как описано выше.

3. Переместите указатель под вторую точку и снова перетащите влево. Теперь вы создаете эквивалент двух U-образных кривых в разных направлениях. Это S-образная кривая.

4. Удерживая клавишу Ctrl, щелкните в стороне от контура, чтобы остановить рисование.

Шаг 7 Кривые M

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

1 От начальной точки перетащите вверх.
Вы создаете маркер направления.
2. Двигайтесь вправо и параллельно, перетаскивайте вниз.
Вы сейчас создаете перевернутую U-образную кривую.
3.Теперь сложная часть: удерживайте клавишу Alt (Option) и перетащите вверх.
Вы сейчас не рисуете кривую; вы меняете маркер направления для следующей кривой . Инструмент «Перо» работает следующим образом. Сначала вы определяете направление с помощью ручки направления (начальное перетаскивание мыши). Следующий щелчок фактически рисует кривую в зависимости от направления первого и второго перетаскивания. Если вам нужна резкая кривая (называемая выступом), вам необходимо сначала изменить направление ручки, не затрагивая ранее нарисованную кривую.Инструмент «Преобразовать точку» — такой инструмент для этой задачи. Клавиша Alt (Option) — это быстрый способ временно выбрать инструмент «Преобразовать точку».

1. Поместите указатель справа от второй точки и потяните вниз

Вы только что построили М-образную кривую.

1. Удерживая нажатой клавишу Ctrl, щелкните ( c-щелчок) вдали от пути, чтобы остановить рисование.

Совет. Удерживая нажатой клавишу Ctrl (c) на клавиатуре, вы можете перетащить любую точку в новое положение.

Шаг 8 Закрытые пути

Закрытые пути. X отмечает начальную / конечную точку. Чтобы помочь в создании кривых, вы можете отобразить сетку в меню «Вид»> «Показать».

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

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

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

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

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

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

Совет: попробуйте включить сетку, чтобы рисовать контуры: Вид-> Показать-> Сетка.

ДОПОЛНИТЕЛЬНЫЙ СОВЕТ

Инструмент «Перо» предлагает два варианта изменения поведения на панели параметров:

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

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

Надеюсь, эта небольшая демонстрация инструмента «Перо» вам поможет.

Новый курс Колина Смита

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

Подробнее здесь

Ознакомьтесь с игрой Безье.

Эта бесплатная онлайн-игра поможет вам развить свои навыки работы с пером.

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

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

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

Создать форму

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

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

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

Вот как это сделать:

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

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

Маска для стрижки

Теперь вам просто нужно перейти в Меню> Слой> Создать обтравочную маску.Этого также можно добиться, нажав одновременно Alt + Ctrl (ПК) или Cmd (Mac) + G.

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

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

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

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

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

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

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

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

Выбор по форме — Photoshop CC: Отсутствующее руководство, 2-е издание [Книга]

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

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

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

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

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

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

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

  Подсказка

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

• Добавить в подборку .Когда вы щелкаете значок «Добавить к выделению» на панели параметров (обозначенный на рис. 4-3) или нажимаете и удерживаете клавишу Shift, Photoshop помещает крошечный знак + под курсором, чтобы вы знали, что все, что вы перетащите дальше, будет добавлено. к текущему выбору. Этот режим удобен, когда вам нужно выбрать области, которые не соприкасаются друг с другом, например двери на рис. 4-3, или если вы выбрали максимум из того, что хотите, но заметили, что пропустили какое-то место. Вместо того, чтобы начинать сначала, просто переключитесь в этот режим и обведите эту область, как если бы вы создавали новое выделение.

• Вычесть из выбора . Щелчок по значку «Вычесть из выделенного» (также обозначен на рис. 4-3) или нажатие и удерживание клавиши Option (Alt на ПК) дает противоположный эффект. Под курсором появится крошечный знак -, чтобы вы знали, что вы находитесь в этом режиме. Наведите указатель мыши на свой документ и нарисуйте рамку (или овал) вокруг области, для которой вы хотите отменить выбор .

• Пересечение одного выделения с другим . Если вы щелкнете значок «Пересечь с выделением» на панели параметров после того, как сделаете выделение, Photoshop позволит вам нарисовать еще один фрагмент, который перекрывает первый; тогда марширующие муравьи окружают только ту область, где два выбора перекрываются .(Это немного сбивает с толку, но не беспокойтесь — вы редко будете использовать этот режим.) Сочетание клавиш — Shift-Option (Shift + Alt на ПК). Photoshop помещает крошечный знак умножения (x) под курсором, когда вы находитесь в этом режиме.

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

  Рисунок 4-3. Используя эти значки панели параметров (или, что еще лучше, сочетания клавиш, упомянутые в этом разделе), вы можете добавлять или удалять из выделения, а также создавать выделение из двух пересекающихся областей.Все выделения начинаются в точке, где вы впервые щелкнули, поэтому вы можете легко выбрать одну из этих дверей, перетащив ее по диагонали из ее верхнего левого угла в нижний правый. По крошечному значку + рядом с курсором в виде перекрестия можно сказать, что вы находитесь в режиме «Добавить в выделение», поэтому у этой фигуры теперь есть два варианта выбора: синяя дверь и красная дверь. При перетаскивании для создания выделения вы также получаете полезный оверлей, отображающий информацию о ширине и высоте. Если вы переместите выделение, вместо этого вы увидите информацию по осям X и Y, которая указывает, насколько далеко вы переместили выделение.Попробуйте эту технику выбора, загрузив практический файл Doors.jpg со страницы этой книги по адресу www.missingmanuals.com/cds.

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

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

Вот как выделить два объекта на одной фотографии, как показано на рисунке 4-3:

1. Щелкните значок инструмента выделения на панели инструментов, а затем выберите прямоугольное поле в меню, показанном на рисунке. 4-2 .

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

   Подсказка

   Для переключения между инструментами «Прямоугольная область» и «Эллиптическая область» нажмите M, чтобы активировать набор инструментов выделения, а затем нажмите Shift-M, чтобы активировать каждый из них по очереди. Если это не сработает, убедитесь, что гремлин не отключил настройку, которая делает возможным этот трюк: выберите Photoshop → Настройки → Общие (Правка → Настройки → Общие на ПК) и подтвердите, что «Использовать клавишу Shift для переключения инструментов. »Включен.

2. Перетащите, чтобы нарисовать рамку вокруг первого объекта .

   Например, чтобы выбрать синюю дверь, показанную на Рисунке 4-3, щелкните ее верхний левый угол и перетащите по диагонали к нижнему правому углу. Когда вы выделите всю дверь, отпустите кнопку мыши. Не волнуйтесь, если вы не выбрали нужный вариант; вы можете переместить его на следующем шаге.

3. При необходимости переместите ваш выбор на место .

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

4. На панели параметров щелкните значок «Добавить в выбор», а затем выберите второй объект, выделив его .

   Photoshop позволяет узнать, что вы находитесь в режиме «Добавить в выделение», поместив крошечный знак «+» под курсором.Увидев ее, наведите указатель мыши на вторую дверь и перетащите ее по диагонали из верхнего левого угла в нижний правый, как показано на рисунке 4-3. (В качестве альтернативы вы можете нажать и удерживать клавишу Shift, чтобы перевести инструмент в режим «Добавить к выделению».)

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

Вы только что сделали свой первый выбор и добавили его. Вперед!

Подсказка

Чтобы нарисовать идеально квадратную или круглую область выделения, нажмите клавишу Shift при перетаскивании с помощью инструмента «Прямоугольная или эллиптическая область» соответственно. Чтобы нарисовать выделение от центра кнаружи (а не от угла к углу), вместо этого нажмите и удерживайте клавишу Option (Alt на ПК).А чтобы нарисовать идеально квадратное или круглое выделение от центра кнаружи, нажмите и удерживайте Shift-Option (Shift + Alt) при перетаскивании любым инструментом. Обязательно используйте эти приемы только для новых выделений — если у вас уже есть выделение, нажатие клавиши Shift переводит вас в режим «Добавить в выделение».

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

1. Откройте два изображения и объедините их в один документ .

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

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

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

   Рисунок 4-4. Создав выделение с помощью инструмента «Эллиптическая область», добавив маску слоя (стр. 120), а затем растушев маску, вы можете создать быстрый коллаж из двух фотографий, подобный этому. Свадебные фотографы и мамы, не говоря уже о поклонниках броненосцев, любят такие вещи! Используя панель «Свойства» для применения растушевки, вы получаете возможность впоследствии изменить или даже удалить растушевку (при условии, что вы сохраните документ как файл PSD).Как только вы освоите эту технику, попробуйте создать ее с помощью инструмента Эллипс (один из инструментов векторных фигур Photoshop), настроенного на рисование в режиме контура, как описано на странице 568.

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

   Взгляните на панель «Слои», чтобы убедиться, что активен правильный слой изображения (броненосец), а затем — в главном окне документа — поместите курсор рядом с центром изображения.Нажмите и удерживайте клавишу Option (Alt на ПК), а затем перетащите, чтобы нарисовать овальное выделение изнутри. Когда выделение будет достаточно большим, отпустите клавишу Option (Alt) и кнопку мыши.

4. Скройте область за пределами выделения с помощью маски слоя .

   Вы, , могли бы просто инвертировать выделение (Знакомьтесь с марширующими муравьями), а затем удалить область за его пределами, но это было бы безрассудно. Что, если вы передумали? Вам придется отменить несколько шагов или начать все заново! Менее разрушительный и более гибкий подход, о котором вы узнали еще при наложении слоев, — это скрыть область за пределами выделения с помощью маски слоя.Для этого на панели «Слои» убедитесь, что активен правильный слой (броненосец), а затем добавьте маску слоя, щелкнув значок круга в квадрате внизу панели. Photoshop скрывает все, что находится за пределами выделения, позволяя вам видеть слой с голубым капюшоном ниже. Красивый!

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

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

6. Выберите «Файл» → «Сохранить как», а затем выберите Photoshop в качестве формата .

   Это позволит вам позже настроить величину растушевки, активировав маску слоя, а затем снова открыв панель «Свойства».

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

Инструменты выделения для одной строки и столбца

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

Вы можете спросить: «Когда я захочу это сделать?» Не часто, это правда, но примите во внимание следующие обстоятельства:

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

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

• Растягивание изображения для заполнения пространства . Например, если вы разрабатываете веб-страницу, вы можете использовать эти инструменты, чтобы увеличить изображение на один или два пикселя. Используйте любой инструмент, чтобы выбрать строку или столбец пикселей внизу или сбоку изображения, возьмите инструмент «Перемещение», нажав V, а затем коснитесь клавиши со стрелкой на клавиатуре, удерживая клавишу Option (Alt на ПК), чтобы подтолкнуть выделение в нужном вам направлении и при этом продублируйте его. Однако лучшим вариантом является использование Content-Aware Scale (см. Content-Aware Scale).

• Создание изображения, как будто оно тает или движется в космосе со скоростью деформации . Возможно, наиболее забавное использование этих инструментов, вы можете создать выделение, а затем растянуть его с помощью инструмента Free Transform (см. Рис. 4-5).

Рисунок 4-5. Удачной ловли курицы! Чтобы добиться такого вида, используйте область «Одноколоночная область», чтобы выбрать столбец пикселей. Затем «перепрыгните» выделение на отдельный слой, нажав ⌘-J (Ctrl + J). Затем вызовите инструмент «Свободное преобразование», нажав ⌘-T (Ctrl + T), и перетащите один из квадратных белых центральных маркеров влево.И последнее, но не менее важное: добавьте маску градиента (стр. 294), а затем поэкспериментируйте с режимами наложения, пока не найдете такую, которая заставляет растянутые пиксели сливаться с изображением (на стр. 296 больше о режимах наложения). (К сожалению, вы не можете активировать инструменты «Однорядная область» и «Одноколоночная область» с помощью сочетания клавиш; вам нужно щелкнуть их значки на панели «Инструменты».) Создайте свою собственную курицу, ускоряющуюся, загрузив файл практики Hen.jpg из этой книги. Отсутствует страница компакт-диска на сайте www.missingmanuals.com/cds.

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

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

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

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

   Совет

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

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

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

   Затем измените число в поле «Радиус», которое определяет степень закругления углов изображения: меньшее число приводит к меньшему округлению, чем большее число.Это поле было установлено на 40 пикселей, чтобы создать углы, показанные на рисунке 4-6. Однако вам нужно будет использовать большее число, если вы работаете с документом с высоким разрешением.

3. Обведите изображение рамкой .

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

4. Добавьте маску слоя, чтобы скрыть область за пределами пути .

   На панели параметров нажмите кнопку «Маска», и Photoshop добавит к изображению векторную маску слоя .(Почему векторная маска? Поскольку контур, который вы нарисовали с помощью инструмента формы, основан на векторном , а не на пикселях. Как вы узнали в поле Растровые изображения и векторные изображения, вы можете изменить размер вектора в любое время, не теряя качества, активировав его, а затем используя Free Transform [The Transformers]. Чтобы узнать больше о векторных масках, перейдите к разделу Использование векторных масок.) Вы можете сделать то же самое, щелкнув ⌘-щелчком (Ctrl-щелчок) кружок в квадрате в нижней части панели «Слои», чтобы сделать то же самое. В любом случае Photoshop скрывает скучные квадратные края фотографии.

Рисунок 4-6. Если вы устали от скучных квадратных углов на изображениях, воспользуйтесь инструментом «Прямоугольник со скругленными углами», чтобы создать гладкие углы, как показано здесь. Обязательно сначала переведите инструмент в режим «Путь», используя раскрывающееся меню рядом с левым концом панели параметров, иначе вы создадите слой-фигуру, который вам действительно не нужен. (Вы можете использовать ту же технику с инструментом Эллипс, чтобы создать эффект виньетки, показанный в предыдущем разделе.) Чтобы растушевать маску слоя после ее добавления (см. Шаг 4), дважды щелкните маску и затем перетащите растушевку полученной панели свойств ползунок вправо.К счастью, вы можете изменить округлость этих углов после того, как нарисовали форму. На странице 588 есть совок.

Кто знал, что придать фотографии закругленные углы — это так просто?

Чтобы разместить новую фотографию с закругленными краями поверх другого фона в программе для презентаций или на веб-сайте, выберите «Файл» → «Сохранить как» и выберите в качестве формата PNG. (Как вы знаете из главы 2, формат PNG поддерживает прозрачность. Подробнее об этом формате вы узнаете в разделе «Выбор наилучшего формата файла».)

Как потрясающе рисовать в Photoshop

«Эскиз» и «бумага» идут вместе, как арахисовое масло и желе, кофе и сливки, а также Сонни и Шер.(Хорошо, плохой пример.) Но в следующем поколении эскизов используются стилус и планшет Wacom и Photoshop вместо традиционных карандашей и блокнотов. Преимущества? Цифровые эскизы позволяют создавать желаемое изображение и экспериментировать с бесконечным разнообразием кистей, цветов и стилей — легко, естественно и без использования ценных материалов. Довольно круто, да?

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

Шаг 1. Начните с чистого холста.
Откройте новый файл в Photoshop, выбрав те параметры, которые подходят именно вам. Я установил размер изображения 8 x 8 дюймов и разрешение 300 пикселей / дюйм или «dpi». Разрешение не менее 300 гарантирует, что мы сможем распечатать красивую четкую копию нашего эскиза, когда мы закончим. После того, как вы сделали свой выбор, нажмите OK, и появится пустой холст.

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

Шаг 3: Расчешите кисти.
Щелкните значок, похожий на маленькую кисть, чтобы выбрать инструмент «Кисть».

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

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

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

Шаг 4: Оставьте свой след.
Начать рисовать! Как и в случае с традиционными носителями, держите стилус Wacom легким во время рисования. (Нажав на планшет с разным уровнем давления, вы отрегулируете размер кисти, но не ее непрозрачность.) Сохраняйте исходные линии свободными, исследуя форму. Может показаться заманчивым смотреть на планшет во время рисования, но со временем вы сможете сосредоточить свое внимание на экране.

Шаг 5: Возьмите на себя ответственность за экран.
Итак, вот одна из лучших частей создания набросков в Photoshop на планшете Wacom: вы можете увеличивать масштаб и вращать экран! Нажмите «R», чтобы включить инструмент «Повернуть», затем щелкните и перетащите изображение руки, чтобы повернуть его на нужный угол. Щелкните значок увеличительного стекла в нижней части панели инструментов, чтобы увеличить масштаб и отточить эти более мелкие детали.

Шаг 6: Примите стирание.

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

Ого, этот парень меня выводит из себя! Хорошо, что я могу стереть.

Щелкните инструмент «Ластик» (11-й значок сверху на панели инструментов — он выглядит как прямоугольник), выберите нужный размер и «нарисуйте» им все, от чего хотите избавиться. Или сделайте это простым способом — переверните стилус Wacom вверх ногами. Он автоматически станет ластиком!

Шаг 7: Полюбуйтесь своей работой.