В фотошопе градиент прозрачности: Градиентная прозрачность в Фотошопе – Градиентная прозрачность в фотошопе | it-land.by

вот мое второе изображение, которое я буду смешиваться с первым (семена одуванчика фото от Shutterstock):

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

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

давайте начнем!

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

Как мы видим, в слое предварительный просмотр эскизов фото девушки на нижнем слое (фоновый слой), изображение одуванчика на слое непосредственно над ним (слой 1), и фото поле одуванчиков на верхний слой (слой 2). Давайте сосредоточимся на смешивании только двух нижних изображений. Мы оставим верхнюю на потом.

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

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

Если я щелкну значок видимости для слоя 1, чтобы включить это временно выкл:

мы видим фотографию девушки на фоне слоя:

теперь, когда мы видели фотографий, на которых layers, я снова включу Layer 1, нажав еще раз на иконку видимости:

и теперь мы возвращаемся к одуванчику:

Как Смешать Фотографии В Photoshop

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

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

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

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

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

обратите внимание, что миниатюра заполнена белый. Путь a layer mask работает в Photoshop это то, что области, заполненные белым на маске, представляют собой части слоя, которые 100% visible в документе. Области, заполненные черный на маске представляют части слоя, которые 100% прозрачный в документе. частичная прозрачность на слое представлены различные оттенки серый на маске; чем темнее, тем прозрачнее, поэтому более слоев сквозит.

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

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

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

выбор переднего плана на фоне градиента

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

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

Выбор Стиля Линейного Градиента

справа от панели предварительного просмотра градиента находится серия из пяти иконок, представляющих пять стили градиентов мы можем выбрать из. Начиная слева, у нас есть линейный стиль Radial,угол,отражение и Diamond. Чтобы смешать две стороны моих изображений вместе, я хочу убедиться, что у меня есть значение по умолчанию линейный выбран стиль, который будет рисовать простой градиент, который переходит по прямой линии слева направо (или сверху вниз, или в каком бы направлении я его ни рисовал):

Выбор Маски Слоя

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

Цвета Переднего Плана И Фона

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

Рисование Градиента

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

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

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

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

чтобы просмотреть фактическую маску слоя в документе и увидеть, как выглядит градиент, нажмите и удерживайте клавишу Alt (Win)/опции (Mac) клавиша на клавиатуре и нажмите на миниатюра маски слоя на панели «Слои»:

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

чтобы скрыть маску слоя и вернуться к изображению, нажмите и удерживайте клавишу Alt (Win)/опции (Mac) ключ и нажмите на кнопку миниатюра маски слоя:

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

Замена Цветов Переднего Плана И Фона

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

поменяв местами цвета, Я нарисую другой градиент слева направо примерно в том же месте, что и раньше:

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

Если посмотреть маску слоя (нажав и удерживая Alt (победа) / опции (Mac) и нажмите на миниатюра маски в панели слоев), мы видим зону твердой черноты на левой стороне которая делает ту часть фото одуванчика на слое 1 полно прозрачной, позволяющ слою предпосылки показать до конца. Белая область справа — это место, где слой 1 виден на 100%, а переход от черного к белому в середине-это место, где слой 1 и фоновый слой сливаются вместе:

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

Я вернусь просмотр моего изображения, еще раз нажав и удерживая Alt (Win)/опции (Mac) и нажмите на миниатюра маски на панели слоев. Затем, когда цвет переднего плана по-прежнему установлен на черный, а цвет фона-на белый, Я нарисую другой градиент, на этот раз справа налево:

и теперь мы снова видим одуванчик слева и девушка справа:

Добавление Третьей Фотографии В Композицию

давайте на третьем фото, в моем случае на верхнем слое (слой 2). Я нажму на ее значок видимость, чтобы включить его:

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

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

с выбранным слоем 2, я нажму Добавить Маску Слоя значок в нижней части панели слоев:

появляется миниатюра маски слоя, заполненная белым цветом:

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

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

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

Я буду просматривать маску, нажав и удерживая Alt (Win)/опции (Mac) и нажмите на миниатюра маски для слоя 2:

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

Создание Маски Слоя С Градиентами

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

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

когда я отпущу кнопку мыши, обратите внимание на то, что произошло; я успешно смешал верхний левый угол фотографии на слое 2 в композицию, но где та часть внизу, которую я добавил ранее? Его больше нет:

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

на переднем плане прозрачный градиент

Что нам нужно, так это способ добавить несколько градиенты к одной и той же маске слоя. Мы не можем сделать это, используя градиент фона переднего плана, но мы can сделайте это с помощью Photoshop передний план на прозрачный градиент. Чтобы переключить градиенты, я снова открою Выбор Градиента еще раз нажав стрелка справа от панель предварительного просмотра градиента в панели «Параметры»:

после этого, я выберу передний план на прозрачный градиент двойным щелчком по его миниатюре (вторая слева, верхняя строка):

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

Я отменить градиент я просто добавил подойдя к Edit меню в строке меню в верхней части экрана и выберите Отменить Градиент. Я мог бы также нажать Ctrl+Z (Win)/Команда+Z (Mac) на моей клавиатуре, чтобы отменить его быстрее ярлыка:

Это удаляет верхний левый угол слоя 2 из композиции и возвращает нижнюю часть:

Я оставлю свой цвет переднего плана белый Так что я рисую белым прозрачным градиентом. Затем я еще раз нарисую градиент от верхнего левого угла по диагонали вниз к середине:

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

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

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

Я отпустите мою кнопку мыши, и теперь верхний правый угол сливается в:

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

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

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

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

куда идти дальше

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

Похожие записи