Наложение изображений в фотошопе: Непрозрачность слоев и режимы наложения в Adobe Photoshop

3 способа смешать два изображения вместе в фотошопе

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

Значение непрозрачности

Параметр « Непрозрачность» находится в правом верхнем углу панели «Слои». По умолчанию он установлен на 100%, что означает, что текущий выбранный слой («Слой 1») полностью блокирует слой под ним из вида:

Параметр «Непрозрачность» по умолчанию равен 100%.

Значение «Непрозрачность» контролирует уровень прозрачности слоя. Просто понижая значение, мы делаем слой более прозрачным, позволяя просвечивать часть изображения под ним. Чем больше мы уменьшаем непрозрачность, тем больше верхнее изображение будет переходить в нижнее. Я уменьшу непрозрачность со 100% до 75%:

Понижение непрозрачности верхнего слоя до 75%.

Это означает, что теперь мы смешиваем 75% изображения в верхнем слое с 25% изображения в нижнем слое. И здесь мы видим, что женщина начинает сливаться с пляжной фотографией:

Результат с непрозрачностью верхнего слоя уменьшен до 75%.

Если бы я хотел еще больше отодвинуть ее на задний план, я мог бы просто еще больше снизить значение непрозрачности. Я уменьшу это до 30%:

Установка значения непрозрачности до 30 процентов.

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

Результат с непрозрачностью верхнего слоя на 30%.

Совет: установка значения непрозрачности с клавиатуры

Вот быстрый совет, чтобы ускорить ваш рабочий процесс. Вы можете изменить значение непрозрачности слоя непосредственно с клавиатуры. Нажмите 1 для 10%, 2 для 20%, 3 для 30% и так далее. Быстро нажмите две цифры, одну за другой, чтобы получить более конкретные значения (например, 2, а затем 5 для 25%). Вы также можете нажать 0 для 100% непрозрачности или быстро нажать 0 дважды для 0%.

Способ 2: режимы смешивания слоев

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

Первое изображение. Фото предоставлено: Adobe Stock.

Я смешаю портрет с этим изображением текстуры :

Второе изображение. Фото предоставлено: Adobe Stock.

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

Панель «Слои» снова показывает каждое изображение на отдельном слое.

Опция смешанного режима

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

Опция смешивания.

Нажмите на слово «Normal», чтобы открыть меню с большим количеством различных режимов смешивания на выбор. Мы не будем здесь подробно останавливаться на них, но я подробно расскажу о наиболее важных из них в моем уроке « Основные режимы наложения». Тремя наиболее популярными и полезными режимами наложения, которые вы хотите попробовать, являются « Умножение» , « Экран» и « Наложение» . Режим Multiply blend создает эффект затемнения, Screen создает эффект осветления, а Overlay смешивает два слоя для увеличения общей контрастности:

Результат с режимом наложения, установленным на Multiply (слева), Screen (в центре) и Overlay (справа).

Результаты, которые вы получите в различных режимах наложения, будут полностью зависеть от ваших изображений. В моем случае я получаю лучший результат, используя режим наложения Soft Light :

Изменение режима наложения на Soft Light.

Как и в режиме наложения Overlay, Soft Light смешивает два изображения таким образом, что повышает общую контрастность. Разница в том, что Soft Light производит более тонкий и естественный эффект:

Результат с режимом наложения текстурного слоя установлен на Soft Light.

Еще один режим наложения, который действительно хорошо работает с этими двумя изображениями, — это разделение :

Изменение режима наложения на Разделить.

Разделить — это один из менее известных и редко используемых режимов наложения в Photoshop. Но с этими двумя изображениями эффект на самом деле выглядит довольно круто:

Эффект смешивания с установленным слоем текстуры.

Сочетание режимов наложения с непрозрачностью слоя

После того, как вы выбрали режим наложения, вы можете точно настроить результат, отрегулировав непрозрачность слоя, как мы видели ранее. Я оставлю режим наложения текстурного слоя установленным на Divide и уменьшу непрозрачность со 100% до 50%:

Оставьте режим смешивания установленным на Разделить и уменьшите непрозрачность до 50%.

И вот результат:

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

Совет: как переключаться между режимами наложения с клавиатуры

Вот еще один быстрый совет, который поможет ускорить рабочий процесс и упростить работу с режимами наложения. Вы можете переключаться между различными режимами наложения Photoshop прямо с клавиатуры. Нажмите букву V, чтобы быстро выбрать инструмент Move . Затем нажмите и удерживайте клавишу Shift и используйте клавиши « плюс» ( + ) и « минус» ( — ) для перемещения вверх или вниз по списку. Это позволяет вам быстро опробовать различные режимы наложения, чтобы найти тот, который работает лучше всего.

Способ 3: использование маски слоя

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

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

Первое изображение. Фото предоставлено: Adobe Stock.

И вот второе изображение :

Второе изображение. Фото предоставлено: Adobe Stock.

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

Каждая фотография находится на отдельном слое.

Добавление маски слоя

Чтобы добавить маску слоя, сначала убедитесь, что выбран верхний слой. Затем щелкните значок « Добавить маску слоя» в нижней части панели «Слои»:

Нажав значок Добавить маску слоя.

Слой маска миниатюры появляются рядом с предварительным просмотром миниатюры слоя:

Новый эскиз маски слоя.

Как работает маска слоя

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

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

Выбор инструмента Градиент

Выберите инструмент «Градиент» на панели инструментов:

Выбор инструмента Градиент.

Выбор черного, белого градиента

Выбрав инструмент «Градиент», перейдите на панель параметров и нажмите стрелку вниз рядом с образцом градиента:

Нажав на стрелку рядом с образцом градиента.

В палитре «Градиент» выберите « Черный, белый градиент», дважды щелкнув его миниатюру (третий слева, верхний ряд):

Выбор черного, белого градиента.

Смешивание двух изображений вместе

Убедитесь, что маска слоя, а не само изображение, выбрана, нажав на миниатюру маски слоя. Вы должны увидеть рамку выделения вокруг него:

Нажав на миниатюру, чтобы выбрать маску слоя.

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

Рисование черно-белого градиента на маске слоя справа налево.

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

Две фотографии теперь смешиваются вместе.

Просмотр маски слоя

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

Миниатюра маски слоя, показывающая градиент.

Мы также можем просмотреть саму маску слоя в документе. Если вы нажмете и удержите клавишу Alt (Win) / Option (Mac) на клавиатуре и нажмете на миниатюру маски слоя, вы переключите свой вид в документе с изображений на маску слоя. Это облегчает понять, что именно происходит. Опять же, черная область справа — это то место, где верхний слой скрыт от глаз, а белая область слева — то, где он виден.

Но обратите внимание на серую область посередине, где градиент постепенно переходит от черного к белому. Эта область создает плавный переход между двумя слоями, позволяя им плавно смешиваться друг с другом. Чтобы переключить вид с маски слоя обратно на изображения, снова нажмите и удерживайте нажатой клавишу «Alt» (победа) / «Option» (Mac) и щелкните миниатюру маски слоя на панели «Слои»:

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

Совет: как включить или выключить маску слоя

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

Удерживайте Shift и щелкните миниатюру, чтобы включить или выключить маску слоя.

И там у нас это есть! Это быстрый взгляд на то, как смешать два изображения вместе, используя опцию непрозрачности слоя, режимы наложения слоя и маску слоя в Photoshop! Чтобы узнать больше о смешивании изображений с масками слоев, см. Наш учебник « Маски слоев и градиенты» . Используйте наше Руководство по обучению слоям, чтобы узнать больше о слоях Photoshop, или посетите наш раздел Основы Photoshop для получения дополнительных руководств! И не забывайте, что все наши учебники по Photoshop теперь доступны для скачивания в формате PDF !

Слои и режимы наложения в Photoshop

Работа со слоями – одна из мощнейших возможностей фотошопа. Ни одна серьезная ретушь не обходится без работы со слоями.

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

Для начала разберем панель слоев.

Над слоями меню выбора режима наложения, непрозрачность (Opacity) и заполнение (Fill).

Примечание. Мне часто задают вопрос – чем Opacity отличается от Fill. Ответ такой – Fill влияет на прозрачность только пикселей слоя, а вот Opacity влияет на непрозрачность пикселей и эффектов слоя.

Идем дальше. В меню Lock вы можете выбрать что заблокировать на данном слое:

• Заблокировать прозрачные участки – вы сможете изменять только участки заполненные пикселями.
• Заблокировать пиксели изображений – предотвращает изменение пикселей с помощью инструментов рисования.
• Заблокировать позицию – предотвращает перемещение пикселей.
• Заблокировать слой целиком.

Нижняя часть панели:

• Создание связи между слоями – вы можете связать два и больше слоев или групп друг с другом. В отличии от выбора нескольких слоев, связанные слои сохраняют свою связь пока вы её не отмените.
• Применение эффектов к слоям – открывает выбор эффектов и их контролироль.
• Добавление маски к слою – создается обычная, белая маска, а если зажать Alt и нажать на кнопку, создается непрозрачная маска.
• Создание корректирующего слоя – в отличии от обычной коррекции, скажем Curves – корректирующий слой можно изменить в любой момент.
• Создание папки для слоев – очень удобно когда работаете с большим количеством слоев, группировать их.
• Создание нового слоя.
• Удаление слоя.

Теперь перейдем непосредственно к режимам наложения слоев.

Режимы наложения слоев

Изначально мы имеем такую пейзажную картинку. Вверху у нас слой с 50% непрозрачностью, ниже два слоя с 100% непрозрачностью. Два непрозрачных для того, чтобы можно было видеть разницу на фоне неба и на фоне травы.

Basic – Основная группа

Normal – Пиксели верхнего слоя непрозрачны и потому закрывают нижний слой. Изменение прозрачности верхнего слоя сделает его полупрозрачным и заставит смешаться с другим слоем.

Dissolve – Комбинирует верхний слой с нижним используя пиксельный узор. Эффекта не будет, если верхний слой имеет 100% непрозрачность. Уменьшите прозрачность для проявления эффекта.

Darken – Группа затемнения

Darken – Сравнивает два источника и заменяет значения светлых пикселей значениями темных.

Multiply – Затемняет все изображение. Полезен при необходимости увеличить плотность светов и средних тонов. Multiply похож на просмотр напросвет двух наложенных друг на друга слайдов. Если верхний слой белый – изменений не произойдет.

Color Burn – Позволяет получить более темное изображение с увеличенной контрастностью. Если верхний слой белый – изменений не произойдет.

Linear Burn – Более “сильная” комбинация режимов наложения Multiply и Color Burn, темные пиксели преобразуюся в черные. Если верхний слой белый – изменений не произойдет.

Darker color – Похож на режим Darken, за исключением того, что работает на всех слоях сразу, а не на одном. Когда вы смешиваете два слоя, видимыми останутся только темные пиксели.

Lighten – Группа осветления

Lighten – Режим противоположный режиму Darken, затемняет темные пиксели более светлыми.

Screen – Осветляет все изображение. Используйте его для осветления темных областей изображения, а так же для проявления деталей в недодержанных изображениях.

Color Dodge – Действие режима Color Dodge похоже на Screen, но заметно сильнее в светлых областях за счет проявления более насыщенных и контрастных цветов нижнего слоя. Основан на работе инструмента Dodge, который имитирует недодержку в фотографическом процессе.

Linear Dodge (Add) – Комбинация режимов Screen и Color Dodge; светлые значения преобразуются в белые. Если верхний слой черный – эффекта не будет.

Lighter Color – Сравнивает значения всех каналов обоих слоев и отображает более светлые пиксели.

Contrast – Группа увеличения констрастности

Overlay – Затемняет темные пиксели (Multiply) и осветляет (Screen) светлые, что приводит к увеличению контрастности без усечения теней и светов. Если верхний слой 50% серый – эффекта не будет.

Soft Light – Комбинация режима Dodge, который осветляет светлые пиксели, и режима Burn, который затемняет темные пиксели. Увеличивает контрастность чуть меньше чем режимы Overlay и Hard Light. Если верхний слой на 50% серый – эффекта не будет.

Hard Light – Использует тот же метод, что и режим Overlay, но эффект более сильный. Если верхний слой светлее 50% серого, то верхний слой осветяется через Screen, а если темнее – то затемяется через Multiply. Если верхний слой на 50% серый – эффекта не будет.

Vivid Light – Если верхний слой светлее 50% серого, то верхний слой осветяется через уменьшение контраста (Color Burn), а если темнее – то затемняется через увеличение контраста (Color Dodge) . Если верхний слой на 50% серый – эффекта не будет.

Linear Light – Похож на режим Vivid Light. Если верхний слой светлее 50% серого, то верхний слой осветяется через увеличение яркости (Linear Burn), а если темнее – то затемняется через уменьшение ярокости (Linear Dodge). Если верхний слой на 50% серый – эффекта не будет.

Pin Light – Комбинирует режимы Darken и Lighten для замены значений пикселей. Если верхний слой светлее чем 50% серый, пиксели осветляются через режим Lighten, а если темнее 50% серого – затемняются режим Darken. Если верхний слой на 50% серый – эффекта не будет.

Hard Mix – Осветляет светлые пиксели и затемняет темные пиксели до пороговых значений. Это приводит к чрезвычайной постеризации. Свечение верхнего слоя смешивается с цветом нижнего.

Comparative – группа сравнения

Difference – Представляет идентичные пиксели как черные, похожие – как темно-серые, а противоположные – как инвертированные. Если верхний слой черный – изменений не будет. Практическое применение этого режима можно увидеть в статье про замену фона.

Exclusion – Похоже на режим Difference, однако обеспечивает меньшую контрастность. Наложение на черный цвет не приводит к каким-либо изменениям, а наложение на белые пиксели – к инверсии сравниваемых значений, что приводит к их отображении серым цветом.

HSL – Группа компонентов изображения

Hue – Комбинирует свечение (Luminance) и насыщенность (Saturation) нижнего слоя с цветовым тоном (Hue) верхнего.

Saturation – Комбинирует свечение (Luminance) и цветовой тон (Hue) нижнего слоя с насыщенностью (Saturation) верхнего слоя.

Color – Комбинирует тон (Hue) и насыщенность (Saturation) верхнего слоя и свечение (Luminance) нижнего слоя.

Luminosity – Противоположный режиму Color. Комбинирует Luminance (cвечение) верхнего слоя и Hue (цвета) и Saturation (колебание цвета) нижнего слоя.

Источник: fototips.ru

Наложение слоёв в фотошопе для начинающих

1

Всем привет!

Вот решил немного освежить и вашу и свою память, и сделать небольшую справку, что же из себя представляют режимы наложения слоёв в фотошопе. Особенно в преддверии хорошего и глубокого семинара “Режимы наложения слоёв в Adobe Photoshop”.

Итак, приступим.

Как известно, режимов наложения слоев у нас ровно 25 штук (в версии CS4).

Они разбиты на 6 групп:

Группа Basic (простой) заменяет базовый слой, Darken (затемнение) затемняет базовый слой, Lighten(осветление) освещает его, Contrast (контраст) увеличивает или уменьшает общий контраст, Comparative(сопоставление) инвертирует цвет базового слоя, и режимы HSL (цветовой тон) определяют специфический цветовой компонент.

Готовим две картинки, на которых будем эксперементировать. Карточки я подобрал так, что бы показать одновременно цветную и черно-белую фотографии, а так же решетку из трёх базовых цветов – красного, зеленого и синего. Для примера я специально взял одинаковые фотографии для нижнего и верхнего слоев, ведь фотографы же, как правило обрабатываюм части одного изображения. 😉
Слои расположены так, как и будут расположены в Фотошопе – горизонтальные полоски – нижний (базовый) слой, вертикальные полоски – верхний (наложения) слой.

Далее я буду только менять режим наложения слоёв, ничего больше не трогая и не изменяя. Opasity для верхнего слоя всегда будет 100%.

Приступим.

Basic (простой)

Normal (Обычный)
Понятно, что это обычное состояние слоя. Здесь нет взаимодействия между слоями. Пиксели верхнего слоя непрозрачны и закрывают нижний слой.

Dissolve (Растворение)
Режим похож на наложение прозрачного шума (noise). D случайном порядке удаляются некоторые пиксели активного слоя, что придает эффект пористости или шума. Эффекта не будет, если верхний слой имеет 100% непрозрачность. Для примера прозрачность верхнего слоя установлена 50%.

Darken (затемнение)

Darken (Замена темным)
Сочетает цвета верхнего и нижнего слоев и смешивает пиксели в местах, где верхний слой темнее нижнего. Этот режим проявляет только темные оттенки верхнего слоя на нижнем. Если пиксели верхнего слоя темнее подложки, то они не изменяются, если светлее – то через них виден нижний слой. По каналам результирующая картина складывается из наименее ярких значений пикселей по каждому каналу.

Multiply (Умножение)
Режим накладывает цвета верхнего слоя на цвета нижнего. Происходит умножение цветов верхнего и нижнего слоёв. Яркость результата всегда ниже яркости любого из изначальных изображений. Режим похож на просмотр напросвет двух положеных друг на друга слайдов. Цвет становится гуще, от этого изображение темнеет. Этот режим можно применять для восстановления очень светлых фото, путем дублирования основного слоя и установления верхнему слою режима “Умножение”.

Color burn (Затемнение основы)
Противоположен по действию режиму Color Dodge. Так же основан на инструменте Burn, имитирующего переэкспозицию по всему слою. Затемняет или «прожигает» изображение, используя содержимое верхнего слоя. За счет этого изображение становится значительно насыщеннее по цвету.

Linear burn (Линейный затемнитель)
Использует тот же подход, что и режим Color Burn, затемняя нижний слой, чтобы проявить цвет верхнего слоя, путем уменьшения яркости.

Darker color(Тени)
Похож на режим Darken, за исключением того, что работает на всех слоях сразу, а не на одном. При смешивании слоёв видимыми останутся только темные пиксели.

Lighten (осветление)

Lighten (Замена светлым)
Противоположен по действию режиму Darken. Сочетает цвета верхнего и нижнего слоев и смешивает пиксели в местах, где верхний слой светлее нижнего. Этот режим проявляет только светлые оттенки верхнего слоя на нижнем. Если пиксели верхнего слоя светлее подложки, то они не изменяются, если темнее – то через них виден нижний слой. По каналам результирующая картина складывается из наиболее ярких значений пикселей по каждому каналу.

Screen (Осветление)
Этот режим производит те же вычисления, как и режим “Multiply”, но использует при этом инвертированные значения, чтобы проявить конечный результат. Этот режим осветляет изображение. По действию похож на просмотр слайдов с помощью двух слайд-проекторов, направленных на один экран. Поэтому, собственно, и называется Screen. Его можно применять для осветления темных фотографий, путем дублирования и установления верхнему слою режима “Осветление”.

Color dodge (Осветление основы)
Действие режима похоже на Screen, но заметно сильнее в светлых областях за счет проявления более насыщенных и контрастных цветов нижнего слоя. Основан на работе инструмента Dodge, который имитирует недодержку в пленочной фотографии.

Linear dodge (Add) (Линейный осветлитель)
То же самое, что и Color Dodge, но здесь цвета сочетаются путем повышения яркости. Похож на режим Screen, только придает более осветляющий эффект.

Lighter color(Света)
Похож на режим Lighten, только работает со всеми слоями одновременно, вместо одного слоя. При смешивании слоёв видимыми останутся только светлые пиксели.

Contrast (контраст)

Overlay (Перекрытие)
Комбинирует эффект режимов Multiply и Screen, смешивая верхний слой с нижним. Режим зависит от яркости пикселей накладываемых слоёв. Результат осветляется, если яркость пикселей нижнего слоя больше, чем верхнего. Если яркость пикселей нижнего слоя меньше, чем верхнего, то результат затемняется. Хорошо подходит для наложения текстуры на изображение.

Soft light (Мягкийвет)
Похож на режим Overlay, но придает более умеренный эффект. При наложении слоев пиксели светлее 50% нейтрального серого осветляют нижний слой, пиксели темнее 50% нейтрального серого – пропорционально затемняют. В результате нижний слой как бы подсвечивается верхним. Режим похож на Overlay с 50% прозрачности.

Hard light (Жесткий свет)
Противоположный режиму Overlay. Изображение затемняется, если верхний слой темнее, и осветляется, если верхний слой светлее, при этом контрастность будет повышаться.

Vivid light (Яркий свет)
Сочетание режимов Color Burn и Color Dodge. Режим применяет смешивание в зависимости от цвета верхнего слоя.

Linear light (Линейный свет)
Похож на режим Vivid Light, но с более сильным эффектом. Если верхний слой яркий, то нижний слой будет осветляться, если темный, то затемняться.

Pin light (Точечный свет)
режим смешивает светлые цвета, используя режим Lighten, и темные цвета, используя режим Darken.

Hard Mix (Жёсткое смешивание)
Яркостная составляющая верхнего слоя смешивается с цветовой составляющей нижнего. Создает картинку с ровными тонами, ограниченную в цветах и постеризированную.

Comparative (сопоставление)

Difference (Разница)
Отображает тональную разницу между содержимым двух слоев, удаляя светлые пиксели из какого-либо из слоев. Реверсирует тона и цвета, яркость здесь зависит от разницы пикселей. Суть в том, что яркости пикселей вычитаются друг из друга.

Exclusion (Исключение)
Более мягкая версия режима “Difference”.

HSL (цветовой тон)

Hue (Цветовой тон)
Противоположен режиму Color. цвета верхнего слоя смешиваются с насыщенностью и яркостью нижнего слоя. Комбинирует Hue верхнего слоя и Saturation и Luminance нижнего слоя.

Saturation (Насыщенность)
Цветовая насыщенность верхнего слоя комбинируется с нижним в зависимости от их общей яркостной составляющей. Комбинирует Saturation верхнего слоя с Hue и Luminance нижнего слоя. Уровень насыщенности пикселей нижнего слоя меняется на соответсвующие пиксели верхнего слоя. Предназначено чтобы заставить объект принять цвет или текстуру другого.

Color (Цветность)
Цветовые составляющие верхнего слоя совмещаются с яркостной составляющей нижнего слоя. Комбинирует Hue и Saturation верхнего слоя с Luminance нижнего слоя. Используется только яркость нижнего слоя, а цвет и насыщенность идут от верхнего слоя.

Luminosity (Яркость света)
Режим обратный Color. Накладывает яркость верхнего изображения на цветовые составляющие нижнего. Комбинирует Luminance верхнего слоя и Hue и Saturation нижнего слоя. Из верхнего слоя остается только яркость света, а цвет и насыщенность идут от нижнего слоя.

Все режимы попробовали? Что-то не получилось?

Как в фотошопе наложить один слой на другой

Непрозрачность слоев и режимы наложения в Adobe Photoshop

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

Степень общей непрозрачности слоя определяет, насколько сильно он скрывает или отображает содержимое нижележащего слоя. Слой со степенью непрозрачности 1 % является практически прозрачным. Совершенно непрозрачный слой имеет степень непрозрачности 100 %.

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

Примечание.

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

1. На панели «Слои» выберите один или несколько слоев или групп.
2. Измените значения для непрозрачности и заливки. (Если выбрана группа, можно изменить только непрозрачность.)

   Примечание.

   Чтобы просмотреть все параметры наложения, выберите пункт «Параметры наложения» из меню значка «Добавить стиль слоя»  в нижней части панели «Слои».

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

1. Выберите слой или группу на панели «Слои».
2. Выберите режим наложения.

   • В раскрывающемся меню «Режим наложения» панели «Слои» выберите режим.

   • Выберите меню «Слой» > «Стиль слоя» > «Параметры наложения», затем выберите режим в раскрывающемся меню «Режим».

   Примечание.

   Во всплывающем меню режима наложения вы можете просмотреть, как разные параметры будут выглядеть на вашем изображении. Photoshop отображает интерактивную предварительную версию режимов наложения на холсте.

Описания и примеры для каждого режима см. в разделе Режимы наложения.

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

Режим наложения слоя также может применяться к эффектам слоя, осуществляющим преобразование непрозрачных пикселей (таким как «Внутреннее свечение» и «Наложение цвета»), и не затрагивать эффекты преобразования прозрачных пикселей (такие как «Внешнее свечение» и «Тень»).

1. Выделите преобразуемый слой.
2. Дважды щелкните миниатюру слоя и в меню панели «Слои» выберите пункт «Параметры наложения» или пункт меню «Слои» >
   «Стиль слоя» > «Параметры наложения».

   Примечание.

   Чтобы просмотреть параметры наложения для текстового слоя, выберите меню «Слой» > «Стиль слоя» > «Параметры наложения» или пункт «Параметры наложения» в меню кнопки «Добавить стиль слоя» в нижней части панели «Слои».

3. Укажите область действия следующих параметров наложения:

   • Чтобы применить режим наложения к эффектам слоя, осуществляющим преобразование непрозрачных пикселей (таким как «Внутреннее свечение», «Глянец», «Наложение цвета» и «Наложение градиента»), выберите пункт «Наложить внутренние эффекты как группу».

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

   Дополнительные параметры наложения

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

   • Чтобы применить эффекты слоя только к областям, задаваемым слоем-маской, выберите параметр «Слой-маска скрывает эффекты».

   • Чтобы применить эффекты слоя только к областям, задаваемым векторной маской, выберите параметр «Векторная маска скрывает эффекты».

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

1. Выполните одно из следующих действий.

   • Дважды щелкните миниатюру слоя.

   • В меню «Слой» выберите пункт «Стиль слоя» > «Параметры наложения».

   • Выберите пункт «Параметры наложения» из меню значка «Добавить стиль слоя»  в нижней части панели «Слои».

   Примечание.

   Чтобы просмотреть параметры наложения для текстового слоя, выберите меню «Слой» > «Стиль слоя» > «Параметры наложения» или пункт «Параметры наложения» в меню кнопки «Добавить стиль слоя» в нижней части панели «Слои».

2. В области «Расширенные параметры наложения» диалогового окна «Стиль слоя» снимите флажки с каналов, которые необходимо исключить из процесса наложения.

Шкалы в диалоговом окне «Параметры наложения» предназначены для указания пикселов активного слоя и расположенных под ним видимых слоев, которые необходимо сохранить в конечном изображении. Например, можно исключить темные пикселы из активного слоя или активировать просвечивание светлых пикселов нижележащих слоев. Также можно задать диапазон частично накладываемых пикселов для обеспечения плавности перехода между накладываемыми и ненакладываемыми областями.

1. Дважды щелкните миниатюру слоя и выберите пункт «Слои» > «Стиль слоя» > «Параметры наложения» или в меню панели «Слои» выберите пункт «Добавить стиль слоя» > «Параметры наложения».

   Примечание.

   Чтобы просмотреть параметры наложения для текстового слоя, выберите меню «Слой» > «Стиль слоя» > «Параметры наложения» или пункт «Параметры наложения» в меню кнопки «Добавить стиль слоя» в нижней части панели «Слои».

2. В области «Дополнительные параметры» диалогового окна «Стиль слоя» выберите нужный параметр в раскрывающемся меню «Наложить, если».

   • Чтобы задать диапазон наложения для всех каналов, выберите параметр «Серый».

   • Чтобы задать параметры наложения для конкретного канала (например, красного, зеленого или синего цветового канала RGB-изображения), выберите соответствующий канал в списке.

3. Для настройки диапазона яркости накладываемых пикселов необходимо использовать ползунки «Данный слой» и «Подлежащий слой», в которых задаются значения от 0 (черный цвет) до 255 (белый цвет). Верхнее значение диапазона задается с помощью белого ползунка. Нижнее значение диапазона определяется с помощью черного ползунка.

   Примечание.

   Чтобы задать диапазон частично накладываемых точек, перетащите половину треугольника ползунка, удерживая клавишу «Alt» (Windows) или «Option» (Mac OS). Два значения, появившиеся над разделенным надвое ползунком, отображают диапазон частичного наложения.

   При задании диапазонов необходимо следовать приведенным далее рекомендациям.

   • Для задания диапазона накладываемых пикселов активного слоя, появляющихся в результирующем изображении, используются ползунки «Данный слой». Например, если белый ползунок указывает на значение 235, происходит исключение из результирующего изображения пикселов со значением яркости выше 235.

   • Для задания диапазона накладываемых пикселов подлежащего слоя, появляющихся в результирующем изображении, используются ползунки «Подлежащий слой». Накладываемые пикселы объединяются с точками активного слоя, а ненакладываемые пикселы просвечивают сквозь вышележащие области активного слоя. Например, если черный ползунок указывает на значение 19, пикселы со значением яркости менее 19 исключаются из процесса наложения и просвечивают сквозь активный слой в результирующем изображении.

Некоторые фильтры (например, «Эффекты освещения») не могут применяться к слоям, не содержащим пикселов. Данная проблема решается путем предварительного заполнения слоя ранее заданным нейтральным цветом, которое производится с помощью команды «Выполнить заливку нейтральным цветом (относительно режима)» диалогового окна «Новый слой». Этот невидимый нейтральный цвет назначается в соответствии с выбранным для слоя режимом наложения. Заливка нейтральным цветом отражается на других слоях только при задании дополнительных эффектов. Команда «Выполнить заливку нейтральным цветом» не поддерживается слоями, использующими режимы наложения «Нормальный», «Растворение», «Жесткое смешение», «Цветовой тон», «Насыщенность», «Цветность» и «Свечение».

Как накладывать слои в фотошопе?

Фактически каждый редактируемый графический элемент в фотошопе формирует отдельный слой. Таковых в структуре проекта может быть много. Как их совмещать между собой? Как накладывать слои в фотошопе?

Данная задача может предполагать размещение:

• одного целостного графического элемента – изображения или текста – на другом;
• вырезанного участка картинки на каком-либо стороннем объекте.

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

Содержание статьи

Наложение слоев в виде целостных графических элементов

Для того чтобы осуществить данную операцию, нам понадобится как минимум 2 отдельных графических объекта. Таковые можно открыть в виде двух независимых проектов.

Запускаем фотошоп, выбираем пункт File, затем Open – и загружаем в программу 2 изображения. Их можно выбрать в соответствующем окне одновременно.

В результате картинки загрузятся на двух отдельных холстах.

Теперь нужно разблокировать оба слоя, так как сразу после открытия они, скорее всего, будут обозначены фотошопом как фоновые и заблокированные и с ними довольно сложно осуществлять операции наложения. Для этого надо кликнуть два раза мышкой на названии каждого из слоев, после чего нажать OK. Наименование соответствующих графических элементов изменится на Layer.

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

Первым делом будет полезно немного уменьшить накладываемую картинку. Для этого следует задействовать опцию Transform Controls. Для ее активации нужно выбрать инструмент Rectangular Marquee Tool, после – поставить галочку напротив пункта Show Transform Controls в верхней части интерфейса фотошопа.

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

Для того чтобы в процессе изменения размера рисунка не менялись его пропорции, можно удерживать клавишу Shift. После того как оптимальная величина изображения подобрана, ее нужно зафиксировать, нажав Enter.

Далее берем инструмент Rectangular Marquee Tool и выделяем рисунок с цветами.

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

Одновременно сформируется новый слой. Его можно свободно перемещать относительно предыдущего, редактировать и т. д.

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

Изучим особенности данной процедуры.

к содержанию ↑

Как накладывать слои в фотошопе в виде вырезанных участков картинок

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

Собственно, одним из таковых может быть знакомый нам Rectangle Marquee Tool. Используя его, можно, таким образом, выделить прямоугольную область на рисунке с цветами и скопировать ее на другой слой.

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

Доступ к инструменту Magnetic Lasso Tool осуществляется посредством нажатия правой кнопкой мыши на соответствующей группе опций, располагаемых под функцией Rectangle Marquee Tool.

к содержанию ↑

Наложение слоев в фотошопе: нюансы

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

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

Как только картинка с глазом исчезнет – слой станет прозрачным.

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

Слои, наложенные друг на друга, можно склеивать, а также связывать. Что это за процедуры?

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

«Склеенный» слой можно редактировать как целостный объект. При задействовании тех или иных инструментов обработки графики выбранный эффект распространяется на все изображение.

В нашем примере картинка видоизменена с помощью опции Perspective, которая входит в группу инструментов Free Transform. Активировать ее просто – надо выбрать функцию Rectangle Marquee Tool, затем щелкнуть правой кнопкой на редактируемом рисунке, после – еще раз щелкнуть правой кнопкой.

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

Связывание слоев можно отменить. Требуется вновь выделить их, щелкнуть на названии любого правой кнопкой, после – выбрать пункт Unlink Layers.

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

Связанные слои, с одной стороны, остаются независимыми, с другой стороны – редактирование любого из них повлечет изменения в структуре второго.

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

Таковы основные возможности и нюансы наложения слоев в фотошопе.

Слои в Photoshop

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

Введение 

Layers (Слои) в Photoshop напоминают стопку прозрачных листов. Представьте себе, что каждый отдельный слой это стекло, на котором  отображена какая либо фигура, если поверх наложить второе стекло с другой фигурой, то получится уже две фигуры, три стеклянных листа — три фигуры и тд. 

Панель  Layers:

 Работать со слоями можно как через меню Layer, так и через отдельную панель Layers:

По умолчанию панель Layers отображена в нижнем правом углу редактора. Если она отсутствует, то  зайдите в меню Window (Окно) и выберите строку  Layers (Слои). Или же просто нажмите клавишу F7:

Создание нового слоя

Для начала создайте новый документ и нажмите по пиктограмме снизу  Сreate  new Layer (Создать новый слой). Или же комбинацией клавиш Shift+Ctrl+Alt+N:

Итак, у нас есть два пустых слоя. Нижний залит белым однотонным цветом и называется Background, а второй,   только что созданный нами — прозрачный и по умолчанию называется Layer 1:

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

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

Давайте создадим еще один слой (Shift+Ctrl+Alt+N) и добавим на него еще одну фигуру:

Теперь у нас есть два слоя и на каждом из них по одной фигуре. Верхняя фигура перекрывает нижнюю. И это логично ведь мы же добавили ее после того, как нарисовали звезду. Но фотошоп позволяет нарушить закон последовательности. Попробуйте опустить слой Layer 2 под Layer 1, как показано ниже и вы сразу же заметите результат. Сделать это очень просто — зажмите левую кнопку мыши и просто передвиньте слой вниз:

 В результате этого действия, вы заметите как первая фигура стала перекрывать вторую:

Отображение и скрытие слоя

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

Попробуйте нажать на одну из пиктограмм и наблюдайте за результатом:

Управление непрозрачностью

Вот таким простым способом можно на время отключить отображения любого слоя.

Двигаемся дальше. В верхней части палитры Layer обратите внимание на параметры  Opacity (непрозрачность) и Fill (заполнение). Благодаря им можно менять прозрачность слоя. Например Opacity со значением в «100%» означает полную видимость, а значение «0» полную невидимость:

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

Переименование слоя

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

и переименуйте его:

Создание группы

Представьте что вы работаете над большим проектом, где присутствуют десятки слоев. В таком количестве очень легко запутаться даже профессионалу. Но фотошоп позволяет облегчить работу дизайнеру благодаря созданию так называемых групп.  Например в проекте есть 5 слоев  с набросками и 10 с контурами или же какими либо фильтрами. Их неплохо бы было рассортировать по группам. Создать группу очень просто, для этого с зажатой клавишей Shift выберите несколько слоев и потяните их на пиктограмму Create a new group (Создать новую группу):

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

Создание дубликата (копии) слоя

Если вам нужно создать точную копию слоя, то просто выберите его и нажмите Ctrl+J. Появится точный дубликат:

Режимы наложения

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

Normal (Нормальный)

Обычный режим. Он не создает эффектов, и установлен по умолчанию.

Dissolve (Растворение)

В случайном порядке удаляет часть пикселей, что позволяет придать эффект шума.

Darken (Замена темным)

Проявляет темные оттенки слоя.

Multiply (Умножение)

Один из самых распространенных режимов в фотошопе. В этом режиме цвет становится насыщеннее и темнее. Отлично подойдет для затемнения пересвеченных фотографий.

Color Burn (Затемнение основы)

Позволяет повысить контрастность и насыщенность цвета. Помимо этого Color Burn еще и немного затемняет оттенки.

Linear Burn (Линейный затемнитель)

Затемняет нижний слой, и проявляет цвет верхнего. Так же  уменьшает и  яркость.

Lighten (Замена светлым)

Создает противоположный эффект режиму Darken. Проявляет светлые пиксели.

Screen (Осветление)

Хорошо подходит для осветления изображения.

Colour dodge (Осветление основы)

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

Linear dodge (Линейный осветлитель)

Дает такой же эффект как и предыдущий режим, но теперь цвета сочетаются повышая яркость.

Overlay (Перекрытие)

Этот режим равномерно смешивает цвета обоих слоев. Он не влияет на светлые части и умножает темные. Неплохо подходит для какой нибудь текстуры.

Soft Light (Мягкий свет)

Этот режим осветляет и затемняет цвета в зависимости от цвета верхнего слоя. Неплохо подойдет для коррекции тонов.

Hard light (Жесткий свет)

По свойствам похож на Soft light, но менее контролируем и поэтому почти не используется. Затемняет, если наверху темное изображение и осветлять если светлое, при этом повышая контрастность.

Vivid Light (Яркий свет)

Как и предыдущий этот режим затемняет или осветляет цвета изображения в зависимости от цветов верхнего слоя.

Linear Light (Линейный свет)

Результат зависит от цветов верхнего слоя. Если верхний яркий, то нижний станет светлее, если темный, то темнее.

Pin Light (Точечный свет)

Дает различные интересные результаты, работает путем перемещения цветов в зависимости от темных или светлых тонов

Hard Mix (Жесткое смешение)

Максимально повышает контраст, делая изображение очень ярким.

Difference (Разница)

Смешиваясь с белым цветом приводит к инвертированию цвета. С темными цветами данный режим не работает

Exclusion (Исключение)

Похож на режим Difference, но дает меньшую контрастность.

Hue (Цветовой тон)

Цвета верхнего слоя смешиваются с яркостью и насыщенностью нижнего, что дает довольно сильный эффект.

Saturation (Насыщенность)

Хорошо подходит когда слою нужно принять цвет или текстуру другого.

Colour (Цветность)

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

Luminosity (Свечение)

По свойствам похож на предыдущий режим, но здесь остается яркость света, а цвет и насыщенность идут от нижнего слоя.

Практика

В данной части урока вы сможете понять принцип режимов наложения, а так же закрепить прочитанный материал.

Для начала выберете любую фотографию…

И откройте ее в фотошопе…

Создайте новый слой…

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

Растяните изображение по нужному размеру  и не забудьте нажать Enter! Переименуйте слой…

Теперь поработаем с режимами наложения…

Для практики поиграйте с разными режимами, пока не поймете какой подходит лучше

Я установил Soft Light (Мягкий свет) и с непрозрачностью в 75%…

Не будем останавливаться на достигнутом, добавим еще один слой с изображением и придадим ему тип смешивания по вкусу…

Теперь добавьте любой  текст. Получившийся слой с текстом передвиньте вниз,  (это необходимо для того, что бы верхние слои перекрывали его своим цветом ) и измените непрозрачность…

Как наложить слой в фотошопе?

При обработке фотографии часто хочется сделать что-то необычное и оригинальное. Для этого мы используем различные кисти, фильтры, плагины, стили и другие возможности Adobe Photoshop. Еще одним хорошим способом добиться интересного результата является применение режимов наложения слоя. Их использование может дать самые необычные и неожиданные варианты оформления фотографии.

Вам понадобится

• Adobe Photoshop, фотографии

Инструкция

Источники

• Создаём в Фотошоп обои с абстрактными элементами

Как накладывать фон в Photoshop — версия для печати Оцените статью!

Сделать наложение одной фотографии на другую онлайн. Как в фотошопе наложить одну картинку на другую

Photoshop: как наложить одно изображение на другое? Photoshop программа с большим набором инструментов для работы с графикой. Сегодня мы рассмотрим, как вырезать изображение и наложить его на другое.

Одним из преимуществ Photoshop (фотошоп) является то, что каждый новый элемент с которым мы работаем отразить отдельным слоем и работа над ним не влияет на предыдущие слой (изображения).

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

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

Открываем файл

Запускаем любимую программу, а потом через команды Файл-Открыть (File-Open, если используете англоязычную версию) создаем чистый файл. Обратите внимание на те расширения, с которыми будете работать: лучше оставить в типах только тот, что принадлежит искомому файлу. Итак, нужное изображение открылось.

Задачи:
В наличии имеют два изображения. Фон на картинке с бегущей лошадью нас не устраивает, потому будет делать так, чтобы она оказалась на фоне морского пейзажа. Для этого:
1. Создаем новый файл для будущего изображения;
2. На разных слоях по отдельности размещаем коня и морские виды;
3. Вырезаем после выделения животное из первоначальной фотографии;
4. Придаем новой фотографии максимальную естественность.
А теперь пройдем подробно по пунктам.

Новый файл
Размеры нового файла будут заданы 500 Х 375, такие же, как у и фото с морем. Потом в нем требуется создать два слоя: «конь» и «море», причем «морской» слой должен располагаться под «слоем лошадки». Названия присваиваются по щелчку правой кнопкой мыши. В выпавшем контекстном меню в Параметрах слоя (Layer Properties) даем слоям понятные имена.

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

Море располагаем на одноименном слое путем переведение этого окна в активное состояние – щелкаем по нему, оно становится последним. Далее: выделяем все изображение (ведь нам нужен весь пейзаж) через Выделение -> Все (Select -> All) или Ctrl+A. Сигналом к тому, что окно выделено, станет появление рамки из «бегущих муравьев».

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

Выделяем коня

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

Допуску (Tolerance) можно придать значение от 0 до 255. При 0 палочка распознает только один оттенок, при 32 – в диапазоне 32 оттенка и т.д. Нам нужно выставить значение 100.

Потом следует выставить флажок на Сглаживании (Anto-aliased), чтобы границы фрагмента были гладкими. Обязательно выделите Смежные пикселы (Contigous), чтобы волшебная палочка захватывала пикселы в соседних с выбранной областях. Нужно убрать выделение Образца всех слоев (Sample All Layers), иначе эффект распространится на все, а нам нужно работать только со слоем коня.

После выделения самой лошадки вы увидите, что выделение не совсем идеально, но пока что нам важно получить контуры фигуры животного. Щелкайте Ctrl+Z или инструмент до тех пор, пока выделение вас не устроит.

Для удаления лишнего окружения следует выбрать Выделение – Инверсия (Select- Inverse). Потом жмем Del, и у нас для работы остается только вырезанный конь, но уже на фоне морских волн. Убираем выделение (Выделение – Убрать выделение), а потом пытаемся убрать траву, которую захватили вместе с лошадкой.

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

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

Для создания естественного окружения конечностей создаем новый слой, куда мы поместим изображение песка. Берем Пипетку и выбираем ею нужный нам цвет песка. Далее выбираем в параметрах Кисти ту, которая будет по фактуре напоминать песок.
Инструментарий в Adobe Photoshop достаточно широк, поэтому у вас имеется сразу несколько способов выделить объект на картинке, каждый из которых подойдет для своего случая. Мы не будем рассматривать их все, а лишь основные.

1. Выделение с помощью инструмента «Волшебная палочка»

Волшебная палочка – один из самых простых в использовании инструментов для выделения объектов. Прекрасно подойдет в том случае, если у вас имеется простой объект для выделения или, наоборот, простой фон, как в нашем случае.

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

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

Для этого просто щелкаем по белому фону, после чего волшебная палочка аккуратно выделяет его. Нам лишь остается инвертировать выделение, поэтому нажимаем сочетание клавиш Ctrl+Shift+I, после чего выделение переносится на цветок.

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

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

2. Выделение с помощью инструмента «Магнитное лассо»

Еще один полезный инструмент для «умного» выделения, который является «любимчиком» многих Photoshop-пользователей. Действие его действительно магическое: вы выбираете данный инструмент, начинаете стараться аккуратно обводить по контуру, но даже если у вас будут промахи, выделение на контур объекта будет ложиться идеально ровно, словно примагничиваясь.

Чтобы выбрать магнитное лассо, щелкните по инструменту «Лассо» правой кнопкой мыши и в отобразившемся меню выберите нужный нам инструмент.

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

Чтобы приступить к выделению с помощью магнитного лассо, просто зажмите левую кнопку мыши и начинайте аккуратно обводить изображение. Как только вы отпустите кнопку мыши, выделение будет применено.

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

3. Использование функции «Цветовой диапазон»

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

Чтобы воспользоваться данной функцией, щелкните по вкладке «Выделение» и откройте раздел «Цветовой диапазон».

На экране отобразится окошко, а курсор превратится в инструмент «Пипетка». Отодвиньте окошко в сторону так, чтобы было видно изображение, а затем щелкните по объекту, которое необходимо выделить.

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

Используя ползунок «Разброс», переместите его в такое положение, чтобы выделяемая область была максимально светлая, а то, что не должно войти в выделение, осталось черным.

Примените внесенные изменения, и на вашем изображение отобразится выделение.

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

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

Примените инструмент «Быстрое выделение», который располагается там же, где и волшебная палочка.

Чтобы выделять данным инструментом, просто начинайте щелкать по тем участкам, которые должны быть захвачены. Для того, чтобы инструмент захватывал дополнительную область, зажмите клавишу Shift или установите параметр «Добавить к выделенной области». Для того, чтобы удалить лишнее выделение, которое захватил собой инструмент, зажмите клавишу Alt и щелкните по лишнему выделению.

Закончив с выделением объекта, переходим к утончению края. Для этого щелкните по вкладке «Выделение» и перейдите к разделу «Утончить край».

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

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

Как перенести выделенный объект на другое изображение?

1. Добавьте в Photoshop второе изображение, в которое будет вставлен выделенный объект.

2. Вернитесь к первому изображению и нажмите сочетание клавиш Ctrl+C, чтобы скопировать объект.

3. Перейдите ко второму изображению и вставьте в него объект сочетанием Ctrl+V.

4. Примените инструмент «Перемещение» и расположите объект в нужной для вас области картинки.

5. Нажмите сочетание клавиш Ctrl+T, чтобы, при необходимости, изменить размер объекта на изображении. Чтобы сохранить пропорции объекта, при изменении размера не забудьте зажать клавишу Ctrl.

Хотите узнать, как можно «поменяться лицами» с другом, родственником или любимой знаменитостью? В этом вам поможет магия фотомонтажа! Как это работает? Поисковики по запросу, наверняка, предложат воспользоваться фотошопом, но непрофессионалу эта программа не подойдёт. Оптимальный вариант – простая , вроде «Домашней Фотостудии». В этой статье вы узнаете, как в фотографию вставить другое лицо, не имея опыта в фотомонтаже.

Шаг №1. Начинаем работу

Для начала предлагаем и установить его на вашем ПК. Следуйте за указаниями Мастера установки – программа будет готова к работе буквально за минуту. Запустите утилиту. В стартовом окне выберите опцию «Открыть фотографию»
и найдите файл с фото, которое вы хотите отредактировать.

Вы сможете начать работу сразу после того, как программа будет установлена

Шаг №2. Фотомонтаж

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

С помощью фотомонтажа вы сможете без труда наложить одну фотографию на другую

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

В списке выберите слой с добавленным изображением и нажмите «Обрезать фото»
. Автоматически появится новое окно. Воспользуйтесь произвольной формой обрезки. Аккуратно обведите лицо по контуру, стараясь избегать лишних объектов, вроде аксессуаров. Если получилось неровно, воспользуйтесь опцией «Сбросить выделение»
и попробуйте ещё раз. Замкните пунктирную линию, дважды кликнув мышкой. Увеличьте показатель на шкале «Размытие границ»
, потянув ползунок вправо, и нажмите «Применить»
.

Увеличьте масштаб снимка, чтобы результат был максимально точным и аккуратным

Теперь выясним, как на фото вставить другое лицо так, чтобы разница была не заметна. Для этого необходимо трансформировать обрезанный слой. Измените размер нового изображения, потянув выделенную область за углы. «Новое» лицо должно совпадать с размером лица на исходном изображении. При необходимости поверните слой, двигая ползунок на шкале «Угол поворота»
. Режим смешивания «Нормальный»
будет выставлен по умолчанию, но при желании вы можете выбрать другой. Готово! Нажмите кнопку «Применить».

Отрегулируйте наложение слоя так, чтобы «новое» лицо смотрелось максильмано натурально

Шаг №3. Уровни и цветокоррекция

Всё ещё слишком заметно, что лицо было взято с другого снимка. Выполним простейшую цветокоррекцию. Для этого во вкладке «Изображение»
откройте «Уровни»
. Разобраться в использовании этой функции очень просто. На шкале «Уровни на входе»
3 ползунка – белый (светлые оттенки), серый (полутона) и чёрный (тёмные оттенки). С их помощью вы сможете комплексно настроить яркость фотографии. Меняйте положение ползунков, чтобы затемнить (вправо) или осветлить (влево) изображение. Затем, сохраните его, нажав «ОК».

Регулируя уровни, вы сможете сделать картинку с «новым» лицом более однотонной

Шаг №4. Работаем с деталями

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

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

Используйте кисти затемнения и осветления, чтобы придать изображению больше объема

Шаг №5. Сохраняем и делимся с друзьями

Оценим окончательный результат.

Фотомонтаж поможет примерить на себя роль любимого киноперсонажа

Вы сможете отрегулировать качество снимка перед сохранением

Готово! Теперь вы знаете, что вставить лицо в другую фотографию в фотошопе – не единственное решение. Эта инструкция универсальна, используйте её на практике так, как вам захочется. Узнайте, и откройте для себя новые возможности программы! «Домашняя Фотостудия» станет для вас верным помощником в любой ситуации, когда нужно качественно обработать снимок.

Работая с программой Photoshop, чаще всего вам придется работать с уже имеющимися изображениями. Либо вам понадобится что-то в них
исправить, либо вы захотите взять часть в изображении, чтобы использовать в другом изображении, да мало ли для чего еще.

Открытие изображения

Сначала необходимо открыть само изображение в программе Phoroshop. Для этого выберете команду меню Файл -> Открыть (File -> Open).
В отрывшемся окне выберите необходимое изображение.

Обратите внимание, в пункте Тип файла огромный список поддерживаемых файлов.
Если вы выберете определенный тип файла (например, gif), то в окне выбора будут отображены только файлы с этим расширением.
Поэтому, если вы точно знаете, что данный файл лежит в данной папке, а в окне выбора изображения вы его не видите, значит вы выбрали
не тот тип файла.

Постановка задачи

Как всегда рассмотрим на примере. Предположим у нас есть две вот такие фотографии:

А мы хотим, чтобы лошадка скакала по берегу моря. Что нам необходимо сделать:

• Создать новый файл для нового изображения (конь на берегу моря).
• Разместить на разных слоях нового файла изображения коня и моря.
• Вырезать коня. Для этого его необходимо сначала выделить.
• Добавить естественности новому изображению.

Разберем все пункты по шагам. Вы можете подобрать свои фотографии или скачать эти .

Создание нового файла

Итак, создадим новый файл, размером 500 Х 375 (таковы размеры фотографии с морем, хотя мы могли бы сделать и меньшее изображение).

Создадим два новых слоя: один назовем «конь», другой — «море», причем слой -Море- должен находится под слоем -Конь-.
Чтобы слою дать название, щелкните правой кнопкой мыши по слою, в открывшемся контекстном меню выберите -Параметры слоя-
(Layer Properties).
Откроется окно параметров, где и нужно задать имя:

Сейчас у нас в программе открыты три файла, т.е три окна с разными файлами (с морем, с конем и только что созданный, который будем
называть рабочим окном). Причем активным
окном (с которым работаем) является последнее.

В нем, на слое -Море- мы расположим наше море. Для этого:

• Сделаем активным окно с морем (просто щелкните по нему).
• Выделим все изображение, для этого в меню выберем команду Выделение -> Все (Select -> All)
  или нажмите комбинацию клавиш Ctrl+A. Вокруг изображения появится рамочка выделения в виде бегущих муравьев.
• Скопируем это изображение (Ctrl+C). Теперь сделаем активным наше рабочее окно (щелкнем по нему), убедимся, что
  активным является слой -Море- (если нет, то щелкните по нему) и вставим изображение (Ctrl+V). Теперь на слое море изображено море.

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

Выделение коня

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

Для его выделения мы воспользуемся двумя инструментами на панели инструментов:

Нажмите левой клавишей мыши на инструмент -быстрое выделение-, откроется окно выбора инструмента:

Выберите инструмент -волшебная палочка-. Если щелкнуть по какому-либо пикселу слоя этим инструментом, то будут выделены смежные
пикселы одного оттенка. На панели параметров этого инструмента выберите следующие значения:

В поле -Допуск- (Tolerance) можно вводить значения от 0 до 255. Если установить значение 0, то будет выделен только один оттенок,
если установить 32, то инструмент будет выделять пикселы в диапазоне от цвета на 16 единиц темнее и до цвета на 16 единиц светлее
того, по которому вы щелкнули. В нашем случае мы установили значение 100.

Мы также установим флажок -Сглаживание- (Anti-aliased), чтобы сделать более гладкими границы выделенной области.

Флажок -Смежные пикселы- (Contiguous) выделяет только те пикселы, которые находятся в соседних с выбранным областях.

Уберите флажок -Образец всех слоев- (Sample All Layers), т.к. он распространяет свое действие на все слои, а мы работаем только
со слоем -конь-.

Теперь щелкните инструментом по изображению коня, он выделится.

Само выделение не будет идеальным (мы его доработаем позже), на этом этапе главное выделить контуры коня.
Если вам не нравится то, как выделилось, щелкните еще раз инструментом и выделение пропадет (или Ctrl+Z) и попробуйте снова.

Теперь, когда наш конь выделен, нам нужно удалить все лишнее. Для этого в меню выберем команду Выделение -> Инверсия (Select -> Inverse).
Теперь будет выделена вся область вокруг коня. Жмем Del на клавиатуре и получаем нашего вырезанного коня на фоне моря:

Уберем выделение (в меню выберем команду Выделение -> Убрать выделение). Согласитесь очень не плохо, только траву надо убрать.
Для этого сначала увеличим нижнюю часть изображения (там где трава). Для этого на панели инструментов возьмите инструмент -Лупа-.
На панели параметров этого инструмента щелкните по лупе с плюсиком.

Теперь щелкните по той части слоя, где трава. Увеличится эта часть изображения, если щелкнуть еще раз, она еще увеличится. Если
щелкнуть по лупе с минусом, а потом по изображению, то оно будет уменьшаться. Так вы можете увеличивать и уменьшать изображения
для удобства работы с ним.

Итак, вы увеличили ту часть, где трава. Нажмите левой клавишей мыши на инструмент -Лассо-, откроется окно выбора инструмента:

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

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

Снова Del на клавиатуре, убрать выделение, уменьшить размер до нормального (на панели инструментов возьмите инструмент -Лупа-
на панели параметров щелкните по лупе с минусом).

Для пущей убедительности добавим песка на копыта коня. Для этого создайте новый слой, сделайте его самым верхним.
Теперь возьмите инструмент пипетка на панели инструментов

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

Теперь возьмите инструмент кисть на панели инструментов

На панели параметров этого инструмента выберите кисть, напоминающую песок (т.е. с неровными краями).

Сделайте ею по одному щелчку на каждом копыте. Получится примерно вот так:

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

Если в Вашем документе MS Word очень много картинок, и из-за этого он получается большим, тогда можно его немного уменьшить за счет изменения размеров самих изображений и наложения их друг на друга. Конечно, если документ оформляется в соответствии с определенными требованиями, то так сделать нельзя, но если это реферат или какая-нибудь информационная надпись, может открытка, тогда ограничений никаких нет.

В данной статье давайте рассмотрим, как разместить одну картинку поверх другой в Ворде, и сделать так, чтобы необходимая была помещена перед всеми остальными. У меня установлен Ворд 2010, но данные советы подойдут, если Вы пользуетесь Word 2007, 2013 или 2016.

Сначала добавьте изображения в документ. У меня вот такие три рисунка. Также это могут быть фотографии.

Дальше изменяем тип обтекания изображения текстом. Для этого нажмите на картинку, затем перейдите на вкладку «Работа с рисунками»
– «Вставка»
. Кликните по кнопке «Обтекание текстом»
и выберите то, что подходит больше всего. В примере я выбрала «Вокруг рамки»
.

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

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

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

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

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

Или перейдите на вкладку «Работа с рисунками»
– «Формат»
и в группе «Упорядочить»
нажмите на стрелочку (маленькая черная справа) возле кнопки «Переместить вперед»
и выберите из открывшегося списка нужный нам пункт.

Картинка переместится в перед.

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

Выделите мышкой все картинки с зажатой клавишей «Ctrl»
, кликните по любой из них правой кнопкой мышки и выберите из меню «Группировать»
.

Подробнее про объединение рисунков в Ворде , можно прочесть в статье, перейдя по ссылке.

Картинки будут объединены, и с ними можно будет работать, как с одним объектом.

Если хотите что-то написать на ней, тогда в статье: как вставить текст в картинку в Ворде , можете прочесть, как это сделать.

Размещайте картинки и фото в документе Ворд, чтобы они смотрелись красиво и занимали меньше места. Таким образом, можно сделать, например, открытку или просто надпись вроде «ВНИМАНИЕ!», на фоне различных изображений.

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

Часто, работая в Photoshop возникает необходимость вырезать одно изображение и наложить на другое. Зачем? Причин может быть масса. Например, создается коллаж или не нравится фон объекта. Или нужно перенести себя на курорт, дабы похвастаться перед коллегами.

Открываем изображения для редактирования

Первым делом нужно открыть картинки. Одну, с которой будем вырезать и вторую, куда накладывать.

Чтобы это сделать, в верхнем меню нажимаем “Файл”
, а затем “Открыть”
. Либо можно сделать проще и нажать комбинацию горячих клавиш, которые программа отлично поддерживает “Ctrl+O”
.

Для удобства, в поле “Тип файлов”
выбирайте требуемый формат файла — появятся только те изображения, которые соответствуют. Совершайте поиск по названию картинки, введя ее в строку “Имя файла”
.

Что требуется сделать

Допустим, имеется два изображения. На одном — поле:

А на другом — лошадь:

Наша задача — перенести лошадку со скучного и унылого поля на насыщенное и красивое:

• Первым делом, создадим новый файл с названием “Лошадь на поле”.
• Далее откроем две картинки и разместим их на разных слоях.
• Следующим шагом нужно вырезать лошадку, произведя ее выделение.
• Сделать изображение естественнее, натуральнее.

Теперь по каждому пункту более подробно.

Новый файл

Выделение лошади

В Photoshop присутствует много инструментов для этой задачи:

Если есть лишние детали, их можно убрать, воспользовавшись инструментом “Ластик”
. Для удобства можно воспользоваться инструментом «Лупа»
. При надобности, подкорректируйте цвета или добавьте еще объектов.

Изображение готово.

Заключение

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

Как наложить рисунок на стену в фотошопе

Рисуем граффити на стене в Фотошоп / Фотошоп-мастер

Граффити повлияло на многих современных графических дизайнеров и иллюстраторов. Этим стилем разукрашивают скейтборды, одежду, обложки музыкальных альбомов. Также он часто используется для рекламы или журналов. Граффити зародилось в 70-х как простые росписи на стенах метро Нью-Йорка, а сейчас этот стиль является неотъемлемой частью хип-хоп культуры. Граффити стало всемирным видом живописи и постоянно мелькает то на изысканных выставках, то на улицах.

В этом уроке вы узнаете, как добавить немного хаотичного городского стиля своему рисунку при помощи техник выделения и смешивания слоев. Также мы создадим трехцветный трафарет, используя фильтры и каналы Photoshop. Затем у вас появится шанс немного испачкать руки, добавив подтеки краски. По окончанию урока мы усилим эффект, применив режимы наложения, а также менее известный фильтр программы Photoshop  Смещение (Displace). Таким образом, готовое граффити станет еще реалистичнее.

Фотографию скейтера для этого урока любезно предоставил Paul Frost.

Скачать архивы с материалами для урока

Примечание: часть изображений отсутствует на сайте-источнике, в архиве вы найдёте альтернативные материалы для выполнения урока.

Шаг 1

Откройте Photoshop, создайте новый RGB документ размером 29,7 см на 21 см с разрешением 300 пикселей/дюйм (dpi). Возьмите изображение стены с iStockphoto или используйте любую похожую фотографию. Перетяните фотографию на документ в качестве нового слоя, выберите инструмент Штамп (Clone tool), в строке Образец (Sample) выберите Все слои (All Layers). Расширьте штукатурку в левой части фотографии. Вы можете также убрать черную краску в правом верхнем углу. Когда вы будете довольны результатом, объедините все слои при помощи клавиатурного сокращения Ctrl + E.

Шаг 2

Сохраните изображение под именем Graffiti Tutorial. Обесцветьте его (Ctrl + U), а затем примените эффект Размытие по Гауссу (Gaussian blur) с радиусом 2,5 пикселя. Для этого перейдите в меню Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur). Теперь нажмите Shift + Ctrl + S, чтобы Сохранить как (Save as), выберите формат Photoshop и назовите файл Bumpmap.psd. Теперь можете закрыть изображение — мы вернемся к нему ближе к концу урока и используем как карту смещения для граффити.

Шаг 3

Откройте документ Graffiti Tutorial, добавьте новую группу под названием «Graffiti 1», затем откройте фотографии из архива (от Graffiti_1.jpg до Graffiti_16.jpg). Теперь используйте инструмент Волшебная палочка (Magic Wand) или перейдите в меню Выделение > Цветовой диапазон (Select > Colour Range), чтобы выделить граффити, а затем скопировать и вставить их в папку нашего документа в качестве новых слоев.

Шаг 4

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

Попробуйте поменять оттенок надписей на более бледный и уменьшить Непрозрачность (Opacity), чтобы «состарить» рисунки. Также можете попробовать смешать слои, дважды кликнув по миниатюре слоя, а затем перетянув белый ползунок раздела Наложение если (Blend If) влево. Если зажать клавишу Alt и перетянуть половину ползунка, можно достичь более мягкого эффекта.

Шаг 5

Откройте файл Skater.jpg (он находится в архиве), обрежьте лишний фон. Теперь выберите инструмент Перо (Pen tool) с режимом Контур (Paths), чтобы выделить скейтера. Вам не нужно быть 100% аккуратными при размещении точек, так как финальный результат все равно будет грубым. Когда вы закончили, перейдите на вкладку Контуры (Paths) и дважды кликните по миниатюре контура для сохранения изменений.

Шаг 6

Обесцветьте слой, нажав Shift + Ctrl + U, затем сгенерируйте выделение из контура, нажав Ctrl и кликнув по его миниатюре. Нажмите Shift + Ctrl + I, чтобы инвертировать выделение, после чего заполните его белым. Теперь откройте меню Уровни (Levels), нажав Ctrl + L. Установите значение левой точки на 71, средней – 3,37, правой — 187. Это повысит контраст.

Шаг 7

Сейчас мы немного усилим контраст. Перейдите в меню Изображение > Коррекция > Постеризация (Image > Adjust > Posterize). Введите значение 3. Теперь нам нужно упростить детали, чтобы рисунок выглядел как вручную сделанный трафарет. Снова выделите контур, а затем при помощи жесткой кисти закрасьте черные и белые зоны. После этого выберите инструмент Пипетка (Eyedropper tool), возьмите образцы серого и также закрасьте некоторые участки. Теперь перейдите в меню Фильтр > Шум > Медиана (Filter > Noise > Median). Установите параметр Радиус (Radius) на 2 пикселя.

Шаг 8

Выберите инструмент Волшебная палочка (Magic Wand tool), снимите галочку Смежные пиксели (Contiguous), установите параметр Допуск (Tolerance) на 2, а затем выделите черные области рисунка. Перейдите к панели Каналы (Channels), создайте новый канал. Теперь используйте выпадающее меню, чтобы открыть Параметры канала (Channel Options). Выберите пункт Выделенные области (Selected Areas). Изменение первоначальных параметров канала упростит последующие шаги.

Шаг 9

Назовите новый канал «Black», измените фоновый цвет на белый, а затем нажмите кнопку Delete, чтобы заполнить выделение черным цветом. Теперь черный цвет не зависит от белого и серого. Можете закрасить некоторые зоны белым, чтобы упростить рисунок еще больше. Помните — мы добиваемся эффекта трафарета.

Примечание переводчика — просто уберите мелкие детали, или «висящие» отдельно участки.

Шаг 10

Выделите серые зоны, создайте новый канал, и заполните его черным цветом. Зарисуйте некоторые участки, упростив рисунок. Назовите канал «Grey». Теперь выделите белые зоны, снова создайте новый канал, затем заполните выделение черным. Выделите прежде созданный контур, инвертируйте, после чего нажмите Alt + Delete, чтобы заполнить его белым. Уберите выделение, назовите канал «White».

Шаг 11

Создайте новый слой, удалите фоновый слой. Сгенерируйте выделение канала «Grey» (для этого кликните по его миниатюре с зажатой клавишей Ctrl — прим. переводчика), затем заполните выделение бледно-коричневым (R = 243; G = 165; B = 114). Таким же образом выделите канал «White», заполните его слегка желтоватым (R = 200; G = 240; B = 224) на новом слое. Повторите тот же процесс для канала «Black», заполнив его черным цветом на другом слое.

Примечание. Рекомендуемые RGB значения от переводчика: 1) заливка для канала «Grey» — R = 243; G = 240; B = 225 2) заливка для канала «White» R = 243; G = 240; B = 225

Шаг 12

Выберите инструмент Рамка (Crop tool) и растяните нижнюю часть холста, прежде чем подтвердить кадрирование. Поверните изображение против часовой стрелки, как показано на рисунке. Теперь пора добавить немного подтеков краски. Откройте файл Paint_1.jpg. При помощи инструмента Волшебная палочка (Magic Wand tool) со снятой галочкой Смежные пиксели (Contiguous) выделите фотографию. После этого скопируйте и вставьте ее над слоем с черной заливкой (на скриншоте он назван «Black fill»). Трансформируйте слой с лишней краской, поместите его в необходимом месте, а затем измените режим наложения на Умножение (Multiply). Теперь удалите лишние части, после чего добавьте оставшиеся файлы для получения максимально реалистичного эффекта.

Шаг 13

Теперь используйте те же светло-коричневые и желтоватые оттенки, чтобы заполнить другие зоны с подтеками краски. Используйте Обычный (Default) режим наложения — мы добиваемся легкого эффекта, поэтому не перестарайтесь. После того, как вы станете довольны результатом, Объедините видимые (Merge Visible) слои, нажав Shift + Ctrl + E. Назовите получившийся слой «Skater».

Теперь перейдите к пресетам кистей. Выберите среднюю мягкую кисть, поставьте галочку напротив пункта Шум (Noise) на панели пресетов. Добавьте немного подтеков, используя те же цвета, включая черный. Перетяните слой «Skater» в документ, разместив его над группой из слоев.

Шаг 14

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

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

Шаг 15

Назовите слой с большим граффити «Main graffiti». Перетяните его в документ с нашей работой, разместив над слоем со скейтером. Переместите его в правый нижний угол. Теперь выберите инструмент Ластик (Eraser tool) и смягчите углы. Измените режим наложения слоя «Main graffiti»  на Экран (Screen) и установите Непрозрачность (Opacity) — 60%. Продублируйте его, затем установите режим наложения для копии Линейный затемнитель (Linear Burn), Непрозрачность (Opacity) — 77%.

Шаг 16

Установите режим наложения слоя «Skater» Экран (Screen), сократите его Непрозрачность (Opacity) до 75%. Продублируйте этот слой, затем установите следующие параметры для дубликата: Режим наложения — Линейный затемнитель (Linear Burn), Непрозрачность (Opacity) — 77%. Откройте файл «Tag.tif», перетяните его в документ как новый слой, разместите надо всеми остальными. Перетяните его в произвольное место, установите режим наложения Экран (Screen), Непрозрачность (Opacity) — 50%.

Выделите верхний слой и примените к нему смещение. Для этого перейдите в меню Фильтр > Искажение > Смещение (Filter > Distort > Displace). В появившемся окне установите Масштаб по горизонтали и вертикали (Horizontal, Vertical Scale) на 5, выберите пункты Растянуть (Stretch To Fit), Повторить граничные пиксели (Repeat Edge pixels). После этого кликните по кнопке ОК, выберите файл bumpmap.psd, созданный в шаге №2, и кликните Открыть. После этого, по очереди выделите все слои и нажмите Ctrl + F для повтора фильтра. Теперь ваши граффити повторяют контуры стены под ними.

Автор: Mark Mayers

Граффити на стене в Photoshop

Для начала, давайте преобразуем изображение в чёрно-белое, это проще всего сделать нажатием комбинации клавиш Ctrl+Shift+U. Затем, мы должны увеличить его контраст. Есть несколько способов добиться этого, но я пришёл к выводу, что в данном случае использование инструмента «Уровни» (Levels) даст нам наилучшие результаты. Нажмите комбинацию клавиш Ctrl+L для открытия диалогового окна «Уровней», и, затем, сместите крайние чёрные и белые ползунки несколько к центру:

Теперь наше изображение должно иметь примерно такой вид:

Теперь наступил очень важный момент. Сохраните полученное изображение обязательно в формате PSD, иначе вы не сможете выбрать его в дальнейшем. Я назову этот файл disp_map.psd.

Теперь возвратим документу его первоначальный вид. Для этого пройдите по вкладке главного меню Окно —> История (Window —> Hiatory) и кликните по верхней строке в панели истории, либо или нажмите Файл —> Восстановить (File —> Revert) или клавиша F12.
И сразу сохраняем документ как новый файл PSD, дабы не затронуть готовый PSD-файл с картой смещения.

Текст

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

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

Применив эти стили, я получил такой результат:

Придаём тексту рельеф

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

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

Теперь применяем «Смещение», для этого идём по вкладке главного меню Фильтр —> Искажение —> Смещение (Filter —> Distort —> Displace), после чего открывается диалоговое окно фильтра, где изменяем оба значения на 3 или 4:

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

Вот что получилось у меня после этого. Текст вроде-как начал принимать форму стены, но, пока ещё, мы далеки от идеала:

Смешивание слоёв

Очевидно, что текст должен вписываться в стену. Мы проделали большую работу по изменению границы теста от прямой линии, но теперь тестовый слой нуждается в органичном наложении на фоновый. Есть несколько способов это сделать, в том числе применение различных режимов наложения, но,в данном случае, я покажу другой способ смешивания, на мой взгляд, наиболее подходящий в данной ситуации. Идём по вкладке главного меню Слои —> Стиль слоя —> Параметры наложения (Layer —> Layer Styles —> Blending Options) или просто дважды кликаем по бывшему текстовому слою, а ныне смат-объекту, в результате открывается окно параметров наложения по умолчанию. Нас интересует раздел «Наложение, если» (Blend If):

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

В нижнем баре тащим правый ползунок влево, а левый — вправо. В результате получается следующий результат:

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

Если зажать клавишу Alt и кликнуть по ползунку, то он разделится надвое, а эти половинки следует несколько раздвинуть:

Вот теперь я получил именно то, что хотел:

Создаем эффект граффити в Фотошоп / Фотошоп-мастер

Узнайте, как создать эффект граффити из ваших фотографий в Adobe Photoshop, с помощью фильтров, корректирующих слоев, и стиля слоя.

Другие работы с эффектом объема 3D-граффити Graffiti Effect с Pop Up Photoshop представлены на сайте Envato.

Скачать архив с материалами к уроку

1. Как создать фон кирпичной кладки

Создайте Новый документ размером 850 х 630 точек. Можно, конечно, использовать другой размер для вашего PSD-файла, но вы должны соблюдать пропорции, используемые в данном руководстве. 

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

Примечание переводчика: Для изменения размера, воспользуйтесь Инструментом Трансформации: Редактирование (Edit) — Трансформирование (Transform) — Масштабирование (Scale).

2. Как добавить граффити

Шаг 1

Откройте и вставьте в наш документ изображение граффити, при необходимости измените его размер. Поместите этот слой над слоем со стеной.

Шаг 2

Нажмите на вторую иконку Добавить слой маску  (Add layer mask) в нижней части панели Слои (Layers), чтобы добавить маску слоя к слою с изображением граффити.

Установите Цвет переднего плана на #000000 и выберите Гранжевую кисть (Grunge brush), прокрасьте на маске слоя, чтобы скрыть некоторые эффекты граффити и выявить кирпичную стену.

3. Как создать портрет в стиле граффити

Шаг 1

Откройте фотографию с лицом модели. Скопируйте и вставьте в наш документ, выше всех слоев. Используйте инструмент Волшебная палочка (Magic Wand Tool), чтобы выделить фон вокруг портрета. Установите Допуск (Tolerance) 10 и, установив галочки на Сглаживание (Anti-alias) и Смежные пиксели (Contiguous), удерживая нажатой клавишу Shift, выделите все участки фона. Нажмите Delete для удаления выделенного фона.

Нажмите Ctrl +D, чтобы снять выделение. 

Шаг 2

Нажмите Ctrl +J, и продублируйте слой с головой модели дважды, и назовите новые слои портрет 1 и портрет 2. Скройте два вновь созданных слоя: при нажатии на значок Глаз рядом с любым слоем на панели Слоев (Layers) можно скрыть или показать слой.

Шаг 3

Вернитесь к самому первому слою с изображением головы модели и добавьте стиль слоя Обводка (Stroke): Размер 4 пикс., Положение Из центра (Center), цвет #000000.

Шаг 4

Применим к этому слою Фильтр: Переходим во вкладку Фильтр (Filter) — Имитация (Artistic) — Аппликация (Cutout) и выберите Количество уровней (Number of Levels) 8, Простота краев (Edge Simplicity) 0 и Четкость краев (Edge Fidelity) 3.

Шаг 5

Добавьте Корректирующий слой Постеризация: Слои (Layers) — Новый Корректирующий слой (New adjustment layer) – Постеризация (Posterize), поставьте галочку Использовать предыдущий слой в качестве обтравочной маски, установите Уровни (Levels) на 5 единиц.

Шаг 6

Добавьте Корректирующий слой Яркость/Контрастность: Слои (Layers) — Новый Корректирующий слой (New adjustment layer) — Яркость/Контрастность (Brightness / Contrast), поставьте галочку Использовать предыдущий слой в качестве обтравочной маски, Яркость (Brightness) до 117 и Контрастность (Contrast) до -50.

Шаг 7

Добавьте Корректирующий слой Цветовой тон/насыщенность: Слои (Layers) — Новый Корректирующий слой (New adjustment layer) — Цветовой тон/насыщенность (Hue / Saturation), поставьте галочку Использовать предыдущий слой в качестве обтравочной маски, установите Тон (Hue) на 129 и Насыщенность (Saturation) до 100.

Выберите Гранжевую кисть для рисования на маске Корректирующего слоя Hue / Saturation, прокрасьте черным как на изображении ниже, для отображения исходного цвета.

Шаг 8

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

Измените режим наложения этого слоя, с копией текстуры граффити, на Светлее (Lighter Color)

Нажмите на иконку Добавить слой маску (Add layer mask) в нижней части панели Слои (Layers), чтобы добавить маску слоя к слою с изображением граффити. Установите Цвет переднего плана на #000000 и выберите Гранжевую кисть (Grunge Brush), прокрасьте на маске слоя, чтобы скрыть некоторые эффекты граффити в районе лица парня.

Шаг 9

Нажмите на значок Глаз рядом со слоем портрет 1 слой, чтобы включить видимость слоя. Установите цвет переднего плана #000000 и цвет фона #ffffff.

Шаг 10

Переходим во вкладку Фильтр (Filter) — Эскиз (Sketch) – Ксерокопия (Photocopy) и выбираем Детализация (Detail) 3, Затененность (Darkness) до 50.

Шаг 11

Переходим во вкладку Фильтр (Filter) — Имитация (Artistic) — Аппликация (Cutout) и выбираем Количество уровней (Number of Levels) 3, Простота краев (Edge Simplicity) 3 и Четкость краев (Edge Fidelity) 3.

Шаг 12

Перейдите к Изображение (Image) — Коррекция (Adjustments) — Уровни (Levels) и установите значения как на изображении ниже:

Шаг 13

Установите режим наложения слоя портрет 1 на Умножение (Multiply).

Если вы хотите, вы можете повторить тот же процесс, но с разными настройками для слоя портрет 2, но этот шаг не является обязательным.

4. Как создать эффект кирпича

Шаг 1

Нажмите Shift-+Ctrl +N, чтобы создать Новый слой поверх всех остальных слоев. 

Нажмите Shift+Ctrl +Alt+E, чтобы объединить все видимые слои. Назовите этот слой Кирпичи. 

Шаг 2

Добавьте маску слоя к слою Кирпичи.

Шаг 3

Выполните следующее действие: Изображение (Image) — Тримминг (Trim) и обрежьте холст, основанный на прозрачных пикселях.

Шаг 4

Перейти к самому нижнему слою с текстурой кирпичной стены и создайте выделение с помощью Инструмента Прямоугольная область выделения (Rectangular Marquee Tool). Нажмите Ctrl +C, чтобы сделать копию выделения.

Шаг 5

Вернитесь к слою Кирпичи и на вкладке Каналы (Channels) нажмите на значок Глаз рядом с маской слоя Кирпичи, чтобы сделать его видимым. Нажмите Ctrl + V, чтобы Вставить (Paste) выделение в этой маске.

Примечание переводчика: Если не получается с клавишами Ctrl + C, попробуйте так: после того, как в шаге 4, вы выделили участок Прямоугольным выделением, перейдите в меню Редактирование (Edit) – Копировать (Copy), теперь перейдите на слой Кирпичи, зайдите в закладку Каналы, нажмите значок Глаз напротив Маски слоя, активируйте слой, опять меню Редактирование (Edit) – Вставить (Paste).

Шаг 6

Вернитесь к вкладке Слои (Layers) и нажмите Ctrl +D, чтобы отменить выделение. Также кликните два раза мышкой по миниатюре окна на слое Кирпичи.

Шаг 7

Зайдите в Стиль слоя (Layer Style Window) Кирпичи и добавьте стиль Тиснение (Bevel and Emboss). Выставите настройки, как на изображении ниже.

Примечание переводчика: Стиль: Внутренний скос, Метод: Жесткая огранка, Глубина: 704%, Направление: Вниз, Размер: 65 пикс., Угол: 120 градусов, Режим подсветки: Перекрытие, Режим тени: Умножение.

Поздравляю! Вы это сделали!

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

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

Автор: John Negoita

5 способов разместить текст на изображении в Фотошоп / Фотошоп-мастер

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

В этом уроке представлены 5 способов улучшения контраста при размещении текста поверх изображений.

1. Наложение Цвета

На изображении ниже, вы можете увидеть, что текст очень сложно прочитать, потому что отвлекает внимание задний фон. На заднем фоне слишком много деталей, в частности в области барной стойки. Хорошо подобранный шрифт “Buffalo Wings” полностью затерялся из-за нагромождения, которое создал задний фон. Тем не менее, в данном случае, у нас есть возможность улучшить контраст.

Первый шаг – создайте новый слой, назовите этот слой “наложение цвета”. Далее, выберите инструмент Пипетка (Eyedropper), нажав клавишу (I). С помощью данного инструмента, отберите образец цветового оттенка с рубашки мужчины, а затем залейте новый слой выбранным цветовым оттенком (Shift+F5).

В заключение, уменьшите непрозрачность (opacity) слоя с заливкой до 50%, а затем, переместите данный слой вниз, расположив ниже слоёв с текстом.

Как вы видите, мы значительно улучшили контраст. Теперь, текстура шрифта “Buffalo Wings” стала более отчётливой и более различимой.

2. Стиль слоя Тень (Drop Shadow)

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

Первый шаг – подберите соответствующий цвет для текста.

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

Следующий шаг- это добавить стиль слоя Тень (drop shadow) к слою с текстом. Установите степень непрозрачности 52%. Также подкорректируйте значение Размаха (Spread) 16%, включая значение Размера (Size) 10px. Угол (angle) должен быть где-то, примерно, -144 градусов.

Мы значительно усилили контраст, просто добавив стиль слоя Тень (drop shadow).

3. Линии

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

Добавление двух линий….

.…создаёт наибольшее разделение между двумя элементами дизайна.

4. Фигурные Блоки для Текста

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

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

Чтобы усилить видимость текста, выберите инструмент Произвольная фигура(Custom Shapes Tool), нажав клавишу (U), чтобы создать фигурный блок. Фигурный блок может быть любой формы, здесь нет блока правильной формы или неправильной формы.

Залейте фигуру чёрным цветом, а также установите цвет Обводки (Stroke) белый, толщина обводки 3pt.

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

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

5. Размытие Заднего фона

5-й и последний способ улучшить контраст – это лёгкое размытие заднего фона.

Изначально, текст очень сложно различить на заднем фоне.

Первый шаг- преобразуйте слой с задним фоном в смарт-объект. Просто, щёлкните правой кнопкой мыши по слою с задним фоном и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object).

Далее, идём Фильтр – Размытие – Размытие по Гауссу (Filters-Blur-Gaussian Blur).

Установите радиус размытия 3.8 px.

Теперь контраст значительно улучшен, а текст можно легко прочитать.

Надеюсь, вам понравился данный урок!

Автор: Maria Wendt

Три способа поместить фото в узор с помощью Photoshop

Это руководство по размещению фото в фигурном узоре, созданном с помощью Photoshop CC. Но порядок описанных в нем действий верен и для других версий графического редактора.

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

Поместите фотографию выше узора в новый слой.

При выбранном слое изображения (1) нажмите иконку fx (2) в палитре «Слои» и выберите в раскрывающемся меню пункт «Параметры наложения». Перетащите ползунок параметра «Подлежащий слой» (4) влево.

Края будут выглядеть неровными. Удерживая нажатой клавишу Alt, перетащите правый ползунок слайдера вправо. Теперь края будут четкими. Нажмите «ОК».

Хорошо подходит для плоской фигуры.

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

Скройте слой изображения и выберите слой фигуры. Перейдите в меню Выделение> Цветовой диапазон.  В выпадающем списке «Выбрать» установите значение «Тени».

Нажмите кнопку «ОК», чтобы выделить узор. Перейдите в меню Редактирование> Специальная вставка> Вставить в.

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

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

Сделайте слой с фотографией видимым. Затем поместите курсор мыши между слоем фото и слоем фигуры в панели слоев. Удерживайте нажатой клавишу Alt. После этого курсор мыши превратится в квадратную стрелку. Кликните, чтобы применить операцию.

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

С ее помощью я добавил текстурированный фон и небольшую внутреннюю тень.

Надеюсь, вам понравилось это руководство.

Данная публикация представляет собой перевод статьи «HOW TO FILL A SHAPE WITH A PHOTO IN PHOTOSHOP, 3 WAYS» , подготовленной дружной командой проекта Интернет-технологии.ру

Граффити на стене — Уроки фотошоп и все о фотошоп

В этом уроке Фотошоп, мы рассмотрим способ нанесения граффити на стену.

Шаг 1. Откройте изображение в Фотошоп.

Шаг 2. Прежде всего нам нужно создать эффект нарисованной картинки. Итак, создайте дубликат слоя (Ctrl+J).

Шаг 3. Затем к дубликату слоя примените: Фильтр>Стилизация>Выделение краёв (Filter> Stylize> Find Edges). Повторите шаг3 ещё один раз.

Шаг 4. Для копии слоя измените режим наложения слоя на Перекрытие (Overlay).

Шаг 5. Примените: Фильтр>Размытие>Размытие по Гауссу (Filter>Blur>Gaussian Blur).

Шаг 6. Объедините оба слоя (Ctrl+E).

У Вас должно получиться следующее изображение:

Шаг 7. Пришло время наложить изображение на кирпичную стену. Примените к слою: Фильтр>Текстура>Текстуризатор (Filter>Texture>Texturize).

Шаг 8. Дублируйте фоновый слой (Ctrl+J), измените режим наложения копии слоя на Умножение (Multiply) и уменьшите непрозрачность до 40%.

Вот и всё. Эффект граффити на стене готов.

Вариант граффити от переводчика:

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

Далее я приведу краткое описание работы. Я взял изображение девушки и обработал его следуя выше изложенному уроку. Шаг 7 пропускаю, а шаг 8 применяю к изображению девушки (без текстуры). Затем я объединил оба слоя в один. Изображение готово для наложения на стену. Открываю фотографию со стеной и, с помощью инструмента Перемещение (V), перетаскиваю изображение девушки на стену. Инструментом Ластик (Е) с мягкими краями обрабатываю границы снимка с девушкой. Затем инструментом Свободное трансформирование (Ctrl+T) подгоняю нужный размер изображения девушки и, командой Перспектива, преобразую его в одну перспективу со стеной. Изменяю режим наложения слоя на Умножение (Multiply). Готово.

Что касается надписи. Печатаем текст подходящим шрифтом (цвет чёрный). Растрируем его. Я применил стиль слоя: Обводка. Затем подгоняем размер, поворачиваем и располагаем в одной перспективе со стеной. Изменяем режим наложения слоя на Перекрытие (Overlay), копируем слой и уменьшаем непрозрачность копии слоя до 60%. Это всё. Граффити на реальном снимке стены готов.

Перевод: Владимир Нестеров

Ссылка на источник

Создаем эффект рисованного изображения в Photoshop

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

Скачать архив с материалами к уроку

Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант изображений для выполнения урока.

1. Подготовка документа

Шаг 1

Нажимаем Ctrl+O и выбираем изображение для работы.

Шаг 2

Нажимаем Alt+Ctrl+I и меняем размер изображения на 2000 х 2000 пикселей.

Шаг 3

Создаем новый слой (Shift+Ctrl+N) и называем его Mask (Маска).

Шаг 4

Создаем копию своего фонового слоя. Клик правой кнопкой мыши – Duplicate Layer (Создать дубликат слоя).

Шаг 5

Переименовываем новый слой в Image (Изображение), затем кликаем правой кнопкой мыши и выбираем Convert to Smart Object (Преобразовать в смарт-объект).

Шаг 6

Теперь нам нужно установить кисти в Photoshop. Нажимаем B, чтобы активировать инструмент Brush (Кисть), а затем переходим к Preset Manager (Управление наборами).

Шаг 7

После этого нажимаем Load (Загрузить) и выбираем кисти из приложения к уроку.

2. Создаем обтравочную маску для слоя

Шаг 1

Теперь давайте начнем создавать маску для нашего изображения. Выбираем слой Mask (Маска) и нажимаем B, а затем рисуем штрихи второй кистью из набора, как показано на рисунке ниже.

Шаг 2

Рисуем штрихи по краям фигуры с помощью первой кисти из набора.

Шаг 3

Перемещаем слой Mask (Маска) ниже смарт-объекта.

Шаг 4

Выбираем смарт-объект, а затем кликаем правой кнопкой мыши и выбираем Create Clipping Mask (Создать обтравочную маску).

Шаг 5

Скрываем фоновый слой.

3. Создаем рисованный эффект

Шаг 1

Выбираем слой смарт-объекта и идем в меню Filter – Filter Gallery – Artistic – Dry Brush (Фильтр – Галерея фильтров – Имитация – Сухая кисть). Устанавливаем следующие настройки:

• Brush Size (Размер кисти): 5
• Brush Detail (Детализация): 6
• Texture (Текстура): 1

Шаг 2

После этого идем в меню Filter – Filter Gallery – Brush Strokes – Crosshatch (Фильтр – Галерея фильтров – Штрихи – Перекрестные штрихи). Устанавливаем следующие настройки:

• Stroke Length (Длина штриха): 9
• Sharpness (Резкость): 6
• Strength (Интенсивность): 1

Шаг 3

Идем в меню Filter – Filter Gallery – Artistic – Paint Daubs (Фильтр – Галерея фильтров – Имитация – Масляная живопись). Устанавливаем следующие настройки:

• Brush Size (Размер кисти): 2
• Sharpness (Резкость): 1

Шаг 4

И последним фильтром нам нужно добавить эффект разбрызгивания. Идем в меню Filter – Filter Gallery – Brush Strokes – Splatter (Фильтр – Галерея фильтров – Штрихи – Разбрызгивание). Устанавливаем следующие настройки:

• Spray Radius (Радиус разбрызгивания): 5
• Smoothness (Смягчение): 5

4. Создаем винтажный эффект с помощью наложения текстур

Шаг 1

Идем в меню File – Place (Файл – Поместить) и выбираем файл Background Texture. Изменяем его размер до границ документа, удерживая Shift.

Шаг 2

После этого перемещаем слой с текстурой вниз панели Layers (Слои).

Шаг 3

Теперь нам нужно разместить и изменить размер второй текстуры, как мы это делали ранее.

Шаг 4

Теперь меняем режим наложения текстуры на Multiply (Умножение).

5. Выполняем цветокоррекцию изображение

Шаг 1

В последних шагах нам нужно выполнить цветокоррекцию изображения. Идем в меню Layer – New Adjustment Layer – Brightness/Contrast (Слои – Новый корректирующий слой – Яркость/Контрастность)

• Brightness (Яркость): 30
• Contrast (Контрастность): 45

Шаг 2

Идем в меню Layer – New Adjustment Layer – Hue/Saturation (Слои – Новый корректирующий слой – Цветовой тон/Насыщенность) и установите Hue (Насыщенность) на +25.

Мы закончили. Отличная работа!

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

Я надеюсь, вам понравился этот урок. Вы можете посмотреть мой экшн Vintage Painting Effect Action в портфолио на GraphicRiver.

Автор: Ivan Gromov

Как реалистично наложить текст на фотографию в Adobe Photoshop

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

Прочитав эту статью, вы узнаете:

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

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

Откройте фото (или картинку), которую будете использовать:

Давайте выберем цвет. При добавлении текста на картинку мы будем использовать цвет с фотографии. Откройте «Палитру цветов», используя «Пипетку» выберите темное дерево на бочке:

Выберите инструмент «Текст». Я использую сжатый шрифт «Bernard MT Condensed».

Я собираюсь напечатать «PHOTOSHOP CAFE» и перетащить надпись на бочку:

Самый быстрый способ изменить размер текста – нажать Ctrl-T (или Command T на Mac), зажать клавишу Shift, а затем растянуть текст в соответствии с пропорциями бочки:

Нажмите «Enter», чтобы сохранить изменения.

Перед тем как добавить текст на картинку в Фотошопе, нажмите правой кнопкой мыши на текстовом слое в панели «Слои» и выберите пункт «Растрировать текст». Это действие преобразует текст в пиксели, чтобы мы могли искажать их:

Нажмите Ctrl/Cmd -T чтобы вызвать команду «Свободное трансформирование». Щелкните правой кнопкой мыши и выберите инструмент «Деформация». Он отлично работает на закругленных поверхностях:

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

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

Нажмите «Enter», чтобы сохранить изменения:

Последнее, что нужно сделать, чтобы добавить красивый текст на картинку – это наложить на текст текстуру. Для этого мы изменим «Режим наложения».

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

Это были базовые шаги. Для придания картинке большего реализма читайте дальше!

Сейчас мы придадим тексту немного шероховатости.

Перед тем, как добавить текст на картинку в Фотошопе, создайте слой-маску на текстовом слое, выбрав «Текстовый слой» и нажав на кнопку «Слой-маска» на панели «Слои» (прямоугольная иконка с кружочком внутри):

Нажмите на клавишу «D», чтобы выбрать черный в качестве цвета переднего плана. Нажмите на клавишу «В», чтобы выбрать инструмент «Кисть». Убедитесь, что параметр «Непрозрачность» равен 100, а режим наложения — нормальный.

Мы будем использовать грубую кисть. Если вы посмотрите на верхнюю панель параметров, то найдете кисть в левом верхнем углу. Кликнете по ней. Вы увидите панель с шестерней. Нажмите на иконку.

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

Нажмите «Добавить»:

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

Также следует поступить, если вы хотите создать основной потертый текст. Совет: Вы можете загрузить кисти с сайтов типа Brusheezy или DeviantArt.

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

При выбранном текстовом слое нажмите на маленькие «fx» внизу панели «Слои», чтобы добавить стиль слоя. Выберите стиль слоя «Внутренняя тень». Установите параметр «Непрозрачность» на 100 и немного увеличьте «Смещение», и вы увидите, что надпись станет немного объемной.

Меняйте значение «Угла», и вы увидите, как надпись начнет вдавливаться в дерево:

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

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

Данная публикация представляет собой перевод статьи «HOW TO BLEND TEXT INTO A PHOTO REALISTICALLY IN ADOBE PHOTOSHOP TUTORIAL» , подготовленной дружной командой проекта Интернет-технологии.ру

Как в фотошопе наложить одну картинку на другую с прозрачностью

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

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

Для примера я выбрал эту фотографию, на неё мы будем накладывать изображение.

НЛО, на прозрачном фоне. Если у вас есть изображение на прозрачном фоне — хорошо, если нет — вырежьте. В данном уроке я даю вам изображение на прозрачном фоне (ссылка сверху).

Откройте оба изображения в Фотошопе.

Перейдите в изображение в НЛО, выделите его, нажмите CTRL+C чтобы скопировать.

Перейдите в окно с фотографией города. Нажмите CTRL+V чтобы вставить. Тарелка наложится на это изображение сверху.

Причем изображение НЛО будет на отдельном слое, а значит мы с ним можем делать что угодно.

Нажмите CTRL+T чтобы вызвать функцию трансформирования.

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

Переместить можно изображение с помощью инструмента Перемещение (Move Tool) — найдите на панели инструментов справа.

Теперь уменьшим прозрачность для изображения с НЛО. Это делается на панели со слоями.

Результат:

Автор урока — Александр Акимов

Добавляем в фотошопе текст на неровную поверхность / Фотошоп-мастер

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

На создание этого эффекта меня вдохновили различные стили слоя, доступные на Envato Market.

Скачать архив с материалами к уроку

1. Сохраняем карту смещения

Открываем текстуру ткани в Photoshop и переходим File – Save As (Файл – Сохранить как), пишем название файла Displace Map и сохраняем его.

2. Настраиваем карту смещения

Шаг 1

Жмем правой кнопкой по фоновому слою и выбираем Convert to Smart Object (Преобразовать в смарт-объект).

Шаг 2

Переходим Image – Adjustments – Hue/Saturation (Изображение – Коррекция – Цветовой тон/Насыщенность) и устанавливаем параметр Saturation (Насыщенность) на -100.

Шаг 3

Переходим Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу) и устанавливаем Radius (Радиус) на 2.

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

Шаг 4

Переходим File – Save (Файл – Сохранить), чтобы сохранить изменения, которые мы внесли в файл Displace Map.

3. Меняем цвет текстуры

Шаг 1

Открываем оригинал текстуры ткани, активируем инструмент Color Replacement Tool (Замена цвета) и устанавливаем цвет переднего плана на #d7ba80.

На верхней панели параметров инструмента устанавливаем Mode (Режим) на Color (Цветность), Sampling (Проба) на Contiguous (Смежные пиксели) и Tolerance (Допуск) на 100%.

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

Благодаря этому, мы изменили цвет текстуры.

Шаг 2

Дублируем фоновый слой и преобразовываем копию в смарт-объект.

4. Улучшаем цвет текстуры

Шаг 1

Дважды кликаем по копии фонового слоя, чтобы применить стиль слоя Color Overlay (Наложение цвета) со следующими настройками:

• Color (Цвет): #fde8bd
• Blend Mode (Режим смешивания): Divide (Разделение)

В результате цвет текстуры стал ярче.

Шаг 2

В нижней части панели слоев жмем на кнопку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) и выбираем Selective Colors (Выборочная коррекция цвета).

Шаг 3

Из выпадающего меню Colors (Цвета) выбираем Yellows (Желтые) и настраиваем:

• Cyan (Голубой): -30
• Magenta (Пурпурный): -16
• Yellow (Желтый): -47
• Black (Черный): -21

Шаг 4

Далее из выпадающего меню выбираем Blues (Голубые) и меняем значения, как показано ниже:

• Cyan (Голубой): -100
• Magenta (Пурпурный): -35
• Yellow (Желтый): -100
• Black (Черный): -16

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

5. Добавляем текст

Шаг 1

Шрифтом Cookie Regular пишем текст белого цвета и устанавливаем его Size (Размер) на 150 pt.

Шаг 2

Преобразовываем текстовый слой в смарт-объект и устанавливаем его Fill (Заливка) на 0.

6. Стилизуем текст

Дважды кликаем по текстовому слою, чтобы применить следующие стили слоя:

Шаг 1

Добавляем стиль слоя Bevel and Emboss (Тиснение):

• Style (Стиль): Pillow Emboss (Контурное тиснение)
• Size (Размер): 8
• Активируем Anti-aliased (Сглаживание)
• Highlight Mode (Режим подсветки): Linear Light (Линейный свет)
• Color (Цвет): #929292
• Opacity (Непрозрачность): 50%
• Shadow Mode (Режим тени): Color Burn (Затемнение основы)
• Color (Цвет): #434343
• Opacity (Непрозрачность): 27%

Шаг 2

Добавляем стиль слоя Color Overlay (Наложение цвета):

• Color (Цвет): #bdadb1
• Blend Mode (Режим смешивания): Linear Burn (Линейный затемнитель)

Шаг 3

Добавляем стиль слоя Drop Shadow (Тень):

• Blend Mode (Режим смешивания): Linear Burn (Линейный затемнитель)
• Color (Цвет): #707070
• Opacity (Непрозрачность): 20%
• Снимаем флажок с Use Global Light (Глобальное освещение)
• Angle (Угол): 90
• Distance (Расстояние): 3
• Size (Размер): 5

В результате мы стилизовали текст.

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

7. Применяем фильтры Blur (Размытие) и Displace (Смещение)

Шаг 1

Выбираем смарт-объект с текстом и переходим Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу). Устанавливаем Radius (Радиус) на 1. Это сделает эффект более мягким и аккуратным.

Шаг 2

Теперь переходим Filter – Distort – Displace (Фильтр – Искажение – Смещение). В результате появится диалоговое окно.

Horizontal Scale (Масштаб по горизонтали) и Vertical Scale (Масштаб по вертикали) отвечает за интенсивность эффекта. Высокое значение позволит создать более волнистые складки, а низкое – более аккуратные.

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

Displacement Map (Схема искривления) устанавливаем на Stretch to Fit (Растянуть), Undefined Areas (Неопределенные области) на Repeat Edge Pixels (Повторить граничные пиксели) и жмем ОК.

Шаг 3

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

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

Шаг 4

Запомните, что вы в любой момент сможете подкорректировать настройки фильтра Displace (Смещение), если дважды кликните по нему в списке смарт-фильтров и повторно примените с новыми значениями.

8. Настраиваем резкость фона

Это опциональный шаг, и вы можете его пропустить. Но если вы хотите получить более качественный результат, выбираем копию фонового слоя, затем переходим Filter – Sharpen – Smart Sharpen (Фильтр – Резкость – Умная резкость) и применяем следующие параметры:

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

Заключение

В этом уроке мы создали простую карту смещения, используя текстуру ткани, корректирующие слои и фильтры.

Затем мы настроили цвет текстуры и создали текст.

После этого использовали фильтр Displace (Смещение) и применили к тексту карту смещения, чтобы он соответствовал складкам на ткани.

И, наконец, увеличили резкость фона.

Автор: Rose

Как наложить текстуру? Спецэффекты в Photoshop — Российское фото

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

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

Вот оригинал фотографии, которую мы будем обрабатывать:

Оригинальный снимок

А это текстура, которую мы будем на нее накладывать:

Накладываемая текстура

Вот что мы получим в итоге. Мы сделали еще пару дополнительных поправок, о которых расскажем в конце урока:

Итоговый результат

Давайте начнем!

Шаг 1: Выбираем и копируем текстуру

Открыв в Photoshop и оригинальный снимок, и текстуру, перенесем ее в документ с фотографией. Самый простой вариант – копирование и вставка. Убедитесь, что окно, содержащее текстуру, активно, откройте меню Select в верхней части экрана, а затем All. Можно также нажать Ctrl + A (Win) / Command + A (Mac) на клавиатуре:

Выбираем Select > All

Таким образом, мы выделяем всю текстуру целиком. По ее периметру появляется контур выделения:

Контур выделения обрамляет текстуру

После этого необходимо открыть меню Edit, расположенное в верхней части экрана, а затем Copy, либо же нажать Ctrl + C (Win) / Command + C (Mac) на клавиатуре:

Выбираем Edit > Copy

Шаг 2: Вставляем текстуру в документ, содержащий фотографию

Скопировав текстуру в буфер, переходим в окно с фотографией, снова заходим в меню Edit, но на этот раз выбираем Paste либо нажимаем Ctrl + V (Win) / Command + V (Mac) на клавиатуре:

Выбираем Edit > Paste

Photoshop вставит текстуру в документ, точнее, в новый слой, который будет располагаться над фотографией. В зависимости от размера документа с текстурой она может полностью накрыть фотографию, но если посмотреть в панель слоев Layers Panel, видно, что оригинал сохранился в слое Background, а текстура оказалась выше, в новом слое с названием Layer 1:

Теперь фотография и текстура находятся в разных слоях одного и того же документа

Шаг 3: При необходимости меняем размер текстуры при помощи инструмента

Free Transform

Если размеры снимка и текстуры не совпадают, возможно, вам захочется их выровнять. Photoshop позволяет нам сделать это при помощи команды Free Transform. Откройте меню Edit в верхней части экрана и выберите Free Transform либо же нажмите Ctrl + T (Win) / Command + T (Mac) для вызова той же команды с клавиатуры:

Нажимаем Edit > Free Transform

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

Меняем габариты текстуры с помощью Free Transform

Шаг 4: Выбираем инструмент

Move Tool

Выбираем инструмент Move Tool, который расположен в верхней части панели инструментов Photoshop. Это же можно сделать нажатием клавиши V. По сути, мы не собираемся его использовать, но в данном случае этот шаг необходим, чтобы получить возможность быстро переключаться между режимами смешивания слоев: это позволит нам понять, какой из них обеспечит лучшие результаты для конкретного снимка и текстуры.

А причем тут инструмент Move Tool, спросите вы? Просто в зависимости от выбора инструмента горячие клавиши на клавиатуре могут не работать. При выборе инструмента Move Tool все работает как надо, а поскольку Move Tool находится в самой верхней части панели инструментов, проще всего воспользоваться именно им:

Выбираем инструмент Move Tool

Шаг 5: Переключаемся между режимами смешивания слоев

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

По умолчанию установлен режим смешивания Normal

Нажав на Normal, вы увидите список других вариантов – Multiply, Screen, Overlay и т. д. Значительно быстрее будет пролистать их с помощью горячих клавиш. Удерживая Shift + Alt (Win) / Shift + Option (Mac), нажимайте плюс (+) или минус (-). Плюс переводит на следующий режим в списке, а минус – на предыдущий. Например, если, удерживая Shift + Alt (Win) / Shift + Option (Mac), вы нажмете на плюс один раз, то переключитесь с Normal на Dissolve:

Листайте режимы смешивания, удерживая Shift + Alt (Win) / Shift + Option (Mac) и нажимая плюс или минус

Возможно, эффект от смешивания в режиме Dissolve будет неинтересным, но какой-нибудь другой режим вам непременно понравится. Мы нажмем плюс еще несколько раз, все еще удерживая Shift + Alt (Win) / Shift + Option (Mac), чтобы добраться до режима Multiply:

Режим смешивания Multiply

При варианте Multiply получается интересное, хотя и темноватое, наложение:

Результат с режимом смешивания Multiply

Нажму плюс еще несколько раз, дойдя до режима Screen:

Сейчас выбран режим смешивания Screen

Результат тоже интересный, на этот раз получилось куда светлее, чем в режиме Multiply:

Режим Screen дает более светлый эффект, чем Multiply

Нажав плюс еще несколько раз, я добираюсь до варианта Overlay:

Посмотрим, как выглядит смешивание в режиме Overlay

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

Контрастный эффект Overlay

Как правило, наиболее интересные результаты при наложении текстуры достигаются именно с помощью режимов Multiply, Screen, Overlay, Soft Light, а также Hard Light; советуем обязательно попробовать их все, чтобы понять, какой из вариантов лучше подходит для достижения вашей цели. Мы в данной ситуации оптимальным считаю режим Screen, но вы можете выбрать и другой вариант.

Шаг 6: Снижение насыщенности цвета текстуры

В настоящий момент на фотографии проступает не только сама текстура, но и ее цвет. Возможно, именно это вам и нужно, поскольку смешивание цветов на разных слоях может дать интересный результат, но если вы хотите сохранить оригинальные цвета снимка, то цвет с текстуры придется удалить. Самый простой способ сделать это – понизить его насыщенность. В верхней части экрана выберите Image, затем Adjustments и, наконец, Desaturate. Также можно нажать Shift + Ctrl + U (Win) / Shift + Command + U (Mac) на клавиатуре:

Image > Adjustments > Desaturate

Команда Desaturate немедленно убирает цвет из слоя, делая его, по сути, черно-белым. Для перевода фотографии в чб/ это не лучший вариант, но в данном случае ее вполне достаточно. Посмотрев на миниатюру слоя с текстурой (Layer 1) в панели слоев, мы увидим, что она потеряла цвет:

На миниатюре слоя видно обесцвеченную текстуру

После удаления цвета лишь тональная яркость текстуры смешивается с нашей фотографией. Для сравнения еще раз посмотрим на изображение после установки режима смешивания Screen:

Эффект режима смешивания Screen до удаления цвета с текстуры

А вот как это выглядит после того, как мы убрали с текстуры цвет:

Эффект после обесцвечивания текстуры

Шаг 7: Инвертирование текстуры

Прежде чем удовольствоваться результатом, можно попробовать инвертировать текстуру, поменяв яркость на противоположную. То, что было темным, станет светлым, и наоборот. В верхней части экрана выберите Image, затем Adjustments и, наконец, Invert. Также можно нажать Ctrl + I (Win) / Command + I (Mac) на клавиатуре:

Image > Adjustments > Invert

Вот как выглядит наша фотография после инвертирования яркости текстуры. По мнению автора урока Стива Паттерсона, снимок стал казаться старым, выцветшим:

Иногда получается интереснее, если текстуру инвертировать

Шаг 8: Снижаем непрозрачность текстуры

Наконец, если текстура кажется слишком броской, можно уменьшить ее проявление, снизив непрозрачность слоя. Эта опция, Opacity, находится прямо напротив режимов смешивания в верхней части панели слоев. По умолчанию установлено значение Opacity 100 %, но чем больше его понижать, тем больше будет проступать оригинальное фото. Мы уменьшим значение Opacity до 50 %:

Значение Opacity снижено до 50 %

Текстура теперь выглядит более деликатно:

Эффект после снижения непрозрачности текстуры

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

Копия слоя Background появляется над оригиналом

Теперь я размываю слой Background copy с помощью фильтра Gaussian Blur. В меню Filter в верхней части экрана я выбираю Blur, затем Gaussian Blur:

Открываем Filter > Blur > Gaussian Blur

Откроется диалоговое окно Gaussian Blur. Нам нужно лишь небольшое размытие, так что устанавливаем радиус в районе 1,5 пикселей:

Показатель Radius задает степень размытия слоя

Нажимаем OK, диалоговое окно закрывается, и в этот момент Photoshop производит легкое размытие:

Фотография после размытия слоя Background copy

И наконец, создаем новый слой для снижения цветовой насыщенности снимка. Нажимаем на иконку New Adjustment Layer в нижней части панели слоев:

Нажимаем на иконку New Adjustment Layer

Из появившегося списка выбираем Hue/Saturation:

Из списка корректирующих слоев выбираем Hue/Saturation

В Photoshop CS4 и более поздних версиях (в данном уроке использован CS5) опции для регулирования Hue/Saturation появятся на панели Adjustments. В более ранних версиях они открываются в отдельном диалоговом окне. Для снижения цветовой насыщенности нужно понизить значение Saturation примерно до -50, сдвигая ползунок влево:

Сместите ползунок Saturation влево – это снизит насыщенность цветов на снимке

Если бы у нас был Photoshop CS3 или более ранняя версия, надо было бы нажать OK, чтобы закрыть диалоговое окно (закрывать панель Adjustments в CS4 или более поздней версии не требуется). Теперь мы видим итоговый результат после снижения цветовой насыщенности:

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

Вот и все! Теперь вы знакомы с основами наложения текстуры в Photoshop с помощью режимов смешивания!

Источник — photoshopessentials.com

Наложение слоев цветокоррекции в Фотошопе

В этом уроке я постараюсь рассказать и показать не столько какую-то обработку в Фотошопе сколько познакомить вас со стилем работы. Я бы назвал его методом восстанавливаемой работы. Обработка может быть любой, если вы овладели основными операциями работы, обработка зависит от вашей фантазии. Другое дело стиль работы. Этот урок не о фото и не обработке, а о стиле работы в Фотошопе. С помощью нехитрых приемов я собираюсь создать вот такое изображение:

Смысл в том, что даже после сохранения файла и потери истории работы, мы можем вернуться к каждому слою, сделать любые изменения в нем за 1 секунду, и достать оригинальные изображения без эффектов. Для этого нам даже не понадобится делать к каждому слою по дублю. В своей работе я регулярно сталкиваюсь с фаилами как российских дистрибьюторских компаний, так и их американских собратьев из Sony Pictures и могу с уверенностью заверить – там, (за бугром) уже давно все прознали про правильную работу со слоями, а вот нашим отечественным товарищам предстоит ещё многому научиться.

Когда я только начинал знакомиться с Photoshop, я, как и многие, обрабатывал фотографии, редактировал слои, накладывал эффекты. Смысла в PDS фаилах после моей работы было не много, так как все изменения производились инструментами палитры Tools на исходнике изображения. Либо применялись эффекты и цветокоррекция. Изуродованное изображение было не восстановить после сохранения фаила. Если хотелось сделать какое-то изменение, надо было отталкиваться либо от того что уже сделано, либо делать все с самого начала.

Последние версии Photoshop все ближе подходят к восстанавливаемому методу работы. Особенно после введения Smart слоев, растровая графика, как никогда, приблизилась к объектной векторной графике. Невероятные обработки фотографий, при правильной организации слоев можно создавать на 100% изменяемыми на любом промежутке работы без использования History даже после сохранения.

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

Для начала превратим наше изображение в умный слой, кликнув правой кнопкой по слою и выбрав в меню Convent to Smart Object. Тоже самое можно проделать нажав Layer > Smart Objects > Convent to Smart Object

Умный слой наделен разными интересными особенностями. Перечислять их все мы не будем. Это тема для отдельного разговора. Просто применим к поумневшему слою привычные нам эффекты и посмотрим что получилось. Откройте Filter > Blur > Smart Blur Ниже приведены мои настройки, но вам их копировать не обязательно. Руководствуйтесь тем, что большие одноцветные области надо немного смазать, стилизовать, приблизив, таким образом, изображение к векторности.

Откройте Filter > Sharpen > Smart Sharpen После применения эффекта Smart Blur вместе с широкими областями смазались и контуры. Я решил добавить к ним немного резкости.

Теперь посмотрите, что у нас получилось в палитре Layers. У нас есть умный слой. У слоя внизу появился список используемых эффектов. В любой момент вы можете отключить эффект или зайти в него и исправить настройки. При этом у ваших эффектов прикрепленная маска, в виде белой иконки. Это значит, что часть эффектов вы можете просто скрыть кистью. У вас полный контроль за изображением. Такой слой можно уменьшить, изменить форму, применить к нему эффекты и некоторые операции цветокоррекции. Все изменения запишутся в список под слоем, а нажав Layers >Smart Object > Edit Content либо дважды кликнув по иконке слоя, вы всегда вернетесь к исходнику.

На палитре слоев есть черно-белая иконка добавления корректирующих слоев. Добавим несколько слоев цветокоррекции через неё либо через меню Layer > New Adjustment Layer В дальнейшем, чтобы не указывать на некие иконки в некой палитре, вызывающие некие меню, я буду просто указывать адрес корректирующего слоя из вкладки Layer в меню Photoshop.

Добавим кривые Layer > New Adjustment Layer > Curves Я не буду выкладывать настройки к кривым по всем трем каналам, которые я изменил. Тем более не старайтесь в точности повторить мои кривые. Ведь вы работаете со своим изображением. Смысл в том, чтобы наша картинка стала очень засвеченной. Даже пересвеченной. Пересвет должен убить часть информации о цвете. Для этого необходимо повысить кривую, как в темных тонах, так и в светлых. Жуткий пересвет, по мнению многих адептов искусства – признак тонкой и глубочайшей творческой задумки!

И вот что у нас получилось.

Добавим новый корректирующий слой Layer > New Adjustment Layer > Hue/Saturation На этот раз нам нужно добавить насыщенности.

Вот результат:

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

Настало время выделения зданий. Эту работу я проделал обычным инструментов выделения Polygonal Lasso Tool. Выделив здание зажимайте ALT. У курсора лассо появится небольшой минус. Теперь можно вычленить окна. На основе этого выделения мы создадим маску для новых корректирующих слоев.

При не снятом выделении нажмите Layer > New Adjustment Layer > Solid Color, чтобы создать корректирующий слой заливки. В настройках укажите желтый цвет, или свой по вкусу.

На основе выделения у слоя автоматически образуется маска. Корректирующий слой применится только к той области, которую мы заранее выделили, все остальное скроется. Поставьте так же режим смешивания слоев – Multiply.

Выделите инструментом Лассо другие области и на основании их создайте другие маски с корректирующими слоями. В режимах смешивания для красного цвета я указал Linear Burn, а для синего Multiply.

Вот что я называю правильной работой со слоями. Кроме этих изменений я немного подправил волосы. Волосы девушки немного растрепались. Я счел это не подходящим к данной стилизованной обработке и создал области выделения с новым слоем, на который скопировал кусочки этих выделений. Не убирая выделения, я поработал инструментом Clone Stamp Tool, копируя кусочки стены, закрывая ненужные части волос.

Для наглядности, вот изображение до и после.

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

Теперь создадим рамку для картинки. Откройте Image > Canvas Size и добавьте к имеющимся размерам, к примеру, по 50 пикселей. Вы так же можете создать рамку при помощи инструмента Crop Tool. Подробнее о этом инструменте читайте в моей статье Все об инструменте Crop Tool

Чтобы создать белую подложку нажмите Layer > New Adjustment Layer > Solid Color и выберите белый цвет. На этот раз без всяких масок. Поместите его под все слои.

Вот так выглядит итоговый вариант:

Таким образом, у вас есть контроль за всеми элементами изображений. Вы в любой момент можете поменять настройки цветокоррекции, эффектов изображения, масок, режимов наложения. Вы не рисуете ничего на слоях, не подтираете резинкой, не уничтожаете исходник. Вот так выглядит восстанавливаемый метод работы в Adobe Photoshop. Особенно хочу отметить, что данный урок не несет в себе цель продемонстрировать чудеса ретуши и обработки. В этом уроке я хотел продемонстрировать организацию и работу со слоями. Что мы получили в итоге? Мы получили обработанную картинку, всю обработку которой можно отключить парой кликов мышки. Цветокоррекцию переделать, слои заливки отменить, примененные к фотографии фильтры отменить, частично затереть, а сам исходник девушки достать из Smart слоя совершенно не тронутым. Это что я называю восстанавливаемой и контролируемой работой в Фотошопе. Такой PSD фаил есть смысл сохранять.

Автор:

Как объединить изображения в одно составное изображение в Photoshop CS5 | Small Business

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

Откройте Photoshop и щелкните «Файл» в крайнем левом углу верхней панели инструментов, затем выберите «Открыть». Перейдите к одному из файлов, которые вы хотите использовать в своей композиции, и дважды щелкните по нему. Это откроет файл в Photoshop. Сделайте это для всех файлов, которые хотите использовать. Перейдите в File и выберите New. Откроется окно с просьбой указать размеры файла. Введите желаемые размеры и нажмите ОК.

Нажмите клавишу «V», чтобы выбрать инструмент перемещения. Установите флажок «Автоматический выбор» в верхнем левом углу экрана под самой верхней панелью инструментов.Щелкните внутри одного из ваших изображений. Удерживая кнопку мыши нажатой, перетащите изображение на новое изображение и отпустите кнопку, чтобы его отпустить. Изображение появится на холсте нового изображения. Сделайте это для всех ваших изображений. Обратите внимание, что каждое изображение находится на своем собственном слое. Вы можете убедиться в этом, посмотрев на панель слоев в правом нижнем углу экрана.

Щелкните и удерживайте одно из изображений, а затем перетащите его в желаемое место на холсте. Измените размер изображения, выбрав «Правка» на верхней панели инструментов и выбрав «Свободное преобразование» в параметрах меню.Вокруг изображения появится контур. Удерживая нажатой клавишу Shift, щелкните и перетащите один из углов изображения. Это меняет его размер. Вы также можете повернуть изображение, постепенно перемещая курсор от угла, пока индикатор курсора не превратится в изогнутую стрелку. Затем вы можете щелкнуть и перетащить, чтобы повернуть изображение. Сделайте это для всех изображений, которые вы хотите переместить, изменить размер или повернуть.

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

Объединение фотографий в Photoshop Layer Masks Tutorial

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

Вот видео для просмотра. В письменном руководстве на этой странице также есть более подробная информация, так что убедитесь в этом наверняка!

Для вас, давняя команда CAFE, это было старое руководство с хромыми часами и клавиатурой.Как и почти каждый учебник по CAFE, я полностью его переписал. Почему? Во-первых, Photoshop прогрессировал, и я тоже. Теперь у меня есть лучшие техники и более быстрые способы делать что-то, чем 10 лет назад, я вырос как художник и фотограф и хочу, чтобы все выглядело современно. Да, сэр, новый PhotoshopCAFE вернулся и свежий!

Step 1

Первое, что вам нужно, это 2 изображения, которые будут хорошо сочетаться друг с другом.

Убедитесь, что они имеют одинаковое разрешение (72 точки на дюйм для Интернета) и цветовое пространство (в данном случае RGB).Откройте оба этих документа в Photoshop.

Эти изображения взяты из Adobe Stock

Шаг 2 Объедините 2 изображения вместе

Нам нужно объединить оба изображения в один документ. Выберите инструмент Перемещение на левой панели инструментов: клавиша «V».

(CS6 и CC) Если у вас есть рамка приложения (показано),

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

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

Совет. Чтобы центрировать новое изображение в окне, удерживайте нажатой клавишу Shift при перетаскивании.

(Если вы застряли, я сделал здесь руководство для начинающих о том, как комбинировать фотографии в Photoshop)

Шаг 3

Теперь у нас будет 2 слоя в одном документе

Мы добавим Layer Mask

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

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

Шаг 4

Нажмите клавишу «G», чтобы выбрать инструмент градиента. Убедитесь, что передний план и фон установлены на черный и белый. Клавиша «D». Выберите линейный градиент и от переднего плана к фону.

Теперь перетащите градиент по изображению.

Шаг 5

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

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

Step 6

ДОПОЛНИТЕЛЬНЫЙ КРЕДИТ!

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

Step 7

Вы также можете использовать любой инструмент кисти на маске.Черный «закрасит» изображение, а белый «закрасит». Для наилучшего результата используйте мягкую кисть.

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

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

Что дальше?

Композиция в Photoshop: Sky City Project

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

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

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

См. Все, что вы узнаете здесь.

«Отличное руководство даже для новичков, и как новичок, я могу честно сказать, что с ним было легко не отставать от него. Колин проведет вас и ВСЕ объяснит. Я не могу этого рекомендовать! Если вы стоите на заборе, остановитесь здесь и просто купите. Вы не будете разочарованы ».
-Audrey (Создание в Photoshop / Sky City Project)

Огромная коллекция бесплатных дополнений для Photoshop от Колина Смита

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

Включено в хранилище PS

• Электронная книга о режимах наложения слоев
• Пакет действий Photoshop
• Colins Cloud and sky collection
• Presets Lightroom и Camera Raw
• Пользовательские профили Camera Raw и Lightroom
• Кисти Cloud и Smoke
• Цвет Оценка LUT
• Шпаргалка по сочетаниям клавиш

Как установить и использовать наложения Photoshop

Как установить наложения Photoshop

Вы недавно приобрели замечательную коллекцию наложений Photoshop от Pretty Actions, которую хотите использовать? Что ж, вы попали в нужное место, потому что мы собираемся обсудить, как установить оверлеи, чтобы вы могли сразу же начать их использовать!

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

Как использовать наложения в Photoshop

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

2. Откройте изображение, которое вы хотите использовать в Photoshop. Это будет изображение, к которому вы хотите применить наложение.

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

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

5. Нажмите «Enter», чтобы зафиксировать оверлей на месте.

6. Измените режим наложения на панели слоев на «Экран» , щелкнув раскрывающееся меню «Режим наложения».

7. Отрегулируйте непрозрачность слоя для дальнейшего улучшения вашего приложения наложения.

8. Вы также можете выборочно стереть или очистить части наложения на вашем изображении, где вы, возможно, не хотите, чтобы наложение отображалось, используя маску слоя. Для этого убедитесь, что ваша маска слоя выбрана на панели слоев. Затем выберите инструмент «Кисть» на панели инструментов и убедитесь, что черный цвет является цветом переднего плана. Теперь закрасьте любое место на изображении, где хотите стереть наложение.

Дополнительное чтение:

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

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

15 лучших бесплатных наборов наложений для Photoshop

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

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

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

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

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

Как использовать наложения Photoshop

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

1. Загрузите несколько бесплатных наложений Photoshop для фотографов

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

1. Перейдите к фотографии, которую вы редактируете. После того, как вы найдете несколько потрясающих бесплатных наложений для фотографий для своего проекта, запустите Photoshop и откройте изображение, которое вы хотите отредактировать, с помощью недавно обретенных наложений.

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

3. Настройте свой режим наложения: лучший режим наложения для редактирования наложений Photoshop — «Экран». Экран имитирует эффект многократной экспозиции одного кадра, что близко к тому, к чему мы здесь стремимся.

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

5. Добавить маску. Добавление маски слоя не обязательно для каждого экземпляра, но это позволит вам заблокировать части наложения Photoshop, где вы не хотите, чтобы наложение влияло на ваше изображение.Вы можете захотеть, чтобы эти листья падали в одной части изображения, но не прямо перед лицом вашего объекта!

А теперь давайте рассмотрим несколько потрясающих бесплатных наложений Photoshop для фотографов!

Наложения с эффектом боке

Популярный тип бесплатного наложения в Photoshop — это надежное наложение с эффектом боке. Это потому, что эффект боке может быстро превратить вашу фотографию из обычного снимка в профессиональное всего за несколько кликов. Некоторые объективы отлично справляются с созданием эффекта боке, позволяя расфокусировать некоторые фоновые источники света, но если ваш объектив не справляется с этой задачей, не беспокойтесь.Для этого есть накладка!

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

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

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

Хотите сделать GIF или движущееся изображение? Накладки с эффектом боке с призмой Rocketstock уникальны тем, что на самом деле они были созданы с использованием настоящих призм в студии, а не отрисованы в цифровом виде.Форма источников света боке варьируется в зависимости от того, какая призма использовалась для их создания, и они предназначены для видео, поэтому вы можете использовать их в проектах, связанных с движением!

Color Overlays

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

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

Эти винтажные накладки от Fix The Photo — это не простые цветные наложения — они также добавляют текстуру. Но с точки зрения цветовых эффектов, это отличный способ придать вашим изображениям именно тот возврат, который может потребоваться на вашем концерте. Если вы снимаете на цифровом изображении и хотите добиться эффекта пленки, эти цветные наложения — отличный способ сделать это!

Sky Overlays

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

Эти бесплатные наложения неба из Modern Market посвящены облакам. Вы сможете создать эффект яркого дневного снимка или розового вечернего сияния в зависимости от того, какое наложение неба вы выберете.

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

Вы можете получить одни из лучших наложений неба бесплатно на Ai Download , с этим потрясающим закатным небом, наложенным на Photoshop бесплатно.

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

Наложения узоров

Бесплатные наложения Photoshop для фотографов также можно использовать для добавления узоров и текстуры к изображениям. Иногда вы можете получить эти эффекты, выполнив пресет Lightroom , но наложения — хороший ярлык. Наложения узоров Photoshop включают в себя такие вещи, как эффекты дерева, эффекты бумаги и наложения зерна пленки для Photoshop. Параметры Photoshop наложения текстур можно использовать, чтобы ваше изображение выглядело зернистым и состарившимся, помогая вам получить аналогичный вид, даже если вы снимали на свою надежную цифровую зеркальную камеру.

Эти 30 бесплатных наложений Photoshop для фотографов от Retro Supply Co помогут вам получить очень интересные изображения (если вы не переусердствуете!)

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

Сезонные наложения

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

• Снежные наложения для Photoshop.

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

• Накладки дождя для Photoshop.

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

• Наложения тумана для Photoshop.

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

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

Наложения света для Photoshop

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

• Наложения Light Leak Overlays для Photoshop.

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

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

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

У вас еще нет онлайн-портфолио? Не беспокоиться. Их очень легко создавать, если вы используете мощный онлайн-редактор для портфолио , который делает за вас большую часть тяжелой работы. Все, что вам нужно сделать, это загрузить свои лучшие изображения (теперь у вас их будет масса, когда вы знаете все об использовании наложений), написать несколько интересных и незабываемых описаний для своей работы и поделиться ими со всем миром.

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

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

Хотите больше советов по Photoshop? Читать дальше!

61 Уроки Photoshop, которые поразят вас

71 Абсолютно великолепные кисти Photoshop

Лучшие экшены Photoshop для фотографов

Как добавить

в Photoshop

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

ШАГ ПЕРВЫЙ

Прежде всего, откройте изображение, которое вы хотите отредактировать в Photoshop.

ШАГ ВТОРОЙ

Теперь найдите и перетащите свои наложения в Photoshop на свое изображение.Это будет выглядеть примерно так.

ШАГ ТРЕТИЙ

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

ШАГ ЧЕТВЕРТЫЙ

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

ШАГ ПЯТЫЙ

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

Вы должны увидеть белый прямоугольник рядом с наложенным слоем.

ШЕСТОЙ ШАГ

Это та часть, которая становится немного сложной, если вы новичок в слоях и маскировании. Прямо сейчас весь слой активно отображается на вашем изображении (представлен белым цветом маски слоя). Самое приятное в редактировании маски слоя заключается в том, что оно является неразрушающим. Нажмите на белое поле, чтобы сделать слой-маску вашим активным слоем.

Слой-маска выбрана и активна.

Чтобы стереть участки наложения слоя, просто используйте кисть с выбранным черным цветом.

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

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

PRO TIP: если ваша кисть по умолчанию снова стала белой, как моя, переключите ее обратно на черный с помощью клавиши X (при активном инструменте кисти).

ШАГ СЕМЬ

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

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

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

СОВЕТ ОТ ПРОФЕССИОНАЛА: поиграйте с непрозрачностью кисти и потоком, чтобы смешать края.

И все! Как только вы научитесь пользоваться этими инструментами, многие из них будут делаться методом проб и ошибок.

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

ШАГ ПЕРВЫЙ

Мое изображение открыто в Photoshop.

Я собираюсь перетащить оверлей на свое изображение.

ШАГ ВТОРОЙ

Вы видите, что теперь есть еще один слой на панели слоев. Измените режим наложения этого слоя на Screen.

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

Я изменил размер своего изображения и добавил маску слоя, как в первом примере. Это прямоугольник с кружком внутри в нижней части панели слоев.Это создаст маску слоя (это белое поле) рядом с вашим активным слоем (убедитесь, что у вас активен слой наложения).

ШАГ ТРЕТИЙ

Далее мы собираемся инвертировать маску слоя и сделать ее невидимой. С активной маской слоя и белым цветом на палитре нажмите CTRL + Delete. Теперь ваша маска слоя должна быть черной, а наложение исчезло.

Убедитесь, что у вас активна МАСКА СЛОЯ (вокруг активного слоя есть белые скобки).

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

СОВЕТ: Увеличьте или уменьшите кисть с помощью клавиш-скобок на клавиатуре.

СОВЕТ. Если вы рисуете там, где не хотите наложения, просто переключитесь на черную кисть (клавиша X) и сотрите эту область.

А вот и готовое изображение с наложением пыли только на освещенные солнцем участки.

Я надеюсь, что изучение того, как добавить наложение в Photoshop, откроет целый новый мир творчества.

Обработка изображений — Наложение изображений

Обработка изображений — Наложение изображений

Использование Photoshop — метод канала RGB

Для наложения изображений с помощью PhotoShop файлы изображений должны иметь оттенки серого. C’ (Ctrl-C, скопировать в
clipboard ) на клавиатуре.

Теперь наложенное изображение можно сохранить.

вариантов наложения для инструмента кадрирования в Photoshop, Adobe Camera Raw, Lightroom и Elements

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

Подробнее…

Наложения Photoshop
Когда вы выбираете инструмент «Кадрирование» в Photoshop CC, вокруг всего изображения автоматически появляется рамка с «маркерами». В более ранних версиях Photoshop сначала нужно щелкнуть и перетащить прямоугольник вокруг фотографии, чтобы увидеть маркеры.

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

• Правило третей
• Сетка
• Диагональ
• Треугольник
• Золотое сечение
• Золотая спираль

905 905 905 905 905 905 905 905 905 905 905 905 905 905 905 905 905 905 905 905 905 905 905 905 905 905 905 905 905 905 905 905 905

Вы можете переключаться между этими вариантами, выбирая их из
маленький значок «сетка» на панели параметров.Или вы можете нажать сочетание клавиш с буквой «o», чтобы увидеть различные варианты.

Кроме того, вы можете указать Photoshop, следует ли автоматически, всегда или никогда не отображать наложение. Если вы выберете Авто, наложение появится только тогда, когда вы начнете перетаскивать его.
сторон или углов рамки обрезки от краев. Если вы выберете «Всегда», последний выбранный вами дизайн наложения появится, как только вы выберете инструмент «Обрезка». Если вы выберете «Никогда», вы не увидите никаких наложенных линий, если они вас отвлекут.

Если вы часто используете Adobe Camera Raw для редактирования фотографий, единственным доступным наложением является правило третей. Чтобы включить его, нажмите и удерживайте значок инструмента «Кадрирование» на панели инструментов и выберите «Показать наложение». Сделайте то же самое, чтобы скрыть линии наложения.

Наложения для Lightroom
В Lightroom инструмент «Кадрирование» в модуле «Разработка» имеет те же варианты наложения, что и Photoshop. Lightroom включает одну дополнительную опцию наложения, отображающую три
распространенные пропорции печати: 2×3, 5×7 и 4×5.Это может быть полезно, если вы
хотите обрезать по размеру кадра. Например, обращение к линии наложения 4×5 поможет вам обрезать отпечаток размером 8×10 дюймов.

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

Наложения элементов
Начиная с версии 11, инструмент кадрирования в Elements также имеет параметры наложения для правила третей, сетки, золотого сечения (сочетание золотого сечения и золотой спирали в Photoshop и Lightroom), и вообще никаких линий. В Elements 13 также есть значки предложений кадрирования. Все это доступно в режиме экспертного редактирования на панели параметров инструмента в нижней части экрана.

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