Home
» Wiki
»
Как создать эффект «картинка в картинке» в Photoshop
Как создать эффект «картинка в картинке» в Photoshop
Зарегистрируйтесь и зарабатывайте 1000$ в день ⋙
В этом уроке вы узнаете, как создать классный эффект «картинка в картинке» с помощью Adobe Photoshop, взяв одну фотографию и создав иллюзию того, что внутри нее находится уменьшенная, обрезанная версия той же фотографии. Мы обрежем и повернем меньшее изображение вокруг основного объекта, добавим рамку и тень, чтобы выделить его, и, наконец, преобразуем исходное изображение за ним в черно-белое.
Шаг 1: Откройте фотографию.
Начните с открытия фотографии.
Исходное изображение будет использовано в эффекте «Картинка в картинке».
Шаг 2: Создайте копию фонового слоя.
На панели «Слои» изображение откроется на слое «Фон»:
Панель слоев Photoshop отображает исходное изображение на фоновом слое.
Создайте копию изображения, перетащив фоновый слой вниз к значку «Добавить новый слой» :
Перетащите фоновый слой на значок «Добавить новый слой».
Копия отображается над оригиналом:
Дубликат слоя появится над исходным фоновым слоем.
Шаг 3: Переименуйте копию в Small.
Копия будет использована для создания меньшего изображения внутри большего изображения. Поэтому дважды щелкните по имени фоновой копии и переименуйте слой в «Маленький». Нажмите Enter (Win) / Return (Mac) на клавиатуре, чтобы принять:
Переименуйте слой в Маленький.
Шаг 4: Отключите слой «Малый»
Сейчас нам не нужен слой Small, поэтому отключите его, нажав на значок его видимости:
Щелкните значок видимости слоя «Маленький».
Шаг 5: Выберите фоновый слой.
Прежде чем создать уменьшенную версию изображения, мы преобразуем исходное изображение в черно-белое. Щелкните по слою «Фон», чтобы выбрать его:
Выберите фоновый слой на панели слоев Photoshop.
Шаг 6: Добавьте черно-белый корректирующий слой
Затем щелкните значок «Новый слой заливки или корректирующего слоя» в нижней части панели «Слои»:
Щелкните значок «Новый слой-заливка» или «Корректирующий слой» на панели «Слои» в Photoshop.
И выберите из списка корректирующий слой «Черно-белый» :
Корректирующий слой появляется между фоновым слоем и маленьким слоем. Это означает, что он повлияет только на фоновый слой, расположенный под ним, но не на малый слой, расположенный над ним:
И изображение мгновенно преобразуется в черно-белое:
Результат после добавления корректирующего слоя «Черно-белый».
Шаг 7: Нажмите кнопку «Авто».
Элементы управления для корректирующего слоя «Черно-белый» отображаются на панели «Свойства» Photoshop. Вы можете точно настроить преобразование в черно-белое изображение, перетаскивая отдельные ползунки цветов (красный, желтый, зеленый и т. д.), чтобы отрегулировать яркость различных частей изображения на основе их исходного цвета:
Перетащите ползунки цвета для корректирующего слоя «Черно-белый» на панели «Свойства».
Но поскольку эффект на самом деле действует только на фон и будет в основном скрыт меньшим изображением, нажатие кнопки «Авто» даст вам достаточно хорошие результаты:
Нажмите кнопку «Авто».
Шаг 8: Выберите и включите слой «Малый»
Теперь мы создадим внутри исходного изображения меньшее полноцветное изображение.
Вернувшись на панель слоев, щелкните по слою «Маленький», чтобы выбрать его:
Выберите слой «Малый» на панели слоев Photoshop.
Затем щелкните значок видимости слоя, чтобы снова включить его:
Включите слой «Малый».
Цветная версия изображения появится снова:
Результат после включения малого слоя.
Шаг 9: Выберите инструмент «Прямоугольник»
На панели инструментов выберите инструмент «Прямоугольник». Не выбирайте инструмент «Прямоугольная область» вверху, поскольку это инструмент выделения. Выберите инструмент «Прямоугольник», один из инструментов создания фигур в Photoshop:
Выберите инструмент «Прямоугольник» на панели инструментов Photoshop.
Шаг 10: Установите режим инструмента на «Форма»
На панели параметров убедитесь, что режим инструмента установлен на «Форма» , а не на «Контур» или «Пиксели»:
Установите режим инструмента на «Форма».
Шаг 11: Установите черный цвет фигуры.
Установите черный цвет фигуры, если это еще не сделано. Цвет не имеет особого значения, но черный цвет легко увидеть, когда мы рисуем фигуры.
Нажмите на образец цвета заливки :
Щелкните образец цвета «Заливка» на панели параметров Photoshop.
Затем щелкните значок «Палитра цветов» в правом верхнем углу диалогового окна:
Щелкните значок «Палитра цветов», чтобы выбрать цвет для фигуры.
И выберите черный цвет в палитре цветов, установив значения R, G и B на 0. Затем нажмите кнопку «ОК» , чтобы закрыть палитру цветов:
Выберите черный цвет в палитре цветов Photoshop.
Шаг 12: Отключите обводку вокруг фигур.
По умолчанию Photoshop добавляет вокруг фигуры черную обводку шириной в 1 пиксель, а нам это не нужно. Итак, нажмите на образец цвета обводки :
Щелкните образец цвета обводки на панели параметров.
Затем нажмите на значок «Нет цвета» в верхнем левом углу. Нажмите Enter (Win) / Return (Mac), чтобы закрыть диалоговое окно:
Выберите опцию «Нет цвета» для обводки.
Шаг 13: Нарисуйте форму вокруг основного объекта.
Нарисуйте прямоугольник вокруг основного объекта. Фигура станет уменьшенной версией изображения, поэтому обязательно оберните ею все, что появится внутри нее.
Щелкните верхний левый угол объекта, чтобы задать начальную точку фигуры. Затем, удерживая кнопку мыши, перетащите ее в правый нижний угол. При перетаскивании отображается только контур фигуры:
Нарисуйте прямоугольник вокруг основного объекта фотографии.
Как изменить положение фигур
Чтобы изменить положение фигуры во время рисования, удерживайте кнопку мыши, а затем нажмите и удерживайте клавишу пробела на клавиатуре. Перетащите фигуру в нужное место, затем отпустите пробел и продолжайте перетаскивать остальную часть фигуры.
Как усовершенствовать форму
Когда вы закончите рисовать форму, отпустите кнопку мыши, и в этот момент Photoshop заполнит ее черным цветом:
Отпустите кнопку мыши, чтобы завершить форму.
Шаг 14: При необходимости измените размер фигуры.
Поскольку фигура полностью закрывает изображение за ней, трудно сказать, нарисована ли фигура именно там, где она нам нужна. Чтобы увидеть изображение сквозь фигуру, уменьшите непрозрачность слоя фигуры на панели «Слои» до 50%. Быстрый способ — нажать цифру 5 на клавиатуре:
Уменьшите непрозрачность фигуры до 50% на панели слоев Photoshop.
Затем щелкните и перетащите любой из маркеров вокруг фигуры, чтобы изменить ее размер по мере необходимости:
Измените размер фигуры, перетаскивая маркеры.
Сбросить непрозрачность фигуры до 100%
Закончив изменение размера фигуры, сбросьте непрозрачность слоя фигуры на панели «Слои» до 100%, нажав клавишу 0 на клавиатуре. Форма снова закроет изображение:
Сбросьте непрозрачность слоя формы до 100%.
Шаг 15: Перетащите слой «Маленький» над фигурой.
Далее мы поместим изображение на слой Small в форму. На панели «Слои» фигура теперь находится над изображением:
Панель слоев Photoshop отображает слой-фигуру над изображением.
Нам нужно, чтобы изображение располагалось над формой. Итак, нажмите на слой «Маленький» и перетащите его над слоем с фигурой. Когда над слоем с фигурой появится синяя подсветка:
Перетащите слой изображения над слоем фигуры.
Отпустите кнопку мыши, чтобы переместить слой Small на место:
Изображение перемещено над слоем формы.
А в документе изображение теперь закрывает вид фигуры:
В настоящее время фотография закрывает фигуру под ней.
Шаг 16: Создайте обтравочную маску
Чтобы поместить изображение в фигуру, щелкните значок меню панели «Слои»:
Щелкните значок меню панели «Слои».
И выберите Создать обтравочную маску:
Выберите команду «Создать обтравочную маску».
Photoshop врезает изображение на слое Small в слой-фигуру, расположенный под ним:
Панель слоев Photoshop показывает слой изображения, прикрепленный к слою Small.
И теперь полноцветное изображение появляется только в границах фигуры, в то время как черно-белая версия на фоновом слое снова появляется вокруг нее:
Результат после вставки слоя Small в слой Shape.
Шаг 17: Выберите слой с фигурой.
Чтобы выделить небольшие изображения, добавьте белую рамку и тень. Начнем с границы.
На панели «Слои» выберите слой-фигуру:
Выберите слой-фигуру на панели слоев Photoshop.
Шаг 18: Добавьте белые обводки вокруг фигуры.
Затем нажмите на значок эффектов слоя (значок «fx») внизу:
Щелкните значок эффектов слоя на панели «Слои» в Photoshop.
И выберите Stroke из списка:
Добавьте к фигуре эффект слоя «Обводка».
Цветной штрих
В диалоговом окне «Стиль слоя» измените цвет обводки, щелкнув образец цвета:
Щелкните образец цвета «Обводка» в диалоговом окне «Стиль слоя» Photoshop.
А в палитре цветов выберите белый цвет, установив значения R, G и B на 255. Затем нажмите кнопку «ОК» , чтобы закрыть палитру цветов:
Выберите белый цвет в палитре цветов.
Положение инсульта
Вернитесь в диалоговое окно «Стиль слоя» и убедитесь, что для параметра «Положение обводки» установлено значение « Внутри» , чтобы углы границы оставались аккуратными и четкими:
Установите положение штриха на «Внутри».
Размер штриха
Затем перетащите ползунок «Размер» , чтобы задать ширину границы. Необходимый вам размер будет зависеть от вашего изображения. В этом примере размер изображения будет установлен на 40 пикселей:
Используйте ползунок «Размер», чтобы задать размер границы.
А вот эффект с меньшей рамкой вокруг изображения:
Эффект с добавленной рамкой.
Шаг 19: Добавьте тень
Чтобы добавить тень позади изображения, щелкните параметр « Тень» в столбце вертикальных эффектов слева от диалогового окна «Стиль слоя»:
Выберите эффект «Тень»
Угол и расстояние тени
Затем щелкните и перетащите курсор внутри изображения, чтобы задать угол и расстояние тени. В этом примере мы перетаскиваем вниз и вправо так, чтобы источник света для тени появился из верхнего левого угла:
Перетащите тень вниз и вправо от изображения.
Или вы можете ввести конкретные значения угла и расстояния в диалоговом окне. В этом примере угол будет установлен на 135 градусов, а расстояние — на 50 пикселей. Вам может потребоваться меньшее или большее значение расстояния в зависимости от вашего изображения:
Введите конкретные значения угла и расстояния.
Размер мяча
Значение размера управляет мягкостью или непрозрачностью краев тени. В примере будет установлено значение 15 пикселей:
Смягчите края тени, увеличив размер.
Непрозрачность тени
Вы также можете отрегулировать интенсивность тени (насколько светлой или темной она будет), перетаскивая ползунок «Непрозрачность» . Но в примере будет оставлено значение по умолчанию 35%:
Оставьте непрозрачность тени на уровне по умолчанию.
По завершении нажмите кнопку «ОК» , чтобы закрыть диалоговое окно «Стиль слоя». А вот эффект с рамкой и тенью, добавленными к меньшему изображению. Осталось сделать еще одно:
Эффект «картинка в картинке» с рамкой и тенью, добавленными к меньшей фотографии.
Шаг 20: Поверните фигуру.
Наконец, вы можете добавить немного интересности эффекту, вращая фигуру вокруг объекта.
На панели «Слои» убедитесь, что слой «Фигура» активен:
Выберите слой-фигуру на панели слоев Photoshop.
А пока инструмент «Прямоугольник» все еще активен на панели инструментов, наведите указатель мыши на одну из точек захвата фигуры. Курсор изменится на значок поворота (изогнутая линия со стрелками на обоих концах):
Наведите указатель мыши на ручку, чтобы увидеть значок поворота.
Затем щелкните и перетащите, чтобы повернуть фигуру. Изображение внутри фигуры останется на месте. Только эта фигура вместе с ее контуром и тенью будет вращаться, из-за чего фотография будет выглядеть так, будто она сделана под углом:
Поверните маленькую фотографию вокруг основного объекта.
Шаг 21: Внесите окончательные изменения в размер фигуры.
Убедитесь, что повернутая фигура не обрезает части объекта, и при необходимости измените размер фигуры, перетаскивая маркеры.
Закончив, скройте границу и маркеры вокруг фигуры, нажав Enter (Win) / Return (Mac) на клавиатуре.
А вот, после растягивания нижней части фигуры, чтобы не обрезать часть большого пальца женщины, получается окончательный эффект «картинка в картинке»: