Как поместить изображение в фигуру в фотошопе
Перейти к содержимому

Как поместить изображение в фигуру в фотошопе

  • автор:

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

В этом уроке мы узнаем, как заполнить фигуру изображением в 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 CS6, снова установить как ширину и высоту до 2000 пикселей , с Разрешения до 72 точек / дюйма , и содержимого фона на белый . Нажмите OK, чтобы создать новый документ:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как вставить одно изображение внутри определённой области другого

Hobo 2019-05-17 в Вебмастер Комментариев: 4

Одно изображение внутри определённой области другого

Последнее обновление — 14 февраля 2023 в 21:09

Друзья, предлагаю вашему вниманию инструкцию, как разместить одно изображение в пределах определённой области другого. Сделать это можно при помощи инструментов Photoshop. Я буду использовать версию CS6 программы.

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

Инструкция

Итак, мне понадобится 2 изображения. В качестве фонового изображения, внутрь которого я буду вставлять другую картинку, возьмём вот такой шаблон. Назовём его – изображение №1.

Шаблон для миниатюры записи

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

В качестве второго изображения возьму фото Джека с мячиком.

Вставляемая картинка

Далее, откроем изображение №1 в фотошопе и выделим нужную область, то есть обведём по контуру белый прямоугольник. Сделать это удобнее при помощи инструмента “Прямолинейное лассо”, которое вызывается из панели инструментов слева.

Инструмент "Прямолинейное лассо"

Выбираем “Прямолинейное лассо” и аккуратно очерчиваем контур, то есть выделяем необходимую нам область. Эту же операцию можно выполнить и при помощи инструмента “Волшебная палочка”.

Выделяем область изображения

Теперь откроем в Photoshop изображение №2 и полностью выделим, нажав сочетание клавиш “Ctrl+A”. Вы увидите пунктирное выделение картинки в активном окне. Теперь просто скопируем картинку в буфер обмена, нажав “Ctrl” и “C”.

Копируем изображение

Далее вставим картинку №2 в фоновое изображение №1. Но сочетание клавиш “Ctrl+V” в этом случае не сработает. В Photoshop есть для этого функция “Специальная вставка”, которая вызывается из пункта “Редактирование” верхнего меню.

Итак, чтобы внедрить картинку №2 в выделенную область картинки №1, перейдите в окно с изображением №1 и клацнете на пункт меню “Редактирование”. Далее в выпавшем списке наведите курсор на строку “Специальная вставка” – появится ещё одно подменю, где щёлкнете по строке “Вставить в”. Либо, вместо вызова из меню, нажмите сочетание “горячих” клавиш “Alt+Shift+Ctrl+V”.

Специальная вставка

Обратите внимание на панель слоёв (у меня она находится справа). Над слоем фонового изображения (Слой 0) появился ещё один слой (Слой 1) с картинкой №2 и миниатюрой слоя-маски. Белый прямоугольник миниатюры слоя-маски – это и есть область выделения в картинке №1, которую мы ранее создали.

Панель слоёв

А окно с картинкой №1 теперь выглядит следующим образом, как на скриншоте ниже.

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

Встав на Слой 1 и выбрав инструмент “Перемещение”, мы можем двигать картинку №2 как нам угодно и она не будет перекрывать цветную рамку. Всё перемещение будет происходит внутри слоя-маски.

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

Краткое описание действий

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

  • Инструментом “Прямолинейное лассо” выделить область на изображении №1.
  • Выделить (Ctrl+A) и скопировать в буфер обмена (Ctrl+C) изображение №2.
  • Вставить (Alt+Shift+Ctrl+V) изображение №2 внутрь отмеченных границ изображения №1.

Как “разморозить” изображение PNG

И ещё одно небольшое дополнение. Если вы используете изображения в формате jpeg, то проблем с перемещением картинки в картинку возникнуть не должно. Но я, например, использовал png формат. И в окне “Слои”, слой с картинкой был закреплён. Это видно по иконке закрытого замочка на слое с изображением png.

В такой ситуации я ничего не мог делать с изображениями. Для того чтобы снять это ограничение, нужно поступить следующим образом: преобразовать изображение в цветовой режим RGB 8 бит/канал.

Как это сделать? Очень просто: кликнуть в горизонтальном меню по ссылке “Изображение”, далее – “Режим” и отметить галочкой строку RGB. Теперь в окне “Слои” клацнем по слою с картинкой два раза и в появившемся окне нажмём “ОК”. И далее работаем с изображением.

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

Как в Фотошопе вставить картинку в фигуру (форму)

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

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

Окончательное изображение, вставленное в фигуру

В этом уроке для вставки картинки в форму я буду использовать Фотошоп 2022 года.

Видеоурок у меня на канале:

Создайте новый документ

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

Нажав кнопку Новый файл на главном экране Photoshop

Или можете подняться в меню Файл на панели и выбрать Новый.

Переходим в Файл Создать

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

Поскольку мы будем помещать в форму изображение, а изображения обычно сохраняются с большим разрешением, я изменю значение Разрешение на 300 пикселей на дюйм. А для параметра Содержимое фона я оставлю значение Белый.

Новые настройки документа

Затем нажмите кнопку Создать.

Нажмите Создать

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

Новый документ

Откройте панель Фигуры

Самый быстрый способ рисования пользовательских фигур в Photoshop — это добавление их из панели Shapes. Чтобы открыть Фигуры, перейдите меню Окно и выберите пункт Фигуры.

Перейдите в Окно Фигуры

Панель Фигуры открывается в колонке вторичных панелей (слева от основных). Показать или скрыть панель можно, щелкнув на ее значок.

Панель Фигуры открывается в узкой панели столбцов

Сначала видны только фигуры по умолчанию, разделены на группы.

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

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

Просмотр фигур внутри группы

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

Расширение панели фигур

Загрузка недостающих фигур

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

Щелкните значок меню

Затем выберите Legacy Shapes and More.

Загрузка группы Legacy Shapes and More

Новая группа Legacy Shapes and More появится под группами по умолчанию.

Новая группа Legacy Shapes and More

Внутри группы находятся еще две группы. 2019 Shapes содержит сотни новых фигур, которые были добавлены в Photoshop 2020. А в группе All Legacy Default Shapes содержатся классические фигуры из старых версий Photoshop.

Группы 2019 Shapes и All Legacy Default Shapes

Выберите фигуру

Для этого урока будем использовать одну из классических фигур. Откроем группу All Legacy Default Shapes.

Открытие всех устаревших форм по умолчанию

Затем прокручиваем вниз до набора Природа и раскрываем его.

Открытие группы Природа

В наборе Природа выбираем форму Бабочка.

Выбор фигуры бабочки

Перетащите фигуру на холст

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

Перетаскивание фигуры с панели Фигуры на холст

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

Фотошоп рисует фигуру

Изменение размера и центрирование фигуры

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

Убедитесь, что ширина и высота связаны друг с другом

Затем измените размер фигуры, щелкнув и перетащив любую из ручек трансформации. Если во время перетаскивания удерживать клавишу Alt (Win) / Option (Mac) на клавиатуре, размер фигуры будет изменяться относительно центра.

Перетащите точку, чтобы изменить размер фигуры

Щелкните и перетащите фигуру в центр холста. Когда вы приблизитесь к центру, она должна закрепиться на месте.

Перетаскивание фигуры в центр

Затем нажмите галочку на панели параметров, чтобы принять изменения.

Кликните на галочку

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

Новый слой фигура на панели Слои

Проверьте параметры заливки и обводки на панели свойств

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

Параметры заливки и обводки на панели Свойства

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

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

Заливка и обводка по умолчанию

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

Щелкните образец цвета обводки

Щелкните значок Нет цвета в верхней левой части панели. Затем кликните за пределами панели, чтобы закрыть ее, или нажмите Enter (Win) / Return (Mac) на клавиатуре.

Установка обводки на Без цвета

Поместите изображение в документ

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

Поднимитесь в меню Файл и выберите команду Поместить в документ.

Перейдите в Файл Поместить встроенный

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

Выбираем изображение и нажимаем Place

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

Изображение помещается перед фигурой

Мы изменим размер изображения после его вставки в форму. А пока нажимаем галочку на панели параметров.

Кликните по галочке

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

Photoshop помещает изображение как смарт объект

Создайте обтравочную маску

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

Щелкните значок меню панели Слои

Затем выберите Создать обтравочную маску.

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

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

Результат после обрезки изображения по форме

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

Панель Слои с обтравочной маской

Изменение размера и положения изображения с помощью Свободного трансформирования

Чтобы изменить размер и положение изображения в пределах фигуры, откройте меню Edit и выберите Free Transform.

Свободное преобразование

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

Убедитесь, что значок ссылки выбран

Измените размер изображения, перетащив любую из точек трансформации. При перетаскивании точки можно удерживать клавишу Alt (Win) / Option (Mac) на клавиатуре, чтобы изменить размер изображения относительно его центра.

Изменение размера изображения внутри фигуры

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

Позиционирование изображения в форме

Когда закончите, нажмите галочку на панели параметров.

Клик по галочке

Как изменить цвет фона

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

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

Для начала я покажу, как изменить цвет фона. И самый простой способ сделать это — использовать слой заливки Solid Color.

Добавьте слой заливки Solid Color

Мы хотим, чтобы слой заливки Solid Color располагался непосредственно над слоем Background. Поэтому на панели слоев щелкните на слое Background, чтобы выбрать его.

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

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

Щелкните значок Новая заливка или Корректирующий слой

Выберите Solid Color в верхней части списка.

Добавление слоя заливки сплошным цветом

Выберите новый цвет фона

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

Эффект с черным цветом фона

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

Я выберу светлый тон кожи на лбу девушки, и он мгновенно станет новым цветом фона.

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

Когда найдете цвет, который вам нравится, нажмите OK, чтобы закрыть Color Picker. Вернувшись на панель слоев, мы видим, что слой заливки Solid Color был добавлен между фоновым слоем и расположенным над ним слоем фигуры.

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

Как добавить обводку вокруг фигуры

Еще один способ усилить эффект — добавить обводку вокруг фигуры.

Выберите слой с фигурой

Сначала на панели слоев щелкните по слою с фигурой, чтобы выбрать его.

Выбор слоя фигуры

Добавление эффекта слоя с обводкой

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

Щелкните значок эффектов слоя

И выберите Stroke.

Добавление эффекта слоя Обводка

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

Затем выберите новый цвет в Color Picker. Я выберу белый цвет, установив значения R, G и B равными 255. Нажмите OK, когда закончите, чтобы закрыть Color Picker (Выбор цвета).

Вернувшись в диалоговое окно Стиль слоя, установите для параметра Положение значение Снаружи, чтобы обводка появилась вокруг внешней стороны фигуры. Затем увеличьте значение Size, чтобы отрегулировать толщину обводки. Для моего изображения хорошо подходит размер около 18 px.

Установка положения и размера штриха

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

Результат с обводкой, добавленной вокруг формы

Если обводка вам не нравится, можете отключить ее на панели слоев, нажав на значок видимости рядом со словом Stroke.

Включите или выключите обводку, щелкнув значок видимости

Как удалить фон за фигурой

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

Выключите фоновый слой и слой заливки Solid Color

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

Отключение фонового слоя

А если в предыдущем разделе был добавлен слой заливки Solid Color, щелкните значок видимости, чтобы отключить его.

Отключение слоя заливки сплошным цветом

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

Фон теперь прозрачный

Обрежьте прозрачные пиксели

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

Идем в Изображение Обрезать

В диалоговом окне Обрезка убедитесь, что в верхней части выбран параметр Прозрачные пиксели, а в нижней — Сверху, Снизу, Слева и Справа. Затем нажмите кнопку OK.

Настройки обрезки

Photoshop обрежет области вокруг фигуры.

Окружающие пиксели были обрезаны

Сохраните результат в файле PNG

Наконец, чтобы сохранить результат, поднимитесь в меню Файл и вместо выбора Сохранить или Сохранить как выберите Сохранить копию.

Переходим в Файл Сохранить копию

Сохранить можно на ПК или в облаке.

Выбор опции Сохранить на вашем компьютере

Чтобы сохранить прозрачность фигуры, мы не можем сохранить ее как файл JPEG, поскольку JPEG не поддерживает прозрачность. Вместо этого нам нужно сохранить его как файл PNG. Щелкните поле Save as type box на компьютере с Windows или Format box на Макбуке и выберите PNG.

Установка типа файла в PNG

Затем дайте файлу имя. Я назову его image-in-shape.png.

Имя файла

Перейдите к месту сохранения файла на компьютере. Я сохраню его в той же папке на рабочем столе, где сохранено мое изображение. Затем нажмите кнопку Сохранить.

Нажмите кнопку Сохранить

Наконец, в диалоговом окне Параметры формата PNG выберите внизу опцию Наименьший размер файла и нажмите OK.

Выбор наименьшего размера файла

Вот и все! Загляните в раздел Фотоэффекты в Фотошопе, чтобы найти еще больше уроков по эффектам Photoshop!

Как в фотошопе вставить картинку в выделенную область?

Вставляем второе изображение в выделенную область . Для вставки изображения в область в Photoshop CS6 имеется специальная команда .

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

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

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

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

Как поместить картинку в выделенную область фотошоп?

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

Как вставить изображение в фигуру фотошоп?

0:362:08Рекомендуемый клип · 55 сек.Shape Photo Photoshop. Как вставить фото в фигуру Adobe . YouTubeНачало рекомендуемого клипаКонец рекомендуемого клипа

Как вставить фотографию в круг?

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

Как в фотошопе вставить картинку в выделенную область? Ответы пользователей

Итак, чтобы внедрить картинку №2 в выделенную область картинки №1, перейдите в окно с изображением №1 и клацнете на пункт меню «Редактирование».

Вставка изображения в определённую выделенную область (Фотошоп). Имеем выделенную область. Изображение. мне в пределы этой области надо вставить изображения .

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

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

Теперь копируем выделенную картинку с помощью команды Редактирование . слой вниз в рабочей области Слои. Однако вставленную картинку не будет уже видно.

Чтобы обрезать фото в фотошопе, воспользуйтесь инструментом Рамка (“Crop Tool”). Нажав на «Рамку», вы увидите выделенную область — она будет .

Как в фотошопе вставить картинку на фон, слой или в другую картинку?

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

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

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *