Эффект прыжка с экрана в фотошопе

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

Как создать эффект прыжка с экрана

Шаг 1: выберите экран

Откройте свое изображение телевизора или другого аналогичного устройства отображения. Вот изображение, которое я буду использовать:

Нам нужно выбрать сам экран, так как именно в эту область мы поместим второе фото. Экран телевизора состоит не более чем из четырех прямых сторон, поэтому инструмент Photoshop Polygonal Lasso Tool упростит задачу. Я выберу его на панели инструментов. По умолчанию он скрывается за стандартным инструментом Лассо , поэтому я нажму на инструмент Лассо и удерживаю кнопку мыши нажатой, пока не появится всплывающее меню, а затем выберу инструмент Polygonal Lasso Tool из списка:

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

Шаг 2. Откройте фотографию, которая появится внутри экрана.

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

Шаг 3: скопируйте изображение в буфер обмена

Нажмите Ctrl + A (Победа) / Command + A (Mac) на клавиатуре, чтобы быстро выбрать все изображение. Вокруг него появится контур выбора. Затем нажмите Ctrl + C (Победа) / Command + C (Mac), чтобы скопировать изображение в буфер обмена.

Шаг 4: Вставь фотографию на экран

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

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

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

Шаг 5: выключи маску слоя

Удерживая нажатой клавишу Shift, щелкните непосредственно на миниатюре предварительного просмотра маски слоя на панели «Слои»:

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

Шаг 6: понизь непрозрачность слоя

Через мгновение мы собираемся переместить изображение именно там, где оно нам нужно, перед телевизором. Конечно, было бы полезно, если бы мы могли видеть телевизор, пока мы это делаем, поэтому давайте снизим непрозрачность слоя. Вы найдете опцию непрозрачности в верхней части панели слоев. По умолчанию установлено 100%. Опустите его примерно до 60%:

С уменьшенной непрозрачностью телевизор становится видимым через фотографию перед ним:

Шаг 7: измените размер и переместите изображение со свободным преобразованием

Нажмите Ctrl + T (Победа) / Command + T (Mac) на клавиатуре, чтобы быстро открыть окно « Свободное преобразование» в Photoshop и обвести его вокруг изображения, затем перемещать и / или изменять его размер по мере необходимости, чтобы он отображался там, где вы хотите, перед экран. Чтобы переместить изображение, щелкните в любом месте внутри границ поля «Свободное преобразование» и, удерживая нажатой кнопку мыши, перетащите изображение внутри документа. Не нажимайте на маленький целевой символ в центре, иначе вы переместите целевой символ, а не изображение. Чтобы изменить размер изображения, удерживайте нажатой клавишу Shift и перетащите любой угловой маркер(маленькие квадраты). Удерживание клавиши Shift при перетаскивании ограничит форму изображения, поэтому вы не будете растягивать и искажать его при изменении его размера.

В моем случае я собираюсь немного увеличить свое изображение, чтобы большая часть головы воднолыжника располагалась над телевизионным экраном, а передняя часть самой водной лыжи выступает за правую сторону экрана. Это две области, которые я сейчас буду использовать, чтобы создать иллюзию того, что водные лыжи выпрыгивают из телевизора. Когда вы закончите, нажмите Enter (Win) / Return (Mac), чтобы принять изменения и выйти из команды Free Transform:

Шаг 8: выберите области, которые будут расширяться за пределы экрана

Используйте ваш любимый инструмент выделения ( Lasso Tool , Pen Tool и т. Д.), Чтобы выбрать области изображения, которые будут выходить за границы экрана. Как я уже упоминал, я хочу, чтобы верхняя часть гидроцикла и передняя часть гидроцикла выглядели так, как будто они высовываются из телевизора, поэтому мне нужно выбрать эти две области. Нет необходимости выбирать что-либо, что уже помещается внутри экрана, поскольку маска слоя уже включает эти области. Все, что нам нужно выбрать, это области, которые будут выходить за его пределы. Когда вы закончите, вы должны увидеть контуры выделения вокруг областей:

Шаг 9: снова включите маску слоя и установите непрозрачность обратно на 100%

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

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

Шаг 10: выберите маску слоя

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

Шаг 11: заполни выбор белыми

Поднимитесь в меню Edit в верхней части экрана и выберите команду Fill :

Нажмите кнопку ОК, чтобы выйти из диалогового окна «Заливка», и Photoshop заполнит выделенные области маски слоя белым. Нажмите Ctrl + D (Победа) / Command + D (Mac), чтобы удалить контуры выделения, поскольку мы знаем, что они больше не нужны. Если мы снова посмотрим на миниатюру предварительного просмотра маски слоя, то увидим новые области, заполненные белым цветом, выходящие за пределы исходной формы экрана:

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