Использование фотографии в качестве собственного фона в Photoshop

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

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

Прежде чем мы начнем … Эта версия учебника предназначена для Photoshop CS5 и более ранних версий. Если вы используете Photoshop CC или CS6, вам нужно следовать полностью обновленной версии .

Вот изображение, с которого я начну:

И вот конечный эффект, к которому мы стремимся:

Этот урок из нашей серии фотоэффектов . Давайте начнем!

Шаг 1: дублируем фоновый слой дважды

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

Давайте сделаем пару его копий, и для этого воспользуемся удобным сочетанием клавиш Ctrl + J (Win) / Command + J (Mac). Используйте комбинацию клавиш один раз, чтобы создать первую копию, а затем снова используйте ее, чтобы создать вторую копию. Теперь у вас должно быть три слоя в палитре слоев:

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

Шаг 2: Скрыть верхний слой

Слой в верхней части палитры слоев станет нашей главной страницей, но сейчас мы будем работать над слоем под ним, который станет нашим фоном. Чтобы увидеть, что мы делаем, нам нужно скрыть верхний слой. Для этого нажмите на значок видимости слоя (значок, похожий на глазное яблоко) слева от слоя в палитре слоев:

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

Шаг 3: образец цвета из изображения для использования в качестве фона

Давайте создадим наш фон. Сначала нажмите на средний слой в палитре слоев, чтобы выбрать его:

Нам нужно выбрать цвет из изображения, которое мы собираемся использовать, чтобы раскрасить фон. Для этого возьмите инструмент «Пипетка» из палитры «Инструменты» или нажмите I на клавиатуре, чтобы быстро выбрать его:

Затем, выбрав инструмент «Пипетка», щелкните область внутри изображения, которая содержит цвет, который вы хотите использовать для фона. Я собираюсь попробовать цвет на щеке женщины, который должен хорошо работать:

Вы увидите, что цвет отображается как ваш цвет переднего плана в палитре инструментов:

Шаг 4: раскрасить фон с помощью корректирующего слоя Hue / Saturation

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

Затем выберите Hue / Saturation из списка:

Это вызывает диалоговое окно Photoshop «Hue / Saturation». Нет необходимости возиться с любыми ползунками, пытающимися выбрать цвет, потому что мы уже выбрали цвет, который мы хотим использовать, поэтому все, что нам нужно сделать, это выбрать опцию Colorize в правом нижнем углу диалогового окна:

Как только вы выберете эту опцию, Photoshop продолжит работу и раскрасит изображение, используя выбранный цвет:

Я собираюсь повысить насыщенность цвета, перетаскивая ползунок Насыщенность вправо, пока значение насыщенности не станет равным 50 . Затем, чтобы придать фону размытый вид, я собираюсь перетащить ползунок « Легкость» вправо до значения около 75 :

Нажмите OK, когда вы закончите, чтобы выйти из диалогового окна. Вот мое изображение после того, как его раскрасили и осветлили:

Шаг 5: переверните изображение по горизонтали

И последнее, что нужно сделать с нашим прошлым. Давайте перевернем его по горизонтали, чтобы он выглядел как зеркальное отражение нашей основной фотографии. Для этого нам сначала нужно выбрать правильный слой. На данный момент у нас есть выбранный корректирующий слой Hue / Saturation в палитре Layers, поэтому нажмите на «Layer 1» под ним, который содержит наше фоновое изображение. Затем перейдите в меню « Правка» в верхней части экрана, выберите « Преобразование» , а затем выберите « Отразить по горизонтали» . Фотография перевернется вбок, давая нам наше «зеркальное отражение» и завершая нашу работу на заднем плане:

Шаг 6: снова включите верхний слой

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

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

Шаг 7: измените размер основного изображения с помощью Free Transform

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

Нажмите Enter (Win) / Return (Mac), когда вы будете довольны новым размером изображения, чтобы принять трансформацию.

Шаг 8: добавь штрих к основному изображению

Давайте добавим тонкую рамку вокруг нашего основного изображения. Для этого мы будем использовать стиль слоя обводки . Нажмите на иконку Layer Styles в нижней части палитры Layers:

Затем выберите Stroke в нижней части списка стилей слоя:

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

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

Когда вы щелкнете внутри изображения, вы увидите, что образец цвета обводки изменился на только что выбранный цвет. Когда вы довольны выбранным цветом, нажмите кнопку «ОК» в верхнем правом углу палитры цветов, чтобы закрыть его (даже если мы никогда не использовали его).

Выбрав цвет обводки, перейдите к параметру « Размер обводки» в верхней части диалогового окна и установите его примерно на 4 пикселя . Возможно, вы захотите установить его немного выше, если вы используете большое изображение с высоким разрешением, но здесь мы не собираемся смотреть на поляроид. Мы хотим что-то немного более элегантное, особенно если вы делаете это со свадебной фотографией, поэтому старайтесь держать свой ход довольно тонким. Кроме того, установите параметр Положение в Inside :

Пока не нажимайте ОК. У нас есть еще один стиль слоя для добавления.

Шаг 9: добавь тень

Давайте добавим Drop Shadow до закрытия из диалогового окна Layer Style. Нажмите непосредственно на слова Drop Shadow слева от диалогового окна:

Это вызовет параметры Drop Shadow в средней колонке, где параметры Stroke были минуту назад. По умолчанию Photoshop устанавливает черный цвет Drop Shadow, но это слишком резко для этого эффекта, поэтому давайте выберем другой цвет. Как и в случае с Stroke, нажмите на образец цвета:

Это снова вызовет палитру цветов в Photoshop, и я снова буду игнорировать ее, потому что хочу выбрать цвет непосредственно из изображения. Я хочу, чтобы моя тень была примерно того же цвета, что и для раскрашивания фона, но немного темнее (поскольку это, в конце концов, тень), поэтому я собираюсь взять образец цвета с лица мужчины, что немного темнее, чем у женщины:

Когда вы щелкаете внутри изображения, цвет Drop Shadow изменится на тот, который вы только что щелкнули, так что вы можете увидеть предварительный просмотр цвета тени при нажатии. Когда вы довольны цветом, нажмите OK в палитре цветов, чтобы выйти из него. Ваш образец цвета в диалоговом окне «Стиль слоя» теперь изменится на выбранный вами цвет.

Выбрав мой цвет, я собираюсь снизить непрозрачность моей тени, примерно до 40%, чтобы она не была слишком интенсивной, и я собираюсь изменить угол наклона примерно до 130 ° :

Нажмите OK, когда закончите, чтобы выйти из диалогового окна Layer Style. Ваше изображение должно выглядеть примерно так:

Шаг 10: Переместите главное изображение по мере необходимости

Все выглядит хорошо, за исключением одной вещи. Мое основное изображение впереди — это блокирование мужского и женского лица на заднем плане, поэтому первое, что я собираюсь сделать, — это переместить основное изображение. Чтобы переместить его, нам нужен инструмент Move , поэтому либо выберите его на палитре Tools, либо нажмите V на клавиатуре:

Затем, когда верхний слой все еще выбран, щелкните внутри документа и перетащите основное изображение на новое место. Я просто собираюсь перетащить мою вниз немного, поэтому, чтобы убедиться, что я перетаскиваю по прямой линии, я буду удерживать нажатой клавишу Shift при нажатии и перетаскивании:

Шаг 11: измените размер и переместите фоновое изображение по мере необходимости

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

Если вы сейчас работаете со своим изображением в окне документа, вам нужно нажать клавишу F на клавиатуре, чтобы переключить Photoshop в полноэкранный режим с помощью строки меню , иначе вы не сможете Посмотрите, что вы делаете с помощью ручек Free Transform. Затем, как и раньше, я собираюсь использовать сочетание клавиш Ctrl + T (Win) / Command + T (Mac), чтобы вызвать маркеры Free Transform, на этот раз вокруг фонового изображения. Я собираюсь удерживать клавишу Shift, чтобы ограничить порции изображения, а также Alt (Win) / Option (Mac), чтобы изменить размер изображения от его центра, и я собираюсь нажать на любой из угловых маркеров и перетащить его наружу, чтобы увеличить мое фоновое изображение:

Я также собираюсь немного изменить положение своего фона, просто щелкнув в любом месте внутри него с активными маркерами «Свободное преобразование» и перетащив его в новое положение. Я собираюсь переместить мое немного вверх и немного вправо, пока мой фон не будет хорошо сбалансирован с основным изображением. Когда вы будете довольны размером и расположением фонового изображения, нажмите Enter (Win) / Return (Mac), чтобы принять изменения, и все готово!

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

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

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

Оцените статью: (Пока оценок нет) Загрузка...