Как добавить на рекламный экран произвольное фото

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

Окончательное изображение

Как всегда, это окончательное изображение, которое мы будем создавать:

final-effect

Программное обеспечение: Adobe Illustrator CS3.

Ресурсы

  • Большой экран;
  • Целующаяся пара;
  • Кисть ScanLine.

Шаг 1

Откройте файл «Большой экран» (“Big Screen”). Я хочу разместить на большом экране вместо рекламы изображение целующейся пары. Но вы можете вставить любую фотографию на свой выбор.

Дважды кликните на фоновом слое и нажмите «ОК», чтобы разблокировать его. Назовите этот слой «Bigscreen«:

1

Шаг 2

Добавьте к слою «Bigscreen» маску слоя. Вы можете сделать это, перейдя в Слой> Маска слоя> Показать все. Как видите, рядом со слоем «Bigscreen» появилась белая миниатюра. Это маска слоя. Если вы рисуете на маске слоя черным цветом, то скрываете эту область слоя, если рисовать белым, то проявляете область.

Так как наша маска слоя полностью белая, в слое «Bigscreen» ничего не изменилось. Но если вы возьмете черную кисть и зарисуете какую-либо область в маске слоя, то увидите, что под этой областью появляется прозрачный фон:

2

Шаг 3

Теперь давайте скроем рекламный щит на нашем фото. Как нам это сделать? Во-первых, нам нужно выделить его, а затем в маске слоя мы зальем это выделение черным цветом. Лучше всего для сложных выделений подходит инструмент «Свободное перо» (P). Выберите его и нарисуйте контур вокруг рекламного щита, как показано на рисунке ниже:

3

Шаг 4

Теперь нажмите Ctrl + Enter, чтобы преобразовать контур в выделение. Этот прием работает для всех контуров, созданных с помощью инструмента «Перо». Если вы нажмете Alt + Ctrl + Enter, то вычтете область из уже существующего выделения. Если вы нажмете Shift + Ctrl + Enter, то добавите область к существующему выделению:

4

Шаг 5

Кликните один раз на маске слоя, чтобы быть уверенным, что она выбрана, и нажмите D, чтобы установить цвет текста и фона по умолчанию (черный — цвет переднего плана, белый — цвет фона). Теперь нажмите Ctrl + Backspace, чтобы залить выделение черным цветом. Как видите, большой экран исчез, а под ним проявился прозрачный фон. Теперь вы можете снять выделение, нажав Ctrl + D:

5

Шаг 6

Далее откройте фотографию, которую вы хотите поместить на щит. Нажмите Ctrl + A, чтобы выделить все, а затем Ctrl + C, чтобы скопировать слой. Вернитесь к основному документу и нажмите Ctrl + V, чтобы вставить скопированное изображение. Назовите этот слой «Photo«:

6

Шаг 7

Теперь перетащите слой «Photo» ниже слоя «Bigscreen«, как показано на рисунке ниже. Теперь наше фото отображается на рекламном щите. Расположите фотографию так, как вам нужно. Вы также можете изменить ее размер, если фото слишком велико.

Для этого нажмите Ctrl + T, чтобы активировать режим «Произвольная трансформация». Затем, удерживая нажатой клавишу Shift для симметричного изменения размера, перетащите один из угловых маркеров:

7

Шаг 8

Тона фотографии выглядят слишком теплыми. Поэтому мы добавим корректирующий слой «Кривые» (Слой> Новый корректирующий слой> Кривые) и поэкспериментируем с настройками, чтобы сделать тона фотографии более прохладными:

8

Шаг 9

Фото должно выглядеть как изображение на жидкокристаллическом экране, поэтому нужно увеличить его яркость. Создайте еще один корректирующий слой «Кривые» и задайте настройки, приведенные на рисунке ниже:

9

Шаг 10

Импортируйте кисть ScanLine (чтобы импортировать кисть, либо дважды кликните по файлу .abr, и он будет автоматически загружен и открыт в Photoshop, либо перейдите в Редактирование> Наборы> Управление наборами и нажмите на кнопку «Загрузить кисть», после чего выберите файл кисти).

Создайте новый слой (Ctrl + Shift + Alt + N) и используйте кисть “lines-3”, чтобы создать несколько белых полос поперек экрана (установите размер кисти по ширине фотографии и нажмите мышью один раз). Уменьшите непрозрачность этого слоя до 14%:

10

Шаг 11

Теперь давайте создадим вокруг фотографии свечение. Для этого сначала создайте новый слой (Ctrl + Shift + Alt + N) и поместите его поверх слоя «Bigscreen«. Назовите его «Glow«. Теперь, удерживая Ctrl, кликните на маске слоя «Bigscreen«, чтобы снова выделить щит, и нажмите Ctrl + Shift + I, чтобы инвертировать выделение:

11

Шаг 12

Теперь кликните в палитре слоев на слое «Glow» и нажмите Alt + Backspace, чтобы залить его цветом. После этого вы можете снять выделение, нажав Ctrl + D:

12

Шаг 13

Дважды кликните на слое «Glow«, чтобы открыть окно «Параметры наложения». Прежде всего, уменьшите непрозрачность заливки до 0. Таким образом, сам слой будет скрыт, но эффекты для него будут отображаться. Затем добавьте стили слоя «Внутреннюю тень» и «Внешнее свечение». Вы можете использовать настройки, которые применил я — значения параметров приведены на рисунке ниже:

13

Шаг 14

Наше изображение уже выглядит неплохо, но мы можем его улучшить. Давайте добавим тонкий эффект виньетки. Сначала создайте новый слой (Ctrl + Shift + Alt + N) и залейте его белым цветом (нажмите D, чтобы установить цвета по умолчанию, а затем Ctrl + Backspace, чтобы залить слой цветом фона). Назовите этот слой “Vignette”:

14

Шаг 15

Теперь перейдите в Фильтр> Коррекция дисторсии и откройте вкладку «Заказная». Здесь вы увидите несколько слайдеров, в том числе «Виньетка» и «Средняя точка». Перетащите ползунки слайдеров «Виньетка» на значение -30, «Средняя точка» на 30. Нажмите «ОК». Теперь просто измените режим смешивания слоя «Vignette» на «Умножение», и после этого к изображению будет добавлен эффект красивой темной виньетки:

15

Шаг 16

В завершении давайте увеличим контрастность фотографии. Создайте корректирующий слой «Яркость / Контрастность» и перетащите ползунок слайдера «Контрастность» на значение 77:

16

Мы закончили!

final-effect

Перевод статьи «How to Place Any Photo on a Big Advertisement Screen in Photoshop» был подготовлен дружной командой проекта Сайтостроение от А до Я.