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

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

Чтобы создать этот эффект, вам понадобится фотография телевизора, монитора компьютера, мобильного телефона или чего-либо подобного (быстрый поиск в Google предоставит вам большой выбор), и вам понадобится фотография с человеком или объектом, который будет выпрыгивать из экрана. В этом уроке я буду использовать Photoshop CS5, но любая последняя версия Photoshop будет работать.


Вот эффект, для которого мы собираемся:

Водный мотоцикл прыгает с экрана телевизора.

Кому нужен дорогой 3D-телевизор, когда у вас есть Photoshop!

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

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

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

Телевизионный экран ..

Любое устройство с экраном (телевизор, монитор, мобильный телефон и т. Д.) Будет работать.

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

Выберите инструмент Polygonal Lasso Tool на панели «Инструменты».

Инструмент Polygonal Lasso Tool отлично подходит для выбора форм с прямыми сторонами.

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

Вокруг экрана телевизора появляется контур выбора.

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

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


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

Гонки на водном мотоцикле по воде.  Изображение лицензировано от iStockphoto фотошопом Essentials.com.

Эффектные фотографии лучше всего работают с этим эффектом.

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

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

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

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

Выбор команды «Вставить в» в меню «Правка» в Photoshop.

Элемент меню «Специальная вставка» появился в Photoshop CS5 впервые.

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

Второе фото теперь появляется на экране телевизора.

Изображение теперь появляется на ТВ.

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

Фотография появится в новом слое на панели «Слои».

Изображение добавляется в новый слой с маской слоя.

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


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

Нажав на миниатюру предварительного просмотра маски слоя.

Большой красный крестик на миниатюре предварительного просмотра означает, что маска слоя в настоящее время отключена.

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

Второе фото теперь появляется перед телевизором.

Когда маска слоя отключена, второе изображение появляется перед телевизором.

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

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

Параметр непрозрачности слоя на панели «Слои» в Photoshop.

Опция «Непрозрачность» контролирует уровень прозрачности слоя.

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

Телевизор теперь виден через верхнее изображение.

Теперь мы можем легко переместить фотографию именно туда, где мы хотим, перед экраном.

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


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

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

Перемещение и изменение размера изображения с помощью Free Transform в Photoshop.

Используйте Free Transform, чтобы переместить и изменить размер изображения в положение перед экраном.

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

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

Выбор областей, которые появятся за пределами экрана.

Верхняя часть гидроцикла и передняя часть гидроцикла теперь выбраны.

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


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

Снова включите маску слоя и установите непрозрачность на 100%.

Снова включите маску слоя и установите непрозрачность на 100%.

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

Изображение после повторного включения маски слоя и восстановления непрозрачности до 100%.

Области, которые мы только что выбрали, будут временно скрыты от глаз, но контуры выделения останутся.

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

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

Выбор маски слоя на панели «Слои».

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

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


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

Перейдите в Edit> Fill ..» class=»lazyloaded» data-was-processed=»true»> </p>
<div>Перейдите в Edit> Fill.</div>
<p>Когда появится диалоговое окно «Заливка», установите для параметра « <strong>Использовать»</strong> в верхней части диалогового окна значение « <strong>Белый»</strong> :</p>
<p> <img src=

Установите для параметра «Использовать» значение «Белый».

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

Новые области белого были добавлены в маску слоя.

Заполнение выделений белым цветом изменило маску слоя.

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

Эффект прыжка в Photoshop.

Конечный результат.

И там у нас это есть! Вот как создать эффект прыжка с экрана с помощью Photoshop! Посетите наш раздел « Фотоэффекты », чтобы узнать больше об эффектах Photoshop!



Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован.