Как создать эффект «картинка в картинке» в Photoshop

Зарегистрируйтесь и зарабатывайте 1000$ в день ⋙

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

Шаг 1: Откройте фотографию.

Начните с открытия фотографии.

Как создать эффект «картинка в картинке» в Photoshop
Исходное изображение будет использовано в эффекте «Картинка в картинке».

Шаг 2: Создайте копию фонового слоя.

На панели «Слои» изображение откроется на слое «Фон»:

Как создать эффект «картинка в картинке» в Photoshop
Панель слоев Photoshop отображает исходное изображение на фоновом слое.

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

Как создать эффект «картинка в картинке» в Photoshop
Перетащите фоновый слой на значок «Добавить новый слой».

Копия отображается над оригиналом:

Как создать эффект «картинка в картинке» в Photoshop
Дубликат слоя появится над исходным фоновым слоем.

Шаг 3: Переименуйте копию в Small.

Копия будет использована для создания меньшего изображения внутри большего изображения. Поэтому дважды щелкните по имени фоновой копии и переименуйте слой в «Маленький». Нажмите Enter (Win) / Return (Mac) на клавиатуре, чтобы принять:

Как создать эффект «картинка в картинке» в Photoshop
Переименуйте слой в Маленький.

Шаг 4: Отключите слой «Малый»

Сейчас нам не нужен слой Small, поэтому отключите его, нажав на значок его видимости:

Как создать эффект «картинка в картинке» в Photoshop
Щелкните значок видимости слоя «Маленький».

Шаг 5: Выберите фоновый слой.

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

Как создать эффект «картинка в картинке» в Photoshop
Выберите фоновый слой на панели слоев Photoshop.

Шаг 6: Добавьте черно-белый корректирующий слой

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

Как создать эффект «картинка в картинке» в Photoshop
Щелкните значок «Новый слой-заливка» или «Корректирующий слой» на панели «Слои» в Photoshop.

И выберите из списка корректирующий слой «Черно-белый» :

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

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

Как создать эффект «картинка в картинке» в Photoshop
Поверх фонового слоя добавляется черно-белый корректирующий слой.

И изображение мгновенно преобразуется в черно-белое:

Как создать эффект «картинка в картинке» в Photoshop
Результат после добавления корректирующего слоя «Черно-белый».

Шаг 7: Нажмите кнопку «Авто».

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

Как создать эффект «картинка в картинке» в Photoshop
Перетащите ползунки цвета для корректирующего слоя «Черно-белый» на панели «Свойства».

Но поскольку эффект на самом деле действует только на фон и будет в основном скрыт меньшим изображением, нажатие кнопки «Авто» даст вам достаточно хорошие результаты:

Как создать эффект «картинка в картинке» в Photoshop
Нажмите кнопку «Авто».

Шаг 8: Выберите и включите слой «Малый»

Теперь мы создадим внутри исходного изображения меньшее полноцветное изображение.

Вернувшись на панель слоев, щелкните по слою «Маленький», чтобы выбрать его:

Как создать эффект «картинка в картинке» в Photoshop
Выберите слой «Малый» на панели слоев Photoshop.

Затем щелкните значок видимости слоя, чтобы снова включить его:

Как создать эффект «картинка в картинке» в Photoshop
Включите слой «Малый».

Цветная версия изображения появится снова:

Как создать эффект «картинка в картинке» в Photoshop
Результат после включения малого слоя.

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

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

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

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

На панели параметров убедитесь, что режим инструмента установлен на «Форма» , а не на «Контур» или «Пиксели»:

Как создать эффект «картинка в картинке» в Photoshop
Установите режим инструмента на «Форма».

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

Установите черный цвет фигуры, если это еще не сделано. Цвет не имеет особого значения, но черный цвет легко увидеть, когда мы рисуем фигуры.

Нажмите на образец цвета заливки :

Как создать эффект «картинка в картинке» в Photoshop
Щелкните образец цвета «Заливка» на панели параметров Photoshop.

Затем щелкните значок «Палитра цветов» в правом верхнем углу диалогового окна:

Как создать эффект «картинка в картинке» в Photoshop
Щелкните значок «Палитра цветов», чтобы выбрать цвет для фигуры.

И выберите черный цвет в палитре цветов, установив значения R, G и B на 0. Затем нажмите кнопку «ОК» , чтобы закрыть палитру цветов:

Как создать эффект «картинка в картинке» в Photoshop
Выберите черный цвет в палитре цветов Photoshop.

Шаг 12: Отключите обводку вокруг фигур.

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

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

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

Как создать эффект «картинка в картинке» в Photoshop
Выберите опцию «Нет цвета» для обводки.

Шаг 13: Нарисуйте форму вокруг основного объекта.

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

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

Как создать эффект «картинка в картинке» в Photoshop
Нарисуйте прямоугольник вокруг основного объекта фотографии.

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

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

Как усовершенствовать форму

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

Как создать эффект «картинка в картинке» в Photoshop
Отпустите кнопку мыши, чтобы завершить форму.

Шаг 14: При необходимости измените размер фигуры.

Поскольку фигура полностью закрывает изображение за ней, трудно сказать, нарисована ли фигура именно там, где она нам нужна. Чтобы увидеть изображение сквозь фигуру, уменьшите непрозрачность слоя фигуры на панели «Слои» до 50%. Быстрый способ — нажать цифру 5 на клавиатуре:

Как создать эффект «картинка в картинке» в Photoshop
Уменьшите непрозрачность фигуры до 50% на панели слоев Photoshop.

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

Как создать эффект «картинка в картинке» в Photoshop
Измените размер фигуры, перетаскивая маркеры.

Сбросить непрозрачность фигуры до 100%

Закончив изменение размера фигуры, сбросьте непрозрачность слоя фигуры на панели «Слои» до 100%, нажав клавишу 0 на клавиатуре. Форма снова закроет изображение:

Как создать эффект «картинка в картинке» в Photoshop
Сбросьте непрозрачность слоя формы до 100%.

Шаг 15: Перетащите слой «Маленький» над фигурой.

Далее мы поместим изображение на слой Small в форму. На панели «Слои» фигура теперь находится над изображением:

Как создать эффект «картинка в картинке» в Photoshop
Панель слоев Photoshop отображает слой-фигуру над изображением.

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

Как создать эффект «картинка в картинке» в Photoshop
Перетащите слой изображения над слоем фигуры.

Отпустите кнопку мыши, чтобы переместить слой Small на место:

Как создать эффект «картинка в картинке» в Photoshop
Изображение перемещено над слоем формы.

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

Как создать эффект «картинка в картинке» в Photoshop
В настоящее время фотография закрывает фигуру под ней.

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

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

Как создать эффект «картинка в картинке» в Photoshop
Щелкните значок меню панели «Слои».

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

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

Photoshop врезает изображение на слое Small в слой-фигуру, расположенный под ним:

Как создать эффект «картинка в картинке» в Photoshop
Панель слоев Photoshop показывает слой изображения, прикрепленный к слою Small.

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

Как создать эффект «картинка в картинке» в Photoshop
Результат после вставки слоя Small в слой Shape.

Шаг 17: Выберите слой с фигурой.

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

На панели «Слои» выберите слой-фигуру:

Как создать эффект «картинка в картинке» в Photoshop
Выберите слой-фигуру на панели слоев Photoshop.

Шаг 18: Добавьте белые обводки вокруг фигуры.

Затем нажмите на значок эффектов слоя (значок «fx») внизу:

Как создать эффект «картинка в картинке» в Photoshop
Щелкните значок эффектов слоя на панели «Слои» в Photoshop.

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

Как создать эффект «картинка в картинке» в Photoshop
Добавьте к фигуре эффект слоя «Обводка».

Цветной штрих

В диалоговом окне «Стиль слоя» измените цвет обводки, щелкнув образец цвета:

Как создать эффект «картинка в картинке» в Photoshop
Щелкните образец цвета «Обводка» в диалоговом окне «Стиль слоя» Photoshop.

А в палитре цветов выберите белый цвет, установив значения R, G и B на 255. Затем нажмите кнопку «ОК» , чтобы закрыть палитру цветов:

Как создать эффект «картинка в картинке» в Photoshop
Выберите белый цвет в палитре цветов.

Положение инсульта

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

Как создать эффект «картинка в картинке» в Photoshop
Установите положение штриха на «Внутри».

Размер штриха

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

Как создать эффект «картинка в картинке» в Photoshop
Используйте ползунок «Размер», чтобы задать размер границы.

А вот эффект с меньшей рамкой вокруг изображения:

Как создать эффект «картинка в картинке» в Photoshop
Эффект с добавленной рамкой.

Шаг 19: Добавьте тень

