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

В этом уроке вы узнаете, как создать классный эффект «картинка в картинке» с помощью 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
Окончательный результат.

Оставить комментарий

Втянет ли Европа в гипотетическую ядерную войну между США, Израилем и Ираном? Объяснение правил НАТО.

Втянет ли Европа в гипотетическую ядерную войну между США, Израилем и Ираном? Объяснение правил НАТО.

Руководство по статьям 4 и 5 НАТО, правилам самообороны ООН и объяснение того, почему консультации не означают автоматического вступления Европы в войну.

Может ли Иран уже обладать ядерным оружием? Как интерпретировать доказательства.

Может ли Иран уже обладать ядерным оружием? Как интерпретировать доказательства.

Оцените утверждения об Иране в шесть этапов, различая обогащение урана, разработку оружия и подтвержденное обладание им.

Ядерные структуры США и Израиля: что на самом деле объясняют общедоступные источники.

Ядерные структуры США и Израиля: что на самом деле объясняют общедоступные источники.

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

Ормузский пролив в 2026 году: что говорят официальные источники о перебоях в судоходстве.

Ормузский пролив в 2026 году: что говорят официальные источники о перебоях в судоходстве.

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

Может ли гипотетический ядерный удар США и Израиля по Ирану привести к Третьей мировой войне?

Может ли гипотетический ядерный удар США и Израиля по Ирану привести к Третьей мировой войне?

Основанное на источниках руководство по рискам ядерной эскалации, правилам Устава ООН и статье 5 НАТО в строго гипотетическом сценарии с Ираном.

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

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

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

Как оценить киберугрозы, не предполагая Третью мировую войну: пошаговое руководство из 5 шагов.

Как оценить киберугрозы, не предполагая Третью мировую войну: пошаговое руководство из 5 шагов.

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

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

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

Сколько времени может потребоваться Земле для восстановления после гипотетической ядерной войны?

Сколько времени может потребоваться Земле для восстановления после гипотетической ядерной войны?

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

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

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

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