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

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

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

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

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

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

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

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

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

Как создать эффект «Картинка в картинке» в Фотошопе Рисунок 3

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

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

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

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

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

Шаг 4. Отключите малый слой.

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

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

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

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

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

Шаг 6: Добавьте корректирующий слой «Черно-белое».

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 8. Выберите и включите малый слой.

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

Вернувшись на панель слоев, нажмите на маленький слой, чтобы выбрать его:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как создать эффект «Картинка в картинке» в Фотошопе Рисунок 21

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

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

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

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

Как создать эффект «Картинка в картинке» в Фотошопе Рисунок 23

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

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

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

Как создать эффект «Картинка в картинке» в Фотошопе Рисунок 24

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

И выберите Обводку из списка:

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

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

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

Как создать эффект «Картинка в картинке» в Фотошопе Изображение 40

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

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

Положение хода

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Размер мяча

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как создать эффект «картинка в картинке» в фотошопе Изображение 53

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

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

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

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

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

Джессика Таннер

Обновление от 9 января 2025 г.