Этот эффект пользуется интересом пользователей соцсетей так же как и эффект «выход из фото». Он выглядит необычно, словно ожившие объекты на фотографии выходят из экрана смартфона.
Основные навыки, необходимые при создании этого эффекта, это владение инструментами выделения, умение создавать обтравочную маску. Ели это не представляет для вас трудности, значит вы легко справитесь с задачей — создать 3-D эффект всплывающего окна.
Итак, приступаем к работе.
В первую очередь создаем новый файл (у меня размеры: 1734х1024). Затем открываем в программе Photoshop изображение смартфона, открепляем слой (убираем замочек) и перемещаем изображение в новый файл. Растягиваем картинку по размеру файла, размещая смартфон в центре.
На панели слоев выше слоя со смартфоном (слой 2) создаем новый слой, нажав на иконку внизу панели слоев, которая выглядит, как квадратик с загнутым уголком (слой 3).
Стоя на этом слое (слой 3), берем инструмент Прямолинейное лассо и выделяем экран смартфона.

Открываем вкладку Редактирование, выбираем Выполнить заливку. В открывшемся диалоговом окне выбираем цвет белый. Нажимаем ОК.

Стоя на слое 3, вызываем Стиль слоя двойным кликом на слое ЛКМ. В окне Стиль слоя выбираем Внутренняя тень.
Выполняем настройки: непрозрачность — 75%, угол — 0, смещение — 0, стягивание — 0, размер —16. Нажимаем ОК.
Снимаем выделение, нажав клавиши Ctrl+D.

Далее открываем в программе изображение девочки с дельфином. Выделяем девочку и дельфина. Можете пользоваться для этого любым инструментом, удобным для вас.
Я пользуюсь инструментом Перо. Выделенную область выводим на новый слой со слоем маска.
Зажимаем клавишу Shift и кликаем по каждому слою, чтобы активировать их. Теперь инструментом Перемещение перетаскиваем эти оба слоя с зажатой ЛКМ на новый файл, где мы создаем эффект. Снизив непрозрачность слоя, чтобы было видно обе картинки, размещаем изображение с применением Трансформации так, чтобы оно занимало весь экран смартфона.

Выделяем на слой 4 и, удерживая нажатой клавишу Alt, наводим курсор мышки между слоями: слой 4 и слой 3. Когда курсор превратится в квадратик со стрелочкой, нажимаем ЛКМ.
Создается обтравочная маска слоя и изображение девочки с дельфином как бы вставляется в экран смартфона.

Вот и все! Мы с вами сделали это! Мы ответили на вопрос — как создать 3-D эффект всплывающего окна.
Свежие комментарии