Home
» Wiki
»
Как вставить фотографию в фигуру в Photoshop
Как вставить фотографию в фигуру в Photoshop
Зарегистрируйтесь и зарабатывайте 1000$ в день ⋙
В этом уроке вы узнаете, как вставить фотографию в фигуру с помощью Adobe Photoshop . Как вы увидите, фотографию легко поместить в любую форму: от простого прямоугольника или круга до замысловатой пользовательской фигуры. В этом уроке будет использоваться пользовательская фигура, а в статье будет показано, как загрузить все недостающие фигуры в Photoshop для множественного выделения.
Начните с создания нового документа Photoshop. Если вы находитесь на главном экране, нажмите кнопку Новый файл .
Нажмите кнопку «Новый файл» на главном экране Photoshop.
Или вы можете перейти в меню «Файл» на панели меню и выбрать «Новый» .
Перейдите в Файл > Новый.
В любом случае откроется диалоговое окно «Новый документ» , в правом столбце которого можно ввести необходимые параметры. В этом примере будет создан квадратный документ с шириной и высотой 2000 пикселей.
Поскольку мы будем помещать изображение в фигуру, а изображения обычно сохраняются с более высоким разрешением, измените значение разрешения на 300 пикселей на дюйм и оставьте для параметра «Содержимое фона» значение « Белый» .
Создайте новый документ Photoshop.
Затем нажмите кнопку «Создать» .
Нажмите кнопку «Создать», чтобы создать новый документ Photoshop.
И Photoshop создает новый документ.
Новый документ Photoshop
Шаг 2: Откройте панель «Фигуры».
Самый быстрый способ рисовать собственные фигуры в Photoshop — добавлять их с панели «Фигуры». Чтобы открыть эту панель, перейдите в меню «Окно» и выберите «Фигуры».
Откройте панель «Фигуры» из меню «Окно».
Панель «Фигуры» открывается в столбце дополнительных панелей слева от основных панелей. Вы можете показать или скрыть панель, нажав на значок панели.
Панель «Фигуры» Photoshop открывается в столбце подпанели.
Сначала мы видим только стандартные фигуры, разделенные на группы.
Группы пользовательских фигур по умолчанию в Photoshop
Вы можете повернуть любую группу, чтобы отобразить фигуры внутри этой группы, щелкнув стрелку рядом со значком папки этой группы.
Просмотр фигур в группе
А чтобы развернуть панель «Фигуры» и увидеть несколько фигур одновременно, можно перетащить ее вниз.
Развернуть панель фигур
Шаг 3: Загрузите недостающие фигуры.
Чтобы загрузить все отсутствующие фигуры, доступные в Photoshop, щелкните значок меню панели «Фигуры» .
Нажмите на значок меню.
Затем выберите Устаревшие фигуры и многое другое .
Загрузите группу Legacy Shapes and More.
Под параметрами по умолчанию появится новая группа «Устаревшие фигуры и многое другое».
Группа New Legacy Shapes and More.
А внутри есть еще две группы. 2019 Shapes содержит сотни новых фигур, добавленных в Photoshop 2020. А All Legacy Default Shapes содержит классические фигуры из старых версий Photoshop.
Фигуры 2019 года и все устаревшие фигуры по умолчанию
Шаг 4: Выберите форму
В этом уроке мы будем использовать одну из классических форм. В этом примере откроется группа «Все устаревшие фигуры по умолчанию».
Откройте группу «Все устаревшие формы по умолчанию»
Затем прокрутите страницу вниз до раздела «Природа» и нажмите, чтобы открыть.
Группа Открытой Природы
А внутри Природы используйте форму бабочки.
Выберите изображение бабочки
Шаг 5: Перетащите изображение на холст.
Чтобы добавить фигуру, просто щелкните и перетащите миниатюру фигуры с панели «Фигуры» на холст.
Перетащите фигуру из панели «Фигуры» на холст.
Photoshop нарисует фигуру, когда вы отпустите кнопку мыши.
Рисунок в фотошопе.
Шаг 6: Измените размер и центрируйте изображение.
Перед изменением размера изображения перейдите на панель параметров и убедитесь, что между полями «Ширина» и «Высота» выбран значок ссылки , чтобы зафиксировать соотношение сторон изображения.
Убедитесь, что ширина и высота связаны между собой.
Затем измените размер фигуры, щелкнув и перетащив любой из маркеров трансформации. Если при перетаскивании удерживать клавишу Alt (Win) / Option (Mac), размер фигуры изменится относительно ее центра.
Перетащите маркер, чтобы изменить размер фигуры.
Щелкните и перетащите фигуру в центр холста. По мере приближения к центру он встанет на место.
Перетащите фигуру в центр.
Затем нажмите галочку на панели параметров, чтобы принять изменения.
Щелкните галочку, чтобы принять размер и положение фигуры.
На панели «Слои» фигура отображается на отдельном слое. Мы узнаем, что это слой-фигура, по значку в правом нижнем углу миниатюры.
Панель слоев Photoshop, на которой показан новый слой-фигура.
Шаг 7: Проверьте параметры «Заливка» и «Обводка» на панели «Свойства».
При выборе слоя фигуры панель «Свойства» предоставляет доступ ко всем параметрам фигуры, включая «Заливку» и «Обводку».
Параметры формы на панели «Свойства» Photoshop.
По умолчанию Photoshop использует черный цвет для заливки, что вполне нормально, поскольку мы все равно не увидим этот цвет после вставки изображения в фигуру.
Но Photoshop также добавляет черную обводку толщиной в 1 пиксель вокруг фигуры.
Заливка и обводка по умолчанию для фигур.
При желании обводку можно добавить позже. Но сейчас отключите обводку, нажав на образец цвета обводки:
Нажмите на образец цвета обводки.
И нажмите на значок «Нет цвета» в левом верхнем углу панели. Затем щелкните за пределами панели, чтобы закрыть ее, или нажмите Enter (Win) / Return (Mac) на клавиатуре.
Установите для параметра «Обводка» значение «Без цвета».
Шаг 8: Поместите изображение в документ.
Далее мы поместим наше изображение в документ. А поскольку мы хотим, чтобы изображение отображалось в том же документе, что и наша фигура, давайте воспользуемся командой Photoshop «Поместить встроенное».
Перейдите в меню Файл и выберите Разместить встроенный .
Выберите команду «Поместить встроенное» в меню «Файл».
Перейдите к месту сохранения изображения на вашем компьютере. В приведенном примере изображение находится в папке на рабочем столе. Щелкните изображение, чтобы выбрать его, затем нажмите « Поместить» .
Выберите изображение и нажмите «Поместить».
Photoshop добавит изображение перед фигурой. Если изображение больше размера документа, Photoshop изменяет его размер до нужного размера. Использованные изображения взяты из Adobe Stock.
Изображение размещается перед формой.
Мы изменим размер изображения после его размещения в форме. Теперь нажмите галочку на панели параметров, чтобы принять изменения.
Щелкните галочку на панели параметров.
Вернувшись на панель «Слои», изображение появится на новом слое над слоем с фигурой. Обратите внимание, что Photoshop преобразовал изображение в смарт-объект, об этом можно узнать по значку смарт-объекта в правом нижнем углу миниатюры. Это означает, что независимо от того, сколько раз мы изменяем размер изображения, его качество остается неизменным.
Photoshop устанавливает изображение как смарт-объект.
Шаг 9: Создайте обтравочную маску
В настоящее время изображение находится перед формой. Чтобы поместить изображение в фигуру, щелкните значок меню панели «Слои».
Щелкните значок меню панели «Слои».
Затем выберите Создать обтравочную маску .
Выберите команду «Создать обтравочную маску».
Обтравочная маска обрежет изображение по базовой фигуре, то есть единственной частью изображения, которая останется видимой, будет область, расположенная непосредственно над фигурой или перед ней. Любая часть изображения, выходящая за пределы фигуры, скрыта от глаз, создавая иллюзию того, что изображение на самом деле находится внутри фигуры.
Результат после вставки изображения в форму.
Вернувшись на панель «Слои», обратите внимание, что слой изображения теперь смещен вправо, а небольшая стрелка указывает на расположенный ниже слой фигуры. Таким образом Photoshop сообщает нам, что мы создали обтравочную маску.
Панель «Слои» отображает обтравочную маску.
Шаг 10: Измените размер и положение изображения с помощью функции «Свободное преобразование».
Чтобы изменить размер и положение изображения внутри фигуры, перейдите в меню «Правка» и выберите «Свободное преобразование» .
Результат после резки изображения в форму.
На панели параметров убедитесь, что между полями «Ширина» и «Высота» выбран значок ссылки.
Убедитесь, что выбран значок ссылки.
Затем измените размер изображения, перетащив любой из маркеров трансформации. Вы можете удерживать клавишу Alt (Win) / Option (Mac) на клавиатуре и перетаскивать маркер, чтобы изменить размер изображения из его центра.
Измените размер изображения внутри фигуры.
Затем перетащите изображение, чтобы расположить объект внутри фигуры. Возможно, вам придется переключаться между изменением размера и положением изображения, пока не получите нужный результат.
Расположите изображение внутри фигуры.
Когда закончите, нажмите на галочку на панели параметров.
Щелкните галочку на панели параметров.
Как изменить цвет фона
На этом этапе мы поместили изображение в форму, и основной эффект завершен. Итак, есть несколько вещей, которые мы можем сделать дальше. Вы можете добавить обводку вокруг фигуры, изменить цвет фона позади фигуры или полностью удалить фон.
Статья начнется с демонстрации того, как изменить цвет фона. Самый простой способ сделать это — использовать слой-заливку «Сплошной цвет».
Шаг 1: Добавьте слой заливки сплошным цветом
Нам нужно, чтобы слой заливки сплошным цветом располагался прямо над фоновым слоем. Итак, на панели «Слои» щелкните по слою «Фон», чтобы выбрать его.
Выберите фоновый слой на панели «Слои».
Затем щелкните значок «Новый слой заливки или корректирующего слоя» в нижней части панели «Слои» :
Щелкните значок «Новый слой заливки» или «Корректирующий слой».
И выберите Сплошной цвет в верхней части списка.
Добавьте слой заливки сплошным цветом.
Шаг 2: Выберите новый цвет фона.
Photoshop открывает палитру цветов, чтобы мы могли выбрать новый цвет для фона. Цвет по умолчанию — черный, что определенно подчеркивает детали фигуры. Но в данном случае, как фоновый цвет для бабочки, он слишком темный.
Эффект с черным фоновым цветом.
Вы можете выбрать другой цвет с помощью палитры цветов. Но вы также можете брать образцы цветов непосредственно с изображения внутри фигуры. Просто наведите курсор мыши на изображение, и курсор примет форму пипетки. Затем нажмите на цвет, образец которого вы хотите получить.
Например, он возьмет образец светлого тона кожи со лба девушки, и он мгновенно станет новым цветом фона.
Возьмите образец нового цвета фона из изображения внутри фигуры.
Найдя нужный вам цвет, нажмите кнопку «ОК» , чтобы закрыть палитру цветов. Возвращаясь к панели «Слои», мы видим, что между фоновым слоем и слоем «Фигура» выше был добавлен слой заливки «Сплошной цвет».
Панель слоев Photoshop, на которой показан новый слой-заливка «Сплошной цвет».
Как добавлять обводки вокруг фигур
Еще один способ усилить эффект — добавить штрихи вокруг фигуры.
Шаг 1: Выберите слой-фигуру.
Сначала на панели «Слои» щелкните слой фигуры, чтобы выбрать его.
Выберите слой-фигуру на панели «Слои».
Шаг 2: Добавьте эффект слоя обводки
Хотя штрихи можно добавлять с панели «Свойства» , многие по-прежнему предпочитают устаревший способ их добавления с помощью эффектов слоев. Итак, выбрав слой-фигуру, щелкните значок fx в нижней части панели «Слои» :
Щелкните значок эффектов слоя на панели «Слои» в Photoshop.
И выберите Обводка .
Добавьте эффект слоя «Обводка».
Photoshop открывает диалоговое окно «Стиль слоя» с параметрами обводки в среднем столбце. Чтобы изменить цвет обводки, щелкните образец цвета.
Щелкните образец цвета в диалоговом окне «Стиль слоя» Photoshop.
Затем выберите новый цвет в палитре цветов. В этом примере будет выбран белый цвет путем установки значений R, G и B на 255. Когда закончите, нажмите кнопку «ОК» , чтобы закрыть палитру цветов.
Выберите белый цвет для обводки с помощью палитры цветов.
Вернитесь в диалоговое окно «Стиль слоя» и установите для параметра «Положение» значение «Снаружи» , чтобы обводка отображалась вокруг внешней стороны фигуры. Затем ��величьте значение размера , чтобы отрегулировать толщину штриха. Для примера изображения подойдет размер около 18 пикселей.
Задайте положение и размер обводки в диалоговом окне «Стиль слоя».
Нажмите кнопку «ОК» , чтобы закрыть диалоговое окно «Стиль слоя» . А вот результат с обводкой вокруг фигуры в примере.
Результат с белой обводкой вокруг фигуры.
Если вы решили, что обводка вам не нравится, вы можете отключить ее на панели «Слои» , щелкнув значок видимости рядом со словом «Обводка» .
Щелкните значок видимости для эффекта слоя обводки.