5
(2)

Этот эффект пользуется интересом пользователей соцсетей так же как и эффект «выход из фото». Он выглядит необычно, словно ожившие объекты на фотографии выходят из экрана смартфона.

Основные навыки, необходимые при создании этого эффекта, это владение инструментами выделения, умение создавать обтравочную маску. Ели это не представляет для вас трудности, значит вы легко справитесь с задачей — создать 3-D эффект всплывающего окна.

Итак, приступаем к работе.
В первую очередь создаем новый файл (у меня размеры: 1734х1024). Затем открываем в программе Photoshop изображение смартфона, открепляем слой (убираем замочек) и перемещаем изображение в новый файл. Растягиваем картинку по размеру файла, размещая смартфон в центре.

На панели слоев выше слоя со смартфоном (слой 2) создаем новый слой, нажав на иконку внизу панели слоев, которая выглядит, как квадратик с загнутым уголком (слой 3).
Стоя на этом слое (слой 3), берем инструмент Прямолинейное лассо и выделяем экран смартфона.

Как создать 3-D эффект всплывающего окна в программе Photoshop

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

Как создать 3-D эффект всплывающего окна в программе Photoshop


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

Как создать 3-D эффект всплывающего окна в программе Photoshop

Далее открываем в программе изображение девочки с дельфином. Выделяем девочку и дельфина. Можете пользоваться для этого любым инструментом, удобным для вас.
Я пользуюсь инструментом Перо. Выделенную область выводим на новый слой со слоем маска.

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

Как создать 3-D эффект всплывающего окна в программе Photoshop

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

Как создать 3-D эффект всплывающего окна в программе Photoshop

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

Подписывайтесь на наши социальные сети:

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 2

Оценок пока нет. Поставьте оценку первым.