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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Размер мяча

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

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

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

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

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

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

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

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

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

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

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

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

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