Градиент черно белый – Смешивание Фотографий С Масками Слоев И Градиентами В Photoshop

Содержание

Преобразуем изображение в чёрно-белое: Карта градиента

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

karta-gradienta1.gif

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

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

Открываем корректирующий слой "Карта градиента", нажав на соответствующую кнопку в палитре слоёв и выбираем соответствующий пункт меню:

karta gradienta

Если Вы используете Photoshop CS3 и ниже, у то Вас откроется диалоговое окно, если CS4 и выше (здесь я использую CS6), то слой откроется на панели регулировок справа.
Основной особенностью в параметрах Карты градиента является градиент-бар просмотра, показывающий нам текущие цвета в градиенте, который применяется к нашему изображению. Как мы уже упоминали, цвета градиента по умолчанию основаны на цвете переднего плана и фона, а так установили их в черно-белыми, прежде чем открыть Карту градиента, то мы и получили черный-белый градиент, т.е. именно тот, который, что нам нужен:

карта градиента

На основании значений яркости, все оригинальные цвета на фотографии теперь заменены на цвета градиента (в данном случае, на оттенки серого, от чисто чёрного до чисто белого), и, если мы посмотрим на нашу фотографию в окне документа, мы увидим, что черный-белый градиент превратил изображение в черно-белое:

karta-gradienta

Неплохое начало, не правда ли? О настройках этого корректирующего слоя мы поговорим в следующей статье.

Как работать с Редактором градиентов / Фотошоп-мастер

В прошлом уроке мы научились рисовать градиенты с помощью инструмента «Градиент». Также мы рассмотрели, как использовать палитру градиентов и выбирать необходимый градиент из множества предложенных градиентов. Однако независимо от того, как много градиентов включено в программу Photoshop, полезнее (и всегда веселее) уметь создавать собственный градиент!

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

В прошлом уроке мы рассмотрели основы рисования градиентов, поэтому сегодняшний урок мы посвятим изучению Редактора градиентов. Если вы еще не знаете, как использовать инструмент «Градиент» (Gradient Tool) или как рисовать градиенты, я советую вам изучить прошлый урок по рисованию градиентов. В данном уроке я буду работать в версии программы Photoshop CC, но и версия Photoshop CS6 также подойдет. Итак, приступим!

Создаем новый документ

Давайте начнем урок с создания нового документа. Для этого, я перейду в раздел «Файл» (File) в строке меню в верхней части экрана и выберу пункт «Новый» (New):

Выбираем Файл > Новый (File > New)

В результате, откроется диалоговое окно «Новый» (New). Поскольку мы будем изучать сам Редактор градиентов, размер файла для нас не важен. Но если вы работаете вместе со мной, давайте создадим файл того же размера, что и в прошлый раз: Ширина (Width) 1200 пикселей, Высота (Height) 800 пикселей. Параметр «Разрешение» (Resolution) я оставлю без изменения по умолчанию – 72 пикселя на дюйм (pixels/inch), а параметр «Содержимое заднего фона» (Background Contents) - «Белый» (White). Я нажму ОК, когда закончу вводить данные, чтобы закрыть диалоговое окно, и на экране появится новый документ с белым фоном:

Создаем новый файл размером 1200х800 px

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

После создания нового документа я выберу инструмент «Градиент» (Gradient Tool) на панели инструментов:

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

Открываем Редактор градиентов

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

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

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

Редактор градиентов

Область готовых образцов градиентов

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

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

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

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

Кликаем по иконке шестерни

В конце списка появившегося на экране меню вы увидите другие наборы градиентов, каждый из которых имеет определенную тематику, например, «Гармонизированные цвета» (Color Harmonies), «Металлик» (Metals), «Пастель» (Pastels) и т.д. Для выбора какого-либо набора кликните по его названию. В моем случае, я выберу набор

Гармонизированные цвета 1 (Color Harmonies 1):

Выбираем набор «Гармонизированные цвета 1»

Программа спросит вас, необходимо ли заменить текущие градиенты новыми из набора. Если вы нажмете кнопку «Добавить» (Append), вместо замены градиентов программа добавит новые градиенты к уже существующим. Мне нравится, когда на экране у меня порядок и нет нагромождения иконок, поэтому я нажму ОК, чтобы заменить градиенты, тем более восстановить исходные будет очень просто (как мы с вами узнаем позже):

Нажимаем ОК, чтобы заменить текущие градиенты по умолчанию новыми из набора

И теперь нам видно, что вместо исходных градиентов появились новые градиенты из набора:

Градиенты из набора «Гармонизированные цвета 1»

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

Кликаем по иконке шестерни

Затем из появившегося меню выбираем команду «Восстановить градиенты» (Reset Gradients):

Выбираем команду «Восстановить градиенты»

Программа Photoshop спросит вас о необходимости замены текущих градиентов градиентами по умолчанию. Нажмите ОК:

Нажимаем ОК, чтобы восстановить градиенты по умолчанию

И теперь мы снова можем видеть исходные градиенты:

Исходные градиенты были восстановлены

Область редактирования

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

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

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

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

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

«Черный, белый» (Black, White). Я выберу его, кликнув по соответствующей миниатюре (третья слева в верхнем ряду):

Выбираем градиент «Черный, белый»

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

Выбранный градиент появился на шкале предварительного просмотра градиента

Тип градиента

Если вместо градиента с плавным переходом, вы увидите на шкале градиента ряд разноцветных линий, то это значит, что параметр «Тип градиента» (Gradient Type) установлен не на «Непрерывный» (Solid), а на «Шум»

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

Убедитесь, что в качестве типа градиента выбран «Непрерывный»

Замена цветов в градиенте

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

Контрольные точки цвета под каждым из краев градиента

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

Щелкаем по точке того цвета, который вы хотите изменить

Выбрав точку, я кликну по образцу цвета

Щелкаем по образцу, чтобы изменить цвет

В результате, откроется Палитра цветов (Color Picker). Я выберу темно-красный в качестве нового цвета, а затем нажму ОК для выхода из Палитры:

Выбираем в Палитре цветов красный цвет

После этого, мой исходный черно-белый градиент превратится в красно-белый градиент:

Черный цвет в моем градиенте изменился на красный

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

Дважды кликаем кнопкой мыши по белой контрольной точке цвета

В результате двойного щелчка кнопки мыши произойдет мгновенное открытие Палитры цветов. Я выберу желтый цвет и затем нажму ОК, чтобы закрыть Палитру:

Изменяем белый цвет в градиенте на желтый

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

Новые цвета градиента

Настройка средней точки цвета

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

Значок средней точки цвета

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

Настраиваем область перехода с помощью перемещения средней точки цвета

Параметр «Позиция»

По мере перемещения иконки средней точки цвета параметр «Позиция» (Location) под шкалой градиента меняется, отражая в процентах точное место, где средняя точка расположена между двумя цветами. По умолчанию, значение местоположения средней точки равно 50% (точно посередине между цветами), но после перемещения средней точки влево значение местоположения изменяется до 25%. Другими словами, переход между цветом градиента слева и средней точкой занимает теперь четвертую часть от всей длины градиента, а переход между средней точкой и цветом градиента справа - три четверти от всей длины:

Текущая позиция средней точки цвета

Мы с вами уже рассмотрели, как можно изменить позицию средней точки цвета при помощи перемещения ее значка, однако также мы можем изменить ее месторасположение, введя конкретные значения в окошко ввода данных параметра «Позиция» (Location). Если я захочу, например, переместить среднюю точку с отметки «1/4» до отметки «3/4», то я смогу сделать это, изменив значение параметра «Позиция» с 25% до 75%:

Вручную вводим новое значение параметра «Позиция»

И теперь нам видно, что средняя точка переместилась на отметку 75%, одновременно удлинив расстояние между красной точкой цвета и средней точкой и сократив расстояние между средней точкой и желтой точкой цвета:

Новая позиция средней точки цвета

Я верну среднюю точку обратно на ее исходную позицию по молчанию, установив значение параметра «Позиция» (Location) на 50%:

Средняя точка вернулась обратно на середину градиента

Добавление к градиенту цветов

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

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

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

Дважды кликаем кнопкой мыши по новому образцу цвета

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

Выбираем для градиента третий цвет

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

Третий цвет был добавлен

Перемещение цветов в градиенте

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

Передвигаем цвет с помощью перемещения его контрольной точки вдоль градиента

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

Выбираем желтую точку цвета

Я изменю местоположение точки, введя значение, равное 50%, что приведет к перемещению желтой точки на середину градиента:

Перемещаем цвет с помощью ввода новых значений параметра «Позиция»

Далее я кликну по голубой точке цвета, чтобы выбрать ее:

Выбираем голубую точку цвета

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

Перемещаем голубую точку цвета до конца правого края градиента

Удаление цвета

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

Выбираем голубую контрольную точку цвета

Я перемещу ее вниз за шкалу градиента, и нам станет видно, что голубой цвет из градиента исчез, в то время как красный и желтый цвета остались. Программа Photoshop при редактировании градиентов дает нам возможность отменить одно действие, поэтому если вы по ошибке удалили нужный цвет, просто нажмите сочетание клавиш Ctrl+Z (Win) / Command+Z (Mac), чтобы отменить последнее действие и восстановить цвет:

Перемещаем контрольную точку цвета вниз для ее удаления

Копирование существующего цвета

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

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

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

Далее я перемещу точку до правого края градиента и таким образом создам градиент с переходом от красного к желтому цвету и обратно к красному:

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

Добавление прозрачности

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

Контрольные точки непрозрачности

Некоторые из готовых образцов градиентов уже содержат прозрачность, некоторые – нет, но мы с легкостью можем добавить ее к градиенту по мере необходимости. Например, если я хочу, чтобы мой градиент имел переход от сплошного цвета слева до полностью прозрачного справа, то я могу достичь этого, кликнув по точке непрозрачности, расположенной над шкалой градиента с правой стороны. В результате, станут активными опции прозрачности в секции «Контрольные точки» (Stops) под градиентом. Обратите внимание, что текущее значение параметра «Непрозрачность» (Opacity) 100%, и это означает, что на данном участке градиента прозрачности нет совсем:

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

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

Обратите внимание, что цвет контрольной точки непрозрачности изменился с черного на белый. Черный цвет означает, что значение непрозрачности равно 100%, белый – что значение непрозрачности равно 0% (полностью прозрачный цвет). Частичная непрозрачность представлена различными оттенками серого. Заметьте также, что шкала градиента теперь имеет переход от сплошного цвета слева до узора шахматной доски справа. Узор шахматной доски отвечает в программе Photoshop за изображение прозрачности:

Уменьшаем значение непрозрачности контрольной точки справа до 0%

Перемещение контрольных точек непрозрачности

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

Перемещаем контрольную точку непрозрачности от левого края до центра градиента

Добавление контрольных точек непрозрачности

Во-вторых, я могу оставить две исходных точки непрозрачности на их исходных позициях и просто добавить третью точку над серединой шкалы градиента. Для начала я верну контрольную точку непрозрачности обратно на ее исходную позицию в левой части градиента, изменив значение параметра «Позиция» (Location) с 50% на 0%:

Так же, как и контрольные точки цвета, контрольные точки непрозрачности можно перемещать с помощью изменения значения параметра «Позиция»

Далее я кликну над шкалой градиента в том месте, где я хочу добавить новую точку, в моем случае - в середине:

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

Программа Photoshop добавит новую точку непрозрачности. Обратите внимание, что значение параметра «Непрозрачность» (Opacity) для данной точки уже равно 100%, поэтому нам его менять не нужно. Однако я мог бы при необходимости ввести любое значение непрозрачности от 0% до 100%. Также заметьте, что значение параметра «Позиция» (Location) равно 50%, но снова, при необходимости я мог бы изменить данное значение либо с помощью перемещения самой точки, либо ввода нового значения в окошко параметра «Позиция». Вы можете добавлять к градиенту столько контрольных точек непрозрачности, сколько вам требуется для лучшего контроля перехода цвета:

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

Вы можете копировать существующие контрольные точки непрозрачности, так же как вы это делали с контрольными точками цвета. Просто нажмите и удержите клавишу Alt (Win) / Option (Mac) при перемещении точки непрозрачности влево или вправо, чтобы создать копию и поместить ее в нужном месте. Так же, как и в случае с контрольными точками цвета, вы можете увидеть значок средней точки непрозрачности для каждого набора точек непрозрачности. Кликните по данному значку и переместите его поближе к одной или к другой точки непрозрачности, чтобы настроить нужным образом переход между цветами:

Смещаем среднюю точку непрозрачности вправо

Удаление контрольных точек непрозрачности

Чтобы удалить контрольную точку непрозрачности, кликните по ней для выбора и далее переместите вверх за пределы градиента до тех пор, пока она не исчезнет. Я удалю точку непрозрачности с правого края, кликнув по ней и переместив вверх. Поскольку только у этой точки из трех существующих степень непрозрачности (Opacity) отличалась от 100%, при ее удалении наш градиент опять стал полностью непрозрачным:

Удаляем контрольную точку непрозрачности справа

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

Перемещаем контрольную точку непрозрачности из середины градиента в правую часть

Параметр «Гладкость»

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

Параметр «Гладкость»

Сохранение градиента в качестве нового образца

Когда вы будете довольны видом получившегося градиента, вы можете сохранить его как новый образец. Для этого, сначала введите название градиента в поле «Имя» (Name). Я назову свой градиент «Красно-желто-красный»:

Даем название новому градиенту

Затем, кликните по кнопке «Новый» (New):

Щелкаем по кнопке «Новый»

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

Новый градиент появится в области готовых образцов градиентов

Когда вы закончите, нажмите ОК, чтобы закрыть Редактор градиентов:

Щелкните по кнопке ОК

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

Автор: Стив Паттерсон (Steve Patterson)

Как изменить цвет градиента. Градиент в фотошопе

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

Для начала давайте выясним, что такое градиент. Градиент — это заливка с плавным переходом нескольких (двух и более) цветов друг в друга.

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

Как создать градиент в фотошопе

Инструмент Gradient (Градиент) находится в панели инструментов слева, иконка выглядит так:

Нажав на эту иконку вы увидите сверху настройки градиента:

Нажав на полоску градиента вы попадете в Gradient Editor (Редактор градиента). Здесь задаётся количество точек и цвета переходов. Стандартный набор градиентов должен выглядеть примерно таким образом:

Если вы нажмёте на стрелку, то откроется список всех установленных в фотошоп градиентов:

Чтобы установить новый градиент, нужно положить файл формата.grd в папку фотошопа/Presets/Gradients (Например, C:\Program Files\Adobe\Photoshop CS5\Presets\Gradients). А сейчас я расскажу, как создать свой градиент в фотошопе . В редакторе градиента выберите любой из градиентов (желательно обычный чёрно-белый) и начните редактировать точки:

Затем нажмите кнопку New, и ваш градиент будет сохранён. Для того, чтобы сохранить полученный набор в отдельный файл, нажмите кнопку Save. Обратите внимание, что у нижних точек активны параметры цвета и положения, а у верхних непрозрачности (Opacity) и положения. Таким образом, вы можете сделать градиент прозрачным, уменьшив для одной или нескольких точек параметр Opacity. Ну что, с редактором градиента мы разобрались, теперь остановимся на том, как собственно пользоваться градиентом. Допустим вы настроили нужный градиент, и хотите залить им текущий слой. Нет ничего проще. Для этого выберите точку начала градиента (она будет соответствовать положению 0% на полосе градиента) и протяните градиент в другую часть изображения. Обратите внимание, что чем дальше вы растяните градиент, тем шире будут полосы:

А теперь рассмотрим остальные настройки градиента в фотошопе.

Виды градиента

Всего существует 5 видов градиента в фотошопе.

— Линейный (Linear). Градиент строится по прямой линии по заданному направлению:

— Радиальный (Radial). Этот тип градиента распределяется равномерно во всех направлениях от заданной точки:

— Конус (Angle). Градиент строится по кругу, начиная из заданной точки:

— Зеркальный (Reflected). Этот градиент представляет собой 2 линейный градиента, распространяющихся в противоположных направлениях:

— Ромб (Diamond). Градиент строится по форме ромба:

Режимы наложения градиента

Галочка Reverse инвертирует цвета градиента:

Transparency позволяет использовать непрозрачный градиент.

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

На этом я прощаюсь с вами до следующего урока photoshop и желаю вам творческих успехов.

P.S. Не забывайте оставлять комментарии 🙂

Инструмент Градиент (Gradient Tool) создаёт заливку с плавным переходом между двумя или несколькими цветами. На протяжении цветовой растяжки могут меняться как цвета, так и прозрачность. Градиент (Gradient Tool) является одним из самых эффективных и часто используемых инструментов Фотошоп, поэтому отличное владение этим инструментом является обязательным условием эффективной работы в Фотошоп.

Градиент (Gradient Tool) можно применить непосредственно к содержимому слоя или использовать новый слой заливки градиентом. Во втором случае Градиент (Gradient Tool) будет находиться на отдельном слое, и содержать маску слоя. Чтобы применить Градиент (Gradient Tool) , достаточно просто перетащить курсор из одной точки изображения в другую.

Панель инструментов.

Инструмент Градиент (Gradient Tool) находится в одной группе с инструментом Заливка (Paint Bucker) . Данную группу инструментов можно активировать с помощью клавиши быстрого вызова (G) , либо кликнув на значок Градиента (Gradient Tool) или Заливки (Paint Bucker) в панели инструментов. Чтобы переключиться с одного инструмента на другой, достаточно кликнуть на значке правой клавишей мышки и выбрать нужный инструмент или с помощью сочетания клавиш (Shift + G) .

В рамках данной статьи мы

Градиенты - Чёрные / Фотошоп-мастер

​​Привет, друзья! Ловите подборку. В ней вы найдете набор набор растровой и векторной графики, кисти для Procreate, шаблон для свадебных приглашений, стоковые изображения.

212 0

Интерактив для участников мастер-класса «Рисуем эскизы стикеров для социальной сети Фотошоп-мастер»

2395 3

​​Недавно завершился 1-й поток на курсе «Основы коммерческой иллюстрации». На самом деле мы уже получили 21 работу от учеников, но сейчас покажем только 7 из них.

1429 9

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

4071 5

​​Время подводить итоги. Давайте узнаем имя победителя в подборке среди мастеров и профессионалов.

759 11

Черно белый градиент. Градиент в фотошопе


Автор Ирина Сподаренко. Ссылка на статью и автора обязательна.

Что такое градиент

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

Как сделать градиентную заливку в Photoshop?

Для работы с градиентом используют инструмент Gradient (Градиент)

на панели инструментов Photoshop и делают это таким образом:

  • выделить область, которую нужно заполнить градиентной заливкой. Если область не выделить, то будет залит весь слой;
  • активизировать инструмент Gradient (Градиент) на панели инструментов Photoshop или нажать клавишу «G» на клавиатуре;
  • установить нужные параметры градиента на панели настраивания параметров;
  • щелкнуть мышью в том месте изображения, где должен начинаться градиент и потом протянуть мышь с нажатой левой кнопкой к конечной точке градиента.
Панель настраивания параметров инструмента Gradient (Градиент), становится доступной после его выбора на панели инструментов Photoshop.

Панель настраивания параметров градиента

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

Фотошоп вас спросит, действительно ли вы желаете изменить выбранную палитру градиентов. Соглашайтесь и выбирайте из списка. Рассмотрите все предложенные наборы, чтобы иметь представление.
Рядом с полем Градиентов расположены кнопки:
Кнопка Линейный градиент - для создания градиентного заливания с переходом цвета или прозрачности по прямой линии вдоль определенного пользователем направления. Включена по умолчанию.
Кнопка Радиальный градиент - переход цвета или прозрачности осуществляется равномерно во все стороны от точки, указанной пользователем.
Кнопка Конусообразный градиент - переход цвета или прозрачности осуществляется по спирали.
Кнопка Зеркальный градиент - переход цвета или прозрачности осуществляется по прямой линии с зеркальным отображением относительно начальной точки градиента.
Кнопка Ромбовидный градиент - переход цвета или прозрачности осуществляется по диагоналям ромба от его центра.
Кроме коллекции готовых градиентов в Photoshop есть возможность создавать свои собственные градиенты. Для этого используют редактор градиентов.
Список Mode (Режим) определяет метод наложения градиентной заливки на цвет уже существующих пикселей изображения. Вы можете выбрать один из предложенных в списке вариантов.
Поле Opacity (Непрозрачность) предназначено для управления непрозрачностью градиента (то есть для определения степени видимости градиентной заливки, накладываемой на изображение). Допустимы значения в диапазоне от 1% (градиент будет практически прозрачным) до 100% (значение по умолчанию, полностью непрозрачный градиент). Вы можете ввести требуемое значение с клавиатуры либо щелкнуть по кнопке со стрелкой и установить величину параметра с помощью регулятора. Чем меньше заданное в этом поле значение, тем более прозрачной получится градиентная заливка на холсте.
Флажок Reverse (Инверсия) - предназначен для включения и отключения режима инверсии градиента. Очень полезный флажок. Позволяет быстро изменить порядок следования цветов в градиентной заливке на обратный.
Флажок Dither (Дизеринг) - предназначен для включения и отключения режима сглаживания градиента. Если этот флажок установлен, программа Photoshop CS4 будет предотвращать появление полос при смене цветов градиента.
Флажок Transparency (Прозрачность) - предназначен для включения и отключения режима прозрачности градиента. Если этот флажок установлен, в градиент включаются прозрачные и полупрозрачные области.

Что такое редактор градиентов?

Редактор градиентов - это диалоговое окно, в котором задаются настройки градиента
Чтобы вызвать Редактора градиентов, нужно щелкнуть мышью по изображению градиента на панели параметров инструмента Gradient (Градиент). В результате на экране появится окно редактора.

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

Смешивание Фотографий С Масками Слоев И Градиентами В Photoshop

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

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

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

Я буду использовать Photoshop CC но все, что мы будем охватывать полностью совместим с Photoshop CS6.

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

Image 211372408 licensed and used by permission from Shutterstock by Photoshop Essentials.com Первая фотография.

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

Image 137674295 licensed and used by permission from Shutterstock by Photoshop Essentials.com Второе фото.

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

Image 133756544 licensed and used by permission from Shutterstock by Photoshop Essentials.com Тот третье фото.

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

A composite of three images created with gradients and layer masks. Все три изображения слились воедино.

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

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

The Layers panel showing each image on its own layer. Панель слоев, отображающая каждое изображение на отдельном слое.

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

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

Clicking the top layer Щелкните значок видимость верхнего слоя.

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

The photo on Layer 1. Изображение на слое 1.

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

Clicking the visibility icon for Layer 1 in the Layers panel. Щелкните значок видимость для слоя 1.

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

The photo on the Background layer. Изображение на фоновом слое.

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

Turning Layer 1 back on in the document. Включение слоя 1 в документе.

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

The photo on Layer 1 is once again visible in the document. Фото на 1 слой снова видимым в документе.

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

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

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

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

Selecting Layer 1 in the Layers panel. Выбрав Слой 1.

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

Clicking the Add Layer Mask icon in the Layers panel. Щелкните значок Добавить маску слоя.

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

The new layer mask thumbnail, filled with solid white. Новый эскиз маски слоя.

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

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

A white-filled layer mask means the entire image on the layer is visible. Маска слоя с белым заполнением означает, что все изображение на слое видно.

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

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

Selecting the Gradient Tool from the Tools panel. Выбор инструмента градиент.

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

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

Clicking the arrow to the right of the gradient preview bar. Щелкните стрелку рядом с панелью предварительного просмотра градиента.

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

Double-clicking the Foreground to Background gradient thumbnail in the Gradient Picker. Дважды щелкните эскиз градиента фона на переднем плане.

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

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

Selecting the Linear gradient style. Выбрав линейный градиент.

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

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

The white border around the thumbnail means the layer mask is selected. Граница вокруг эскиза означает, что выбрана маска слоя.

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

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

The current Foreground and Background colors. Текущий цвет переднего плана (верхний левый) и фона (нижний правый).

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

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

Dragging out a horizontal white to black gradient on the layer mask. Щелкните, чтобы задать начальную точку градиента, а затем перетащите ее в конечную точку.

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

The two sides of the photos have been blended together. Обе стороны фотографии были смешаны вместе.

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

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

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

Clicking the layer mask thumbnail while holding Alt (Win) / Option (Mac). Щелкните миниатюру маски, удерживая Alt (Win) / Option (Mac).

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

Viewing the layer mask in the document. Просмотр маски слоя в документе.

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

Once again clicking the layer mask thumbnail while holding Alt (Win) / Option (Mac). Снова щелкните миниатюру маски, нажав Alt (Win) / Option (Mac).

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

Hiding the layer mask and viewing the image in the document. Вернуться к обычному виду.

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

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

The Foreground and Background colors have been swapped. Нажмите X на клавиатуре, чтобы поменять цвета переднего плана и фона.

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

Drawing a black to white gradient across the layer mask. Рисунок черно-белого градиента на маска слоя.

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

The photo blend after drawing a black to white gradient on the layer mask. Результат рисования черно-белого градиента в том же направлении, что и раньше.

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

The layer mask showing the black to white gradient. Просмотр градиент на маске.

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

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

Drawing a black to white gradient in the opposite direction. Рисование черно-белого градиента в противоположном направлении.

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

The blend has been corrected after drawing the gradient in the opposite direction. Гораздо лучший результат.

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

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

Clicking the top layer Щелкните значок видимость верхнего слоя.

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

The third photo that will be added to the composite. Третья фотография.

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

Selecting the top layer in the Layers panel. Выбор верхнего слоя.

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

Clicking the Add Layer Mask icon in the Layers panel. Щелкните значок Добавить маску слоя.

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

The Layers panel showing the mask thumbnail on Layer 2. Новый эскиз маски слоя.

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

The Foreground and Background colors are back to the defaults. Вернуться к цветам по умолчанию.

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

Dragging a short white to black gradient upward from near the bottom of the photo. Перетаскивание короткого градиента от белого к черному вверх от нижней части фотографии.

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

All three photos are now blending together. Все три фотографии смешиваются вместе.

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

Clicking the mask thumbnail for Layer 2 in the Layers panel. Переключение в режим маски.

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

The white to black gradient on the layer mask for Layer 2. Белый к черному градиенту на маске слоя 2.

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

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

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

The white to black gradient on the layer mask for Layer 2. Рисование градиента от белого к черному по диагонали от верхнего левого угла.

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

The top left corner of the third image has been added, but the bottom part is now gone. Верхний левый угол третьего изображения был добавлен, но нижняя часть исчезла.

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

The new gradient replaced the previous gradient on the layer mask. Новый градиент заменил предыдущий градиент, добавив левый верхний угол фотографии, но удалив Нижний.

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

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

Re-opening the Gradient Picker in the Options Bar. Повторное открытие средства выбора градиента.

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

Selecting the Foreground to Transparent gradient. Выбор переднего плана для прозрачного градиента.

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

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

Selecting Undo Gradient from under the Edit menu in Photoshop. Перейдите в меню Правка > отменить градиент.

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

The bottom part of the photo on Layer 2 has returned. Нижняя часть фотографии на слое 2 вернулась.

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

The bottom part of the photo on Layer 2 has returned. Рисунок Передний план к прозрачному градиенту от верхнего левого края документа.

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

The bottom part of the photo on Layer 2 has returned. Нижний и верхний левый угол слоя 2 были успешно добавлены в композицию.

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

The Foreground to Transparent gradient lets us add multiple gradients to the same layer mask. Добавлена маска слоя, показывающая оба градиента.

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

Drawing another Foreground to Transparent gradient, this time in the upper right corner of the mask. Нарисуйте еще один передний план для прозрачного градиента, на этот раз в правом верхнем углу маски.

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

Drawing another Foreground to Transparent gradient, this time in the upper right corner of the mask. Верхний правый угол слоя 2 был добавлен.

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

Drawing another Foreground to Transparent gradient, this time in the upper right corner of the mask. Верхний правый угол добавлен к маске слоя.

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

Drawing yet another Foreground to Transparent gradient on the mask. Рисование еще одного переднего плана для прозрачного градиента на маске.

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

The final layer mask. Готовый слой маски.

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

A composite of three images blended using layer masks and gradients in Photoshop. Окончательный результат.

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

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


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

Как сделать градиент в фотошопе | Soohar

Здравствуйте читатели сайта Soohar.ru В этом уроке из рубрики Photoshop КАК вы узнаете, как сделать градиент в фотошопе. Градиент это один из самых полезных  инструментов в работе дизайнера. Он может придать  вашему  дизайну сглаживающий эффект, а при грамотном использовании, его можно применить для придания глубины каким-либо объектам или самой сцены. Урок рассчитан для новичков.

1 — Где находится градиент

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

2 — Как добавить градиент на холст

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

 

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

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

 

3 — Как настроить градиент

Теперь подробнее познакомимся с настройками этого инструмента. По умолчанию ваш гpадиeнт имеет те цвета, которые выбраны для кисти и для фона. (Например, если для кисти выбран черный цвет, а для фона белый, то градиент получится черно-белым). Для того, что бы изменить его цвет и другие параметры нужно кликнуть по пиктограмме предварительного просмотра:

После чего откроется окно  Gradiend Editor со всеми настройками:

В разделе Presets можно выбрать один предустановленных градиентов. В поле Name можно дать название. В поле Gradient Type можно выбрать один из двух типов. Обычно оставляют тип Solid. В поле Smoothness можно изменить мягкость градации цвета.

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

 

После этого появится еще один ползунок:

Что бы изменить его цвет кликните по полю напротив слова Color, которое находится ниже:

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

 

Вы можете сохранить свой собственный градиент со всеми его настройками. Для этого нужно просто дать имя и нажать по кнопке New:

4 — Виды гpaдиeнтoв

Как уже говорилось ранее градиенты бывают пяти видов — линейный, радиальный, конусообразный, зеркальный, и ромбовидный. Ниже показаны примеры каждого из этих видов гpадиентoв:

Линейный (Linear)

Радиальный (Radial)

 

Конусообразный (Angel)

 

Зеркальный (Reflected)

 

Ромбовидный (Diamond)

 

Ниже вы можете посмотреть короткое видео с демонстрацией создания и настройки гpадиента:

 

 

Похожий по теме урок: Как создать кисть Photoshop

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *