Как заполнить форму фотографией в фотошопе

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

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

Как разместить изображение в форме в Photoshop

Финальный эффект «изображение в форме».

Давайте начнем!

Как заполнить форму фотографией

Шаг 1: Создайте новый документ

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

Выбор команды New из меню File.

Переход к файлу и новый.

Откроется диалоговое окно « Новый документ ». Если вы используете Photoshop CC, вы увидите обновленную версию диалогового окна «Новый документ». Если вы используете Photoshop CS6, вы увидите более старую, традиционную версию. Сначала мы рассмотрим версию Photoshop CC, а затем версию CS6.

В Photoshop CC параметры для создания нового пользовательского документа находятся на панели « Детали предустановки» в правой части диалогового окна. Для этого урока давайте создадим квадратный документ. Установите ширину и высоту до 2000 пикселей . Мы установим разрешение на 72 пикселя / дюйм , а фоновое содержимое на белый . Нажмите Создать, чтобы создать новый документ:

Создание нового документа в Photoshop CC.

Панель «Детали предустановки» в диалоговом окне «Новый документ» в Photoshop CC.

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

Создание нового документа в Photoshp CS6.

Новое диалоговое окно в Photoshop CS6.

Смотрите видео и делитесь своими комментариями на нашем канале YouTube!

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

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

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

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

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

Шаг 3: Установите режим инструмента на «Shape»

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

В Photoshop векторные фигуры называются просто «фигурами». Выбрав инструмент Custom Shape Tool, убедитесь, что для параметра « Режим инструмента» на панели параметров установлено значение Shape :

Параметр «Режим инструмента» на панели параметров в Photoshop.  Установите его в Shape.

Настройка режима инструмента «Форма» на панели параметров.

Шаг 4: установите цвет фигуры на черный

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

По умолчанию цвет будет уже черным. Если это не так, нажмите букву D на клавиатуре. Это сбрасывает цвета переднего плана и фона на значения по умолчанию, делая цвет переднего плана (и цвет заливки фигуры) черным:

Образец заливки цветом на панели параметров.

Образец заливки цветом на панели параметров. Убедитесь, что он установлен на черный.

Шаг 5. Загрузите пользовательские фигуры

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

Миниатюра « Форма» на панели параметров отображает выбранную форму. Нажмите на миниатюру, чтобы выбрать другую форму:

Нажав миниатюру Shape на панели параметров.

Нажав миниатюру Shape на панели параметров.

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

Нажмите на значок меню ( значок шестеренки) в верхнем правом углу окна выбора формы:

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

Нажав на значок меню Custom Shape Picker.

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

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

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

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

Нажмите OK, чтобы заменить текущие фигуры фигурами в Photoshop.

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

Шаг 6: выберите пользовательскую форму

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

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

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

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

Шаг 7: нарисуй форму

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

Когда вы рисуете фигуру, вы увидите только контур контура того, как форма будет выглядеть:

Рисование бабочки нестандартной формы в фотошопе

Нажмите в верхнем левом углу, удерживайте Shift и перетащите в нижний правый угол.

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

Бабочка нестандартной формы, нарисованная в Photoshop.

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

Если мы посмотрим на панель «Слои» , то увидим, что фигура находится на собственном слое «Форма» над слоем с белым фоном :

Форма появляется на слое Shape на панели Layers.

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

Шаг 8: переместите форму в центр

Чтобы переместить фигуру в центр документа, выберите инструмент « Перемещение» в Photoshop на панели инструментов:

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

Выбор инструмента перемещения.

Затем нажмите на форму и перетащите ее в центр. Он должен встать на место, как только вы приблизитесь к середине:

Перемещение фигуры баттерфляй в центр документа.

Перемещение фигуры в нужное положение.

Шаг 9: открой свое изображение

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

Изображение 72319945 по лицензии Adobe Stock.

Изображение, которое я буду размещать внутри формы. Фото предоставлено: Adobe Stock.

Шаг 10: выберите и скопируйте изображение

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

Выбор команды «Выбрать все» в Photoshop.

Собираюсь Выбрать> Все.

Выбрав изображение, перейдите в меню « Правка» и выберите « Копировать» :

Выбор команды «Копировать» из меню «Правка» в Photoshop.

Собираюсь Правка> Копировать.

Шаг 11: вставь изображение в документ формы

Вернитесь к документу фигуры, щелкнув ее вкладку под панелью параметров. Если вы не назвали документ при его создании (чего мы не сделали), скорее всего, он называется «Untitled-1»:

Вернемся к документу Shape.

Нажав на вкладку документа формы.

Затем вернитесь в меню Edit и на этот раз выберите Paste :

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

Собираюсь Правка> Вставить.

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

Изображение было вставлено в документ фигуры.

Изображение было вставлено в документ фигуры.

Шаг 12: создай обтравочную маску

Если мы снова посмотрим на панель «Слои», то увидим, что Photoshop поместил изображение на новый слой над слоем «Форма»:

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

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

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

Выбор команды «Создать обтравочную маску» в Photoshop.

Идем в Layer> Create Clipping Mask.

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

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

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

И если мы снова посмотрим на панель «Слои», то увидим, что «Слой 1» имеет отступ вправо, с маленькой стрелкой, указывающей вниз на слой «Форма» под ним. Вот как Фотошоп сообщает нам, что изображение теперь обрезано по форме:

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

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

Шаг 13: измените размер и переместите изображение со свободным преобразованием

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

Выбор Free Transform из меню «Правка» в Photoshop.

Собираемся Правка> Свободное Преобразование.

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

Выбор команды «Подогнать на экране» в меню «Вид».

Идем в View> Fit на экране.

Фотошоп автоматически отрегулирует уровень масштабирования, так что будет виден весь блок Free Transform. Здесь мы видим мое поле Free Transform, простирающееся справа от холста:

Вокруг всего изображения появится поле «Свободное преобразование».

Вокруг всего изображения появится поле «Свободное преобразование».

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

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

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

Использование Free Transform для перемещения и изменения размера изображения внутри фигуры.

Использование Free Transform для изменения размера и перемещения изображения внутри фигуры.

Когда вы будете готовы, нажмите Enter (Win) / Return (Mac) на клавиатуре, чтобы зафиксировать изменение и закрыть команду Free Transform:

Изображение теперь лучше вписывается в форму.

Изображение теперь лучше вписывается в форму.

Шаг 14: измени цвет фона

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

Самый простой способ изменить цвет фона — использовать один из заливочных слоев в Photoshop Solid Color. Нам понадобится слой заливки «Сплошной цвет», который появится между фоновым слоем и слоем «Форма», поэтому сначала нажмите на фоновый слой на панели «Слои», чтобы выбрать его:

Выбор фонового слоя на панели «Слои».

Выбор фонового слоя.

Затем нажмите на значок « Новый заливочный слой» или «Корректирующий слой» в нижней части панели «Слои»:

Нажав на значок «Новый слой заливки» или «Корректирующий слой».

Нажав на значок «Новый слой заливки» или «Корректирующий слой».

Выберите Сплошной цвет в верхней части списка:

Добавление однотонного заливочного слоя в документ.

Добавление сплошного цвета заливки.

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

Выбор черного и нового цвета фона из палитры цветов

Выбор черного цвета из палитры цветов.

Черный определенно выделяет детали формы, но как цвет фона для бабочки, я не уверен, что это работает:

Цвет фона был изменен на черный.

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

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

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

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

Выбор цвета для фона.

Как только я нажимаю, выбранный цвет становится новым цветом фона. Мне больше нравится этот новый цвет, поэтому я нажму OK, чтобы закрыть окно выбора цвета:

Выбранный цвет теперь является цветом фона.

Выбранный цвет теперь является цветом фона.

Если мы посмотрим на панель «Слои», то увидим наш слой заливки «Сплошной цвет» с именем «Цветная заливка 1», расположенный между фоновым слоем и слоем «Форма», там, где он нам нужен:

Панель «Слои» показывает новый слой заливки сплошным цветом.

Панель «Слои» показывает новый слой заливки сплошным цветом.

Шаг 15: добавь инсульт

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

Выбор слоя Shape на панели Layers.

Выбор слоя Shape.

Затем щелкните значок « Стили слоев» (значок « fx ») внизу панели «Слои»:

Нажав на значок «Стили слоев» на панели «Слои».

Нажав на значок Стили слоя.

Выберите Stroke из списка:

Выбор стиля слоя обводки.

Выбор стиля слоя обводки.

Откроется диалоговое окно «Стиль слоя» в Photoshop с параметрами обводки в среднем столбце. Чтобы изменить цвет обводки, нажмите на образец цвета :

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

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

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

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

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

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

Настройка положения и размера обводки.

Установка положения снаружи и размера до 12 пикселей.

Нажмите кнопку «ОК», чтобы закрыть диалоговое окно «Стиль слоя». И с этим мы закончили! Здесь, после изменения цвета фона и добавления обводки вокруг бабочки, мой последний эффект «изображение в форме»:

Размещение изображения в форме с помощью Photoshop.

Конечный результат.

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


Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован.