Как в фотошопе объединить фигуры в
- Выберите инструмент «Выделение фрагмента» и щелкните фрагмент на изображении. При работе с пересекающимися фрагментами, чтобы выделить нижний фрагмент, щелкните его видимую часть.
- Чтобы добавить фрагменты к выделению, выберите инструмент «Выделение фрагмента» и щелкните эти фрагменты с нажатой клавишей «Shift».
- Выберите инструмент «Выделение фрагмента» в диалоговом окне «Сохранить для Веб и устройств» и щелкните автоматический фрагмент или область без изображения, а затем с нажатой кнопкой мыши выделите необходимые фрагменты. (Выделение пользовательского фрагмента и его перетаскивание приводит к перемещению фрагмента.)
- Выберите команду «Файл» > «Сохранить для Web и устройств». В диалоговом окне для выделения фрагмента используйте инструмент «Фрагмент».
При использовании инструмента «Фрагмент» или инструмента «Выделение фрагмента» можно переключаться с одного инструмента на другой, удерживая кнопку «Ctrl» (Windows) или «Command» (Mac OS).
Перемещать и изменять размеры пользовательских фрагментов можно в Photoshop, но не в диалоговом окне «Сохранить для Web и устройств».
Перемещение и изменение размера пользовательского фрагмента
Чтобы передвинуть фрагмент, переместите курсор внутрь границы выделенного фрагмента и перетащите выделенный фрагмент в новое место. Нажмите клавишу «Shift», чтобы ограничить движение вертикальной, горизонтальной, или наклоненной под 45 градусов линией.
Чтобы изменить размер фрагмента, захватите и перетащите боковой или угловой маркер выделения. Если выделить соседние фрагменты и изменять их размер, общие границы фрагментов изменяются совместно.
Изменение размеров и перемещение пользовательского фрагмента с помощью числовых координат
Определяет расстояние в пикселях между левым краем фрагмента и основанием линейки в окне документа.
Определяет расстояние в пикселях между верхним краем фрагмента и основанием линейки в окне документа.
По умолчанию точкой отсчета линейки является верхний левый угол изображения.
В этом уроке я покажу вам три простых способа совмещения двух изображений в Фотошоп. Начнём мы с самого простого способа совмещения, используя параметр Opacity (Непрозрачность) на панели «Слои». Далее, рассмотрим способ получения более интересного и творческого результата с использованием режимов смешивания. И, наконец, вы узнаете, как легко скомбинировать два изображения при помощи маски слоя. В конце некоторых способов я дам вам полезные советы, как ускорить рабочий процесс и получить хорошие результаты. Я буду использовать Photoshop CC, но данный урок полностью совместим с версией SC6. Давайте приступим!
Способ 1: Использование опции Opacity (Непрозрачность)
Выбор изображений
В первом способе мы прибегнем к помощи опции «Непрозрачность». Вот первое изображение с девушкой , которое я буду использовать в качестве примера:
Они уже открыты у меня в Photoshop. Посмотрите на панель слоёв, эти два изображения располагаются на отдельных слоях. Изображение с пляжем открыто в качестве фона, портрет девушки находится чуть выше.
Опция «Непрозрачность»
Данная опция расположена в правом верхнем углу панели «Слои». По умолчанию установлено значение 100%, это означает, что текущий выбранный слой «Layer 1» полностью блокирует своей непрозрачностью нижний слой.
Значение непрозрачности контролирует уровень прозрачности слоя. Это очень просто, снижая значение, мы делаем слой более прозрачным, позволяя изображениям, расположенных ниже, проявляться. Чем больше мы уменьшаем непрозрачность, тем больше верхнее изображение будет растворяться в нижнем. Я изменил значение непрозрачности от 100% до 75%.
Это означает, что мы смешиваем 75% непрозрачности изображения на верхнем слое с 25% непрозрачности изображения на нижнем слое. Мы видим, что изображение девушки начинает смешиваться с изображением пляжа.
Здесь, я захотел сделать девушку ещё менее заметной и уменьшил значение непрозрачности до 30%.
В этом случае 30% непрозрачности портрета смешивается с 70% непрозрачности пейзажа, создавая приятный эффект наложения. Поиграйте с непрозрачностью и остановитесь на том значении, которое будет лучше для ваших изображений.
Способ 2: Режимы наложения
Во втором способе для совмещения двух изображений мы будем использовать режимы наложения. Они отлично подходят для смешивания любых двух изображений, в особенности они полезны при совмещении текстуры с фотографией. В качестве фотографии я буду использовать мужской портрет .
Снова посмотрите на панель слоёв, каждое изображение располагается на отдельном слое. Портрет находится на фоновом слое, а текстура над ним.
Опция «Режимы наложения»
Режимы наложения в Фотошоп – это разные способы взаимодействия слоёв друг с другом. Расположена данная опция в верхнем левом углу панели «Слои», прямо напротив опции «Непрозрачность». По умолчанию установлен режим Normal (Обычный), это означает, что верхний слой вообще не смешивается со слоями, расположенными под ним.
Кликните по раскрывающейся вкладке «Режимы наложения», чтобы открыть меню со множеством различных режимов. Мы не будем рассматривать их все, но более подробно вы можете прочитать о них в этом уроке: «Режимы наложения в Фотошоп». Сегодня мы будем использовать три самых популярных и часто используемых режимов смешивания: Multiply (Умножение), Screen (Экран) и Overlay (Перекрытие). Режим «Умножение» создаёт эффект затемнения, «Экран» придаёт эффект яркости, а «Перекрытие» смешивает два слоя, увеличивая общий контраст.
Результаты после применения режимов смешивания будут полностью зависеть от ваших изображений. В моём случае лучший результат получился с использованием режима наложения Soft Light (Мягкий свет).
Подобно режиму «Перекрытие», «Мягкий свет» смешивает два изображения вместе, повышая контрастность. Разница в том, что режим «Мягкий свет» производит более тонкий и естественный эффект.
Другой режим наложения, который отлично подходит для совмещения моих двух изображений – Divide (Разделить).
«Разделить» - один из менее известных и редко используемых режимов в Фотошоп. Но согласитесь, эффект действительно выглядит довольно крутым.
«Режимы наложения» и «Непрозрачность»
После того, как вы определились с режимом наложения, вы можете поиграть с непрозрачностью слоя, о чём я вам говорил в первом способе. Для слоя с текстурой я выбрал режим «Разделить» и непрозрачность уменьшил от 100% до 50%.
И вот результат:
Совет: циклическое переключение режимов смешивания с клавиатуры
Хочу дать вам полезный совет, который поможет ускорить рабочий процесс и облегчит работу с режимами смешивания. Вы можете переключаться между различными режимами смешивания в Фотошоп непосредственно с клавиатуры. Нажмите V, чтобы выбрать инструмент Move Tool (Перемещение). Затем нажмите и удерживайте Shift, и используйте клавиши плюс (+) и минус (-) для перемещения вверх и вниз по списку. Это позволит вам быстро попробовать различные режимы смешивания, чтобы найти тот, который подойдёт лучше всего.
Способ 3: Использование маски слоя
Третий способ смешивания двух изображений, который мы рассмотрим, безусловно, самый популярный – использование маски слоя. В отличие от опций «Непрозрачность» и «Режимы наложения», которые смешивают два изображения полностью, маска слоя позволяет нам контролировать, в какой области два изображения будут смешиваться. С маской открывается множество возможностей и манипуляций, их невозможно рассмотреть в одном уроке. Здесь мы просто изучим основы.
Вот первое фото с девочкой , которое я буду использовать:
Снова взглянем на панель слоёв, каждая фотография расположена на отдельном слое. Изображение с одуванчиками находится на фоновом слое, а девочка чуть выше.
Добавление маски
Чтобы добавить маску слоя, сначала убедитесь, что выбран верхний слой. Затем нажмите на значок Add Layer Mask (Добавить слой-маску) в нижней части панели «Слои».
Рядом с миниатюрой слоя появится миниатюра маски.
Как работает маска слоя
Маски слоя управляют прозрачностью слоя, подобно опции «Непрозрачность». Но опция «Непрозрачность» влияет на прозрачность всего слоя в целом, а «Маска слоя» позволяет добавлять различные уровни прозрачности на разные области слоя. Другими словами, вы можете использовать маску, чтобы показать некоторые области, скрывая другие, это делает маску идеальным инструментом для смешивания изображений.
В своей работе маска использует чёрный и белый цвета. Любая часть слоя, где маска заполнена белым, остаётся видимой. А где маска заполнена чёрным цветом, скрыта. Давайте посмотрим, как можно быстро скомбинировать два изображения вместе, используя чёрно-белый градиент на маске слоя.
Выбор инструмента Gradient Tool (G) (Градиент)
На панели инструментов выберите Градиент.
Выбор чёрно-белого градиента
Выбрав инструмент Градиент (G), перейдите на панель параметров и нажмите на стрелочку, смотрящую вниз, расположенную рядом с градиентом.
Из выпадающего списка градиентов выберите градиент «Чёрный, белый», дважды кликнув по его миниатюре (третий слева на вернем ряду).
Совмещение двух изображений
Перейдите на миниатюру маски, она должна выделиться в рамочку.
Затем на рабочем холсте кликните и, удерживая левую кнопку мыши, протяните линию градиента от чёрного к белому. Поскольку градиент начинается с чёрного и заканчивается белым, то я начну его создавать с правой стороны изображения и перемещу линию градиента влево. При создании градиента зажмите клавишу Shift, чтобы линия была прямой. Помните, что чёрный цвет скрывает, а белый отображает. В левой части рабочего документа я хочу оставить изображение девочки, поэтому эта часть маски должна быть белой. Правая сторона документа должна скрыться, значит правая сторона маски должна быть чёрной.
Когда вы отпустите кнопку мыши, Фотошоп создаст градиент на маске и смешает две фотографии вместе. На скриншоте ниже видно, как девочка из верхнего слоя смешивается с одуванчиками из нижнего слоя. Если вас не устраивает результат, то создайте ещё один градиент на маске.
Просмотр маски слоя
Посмотрите на миниатюру маски на панели «Слои», где мы создали градиент. Чёрная область справа – место, где верхнее изображение скрыто в документе, что позволяет проявиться нижнему изображению на фоновом слое. И белая область слева – область, где верхнее изображение с девочкой остаётся видимым.
Так же мы можем просмотреть фактическую маску в документе. Зажмите клавишу Alt на клавиатуре и кликните по миниатюре маски слоя, этими действиями вы переключите просмотр основного документа с изображения на маску слоя. Так вам будет легче всё понять. Снова повторюсь: чёрная область справа – область, где верхний слой скрыт, а белая слева - эта область видна.
Обратите внимание на серое пространство посередине, где градиент переходит от чёрного к белому. Эта область создаёт постепенный переход между двумя слоями, что позволяет создавать плавное смешивание двух изображений. Чтобы снова переключиться с маски на изображение, так же зажмите Alt и кликните по миниатюре маски на панели «Слои».
Совет: включение и отключение маски слоя
Хочу дать вам совет для быстрой и удобной работы с маской. Вы можете включать и выключать маску слоя, нажимая и удерживая Shift и кликая по миниатюре маски на панели «Слои». Нажатием по миниатюре один раз вы временно отключите маску и просмотрите весь слой полностью. Красный значок «Х» появится на миниатюре, сообщив нам, что маска отключена. Удерживая Shift, снова кликните по миниатюре, чтобы включить маску снова.
Вот и всё, что я хотел вам рассказать в этом уроке. Это 3 простых метода смешивания двух изображений, используя опцию «Непрозрачность», режимы смешивания и маску слоя в Photoshop.
Я довольно часто работаю с фигурами в Photoshop. Даже в уроках, добавленных на сайт, я часто использую фигуры. Вы можете увидеть их в виде кругов, квадратов и овалов, которыми я выделяю какие-либо параметры, опции на скриншотах. Фигуры просты в использовании и очень универсальны, но на начальных этапах работы с ними можно легко запутаться. Основная проблема заключается в том, как фигуры расположены на слоях либо вместе, либо раздельно. Таким образом фигуры как могут стать вашими лучшими друзьями и помощниками, так и принести немало проблем.
В сегодняшнем уроке я хочу открыть вам несколько секретов касаемо фигур в Adobe Photoshop. Существует несколько правил, которые вы должны знать, это не займёт много времени. К концу этого урока, я надеюсь, всё тайное для вас станет явным.
Форма снежинки
Слева на панели инструментов выберите инструмент Custom Shape Tool (U) (Произвольная фигура) .
Затем на верхней панели параметров из раскрывающегося меню выберите фигуру «Снежинка 3».
Чтобы сохранить пропорции фигуры, удерживайте клавишу Shift, кликните кнопкой мыши на рабочем документе и переместите её по диагонали. Фигура создана.
Чтобы заполнить желаемым цветом снежинку, добавить или удалить обводку, используйте функции Fill (Заливка) и Stroke (Обводка) на панели параметров. Я не буду добавлять обводку к своей фигуре, а просто закрашу её в серый цвет.
Добавление нескольких фигур на один слой
Если вам когда-либо приходилось работать с фигурами, вы вероятно, знаете, что при рисовании фигур, Photoshop по умолчанию помещает последующие фигуры на отдельный слой. Если вы хотите добавить вторую и последующие фигуры на один слой, необходимо изменить одну опцию. Вернитесь на панель параметров и кликните по кнопке Path Operations (Операции с контурами). В открывшемся списке выберите не New Layer (Новый слой), а Combine Shapes (Объединить фигуры).
Теперь я нарисую вторую снежинку.
Посмотрите на панель слоёв и вы увидите, что обе фигуры расположились на одном слое.
Слияние фигур
Поскольку эти две фигуры содержатся на одном слое, с ними можно совершать интересные манипуляции. Давайте добавим обводку и понаблюдаем, как она применится к обеим фигурам одновременно. Для этого на панели параметров нажмите по опции «Обводка». В качестве цвета обводки я выбрал тёмный оттенок серого и ширину 5 пикселей.
Обратите внимание на снежинки.
Вокруг обеих фигур появилась обводка.
Возьмите инструмент Path Selection (A) (Выделение контура), кликните по маленькой снежинке и переместите её на большую, что же произойдёт? В тех местах, где фигуры соприкоснулись, обводка исчезла и фигуры слились и непрерывно соединились.
Вычитание передней фигуры
Продолжаем. С этими фигурами можно проделать и другие действия. Поскольку в данный момент одна фигура перекрывает другую, вернитесь к параметру «Операции с контуром» и выберите опцию Subtract Front Shape (Вычесть переднюю фигуру). Давайте посмотрим, что же произошло со снежинками.
Похоже, что маленькая снежинка «откусила» большую. Чтобы вам было более понятно, вместо большой снежинки я нарисую круг и буду следовать тем же шагам, проделанным ранее. Не забывайте, чтобы переместить одну из фигур на слое, используйте инструмент «Выделение контура». Просто кликните по фигуре, чтобы выделить её, затем снова кликните по ней и переместите в конкретное место.
Вот круг с вырезанной из него снежинкой.
Если переместить снежинку в центр круга, то получится аккуратный эффект.
Вот так создаются уникальные пользовательские формы.
Пересечение фигур
Помимо этого, можно сделать, чтобы они пересеклись, для этого нам поможет опция Intersect Shape Areas (Область пересечения фигур) в раскрывающемся меню «Операции с контурами». В этом случае будет отображаться область, где пересекаются две фигуры. У меня снежинка перекрывает круг и видны синие контуры.
Посмотрите какая часть фигуры будет видна, если скрыть контуры.
Здесь видно, как обводка очерчивает пересечение.
Исключение перекрывающихся фигур
Вернитесь в раскрывающееся меню «Работа с контурами» и выберите опцию Exclude Overlapping Shapes (Исключить перекрывающиеся фигуры). Этим мы удалим область, где две фигуры перекрываются.
Изменение порядка наложения фигур
Для того, чтобы конкретные эффекты были видимыми, должен присутствовать определённый порядок наложения. Кликните по одной или нескольким фигурам инструментом «Выделение контура», а затем перейдите в верхнюю панель параметров и раскройте меню Path Arrangement (Упорядочение контура). Вам представится несколько различных вариантов.
Вы можете переместить фигуру или несколько фигур на передний план или задний план. Каждое расположение будет сопровождаться своим конкретным результатом, но здесь понадобятся некоторые эксперименты. У меня расположение фигур такое: снежинка располагается сверху (на переднем плане), а круг – снизу (на заднем плане).
Сохранение пользовательской фигуры.
В заключении, я покажу вам, как сохранить полученную комбинацию из фигур в качестве пользовательской фигуры, которую вы сможете использовать в дальнейшем.
После того, как вы разместите свои фигуры с желаемым результатом, вернитесь в меню «Операции с контурами» и выберите опцию Merge Shape Components (Объединить компоненты фигуры). Этим вы зафиксируете результат в единое целое.
Далее перейдите в меню Edit > Define Custom Shape (Редактирование – Определить произвольную фигуру), в появившемся диалоговом окне дайте название новой фигуре.
Нажмите OK. Созданная вами фигура будет находиться в раскрывающемся меню «Фигура» на самом последнем месте.
Это всё, что необходимо знать каждому пользователю о фигурах.
Я надеюсь, что помог раскрыть некоторые тонкости инструментов для создания фигур в Adobe Photoshop. С этой областью довольно легко работать, если всё внимательно изучить, поэтому важно, как можно больше экспериментировать.
Из этого урока вы узнаете обо всех тонкостях, что касается создания произвольных фигур в Фотошоп. Так как материала много, то мы разделим его на 2 части. В первой части вы узнаете, как создается фигура, как превратить её в произвольную фигуру, как вывести её на экран и использовать в нужных целях. Во второй части мы рассмотрим объединение разнообразных фигур в отдельные наборы и их сохранение.
Идея создания урока пришла ко мне в процессе просмотра журнала по скрапбукингу, на страницах которого были готовые шаблоны простых форм. Все эти фигуры были разделены по разным темам и стоили они довольно дорого. Тогда я предположил: «А ведь их можно создать самим в программе Фотошоп и совершенно бесплатно»! Ко всему прочему, вам не обязательно увлекаться скрапбукингом для того, чтобы извлечь пользу из создания собственных произвольных фигур.
Во-первых, создавая фигуры, можно немного повеселиться. А если, создав множество различных фигур, вам удастся их ещё и объединить в отдельный набор, это будет вообще здорово.
Во-вторых, произвольные фигуры можно использовать как элемент декора, оформляя рисунки или для дизайнерского дела.
В-третьих, можно совмещать их с маской, чтобы в итоге получить какую-нибудь забавную фоторамку. Но прежде чем применять, необходимо научиться их создавать. Давайте приступим!
Прежде чем мы начнем, я хочу сделать еще одно отступление. Произвольная фигура создается при помощи инструмента Перо (P), так же их можно создавать, используя инструменты из группы Фигура, например «Эллипс» или «Прямоугольник». Но если вам требуется создать фигуру определенной формы, к примеру, ящики или шины от велосипеда, в этом случае следует использовать Перо (P).
Из этого урока вы узнаете, как создать произвольную фигуру, предварительно обведя предмет на фотографии. Если у вас имеется талант красиво рисовать, это очень хорошо, тогда вы сможете без особого труда нарисовать любую фигуру от руки, не прибегая к обводке предмета. Что же касается меня, то я предпочитаю обводить поскольку таким даром не обладаю.
Произвольная фигура у нас будет в виде милого Пряничного человечка.
1. Выбираем инструмент Перо (P)
Как я уже говорил ранее, произвольные фигуры создаются при помощи инструментов Эллипс или Прямоугольник, но если этими инструментами обвести пряничного человечка, то в лучшем случае он останется без головы. Лучше всего использовать Перо, поэтому выберите его в панели инструментов.
Выбрать его также можно нажатием клавиши P на клавиатуре.
2. Параметр «Слой-фигура» в панели настроек
После выбора инструмента, взгляните на верхнюю панель настроек. В левой части расположена группа из трех значков.
Они показывают, что можно сделать при помощи пера. Значок, расположенный справа, на данный момент окрашен серым цветом. Это говорит о том, что он доступен только тогда, когда мы работаем с инструментами группы «Фигуры» (у пера и инструментов, относящихся к группе «Фигуры», схожи параметры на панели настроек). Иконка, расположенная в середине, необходима для рисования контуров, но в данном случае нам это не нужно. Для рисования фигуры выберите значок слева, отвечающий за параметр Shape Layers (Слой-фигура).
При выборе инструмента Перо опция Слой-фигура в Фотошоп всегда выбрана по умолчанию, поэтому вам не нужно будет её выбирать, но на всякий случай проверьте.
Следует отметить, что нет никакой разницы между рисованием фигур и контуров с помощью пера. И в работе имеются сходства: создание опорных точек, перемещение направляющих линий для создания прямых или изогнутых линий. Независимо от того, что вы создаете контур или фигуру – вначале вы всё равно рисуете контуры. Разница лишь в том, что создавая фигуру, Фотошоп автоматически заполняет контур выбранным цветом в процессе рисования, это позволяет видеть создаваемую фигуру.
На самом деле данная функция немного затрудняет работу. Мы рассмотрим это ниже.
3. Рисуем фигуру
Теперь, когда у нас выбран необходимый инструмент и установлены параметры, мы можем начать обводить Пряничного человечка. Начнем с головы, для этого кликните три раза мышкой, чтобы установить опорные точки вокруг головы. Затем начинайте перетаскивать направляющие линии, чтобы их изогнуть по форме головы.
На скриншоте ниже видно, где я установил опорные точки и как изогнул линии. Как вы видите, у нас возникла проблема, Фотошоп автоматически залил контуры фигуры цветом фона (в данном случае это черный), не позволяя видеть голову Пряничного человечка.
В следующем шаге мы решим эту проблему.
4. Уменьшение непрозрачности
Чтобы Фотошоп не закрашивал изображение в процессе обводки, просто перейдите на панель слоев и уменьшите значение непрозрачности для слоя с создаваемой фигурой. Обратите внимание на панели расположено два слоя: нижний фоновый, на нем расположено исходное изображение человечка, и верхний с создаваемой нами фигурой.
В данный момент выбран слой с фигурой, так как он выделен синим цветом. Просто уменьшите для него непрозрачность примерно до 50%.
Снизив непрозрачность, голова человечка стала видна, в результате можно продолжить работу.
5. Продолжаем выделять объект
Теперь, когда человечек виден через заливку продолжайте работу, пока не вернетесь к начальной опорной точке.
Обратите внимание на маску слоя с фигурой, на ней появилась четкая фигурка.
В обведенный силуэт мы добавим рот, глазки, две пуговицы, галстук в виде бабочки. Здесь возникает вопрос - как добавить дополнительные детали в обведенный силуэт?
6. Выбор инструмента «Эллипс»
Работать начнем с глаз. По идее их можно было бы выделить пером, но так как они круглые, то мы выберем более легкий способ – использование эллипса. Выберите его на панели инструментов, по умолчанию он скрыт за прямоугольником, просто удержите кнопку мыши на прямоугольнике несколько секунд, в итоге появится всплывающее меню, где вы сможете выбрать этот инструмент.
7. Параметр «Вычесть из области фигуры»
После выбора эллипса, посмотрите на панель настроек. Слева расположена группа значков в виде маленьких квадратиков. Они позволяют совершать с фигурами различные действия: добавить к области фигуры, пересечение областей нескольких фигур и вычесть из области. Нас интересует третий значок Subtract from shape area (Вычесть из области фигуры).
8. Извлечение фигур из обведенного силуэта
После выбора опции Вычесть из области фигуры вы можете начать добавлять к человечку мелкие детали с помощью удаления некоторых областей. Начнем мы с создания овала вокруг левого глаза.
Когда вы отпустите кнопку мыши, овальная область вокруг левого глаза вычтется из фигуры, получится отверстие, из которого будет виден глаз
Пряничного человечка, расположенный на нижнем слое.
Повторите те же действия для правого глаза. Для начала нарисуйте овал вокруг правого глаза.
После того, как вы отпустите кнопочку мыши, появится второе отверстие, в котором будет виден глаз исходного изображения.
Пуговицы у Пряничного человечка круглой формы, поэтому для их вырезания я так же буду использовать Эллипс. Для начала нарисуйте овал вокруг первой (верхней) пуговицы.
В результате область возле пуговицы вычтется, появится отверстие, из которого будет видна пуговичка исходного изображения.
То же самое проделайте со второй пуговицей. Эллипсом обведите область вокруг неё.
Отпустите кнопку мыши, и в отверстии появится вторая пуговица.
Обратите внимание на панель слоев. На маске слоя Shape 1 появились по два отверстия для глаз и пуговиц, которые были вырезаны из обведенной формы.
Далее при помощи пера мы добавим оставшиеся детали к силуэту.
9. Вырезаем оставшиеся детали при помощи пера
Снова переключитесь на Перо, потому что нам осталось добавить к силуэту некоторые детали, которые невозможно выделить при помощи Прямоугольника или Эллипса, в частности это рот и галстук в виде бабочки.
Так как мы выбираем инструмент Перо повторно, то опция Вычесть из области фигуры уже выбрана. Приступаем к обводке, чтобы вырезать их из обведенной фигуры человечка. На скриншоте ниже видны контуры обводки и вырезанные элементы.
Мы подходим к завершению рисования фигурки Пряничного человечка. Нам осталось вырезать волнистые формы сахарной пудры на его руках и ногах. Здесь я так же буду использовать инструмент Перо. Для начала вырежьте волнистую форму на левой руке.
После этого перейдите к трем оставшимся волнистым формам и вырежьте их из силуэта.
Обратите внимание на маску слоя Shape 1, здесь показаны вырезанные формы: галстук в виде бабочки, рот, 4 волнистых формы сахарной пудры.
Фигурка Пряничного человечка готова! При помощи пера мы обвели фигуру человечка, затем, используя опцию Вычесть из области фигуры и инструменты Эллипс и Перо, мы добавили на фигурку дополнительные детали.
10. Увеличение непрозрачности фигуры до 100%
Теперь, когда мы закончили делать обводку отдельных фигур, нет необходимости видеть исходное изображение под обведенным силуэтом. Верните значение непрозрачности до 100%.
Временно скройте исходное изображение (слой Background), кликнув по значку глазка слева от миниатюры слоя. В результате мы будем видеть только обведенную нами фигурку на прозрачном фоне.
Вот, как должна выглядеть фигура Пряничного человечка:
Фигурка готова, но это не конец! Теперь её нам необходимо превратить в произвольную фигуру, чем мы и займемся далее.
11. Определяем форму человечка в произвольную фигуру
Для начала убедитесь, что на панели слоев выбран слой с нашей фигурой, а именно миниатюрка маски. Если она выбрана, то вокруг неё появится белая рамка, в документе вокруг фигуры появится контур. Если ничего этого вы не замечаете, просто выберите эту миниатюрку.
Примечание: если вам нужно скрыть конур самой фигуры, то кликните по миниатюрке ещё раз, чтобы убрать контур.
После того, как выбран нужный слой, зайдите в меню Edit > Define Custom Shape (Редактирование – Определить произвольную фигуру).
В результате откроется окно, в котором будет запрашиваться «имя» для фигуры. Назовем её Gingerbread Man (Пряничный человечек).
После нажатия OK, вы можете использовать произвольную фигуру человечка. Теперь документ, в котором мы создавали нашу фигурку, нам не нужен, можно его закрыть. Далее рассмотрим, где её найти и как применить.
12. Создание нового документа
Создайте новый документ в Фотошоп с параметрами, указанными ниже на скриншоте.
13. Выбор инструмента «Произвольная фигура»
Выберите инструмент Произвольная фигура. По умолчанию всегда отображается инструмент Прямоугольник. Поэтому нажмите и удерживайте на нем кнопку мышки, пока не откроется всплывающее меню. Из списка инструментов выберите Custom Shape Tool (U) (Произвольная фигура).
14. Выбираем нашу фигуру
После выбора инструмента Произвольная фигура, в верней панели настроек кликните по маленькому треугольнику, чтобы раскрыть палитру произвольных фигур. В итоге появится окно, где вы сможете выбрать любую понравившуюся вам произвольную фигуру. Наша фигурка располагается последней. Для её выбора, просто кликните по её миниатюрке.
15. Рисуем фигуру
После того, как вы её выбрали, кликните мышкой в созданном документе, и удерживая кнопку зажатой, переместите мышку в противоположную сторону, чтобы создать фигуру.
Для сохранения пропорций, при создании зажимайте Shift. Если при создании вы зажмете Alt, то фигура будет создаваться от центра. Для изменения её местоположения в процессе создания, зажмите пробел, затем переместите фигуру в нужное место, отпустите клавишу пробела и продолжайте творить. В процессе создания будет виден лишь тонкий контур будущей фигурки человечка.
Когда вы отпустите кнопку мыши, Фотошоп сразу же закрасит фигуру фоновым цветом, в данном случае черным.
В двух оставшихся шагах вы узнаете, как изменить размер и цвет фигур, а так же, как развернуть её в нужном направлении.
16. Изменяем цвет
Не беспокойтесь о цвете фигурки в процессе её создания. Фотошоп автоматически закрасит её фоновым цветом. В случае, если вас не устраивает этот цвет, дважды кликните мышью по миниатюре слоя. Именно по миниатюре слоя, а не по миниатюре маски.
В результате это приведет к открытию палитры цветов, где вы можете выбрать любой цвет. Моя фигура окрашена в коричневый.
После нажатия OK, фигура сразу же окрасится в выбранный вами цвет.
Изменять цвет вы можете, сколько захотите и когда захотите.
17. Изменение размера и местоположения фигуры
Работая с фигурами, вы можете не только изменить цвет. При создании фигур используются не пиксели, а векторы, их преимущество в том ,что вы спокойно можете изменять её размер, не теряя качество самого изображения.
Если вы решили изменить размер фигуры, просто выберите на панели слоёв слой с фигурой и нажмите Ctrl + T. Этими действиями откроется рамка трансформации где вы, потянув за любой угловой маркер, сможете изменить размер. Для сохранения пропорций при изменении размера зажимайте Shift. При зажатой клавише Alt размер фигуры будет изменяться от центра.
Если вам нужно повернуть фигуру, сделайте клик за границами рамки свободной трансформации и переместите курсор в любом направлении.
Если вы довольны результатом нажмите Enter, чтобы применить все проделанные изменения.
Вы можете добавить столько копий созданной вами произвольной фигуры, сколько захотите, каждый раз корректируя размер, цвет и местоположение фигур. Каждая созданная копия будет размещаться на отдельном слое. Я добавил несколько фигур человечка разного цвета, размера и наклона. Но независимо от размера у всех фигур сохранились четкие границы и углы.
В этом уроке по основам Photoshop мы научимся создавать забавные дизайны и интересные логотипы, комбинируя текст с пользовательскими формами ! Сначала мы узнаем, как преобразовать сам текст в форму. Затем мы узнаем, как добавлять другие фигуры и даже вырезать фигуры из букв! Дизайн, который я здесь создам, очень прост, но вы можете использовать те же самые шаги, чтобы создать все, что вы можете себе представить, особенно если вы знаете, как создавать свои собственные формы в Photoshop! Я буду использовать Photoshop CS5 для этого урока, но любая последняя версия Photoshop будет работать.
Вот как будет выглядеть мой конечный результат после преобразования текста в фигуру и последующего простого комбинирования текста с другими фигурами:
Шаг 1: преобразовать текст в форму
Вот документ, с которого я начинаю, простой фон с добавленным словом «собаки» (извините всех любителей кошек):
Если мы посмотрим на панель «Слои», то увидим, что документ состоит из двух слоев: фонового слоя внизу и слоя типа над ним:
Прежде чем мы сможем объединить наш текст с фигурами, нам сначала нужно преобразовать сам текст в форму. Однако прежде чем сделать это, убедитесь, что все написано правильно, поскольку после преобразования текста в форму он больше не будет редактироваться. Убедившись, что все выглядит правильно, перейдите в меню « Слой» в строке меню в верхней части экрана, выберите « Тип» , затем выберите « Преобразовать в форму» :
Шаг 2: Выберите инструмент прямого выбора
Мы собираемся узнать, как добавить другие фигуры к нашему тексту и как вычесть фигуры из текста. Давайте начнем с того, как вычесть форму, или, другими словами, как вырезать отверстие из буквы с формой! Вскоре я собираюсь использовать одну из пользовательских форм Photoshop, чтобы заменить отверстие в центре буквы «o» чем-то более интересным.
Прежде чем сделать это, я должен удалить уже существующее отверстие, а это значит, что мне нужно удалить часть фигуры. Чтобы сделать это, нам нужно выбрать часть, которую мы хотим удалить, используя инструмент прямого выбора Photoshop . По умолчанию он скрывается за инструментом выбора пути на панели «Инструменты», поэтому я нажму на инструмент выбора пути и удерживаю кнопку мыши нажатой в течение секунды или двух, пока не появится всплывающее меню, а затем выберу Инструмент прямого выбора из списка:
Шаг 3: выберите область для удаления
Разница между инструментом выбора контура (иногда называемым просто «черной стрелкой») и инструментом прямого выделения («белой стрелкой») заключается в том, что инструмент выбора контура используется для одновременного выбора целых фигур, тогда как прямой выбор Инструмент может выбрать только те части, которые нам нужны. Прежде чем что-то выбрать, убедитесь, что на панели «Слои» выбран эскиз фигуры . Вы будете знать, что он выбран, потому что вокруг него будет белая подсветка . Если он не выбран, нажмите на миниатюру, чтобы выбрать его, прежде чем продолжить, иначе вы не сможете выбрать форму (или любую ее часть):
Выбрав и выделив миниатюру фигуры, я выберу отверстие в центре буквы «о», щелкнув и перетащив тонкий прямоугольник вокруг него с помощью инструмента «Прямой выбор», аналогично тому, как вы выбираете пиксели на изображении с Прямоугольный Marquee Tool :
Когда я отпускаю кнопку мыши, вокруг фигуры появляются маленькие квадраты, известные как точки привязки . На скриншоте это трудно увидеть, но если вы внимательно посмотрите на форму документа, вы заметите, что точки привязки внутри области, которую вы перетаскивали, отображаются в виде сплошных квадратов , а остальные — в виде полых контуров . Сплошные квадраты — это точки привязки, которые мы выбрали:
Выбранные опорные точки отображаются в виде сплошных квадратов. Невыбранные отображаются в виде пустых контуров.
Чтобы удалить выбранную часть фигуры, просто нажмите клавишу Backspace (Win) / Delete (Mac) на клавиатуре. Выбранная область мгновенно удаляется:
Шаг 4: выберите инструмент Custom Shape Tool
Выберите инструмент « Создание формы» в Photoshop на панели «Инструменты». По умолчанию он прячется за инструментом «Прямоугольник» , поэтому нажмите и удерживайте инструмент «Прямоугольник» в течение нескольких секунд, пока не появится всплывающее меню, а затем выберите «Инструмент пользовательской фигуры» в нижней части списка:
Шаг 5: выберите опцию Shape Layers
Выбрав Custom Shape Tool, убедитесь, что на панели параметров в верхней части экрана выбран параметр « Слои формы» . Это значок , который выглядит как квадрат с точкой крепления на каждом углу:
Шаг 6: выберите форму
Нажмите на эскиз предварительного просмотра формы на панели параметров:
Откроется окно выбора формы , в котором отображаются маленькие эскизы всех фигур, которые нам нужно выбрать. Вместо того, чтобы использовать какие-либо фигуры по умолчанию, я собираюсь загрузить один из других наборов фигур, включенных в Photoshop. Чтобы загрузить один из других наборов, нажмите на маленький значок стрелки в верхнем правом углу окна выбора формы:
Это открывает меню с различными параметрами, и в нижней части меню находится список других наборов фигур, которые мы можем выбрать. Я собираюсь выбрать набор фигур животных , выбрав его из списка:
Фотошоп спросит меня, хочу ли я заменить текущие фигуры новыми фигурами или просто добавить новые в конец списка. Я нажму « Добавить», чтобы добавить новые вместе с другими:
Если я загляну назад в свой инструмент выбора формы и прокручиваю вниз, я вижу, что теперь у меня есть несколько новых фигур животных на выбор. Чтобы выбрать форму, просто нажмите на ее миниатюру. Я выберу форму Dog Print, нажав на нее. Нажмите Enter (Win) / Return (Mac), как только вы выбрали форму, которую нужно закрыть из палитры фигур:
Шаг 7: нарисуй фигуру в режиме «Вычесть из фигуры»
Прямо справа от миниатюры предварительного просмотра формы на панели параметров находится серия из пяти значков, большинство из которых выглядят как перекрывающиеся квадраты. Нажатие на эти различные значки позволяет нам переключаться между различными режимами рисования , такими как « Добавить в фигуру» , « Вычитать из фигуры» , « Пересекать фигуры» и другие. Значок слева « Создать новую форму» всегда выбирается по умолчанию, поскольку обычно мы хотим создать новую форму, когда рисуем ее в документе:
Photoshop предоставляет нам пять различных режимов рисования, например «Добавить в фигуру» и «Вычесть из фигуры».
Проблема с выбором режимов рисования путем нажатия на эти значки на панели параметров заключается в том, что каждый раз, когда вам нужно переключиться в другой режим, вам нужно перетащить мышь вверх на панель параметров и выбрать ее вручную. Кроме того, слишком легко забыть, какая из них выбрана, поэтому вы начнете рисовать новую фигуру только для того, чтобы добавить ее к существующей фигуре, потому что опция «Добавить в фигуру» — это та, которую вы использовали ранее, и вы забыли поменяй обратно. Лучший способ переключаться между режимами рисования — намного более быстрые сочетания клавиш, которые позволяют временно переключаться между режимами и всегда возвращаться к стандартному режиму «Создать новую фигуру», как только мы отпускаем клавишу!
Например, чтобы вычесть фигуру из существующей фигуры, а не выбирать параметр « Вычесть из фигуры» на панели параметров, просто удерживайте нажатой клавишу «Alt» (победа) / « Option» (Mac) на клавиатуре. Вы увидите небольшой знак минуса ( — ), который появится в правом нижнем углу курсора мыши, и вы увидите, что вы временно переключились в режим «Вычитание из фигуры» (если вы видите значок пипетки, когда вы удерживаете нажатой клавишу Alt). (Победа) / Клавиша «Option» (Mac), потому что на панели «Слои» не выбран эскиз фигуры. Убедитесь, что он выбран, прежде чем продолжить).
Удерживая нажатой клавишу Alt (Победа) / Option (Mac), щелкните внутри фигуры, через которую вы хотите вырезать отверстие, и вытяните новую фигуру. Вы увидите тонкий контур новой формы, появляющейся внутри исходной формы. Чтобы ограничить соотношение сторон новой фигуры при ее рисовании, нажмите и удерживайте клавишу Shift . Чтобы переместить и изменить положение фигуры при ее рисовании, удерживайте клавишу пробела , перетащите фигуру на новое место с помощью мыши, затем отпустите клавишу пробела и продолжайте перетаскивание. Здесь я перетаскиваю форму Dog Print внутри буквы «o»:
Когда вы закончите, отпустите кнопку мыши, и Photoshop вычитает новую фигуру из оригинала, эффективно прорезая отверстие:
Шаг 8: выбери и нарисуй другую фигуру в режиме «Добавить к фигуре»
На этот раз давайте добавим новую форму к тексту. Нажмите еще раз на миниатюру предварительного просмотра формы на панели параметров, чтобы открыть средство выбора формы, затем щелкните другую форму, чтобы выбрать ее. Я выберу форму Собаки на этот раз. Нажмите Enter (Win) / Return (Mac), когда закончите, чтобы закрыть окно выбора формы:
Чтобы добавить новую фигуру к текстовой фигуре, нам нужно перейти в режим « Добавить к фигуре », и мы можем временно переключиться на нее, удерживая клавишу Shift . Вы увидите небольшой знак плюса ( + ) в правом нижнем углу курсора мыши, позволяющий вам знать, что вы собираетесь добавить новую фигуру к существующей. Удерживая клавишу Shift, щелкните внутри документа и начните перетаскивать новую фигуру (снова убедитесь, что на панели «Слои» выбран эскиз фигуры). При перетаскивании появится тонкий контур фигуры. Я собираюсь поместить собаку выше двух последних букв слова, чтобы она выглядела так:
Когда вы отпускаете кнопку мыши, Photoshop добавляет форму к оригиналу:
Вот как теперь выглядит мой текст после вырезания отверстия в букве «о» одной фигурой и добавления другой фигуры над последними двумя буквами:
Может показаться, что у нас в документе более одной фигуры, но мы видим на панели «Слои», что у нас по-прежнему есть только одна фигура. Новые формы были просто добавлены или удалены из оригинала:
Шаг 9: выберите форму для редактирования с помощью инструмента выбора контура
Не беспокойтесь, если вы не расположили или не изменили размеры новых фигур точно по тексту. Вы можете легко вернуться и внести изменения. Например, я хотел бы переместить и изменить размер собаки, которую я добавил минуту назад. Чтобы сделать это, мне сначала нужно выбрать форму, используя инструмент Path Selection . Если вы ранее выбрали инструмент прямого выбора, как я, инструмент выбора пути теперь будет скрываться за ним на панели инструментов, поэтому нажмите и удерживайте инструмент прямого выбора, пока не появится всплывающее меню, затем выберите инструмент выбора пути из списка:
Какой бы инструмент вы ни использовали ранее, он появится на панели «Инструменты». Другие инструменты будут скрываться за ним.
Кликните с помощью инструмента Path Path где-нибудь внутри фигуры, которую вы хотите выбрать. В моем случае я хочу выбрать собаку, поэтому я нажму внутри нее. Сплошные точки привязки появятся вокруг фигуры, сообщая, что она выбрана:
Шаг 10: Используйте Free Transform, чтобы переместить или изменить форму
Выбрав фигуру, перейдите в меню « Правка» в верхней части экрана и выберите « Свободный путь преобразования» или нажмите Ctrl + T (Win) / Command + T (Mac), чтобы выбрать «Свободное преобразование» с помощью сочетания клавиш:
Это вызывает окно «Свободный путь преобразования» в Photoshop и обрабатывает фигуру. Чтобы изменить размер фигуры, просто перетащите любую из четырех угловых ручек . Чтобы сохранить соотношение сторон фигуры в неизменном виде при ее изменении, удерживайте нажатой клавишу « Shift» и перетаскивайте ручки. Чтобы переместить фигуру, щелкните в любом месте внутри ограничительной рамки и перетащите ее мышью. При необходимости вы также можете повернуть фигуру, щелкнув в любом месте за пределами ограничительной рамки, а затем перетащив мышью.
Когда вы закончите, нажмите Enter (Win) / Return (Mac), чтобы принять изменения и выйти из команды Free Transform Path:
Я сделаю то же самое с формой Dog Print, которую я использовал, чтобы вырезать отверстие в букве «o». Несмотря на то, что форма Dog Print используется для вычитания области из буквы, сама форма все еще полностью редактируема. Сначала я выберу его, щелкнув в любом месте внутри него с помощью инструмента выбора пути. Затем я нажму Ctrl + T (Победа) / Command + T (Mac), чтобы быстро вызвать окно Free Transform Path и обвести вокруг фигуры, и я изменю размер, перетаскивая один из угловых маркеров. Я также немного переместу форму вправо, чтобы общий дизайн буквы больше походил на дизайн других букв:
Формы, используемые для вырезания отверстий из других форм, можно перемещать и изменять их размер, как и любую другую форму.
Я нажму Enter (Win) / Return (Mac), когда я закончу, чтобы принять изменения и закрыть команду Free Transform Path, и я готов! Вот мой последний текстовый дизайн «собаки»:
Читайте также: