Создание фоторамок с картами смещения в фотошопе: поясняем во всех подробностях

В этом учебном пособии по эффектам Photoshop мы рассмотрим отличный способ создания уникальных и интересных рамок для фотографий с использованием других фотографий в качестве карт смещения ! Ранее мы рассмотрели, как создавать границы фотографий с помощью масок и фильтров.Это простой способ получить интересные результаты, просто применив некоторые встроенные фильтры Photoshop к маске слоя. Недостатком использования этого метода является то, что вы используете те же фильтры, к которым имеет доступ каждый второй пользователь Photoshop, что означает, что вы рискуете создать точно такие же эффекты границы, которые создают все остальные. Это может или не может быть проблемой для вас, но метод, который мы рассмотрим здесь, полностью избегает этой проблемы, потому что он использует ваши собственные фотографии для создания эффекта, и, поскольку, по-видимому, вы тот, кто сделал ваши фотографии, Вы можете использовать их для создания уникальных рамок для фотографий!

Что я имею в виду, когда говорю, что мы будем использовать другие фотографии в качестве карт смещения? Ну, во-первых, не позволяйте термину «карта смещения» отпугнуть вас, если вы никогда не использовали его раньше. Карта смещения — это не что иное, как черно-белое фото или изображение, которое Photoshop использует для перемещения, искажения и изменения формы пикселей в другом изображении. Мы уже рассматривали карты смещения в предыдущем уроке, где использовали их для создания фотореалистичных теней, Любая фотография может быть использована в качестве карты смещения, но если вы используете их для создания границ фотографии, как мы будем здесь делать, вы захотите выбрать фотографии, которые имеют много деталей. Чем больше деталей, тем интереснее конечный результат. На самом деле, лучше всего избегать использования традиционных типов фотографий и вместо этого использовать «текстурные» фотографии. Под «текстурной» фотографией я имею в виду фотографии таких вещей, как камни, камни, дерево, ржавчина, кирпичи, ткани — все, что имеет интересную поверхность.

Где вы берете эти типы фотографий? Самый простой способ — захватить свою цифровую камеру, выйти на улицу и сделать снимки! Нажмите на тротуар и сфотографируйте бетон со всеми его вмятинами и трещинами. Подойдите к дереву и сделайте фотографию коры крупным планом. Видите кусок ржавого металла где-нибудь? Направьте камеру и нажмите кнопку! Мы увидим несколько примеров текстурных фотографий, которые я сделал в этом уроке. Я мог бы целый день бродить по окрестностям, находя отличные текстуры. Конечно, соседи могут остановиться и посмотреть на меня, но жизнь просто не стоит того, чтобы кто-то не думал, что ты сошел с ума.

Вот фотография, которую я буду использовать в качестве основной фотографии в этом уроке (другими словами, фотография, к которой я буду применять границу):

И вот как это будет выглядеть, когда мы закончим:

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

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

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

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

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

Шаг 2: Добавить новый пустой слой между двумя существующими слоями

Нам нужно добавить новый пустой слой между нашими существующими двумя слоями. В настоящее время в палитре слоев выделен «Слой 1» (текущий выбранный слой выделен синим цветом). Обычно Photoshop добавляет новый слой непосредственно над выбранным в данный момент слоем, но нам нужно, чтобы наш новый слой отображался ниже «Слоя 1», а не над ним. Чтобы сказать Photoshop добавить новый слой под «Слой 1», мы просто удерживаем нажатой клавишу Ctrl (Win) / Command (Mac) на клавиатуре и нажимаем значок « Новый слой» в нижней части палитры слоев:

Если мы снова посмотрим на нашу палитру слоев, то увидим, что теперь у нас есть новый пустой слой, который Photoshop назвал «Слой 2», между «Слоем 1» и фоновым слоем:

Шаг 3: залейте новый слой белым

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

В любом случае открывается диалоговое окно « Заполнение» в Photoshop . В разделе « Содержание » в верхней части диалогового окна выберите « Белый» в поле выбора. Затем, внизу в разделе Blending внизу, убедитесь, что Mode установлен на Normal, а Opacity установлен на 100% :

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

Шаг 4: выберите «Слой 1»

Нажмите «Слой 1» в палитре слоев, чтобы выбрать его:

Шаг 5: выбери Прямоугольный Marquee Tool

Возьмите инструмент Прямоугольный шатер из палитры Инструменты:

Шаг 6: вытяните выделение внутри изображения

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

Шаг 7: добавь маску слоя

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

Это добавляет маску слоя к «Слою 1», и поскольку у нас был активный выбор, когда мы добавляли маску слоя, Photoshop использует выделение, чтобы определить, какие части слоя должны оставаться видимыми, а какие должны быть скрыты от просмотра. Любые области на слое, которые были внутри выделения, остаются видимыми, а области вне выделения теперь будут скрыты. Если мы снова посмотрим на палитру слоев, то увидим, что теперь у нас есть миниатюра слоя-маски.справа от миниатюры предварительного просмотра «Слоя 1», и если мы внимательно посмотрим на миниатюру, мы увидим большую прямоугольную область в центре, которая заполнена белым. Это область, которая была внутри нашего выделения (область, которая остается видимой). Все вокруг белой прямоугольной области — это область, которая была за пределами нашего выделения (область, которая теперь будет скрыта), и мы можем видеть, что она заполнена черным:

Если мы посмотрим в окно нашего документа, то увидим, что теперь у нас есть белая рамка, отображающаяся по краям изображения. На самом деле белая граница — это «Слой 2», который мы заполнили белым на шаге 3, достигая максимума из-под «Слоя 1». Единственная часть «Слоя 1», которая все еще видна, — это область, которая была внутри нашего выделения. Все остальное в слое, который был вне выделения, теперь скрыто благодаря маске слоя:

Шаг 8. Откройте изображение, которое вы хотите использовать в качестве карты смещения.

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

Эта фотография должна хорошо работать как карта смещения.

Шаг 9: Обесцветить изображение

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

Вы также можете использовать сочетание клавиш Shift + Ctrl + U (Win) / Shift + Command + U (Mac). В любом случае мгновенно удалит все цвета с фотографии, оставив нам черно-белое изображение:

Шаг 10: увеличь контраст фото с уровнями

Затем нам нужно увеличить контраст в нашем изображении, сделав самые темные области чистым черным, а самые яркие области чистым белым. Для этого мы будем использовать команду Photoshop’s Levels . Перейдите в меню « Изображение» в верхней части экрана еще раз, выберите « Коррекция» , а затем выберите « Уровни» или используйте сочетание клавиш для быстрого доступа к команде «Уровни», Ctrl + L (Победа) / Command + L (Mac):

В любом случае открывается диалоговое окно Уровни. В центре диалогового окна вы увидите гистограмму изображения (большой черный график), а под гистограммой находятся три небольших ползунка — черный в крайнем левом углу, белый в крайнем правом и серый один посередине. Чтобы сделать самые темные части изображения чисто черными, нажмите на черный ползунокв крайнем левом углу и перетащите его вправо. При перетаскивании вы увидите, что темные области на изображении становятся все темнее и темнее. Обычно при редактировании и ретушировании изображений мы бы хотели перетащить черный ползунок в точку, где начинается левая сторона гистограммы, но в этом случае, поскольку мы делаем это, чтобы сделать нашу карту смещения более контрастной, это хорошо, чтобы перетащить ползунок за эту точку. Мы потеряем некоторые детали в самых темных областях изображения, но это нормально для того, что мы здесь делаем.

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

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

Шаг 11: примени фильтр Gaussian Blur

И последнее, что мы должны сделать с нашим изображением, чтобы подготовить его к использованию в качестве карты смещения, — это нанести на него небольшое количество размытия, просто чтобы удалить чрезмерно резкие края. Для этого мы будем использовать фильтр Gaussian Blur в Photoshop . Перейдите в меню « Фильтр» в верхней части экрана, выберите « Размытие» , а затем выберите « Размытие по Гауссу» :

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

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

Шаг 12: сохраните изображение в виде файла PSD.

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

Чтобы сохранить файл, используйте сочетание клавиш Ctrl + S (Win) / Command + S (Mac), которое является быстрым и простым способом доступа к команде Photoshop «Сохранить». Поскольку мы сохраняем файл впервые, Photoshop на самом деле вызывает диалоговое окно « Сохранить как », чтобы мы могли указать, как назвать файл, где его сохранить и в каком формате сохранить. Я назову мой файл «wood-chips» (вы, вероятно, захотите назвать свой файл как-то иначе, если только вы не используете фотографию с деревянными чипсами), и я сохраню его в виде файла Photoshop .PSD. выбрав эту опцию в окне выбора формата :

Опять же, я собираюсь сохранить свой файл в папке на рабочем столе, которую я назвал «карты смещения». Убедитесь, что вы сохранили свой файл где-нибудь, где вы можете легко получить к нему доступ. Нажмите OK, чтобы сохранить файл и выйти из диалогового окна, когда вы закончите.

В этот момент вы можете закрыть окно документа изображения, так как оно нам больше не нужно.

Шаг 13: подготовить и сохранить второе изображение в виде карты смещения (необязательно)

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

Повторите шаги 9-11 со вторым изображением (если вы его используете), чтобы подготовить его в качестве карты смещения. Когда вы закончите, изображение должно быть черно-белым с сильной контрастностью, и на него должно быть нанесено небольшое количество размытия, чтобы сгладить любые резкие края. Вот мое изображение после подготовки к использованию в качестве карты смещения:

Я сохраню это изображение в том же месте, что и мое предыдущее изображение, нажав Ctrl + S (Win) / Command + S (Mac). Опять же, поскольку я сохраняю изображение впервые, в Photoshop появится диалоговое окно « Сохранить как ». Я собираюсь назвать это изображение «кора дерева», и мне нужно сохранить его как файл .PSD в Photoshop :

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

Шаг 14: Удостоверьтесь, что маска слоя на «слое 1» выбрана

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

Мы собираемся создать наш эффект фото границы в следующем!

Шаг 15: примени фильтр «Смещение» к маске слоя

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

Фильтр «Смещение» в Photoshop фактически разбит на два отдельных диалоговых окна. Первое, что появляется, позволяет нам установить некоторые параметры того, как карта смещения повлияет на наше изображение. Вверху вы увидите два варианта — Горизонтальный масштаб и Вертикальный масштаб . Эти параметры определяют, какое влияние окажет карта смещения. По умолчанию оба параметра установлены на 10. Вы можете попробовать значения по умолчанию, но я собираюсь увеличить оба этих значения до 20 . Различные значения могут работать лучше для вас в зависимости от эффекта, которого вы пытаетесь достичь, а также от размера вашей фотографии. Убедитесь, что в диалоговом окне также выбраны параметры « Растянуть по размеру» и « Обтекание» :

Нажмите OK, когда вы закончите, чтобы выйти из этого первого диалогового окна, и Photoshop откроет второе диалоговое окно с просьбой выбрать изображение, которое вы хотите использовать в качестве карты смещения. Я собираюсь выбрать первую фотографию, которую я сохранил, мой файл «wood-chips.psd»:

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

Шаг 16: примени фильтр «Смещение» снова, используя вторую карту смещения (необязательно)

Если вы подготовили второе изображение для использования в качестве карты смещения, как я, мы можем использовать его, чтобы добавить еще больше интереса к нашей рамке для фотографий. Поскольку фильтр Displace был последним фильтром, который мы использовали, мы можем быстро вызвать его снова, используя сочетание клавиш Ctrl + Alt + F (Win) / Command + Option + F (Mac). Нажмите кнопку ОК, когда появится первое диалоговое окно «Фильтр смещения», чтобы принять те же настройки, которые мы использовали в прошлый раз, и когда появится второе диалоговое окно, выберите второе сохраненное изображение. Здесь я выбираю свое изображение «tree-bark.psd»:

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

Вы могли бы даже попытаться объединить третью карту смещения, если хотите, но я доволен тем, как выглядит моя граница в этой точке.

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

Шаг 17: Удалить сплошной белый слой («Слой 2»)

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

У вас останется только два слоя в палитре слоев, и будет выбран фоновый слой:

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

Шаг 18: выбери инструмент пипетки

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

Шаг 19: образец цвета из изображения

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

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

Шаг 20: добавь корректирующий слой «Hue / Saturation»

Выбрав фоновый слой в палитре слоев, щелкните значок « Новый корректирующий слой» в нижней части палитры:

Затем выберите Hue / Saturation из появившегося списка корректирующих слоев:

Когда появится диалоговое окно Hue / Saturation, выберите опцию Colorize в правом нижнем углу. Это закрасит рамку вокруг вашего изображения, используя цвет, который вы выбрали несколько минут назад. Я также затемню свою границу, уменьшив значение Lightness в диалоговом окне до -60 . Наконец, я собираюсь немного уменьшить насыщенность цвета границы, уменьшив значение насыщенности до 20 :

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

И вот как теперь выглядит мой последний эффект границы после окрашивания и затемнения моей границы:

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

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

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