Чтобы добавить тень позади изображения, щелкните параметр « Тень» в столбце вертикальных эффектов слева от диалогового окна «Стиль слоя»:

Как создать эффект «картинка в картинке» в Photoshop
Выберите эффект «Тень»

Угол и расстояние тени

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

Как создать эффект «картинка в картинке» в Photoshop
Перетащите тень вниз и вправо от изображения.

Или вы можете ввести конкретные значения угла и расстояния в диалоговом окне. В этом примере угол будет установлен на 135 градусов, а расстояние — на 50 пикселей. Вам может потребоваться меньшее или большее значение расстояния в зависимости от вашего изображения:

Как создать эффект «картинка в картинке» в Photoshop
Введите конкретные значения угла и расстояния.

Размер мяча

Значение размера управляет мягкостью или непрозрачностью краев тени. В примере будет установлено значение 15 пикселей:

Как создать эффект «картинка в картинке» в Photoshop
Смягчите края тени, увеличив размер.

Непрозрачность тени

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

Как создать эффект «картинка в картинке» в Photoshop
Оставьте непрозрачность тени на уровне по умолчанию.

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

Как создать эффект «картинка в картинке» в Photoshop
Эффект «картинка в картинке» с рамкой и тенью, добавленными к меньшей фотографии.

Шаг 20: Поверните фигуру.

Наконец, вы можете добавить немного интересности эффекту, вращая фигуру вокруг объекта.

На панели «Слои» убедитесь, что слой «Фигура» активен:

Как создать эффект «картинка в картинке» в Photoshop
Выберите слой-фигуру на панели слоев Photoshop.

А пока инструмент «Прямоугольник» все еще активен на панели инструментов, наведите указатель мыши на одну из точек захвата фигуры. Курсор изменится на значок поворота (изогнутая линия со стрелками на обоих концах):

Как создать эффект «картинка в картинке» в Photoshop
Наведите указатель мыши на ручку, чтобы увидеть значок поворота.

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

Как создать эффект «картинка в картинке» в Photoshop
Поверните маленькую фотографию вокруг основного объекта.

Шаг 21: Внесите окончательные изменения в размер фигуры.

Убедитесь, что повернутая фигура не обрезает части объекта, и при необходимости измените размер фигуры, перетаскивая маркеры.

Закончив, скройте границу и маркеры вокруг фигуры, нажав Enter (Win) / Return (Mac) на клавиатуре.

А вот, после растягивания нижней части фигуры, чтобы не обрезать часть большого пальца женщины, получается окончательный эффект «картинка в картинке»:

Как создать эффект «картинка в картинке» в Photoshop
Окончательный результат.
Sign up and earn $1000 a day ⋙

Leave a Comment

Какой ИИ-инструмент для удаления фона на фотографиях является лучшим?

Какой ИИ-инструмент для удаления фона на фотографиях является лучшим?

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

Как правильно изменить размер изображений в Photoshop

Как правильно изменить размер изображений в Photoshop

Многих людей раздражало изменение размера изображений, пока они не узнали о простом методе защиты Photoshop на основе каналов.

Как создать эффект постера для фотографий в Photoshop

Как создать эффект постера для фотографий в Photoshop

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

6 инструментов для редактирования фотографий на базе искусственного интеллекта, которые лучше Photoshop

6 инструментов для редактирования фотографий на базе искусственного интеллекта, которые лучше Photoshop

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

Как создать монохромный цветовой эффект в Photoshop

Как создать монохромный цветовой эффект в Photoshop

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

Почему Lens Blur — это инструмент Photoshop, используемый для художественного редактирования фотографий?

Почему Lens Blur — это инструмент Photoshop, используемый для художественного редактирования фотографий?

Инструмент Lens Blur от Adobe упрощает просмотр фотографий, добавляя им глубины и фокусировки.

Почему для большинства фотографов использование Lightroom и Photoshop одновременно является излишеством?

Почему для большинства фотографов использование Lightroom и Photoshop одновременно является излишеством?

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

5 причин, почему генеративное рабочее пространство Photoshop — лучшая функция Adobe

5 причин, почему генеративное рабочее пространство Photoshop — лучшая функция Adobe

Generative Workspace — одна из главных функций ИИ, анонсированных на Adobe Max 2024. Она станет новым домом для ваших изображений и файлов Generative AI.

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

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

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

Как быстро размыть изображение до фонового цвета в Photoshop с помощью живых градиентов

Как быстро размыть изображение до фонового цвета в Photoshop с помощью живых градиентов

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

Причины использовать функцию браузера шрифтов в Photoshop

Причины использовать функцию браузера шрифтов в Photoshop

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

Новый инструмент ИИ в Photoshop позволяет легко удалить блики на окнах

Новый инструмент ИИ в Photoshop позволяет легко удалить блики на окнах

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

Как создать эффект винтажного 3D-фильма в Photoshop

Как создать эффект винтажного 3D-фильма в Photoshop

Воссоздайте вид классических 3D-фильмов 1950-х годов с помощью этого быстрого и простого эффекта Photoshop!

Как использовать Google Фото, чтобы исправить закрытые глаза

Как использовать Google Фото, чтобы исправить закрытые глаза

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

Разница между обычным телевизором и Smart TV

Разница между обычным телевизором и Smart TV

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

Почему в морозильной камере нет подсветки, а в холодильнике есть?

Почему в морозильной камере нет подсветки, а в холодильнике есть?

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

2 способа устранения перегрузки сети, которая замедляет Wi-Fi

2 способа устранения перегрузки сети, которая замедляет Wi-Fi

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

Как перейти с iOS 17 на iOS 16 без потери данных с помощью Tenorshare Reiboot

Как перейти с iOS 17 на iOS 16 без потери данных с помощью Tenorshare Reiboot

Если вы хотите вернуться к стабильной версии iOS 16 на своем телефоне, вот базовое руководство по удалению iOS 17 и понижению версии с iOS 17 до 16.

Что происходит с организмом, если вы едите йогурт каждый день?

Что происходит с организмом, если вы едите йогурт каждый день?

Йогурт — замечательная еда. Полезно ли есть йогурт каждый день? Как изменится ваше тело, если вы будете есть йогурт каждый день? Давайте узнаем вместе!

Какой вид риса лучше всего подходит для здоровья?

Какой вид риса лучше всего подходит для здоровья?

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

Как просыпаться вовремя утром

Как просыпаться вовремя утром

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

Советы по игре Rent Please! Симулятор арендодателя для новичков

Советы по игре Rent Please! Симулятор арендодателя для новичков

Арендуйте, пожалуйста! Landlord Sim — мобильная игра-симулятор для iOS и Android. Вы будете играть за владельца жилого комплекса и начнете сдавать квартиры в аренду, чтобы улучшить интерьер своих апартаментов и подготовить их к приему арендаторов.

Последние коды защиты башни в ванной и как вводить коды

Последние коды защиты башни в ванной и как вводить коды

Получите игровой код Bathroom Tower Defense Roblox и обменяйте его на потрясающие награды. Они помогут вам улучшить или разблокировать башни с более высоким уроном.

Конструкция, обозначения и принципы работы трансформаторов

Конструкция, обозначения и принципы работы трансформаторов

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

4 способа, которыми ИИ делает умные телевизоры лучше

4 способа, которыми ИИ делает умные телевизоры лучше

От лучшего качества изображения и звука до голосового управления и многого другого — эти функции на базе искусственного интеллекта делают смарт-телевизоры намного лучше!

Почему ChatGPT лучше DeepSeek

Почему ChatGPT лучше DeepSeek

Поначалу люди возлагали большие надежды на DeepSeek. Как ИИ-чат-бот, позиционируемый как серьезный конкурент ChatGPT, он обещает интеллектуальные возможности и возможности чата.

Встречайте Fireflies.ai: бесплатный секретарь на базе искусственного интеллекта, который сэкономит вам часы работы

Встречайте Fireflies.ai: бесплатный секретарь на базе искусственного интеллекта, который сэкономит вам часы работы

Легко упустить важные детали, записывая другие важные вещи, а попытки делать заметки во время общения могут отвлекать. Решение — Fireflies.ai.

Как вырастить Аксолотля Майнкрафт, приручить Саламандру Майнкрафт

Как вырастить Аксолотля Майнкрафт, приручить Саламандру Майнкрафт

Аксолот в Minecraft станет отличным помощником для игроков при действиях под водой, если они знают, как им пользоваться.

A Quiet Place: The Road Ahead Конфигурация игры для ПК

A Quiet Place: The Road Ahead Конфигурация игры для ПК

Конфигурация A Quiet Place: The Road Ahead имеет довольно высокий рейтинг, поэтому вам нужно будет рассмотреть ее перед принятием решения о загрузке.