Как создать градиент в фотошопе cs6: Использование градиентов в Photoshop

Содержание

Как сделать градиент в фотошопе cs6. Градиент в фотошопе

В прошлом уроке мы научились рисовать градиенты с помощью инструмента «Градиент». Также мы рассмотрели, как использовать палитру градиентов и выбирать необходимый градиент из множества предложенных градиентов. Однако независимо от того, как много градиентов включено в программу 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 добавит новый градиент к остальным образцам, присвоив ему собственную миниатюру, кликнув по который вы можете в следующий раз выбрать при необходимости новый градиент:

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

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

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

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

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

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

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

Этот урок посвящен созданию градиентов в Фотошопе.

Инструмент для создания градиентов находится на левой панели инструментов.

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

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

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

Приступаем…

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

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


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

Все точки можно перемещать вдоль градиента.

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

Удалить контрольную точку можно, нажав на кнопку «Удалить» .

Итак, давайте окрасим одну из точек в какой-нибудь цвет. Активируем точку, нажимаем на поле с названием «Цвет» и выбираем нужный оттенок.

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

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

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

  • Желаете скачать просто и удобно отличные ?

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

Инструмент «Градиeнт» Вы можете найти в панели инструментов, вместе с инструментом заливки. После этого, в строке меню, вы увидите превью настроек грaдиента, где кликнув по черному треугольничку, Вы откроете окно с установленными в вашем Фотошопе градиентами.

  • Если Вы пока не знаете , прочитайте нашу статью.

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

Получился подобный эффект? Отлично. А теперь давайте попробуем сделать новый градиент в Фотошопе. Для этого кликните по градиенту в панеле меню (указано красной галочкой).

В открывшемся «Редакторе градиентов» кликните в месте, указанном галочкой.

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

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

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

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

Инструкция

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

В окне редактора градиента в разделе Presets вы можете выбрать один из стандартных градиентов. Для этого щелкните по нему мышкой и нажмите ОК для подтверждения. Если выбор вас не устраивает, вы можете создать авторский градиент. Раскройте список Gradient Type («Тип градиента») и выберите Solid («Непрерывный») или Noise («Шумовой»).

Чтобы добавить цветовой оттенок в непрерывный градиент, щелкните левой клавишей по нижней кромке цветовой полосы. Добавится новый движок вместе окошком Color («Цвет»). Изменить цвет можно, щелкнув по этому окошку. Раскроется цветовая палитра. Отметьте нужный оттенок и нажмите ОК.

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

Прозрачность заливки регулируется ползунками вдоль верхней кромки полосы. Вызывайте щелчком окошко Opacity (Непрозрачность») и выставляйте нужное значение.

Если вы выбрали шумовой градиент, изменить его вид можно с помощью ползунков R («Красный»), G («Зеленый») и B («Синий») под цветовой полосой. Чтобы оттенки распределялись случайным образом, нажмите Randomize. Уровень резкости переходов определяется в окошке Roughness – чем выше это значение, тем ниже плавность.

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

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

Что помогает сделать градиент в Фотошопе?

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


  • выбрать требуемые установки используемого инструмента, загрузить или поменять изображение, а также сохранить опции инструмента;


  • палитру градиента;

  • установить применяемого инструмента – линейную, ромбовидную, радиальную, зеркальную, конусовидную;


  • режим градиента – от растворения до свечения, от мягкого света до жесткого микса;

  • закрепить уровень создаваемого эффекта.

Как начинать делать градиент?

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

Как сделать градиент составной?

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

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

2. Выберите инструмент «Градиент» (1).(Рисунок 2)
Выберите градиентную заливку на панели параметров.
— Щелкните треугольник рядом с образцом градиента(2), чтобы выбрать подготовленный вариант градиентной заливки.(3)
— Выполните щелчок внутри образца градиента(4), чтобы на экране появилось окно «Редактор градиентов»(Рисунок 3).

3.Выберите подготовленный вариант градиентной заливки (1)или создайте новую градиентную заливку(2)(как создать,смотри ниже). Затем нажмите кнопку «ОК»(3).

4. Выберите вариант применяемой градиентной заливки на панели параметров.(Рисунок4)
Линейный градиент (1)
Выполняет затенение от начальной до конечной точки по прямой линии

Радиальный градиент (2)
Выполняет затенение от начальной до конечной точки в виде кругового узора.

Конусовидный градиент (3)
Выполняет затенение в виде спирали, разматывающейся против часовой стрелки вокруг начальной точки.

Зеркальный градиент (4)
Выполняет затенение с использованием симметричных линейных градиентов по обе стороны от начальной точки.

Ромбовидный градиент (5)
Выполняет затенение во все стороны от начальной точки в виде ромбовидного узора. Конечная точка определяет один из углов ромба.

На панели выбора параметров выполните следующие действия.
— Укажите режим наложения(6) и непрозрачность для краски. (7)
— Чтобы сменить порядок цветов в градиентной заливке на противоположный, установите флажок «Инверсия».(8)
— Для создания более гладкого наложения с меньшим количеством полос установите флажок «Дизеринг».(9)
— Чтобы использовать маску прозрачности для градиентной заливки, установите флажок «Прозрачность». (10)

5.Поместите курсор в то место изображения, где необходимо установить начальную точку градиента(1), и перетащите курсор, чтобы определить конечную точку(2). Чтобы ограничить угол наклона линии значением, кратным 45°, удерживайте клавишу «Shift» во время перетаскивания курсора.(Рисунок 5)

7.Создадим новую градиентную заливку:(Рисунок 7)
Чтобы взять за основу нового градиента существующий градиент, выберите градиент в разделе «Наборы» диалогового окна.(1)
— Выберите пункт «Непрерывный» в раскрывающемся меню «Градиент».(2)
— Чтобы определить начальный цвет градиента, щелкните левую контрольную точку цвета (3) .

8.Цвет треугольника над контрольной точкой окрашивается,(1) указывая, что происходит редактирование начального цвета Чтобы выбрать цвет, выполните одно из следующих действий.(Рисунок 8)
— Дважды щелкните контрольную точку цвета(2) или щелкните образец цвета(3) в разделе «Контрольные точки» диалогового окна. Выберите цвет и нажмите кнопку «ОК».
-Выберите параметр во всплывающем меню «Цвет»(4) в разделе «Контрольные точки» диалогового окна.
-Переместите курсор на панель выбора градиента(5) (курсор превращается в пипетку) и щелкните, чтобы произвести выборку цвета, или щелкните в любом месте изображения, чтобы произвести выборку цвета из изображения.
Чтобы определить конечный цвет, щелкните правую контрольную точку цвета (6). После этого выберите цвет.

9. Чтобы откорректировать местоположение начальной(1) или конечной точки(2), выполните одно из следующих действий.(Рисунок 9)
-Перетащите соответствующую контрольную точку цвета влево или вправо в нужное местоположение.
-Щелкните соответствующую контрольную точку цвета и задайте значение для параметра «Позиция»(3) в разделе «Контрольные точки» диалогового окна. При значении 0 % точка помещается в крайний левый конец панели выбора градиента, а при значении 100 % — в крайний правый конец.
Чтобы откорректировать местоположение средней точки(4) (в которой градиент отображает равную смесь начального и конечного цветов), перетащите ромб (4) под панелью выбора градиента влево или вправо или щелкните ромб и задайте значение для параметра «Позиция»(3).

10. Чтобы добавить промежуточные цвета к градиенту, щелкните под панелью выбора градиента(должна появиться рука) для определения еще одной контрольной точки цвета(1). (Рисунок 10)Укажите цвет и откорректируйте местоположение и среднюю точку как для промежуточной точки, так и для начальной или конечной точки.
Для удаления редактируемой контрольной точки цвета нажмите кнопку «Удалить»(2) или перетаскивайте контрольную точку вниз, пока она не исчезнет.(3)
Для управления тем, насколько постепенными должны быть переходы между цветными полосами в градиенте, задайте значение в текстовом поле «Гладкость»(4) или перетащите всплывающий ползунок «Гладкость»(5).
В случае необходимости установите значения прозрачности для градиента(6).
Введите имя для нового градиента(7).
Чтобы сохранить градиент в качестве подготовленного, нажмите кнопку «Новый» (8)после завершения создания градиента.
Примечание. Новые подготовленные градиенты сохраняются в файле настроек и отражаются в наборе под новым именем.. Если этот набор градиентов удален или поврежден или выполняется переустановка градиентов для использования заданной по умолчанию библиотеки, то вновь подготовленные градиенты будут потеряны. Чтобы обеспечить постоянное хранение новых подготовленных градиентов, сохраните их в библиотеке(9).
Если нужно загрузить новый набор градиентов,воспользуйтесь кнопкой «Загрузить»(10)

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

Приятного Вам творчества!!

Источник текста: справка программы Фотошоп(версия 5)

Работа градиент в фотошопе cs6. Градиентная заливка в программе фотошоп

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

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

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

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

Инструмент 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. Не забывайте оставлять комментарии 🙂

Градиент (от лат. Gradiens — шагающий) — характеристика, показывающая направление наискорейшего возрастания некоторой величины, значение которой меняется от одной точки пространства к другой. Градиент создаёт заливку с плавным переходом между двумя или несколькими цветами. Применяется очень часто, поэтому отличное владение этим инструментом является обязательным условием эффективной работы в Фотошоп.
Градиент можно применить непосредственно к содержимому слоя или использовать новый слой заливки градиентом (градиент будет находиться на собственном слое и обладать маской слоя, с помощью которой можно маскировать пиксели слоя).
Значок Градиент (1 ) вы найдёте в одной группе с инструментом Заливка (Paint Bucker), клавиша G (или Shift + G для переключения между ними).

Вид градиента задаётся кнопками на панели параметров (2 )
Линейный градиент (Linear Gradient) – переход осуществляется по прямой линии вдоль определённого направления.

Радиальный градиент (Radial Gradient) – изменение цвета равномерно во все стороны от центральной точки.

Конусовидный градиент (Angle Gradient) – переход цвета по кругу с центром в заданной точке по часовой стрелке.

Зеркальный градиент (Reflected Gradient) – два линейных градиента, которые распространяются от начальной точки в противоположных направлениях.

Ромбовидный градиент (Diamond Gradient) – образующие линии выстраиваются в виде ромба.

В прямоугольном окошке (3 ) вы можете видеть текущий вариант предлагаемого по умолчанию градиента. Если щёлкнуть кнопкой мыши на стрелке, расположенной рядом с ним, откроется палитра градиентов. Вы можете выбрать нужный вам градиент, щёлкнув на нём кнопкой мыши.

Окно редактирования градиента открывается при щелчке на образце градиентной заливки (3 ).
Раздел Наборы (Presets) содержит готовые градиенты.
Имя (Name) – имя градиента. Заказной (Custom) – это градиент с пользовательскими настройками.
Градиент (Gradient Type). Есть два варианта: Непрерывный (Solid) и Шумовой (Noise)
Сглаживание (Smoothness) – мягкость перехода цветов в градиенте.

Если вы хотите редактировать уже существующий градиент, щёлкните на его образце.
Обратите внимание на цветовую полосу в центре окна – это образец редактируемого градиента с переходами цвета и прозрачности. Под полосой и над ней расположились маркеры (4 ) (квадратики с треугольниками над или под ними). Те, что под полосой отвечают за переходы цвета. Если вы щёлкнете кнопкой мыши на каком-нибудь маркере, треугольник над ним станет цветным, значит, маркер стал активным и готов к редактированию. Что можно сделать? Можно переместить его в любую сторону вдоль цветовой полосы, можно поменять его цвет. Для этого щёлкните на окошке Цвет (Color) (5 ) и в окне Цветовая палитра (Color Picker) выберите нужный оттенок (6 ).

Если вы щёлкнете на любом свободном месте между маркерами, появится новый маркер, который вы тоже можете двигать и настраивать. Перемещать маркер можно мышью, или меняя числовое значение в поле Позиция (Location). 0% — левый край цветовой полосы, 100% — правый.

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

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

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

Создадим новый градиент. Откроем диалоговое окно (щёлкнув по окошку 3 ). Выберите цвет заливки для левого цветового маркера, кликните по правому маркеру (8 ), установите для него свой цвет, в поле Имя (Name) (10 ) введите его название и нажмите кнопку Новый (New) (11 ), ваш градиент появится в окошке Наборы (Presets), нажмите ok.

Перевод : Оксана Гудкова.

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

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

Photoshop является самой популярной программой для обработки изображений растровой графики. Ежедневно количество ее поклонников увеличивается. Поэтому есть смысл рассказать, где градиент в фотошопе находится. Несмотря на то, что инструмент градиент является одним из основных инструментов Photoshop, незнающий человек сразу его не найдет. Итак, где градиент в фотошопе находится?
Выбор инструмента градиент (Рис. 1) осуществляется кликом правой клавиши мыши по группе с инструментом «Заливка» (Paint Bucker) (1) на панели инструментов. При открытии дополнительного окна, кликом левой клавишей мыши непосредственно по иконке «инструмент градиент» (2), переходим в режим работы с градиентами. Так же для перехода в режим работы с градиентами можно воспользоваться клавишей G, или Shift+G, для переключения между инструментами группы.

При этом на панели свойств появятся: изображение градиента в окне активного инструмента (3), окно текущего градиента (4) и кнопки выбора типа градиента (6-10).

Тип градиента выбираем в зависимости от спланированной работы при помощи кнопок на панели параметров (6-10).
Линейный градиент (6) предназначен для градиентной заливки слоя цветом или прозрачностью по прямой линии, вдоль указанного нами направления (включен по умолчанию).

Радиальный градиент (7) определяет переход цвета или прозрачности равномерно во все стороны от той точки, которую Вы задали.

Конусообразный градиент (8) предусматривает переход цвета или прозрачности по спирали, образующую форму в виде конуса.

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

Ромбовидный градиент (10) позволяет задать переход цвета или прозрачности по диагоналям ромба от его центра. Или другими словами — четыре линейных градиента, расходящихся из одной точки под углом 90 градусов относительно друг друга.

В прямоугольном окошке (4) мы с Вами видим текущий вариант градиента (Рис. 2). Если щёлкнуть левой кнопкой мыши по стрелке (5), расположенной рядом, то нам откроется палитра градиентов. Нам остается выбрать нужный градиент, кликнув по нему левой кнопкой мыши.

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

Кроме уже перечисленных вышее свойств градиента, на панели свойств мы увидим: «Режим» (14), «Непрозрачность» (15), «Инверсия» (16), «Дизеринг» (17) и «Прозрачность» (18).

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

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

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

Если мы кликнем левой кнопкой мыши по окну градиента (4) (Рис. 2), то откроется редактор градиентов (Рис. 5), который мы и будем использовать для редактирования имеющихся и создания новых градиентов фотошоп.

Теперь давайте перейдем непосредственно к процессу создания (редактирования) градиента.

Современную деятельность нынче тяжело показать вовсе без привычного удобства, который предварительней всего этого выражает теплый плюс устойчиво упорядочен легкий струю, та что идет вместе с кондиционерного также очищающих устройств. С помощью установленной теплоты у комнате люди ипытываем самого себя надежно также смирно, ведь согласно помощью технике можно применить идеальный обстановку, который сделает домашним легко работать важными работой. Откровенно от этого подбор вентиляционной набора или же климатизера является значительным движением, какая собственно в выводе предоставит ваше помещение качественным продуктом, какова выслужитотслужит для Вас много лет.
Фирма «Мастер Климат» Кондиционеры панасоник предоставляет свой значительный комплект стенных, единоканальный, подпотолочных и в виде кассет систем, что уреглируют проблему температурного наблюдения на помещении, офисе иначе химическом фабрике по приятным сложениях к тому же техническим обслуживанием от наших технических мастеров. Веб- сайт фирмы показывает различные модели воздухоподаваемых систем Декайн, Olmo, Leberg, Cooper Hunter или популярных брендов вместе с детальным определением и отзывами. У нас клиенты сможете выделить необходимый предназначенность техники, вытяжных установок или же модели по отоплению по самой выгодной стоимости и 100% обеспечением особенностью. Мастер Климат предугадали касательно клиентского удобстве, потому ориентируемся лишь с проверенными мировыми марками вытяжной техники, что безостановочно растет и делает серии из высшим качеством, предельной тишиной, доступным контрлем, неприхотливостью у обслуживании плюс современномстильным проектировкой.
Осмотреть технику, систему топки либо вытяжной конструкции очень http://master-climat.com.ua/ доступно непосредственно именно на ссылке онлайн странички, потом заявки из клиентом позвонит работающий специалист и если необходимости покажет пользователю по причине необходимого кондиционера. Команда Мастер Климат заинтересована, чтобы потенциальные клиенты видели полный пакетпрограмму по работы и всегда ставали довольны новой продуктом поэтому мастер Климат предоставляем отменный обслуживание касательно доставке, внедрению, размонтировке, уборке, диагностике, наладке также рекомендациях нашей снабжения.
Ваша обеспеченность — потеха в нашей компании, потому наши управленцы зачастую направляемся по прием покупателю плюс устанавливаем лучшие работу относительно установки новых налаженность под уютный помещение.

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

  • Применить градиент через Gradient Overlay
  • Применить градиент инструментом Gradient Tool
  • Применить градиент через слой заливки Fill Layer

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

В отсутствии возможности настраивать инструмент Gradient Tool на лету лежит основа работы всех инструментов Фотошопа. Мы выбираем инструмент, будь то Gradient Tool , или Brush Tool или Paint Bucket , или Clone Stamp . Кликаем по рабочей области, и получаем результат, в виде изменения пикселей. И этот результат является изменение пикселей на прямую. Он окончателен и его невозможно изменить «на лету» поменяв настройки.

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

Градиент в дизайне

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

Самый простой и доступный способ применить градиент в Фотошопе, это выбрать инструмент Gradient Tool . Кликнуть по рабочей области и не отпуская клавишу мышки, провести курсором по рабочей области.

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

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

Панель настроек градиента

Панель настроек позволяет нам создавать такой градиент, какой нам нужен. И, конечно, содержит ряд полезных фич. Если у вас нет панели настроек откройте Windows > Options По умолчанию все панели настроек для всех инструментов начинаются с менеджера настроек . Подробности работы этого менеджера можно прочитать в статьях и Preset Manager Tool .

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

Панель градиента

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

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

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

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

Linear gradient (Линейный градиент) — заливает градиент по прямой линии от цвета А к цвету Б.

Radial gradient (Радиальный градиент) — заливает градиент в виде окружности от цвета А к цвету Б.

Angle gradient (Конусовидный градиент) — создает вращающийся градиент по 360 оси от цвета А к цвету Б.

Reflected gradient (Зеркальный градиент) — вариация линейного градиента, с одной лишь разницей. Этот градиент отражает сам себя и возвращается к первоначальному цвету. В этом случае градиент движется от цвета А, к цвету Б и опять к А.

Diamond gradient (Ромбовидный градиент) — создает ромбовидные градиент от цвета А к цвету Б.

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

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

Дополнительные настройки градиента в Фотошопе

Интерес представляют следующие три галочки: Reverse , Dither , Transparency . Как обычно о них нет никакой информации нигде. Самые мощные сайты по фотошопу ограничиваются выдержками в пару слов, содранными с официального Хелпа. Интересно, кроме Хронофага их вообще кто-нибудь разбирает?

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

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

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

Фотошопу нужно как-то распределить градации серого по 1000 пикселям, при этом мы должны получить плавный переход из одной градации в другую. Стоит заметить что ступеней цвета от белого к черному и так не очень много. Их всего 256. То есть идеальный градиент от черного к белому получается на области 256 пикселей. Если же мы хотим применить такой градиент на области в два раза больше, то Фотошопу придется просто дублировать каждую полоску пикселя по два раза. А если градация градиента ещё уже? А область ещё больше? На практике получаются следующие полосы.

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

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

Редактор градиента Gradient Editor

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

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

Как сделать и сохранить градиент?

Самый верный способ сделать градиент, это настроить ползунки нужного вам цвета, вписать в графу Name любое название и нажать по кнопочке New . Градиент готов к употреблению.

Мягкость градиента

Параметр Smoothness определяет мягкость градиента. Пожалуй без спец подготовки эту мягкость не просто разглядеть. Если выбрать стандартный градиент с двумя цветами, можно очень долго вглядываться в полоску градиента, меня параметр Smoothness то на 0 то на 100 и так и не понять, в чем заключается мягкость. Более явно изменения видны в сложных градиентах с множеством ползунков цвета.

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

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

На панели редактора градиента вы видите местоположение градиента Location и цвет Color . Location — это местонахождения ползунка на полоске градиента. Цвет можно выбрать из цвета заднего и передних фонов, которые установлены на панели инструментов Tools . Или произвольный цвет, который вы выберете в диалоговом окне Color Picker . Не обязательно выбирать цвет внизу диалогового окна. Вы можете вызвать Color Picker просто кликнув по ползунку дважды.

Манипуляции с ползунками

Активируя ползунок вам становится доступна кнопка удаления. Её тоже не обязательно нажимать чтобы удалить ступень цвета. Для удаления просто утяните ползунок с полоски градиента.

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

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

Как сделать полупрозрачный градиент?

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

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

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

Режимы градиента в Фотошопе

У градиента в Фотошопе есть два режима: Solid и Noise .

  • Solid — обычный стандартный градиент, сплошной переход от одного цвета к другому.
  • Noise — создает хаотичный шумовой градиент и настраивается совершенно иначе. Переключить режимы можно прямо в диалоговом окне Gradient Editor .

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

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

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

  • Restrict Colors — исключает особенно яркие или перенасыщенные цвета из шумового градиента. То есть если вы эту галочку поставили, то при нажатии на Randomize Фотошоп исключает слишком выбивающиеся из общего ряда цвета.
  • Add Transperancy — добавляет невидимость. Если выставить эту галочку вместе с произвольными цветами вы получите и произвольную невидимость. Фотошоп сам будет решать где и как она появится. Она может появиться либо вначале, либо в конце, либо местами в середине, и у вас нет возможности контролировать этот процесс.

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

Лучше переключитесь на более понятную схему HSB . Допустим я хочу получить шумовой градиент в голубой тональности. Тогда я уменьшаю действие ползунков исключая лишний цвет.

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

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

Теперь вы знаете все о градиентах в Фотошопе, надеюсь вы извлекли для себя что то новое. Удачных экспериментов!


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

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

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

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

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

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

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

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

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

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

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

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

Верхнюю часть занимает палитра заданных градиентов, справа — кнопки Загрузить и Сохранить. Градиенты можно сохранять в файле и загружать из файла.
Ниже располагается набор параметров избранного в данный момент градиента. Создания новых градиентов осуществляется только на основе уже существующих. При этом вы должны сначала выбрать градиент, который послужит основой, а потом нажать кнопку New (Новый).
Центральную часть окна редакторы градиентов занимает цветовая полоса, которая отображает цветовую гамму и цветовые переходы в рамках избранного градиента. Маркеры под полосой задают цвет градиента и положение этого цвета на полосе градиета. Между маркерами цвета плавно перетекают с одного в другой. Аналогично задается прозрачность, но маркеры прозрачности расположенные над полосой.
Чтобы изменить цвет, который отвечает какому-нибудь цветовому маркеру, щелкните по нему мышкой, и внизу станут доступные настройки для этого цвета:

Чтобы добавить новый маркер на полосу градиента просто щелкните мышкой на край полосы в том месте, где этот маркер хотите поставить (для создания маркера перехода прозрачности над полосой, а для создания маркера цветового перехода под полосой).
Color (Цвет) — щелкнув по данному полю, вы сможете изменить цвет выбранного маркера.
Position (Позиция) — в этом поле вы можете ввести процентное положение избранной контрольной точки (маркера) на цветовой полосе градиента. Например, если задано значение 50 — маркер будет установлен на середине полосы, 25 — первая четверть от левого края и т.д. Позицию можно задать и простым передвижением маркера.
В такой же способ можно изменять прозрачность для маркеров, которые располагаются сверху. Нужно щелкнуть по маркеру мышкой и внизу задать степень непрозрачности в процентах.

Если вы в процессе работы создали новые красивые градиенты их можно сохранить в отдельном файле. Кнопка Save (Сохранить) предназначена именно для этого.

Как загрузить градиент из коллекции готовых градиентов Photoshop?

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

1.Откройте редактор градиентов Photoshop
2.Нажмите в окне редактора кнопку Load (Загрузить)
3.Выберите в открывшемся окне файл градиента.
(Примечание: файлы градиентов обычно скачивают в виде архива, сначала нужно распаковать архивный файл)

2 способ.

1.Найдите в главном меню фотошоп вкладку Edit (Редактирование)и выберите команду Preset Manager (Управление наборами)


2.Выберите в списке Preset Type (Тип набора) — Gradients (Градиенты)
3.Нажмите в окне Load (Загрузить)
4.Выберите в открывшемся окне файл градиента.

Как сделать градиент? | verovski

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

  • Применить градиент через стили слоя Gradient Overlay
  • Применить градиент инструментом Gradient Tool
  • Применить градиент через слой заливки Fill Layer

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

В отсутствии возможности настраивать инструмент Gradient Tool на лету лежит основа работы всех инструментов Фотошопа. Мы выбираем инструмент, будь то Gradient Tool, или Brush Tool или Paint Bucket, или Clone Stamp. Кликаем по рабочей области, и получаем результат, в виде изменения пикселей. И этот результат является изменение пикселей на прямую. Он окончателен и его невозможно изменить «на лету» поменяв настройки.

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

Градиент в дизайне

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

Самый простой и доступный способ применить градиент в Фотошопе, это выбрать инструмент Gradient Tool. Кликнуть по рабочей области и не отпуская клавишу мышки, провести курсором по рабочей области.

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

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

Панель настроек градиента

Панель настроек позволяет нам создавать такой градиент, какой нам нужен. И, конечно, содержит ряд полезных фич. Если у вас нет панели настроек откройте Windows > Options По умолчанию все панели настроек для всех инструментов начинаются с менеджера настроек Preset Manager. Подробности работы этого менеджера можно прочитать в статьях Preset manager и Preset Manager Tool.

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

Панель градиента

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

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

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

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

  Linear gradient (Линейный градиент) — заливает градиент по прямой линии от цвета А к цвету Б.

  Radial gradient (Радиальный градиент) — заливает градиент в виде окружности от цвета А к цвету Б.

  Angle gradient (Конусовидный градиент) — создает вращающийся градиент по 360 оси от цвета А к цвету Б.

  Reflected gradient (Зеркальный градиент) — вариация линейного градиента, с одной лишь разницей. Этот градиент отражает сам себя и возвращается к первоначальному цвету.  В этом случае градиент движется от цвета А, к цвету Б и опять к А.

  Diamond gradient (Ромбовидный градиент) — создает ромбовидные градиент от цвета А к цвету Б.

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

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

Следующие опции — режимы наложения и степень невидимости. Здесь все просто. Невидимость определяет невидимость, а режимы наложения предлагают на выбор различные режимы наложения, подробно о которых я написал в статье Режимы наложения blending mode в Фотошопе.

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

Дополнительные настройки градиента в Фотошопе

Интерес представляют следующие три галочки: Reverse, Dither, Transparency. Как обычно о них нет никакой информации нигде. Самые мощные сайты по фотошопу ограничиваются выдержками в пару слов, содранными с официального Хелпа. Интересно, кроме Хронофага их вообще кто-нибудь разбирает?

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

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

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

Фотошопу нужно как-то распределить градации серого по 1000 пикселям, при этом мы должны получить плавный переход из одной градации в другую. Стоит заметить что ступеней цвета от белого к черному и так не очень много. Их всего 256. То есть идеальный градиент от черного к белому получается на области 256 пикселей. Если же мы хотим применить такой градиент на области в два раза больше, то Фотошопу придется просто дублировать каждую полоску пикселя по два раза. А если градация градиента ещё уже? А область ещё больше? На практике получаются следующие полосы.

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

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

Редактор градиента Gradient Editor

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

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

Как сделать и сохранить градиент?

Самый верный способ сделать градиент, это настроить ползунки нужного вам цвета, вписать в графу Name любое название и нажать по кнопочке New. Градиент готов к употреблению.

Мягкость градиента

Параметр Smoothness определяет мягкость градиента. Пожалуй без спец подготовки эту мягкость не просто разглядеть. Если выбрать стандартный градиент с двумя цветами, можно очень долго вглядываться в полоску градиента, меня параметр Smoothness то на 0 то на 100 и так и не понять, в чем заключается мягкость. Более явно изменения видны в сложных градиентах с множеством ползунков цвета.

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

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

На панели редактора градиента вы видите местоположение градиента Location и цвет Color. Location — это местонахождения ползунка на полоске градиента. Цвет можно выбрать из цвета заднего и передних фонов, которые установлены на панели инструментов Tools. Или произвольный цвет, который вы выберете в диалоговом окне Color Picker. Не обязательно выбирать цвет внизу диалогового окна. Вы можете вызвать Color Picker просто кликнув по ползунку дважды.

Манипуляции с ползунками

Активируя ползунок вам становится доступна кнопка удаления. Её тоже не обязательно нажимать чтобы удалить ступень цвета. Для удаления просто утяните ползунок с полоски градиента.

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

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

Как сделать полупрозрачный градиент?

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

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

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

Режимы градиента в Фотошопе

У градиента в Фотошопе есть два режима: Solid и Noise.

  • Solid — обычный стандартный градиент, сплошной переход от одного цвета к другому.
  • Noise — создает хаотичный шумовой градиент и настраивается совершенно иначе. Переключить режимы можно прямо в диалоговом окне Gradient Editor.

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

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

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

  • Restrict Colors — исключает особенно яркие или перенасыщенные цвета из шумового градиента. То есть если вы эту галочку поставили, то при нажатии на Randomize Фотошоп исключает слишком выбивающиеся из общего ряда цвета.
  • Add Transperancy — добавляет невидимость. Если выставить эту галочку вместе с произвольными цветами вы получите и произвольную невидимость. Фотошоп сам будет решать где и как она появится. Она может появиться либо вначале, либо в конце, либо местами в середине, и у вас нет возможности контролировать этот процесс.

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

Лучше переключитесь на более понятную схему HSB. Допустим я хочу получить шумовой градиент в голубой тональности. Тогда я уменьшаю действие ползунков исключая лишний цвет.

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

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

Теперь вы знаете все о градиентах в Фотошопе, надеюсь вы извлекли для себя что то новое. Удачных экспериментов!

Автор:

Дмитрий Веровски

Как добавить радугу на фото с помощью Фотошопе

Как вы сможете убедиться, добавить радугу на фото в Adobe Photoshop очень просто. Все, что вам понадобится – это Инструмент Градиент – Gradient Tool (G), так как в Photoshop уже есть встроенный радужный градиент. Затем мы немного подредактируем его для большей реалистичности.

Действия описанные в этом уроке можно выполнить в версиях Photoshop CC и CS6.


Шаг 1.

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

Для начала откройте в Photoshop ваш пейзаж.

Шаг 2.

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

Затем создайте новый слой (Ctrl + Shift + N), назовите его, например, “Радуга”.

Шаг 3.

Добавление градиента.

Далее возьмите Инструмент Градиент – Gradient Tool (G)

Шаг 4.

Добавление градиента.

Далее кликните на стрелочку справа от миниатюры градиента.

Шаг 5.

Добавление градиента.

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

и выберите пункт Специальные эффекты (Special Effects)

Шаг 6.

Добавление градиента.

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

Шаг 7.

Применение градиента Радуга Рассела (Russell’s Rainbow).

Итак, теперь выберите из предложенных градиент Радуга Рассела (Russell’s Rainbow)

Шаг 8.

Применение градиента Радуга Рассела (Russell’s Rainbow).

Далее измените тип градиента на Радиальный (Radial), кликнув на соответствующую иконку.

Шаг 9.

Применение градиента Радуга Рассела (Russell’s Rainbow).

Теперь кликните и протяните градиент, как показано на рисунке ниже:

Шаг 10.

Применение градиента Радуга Рассела (Russell’s Rainbow).

Примерно такой градиент должен получиться:

Шаг 11.

Редактирование Градиента.

Теперь измените режим наложения слоя с градиентом на Экран (Screen):

Шаг 12.

Редактирование Градиента.

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

Шаг 13.

Редактирование Градиента.

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

Шаг 14.

Применение фильтра Размытие по Гауссу (Gaussian Blur)

Теперь добавьте Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur)

Шаг 15.

Применение фильтра Размытие по Гауссу (Gaussian Blur)

Установите Радиус (Radius) 50 пикселей и нажмите ОК. Вы можете установить этот параметр на свое усмотрение (чем он больше, тем сильнее эффект размытия).

Шаг 16.

Применение фильтра Размытие по Гауссу (Gaussian Blur)

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

Шаг 17.

Добавление маски слоя (Layer Mask).

Итак, теперь нам нужно скрыть части градиента, находящиеся на земле.
Для этого кликните по иконке Добавить маску слоя (Add layer mask) внизу панели Слои (Layers):

Шаг 18.

Добавление маски слоя (Layer Mask).

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

Шаг 19.

Добавление маски слоя (Layer Mask).

Теперь выберите в качестве Основного цвета (Foreground color) черный. Для этого нажмите клавишу D (устанавливает основной и фоновый (Background) цвета по умолчанию), затем нажмите X, чтобы поменять эти цвета местами.

Шаг 20.

Работа с градиентом и маской.

Далее: снова возьмите Инструмент Градиент – Gradient Tool (G) и кликните на стрелочку (как вы делали ранее).

Шаг 21.

Работа с градиентом и маской.

Затем выберите градиент от Основного цвета к прозрачному 

Шаг 22.

Работа с градиентом и маской.

и установите тип градиента Линейный (Linear)

Шаг 23.

Работа с градиентом и маской.

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

Шаг 24.

Работа с градиентом и маской.

У вас должно получиться что-то подобное:

Шаг 25.

Скрываем другие части радуги (по желанию).

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

Шаг 26.

Скрываем другие части радуги (по желанию).

Результат:

Шаг 27.

Скрываем другие части радуги (по желанию).

Или скроем часть радуги сбоку:

Шаг 28.

Скрываем другие части радуги (по желанию).

Результат:

Шаг 29.

До и после.

Итак, поскольку мы сделали радугу на отдельном слое, вы всегда можете увидеть эффект “до” и “после”, включая/выключая видимость слоя:

 

Шаг 30.

Финальное изображение.

Вот и все, поздравляем!

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

Пресеты фотографического тонирования в Photoshop

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

С их помощью можно выбирать из коллекции эффекты тонировки и сплит-тонирования. Эти эффекты основаны на реальных химических процессах проявки фотографий.

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

Вот фото, которое я открыл на экране своего компьютера:

Оригинальное фото

Новые пресеты «Фотографического тонирования» были добавлены в раздел настроек «Карты градиента». Это означает, что в первую очередь нам необходимо добавить корректирующий слой «Карты градиента». Нажмите на иконку «Создать новый корректирующий слой или слой-заливку» и в меню выберете пункт «Карта градиента» (в палитре слоев):

Нажмите на иконку создания корректирующего слоя в палитре «Корректировок»

Таким образом, мы добавим корректирующий слой «Карты градиента» поверх фотографии:

В панели слоев теперь появился добавленный корректирующий слой «Карта градиента»

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

Нажмите на стрелку справа от панели просмотра градиента

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

Нажмите на значок шестеренки

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

Выберите в меню пункт «Фотографическое тонирование»

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

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

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

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

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

Повторно нажмите на значок шестеренки в палитре выбора градиента

Затем выберите в меню вариант просмотра: либо «Маленькие миниатюры и меню», либо «Большие миниатюры». Я выбираю первый вариант:

Выбор варианта отображения из меню палитры градиентов

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

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

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

Увеличив палитру выбора градиента, вы сможете видеть одновременно больше пресетов

Теперь, когда мы загрузили пресеты, а также настроили формат их отображения, нужно нажать на пресет в списке, чтобы Photoshop мгновенно применил его к изображению. Пресеты фотографического тонирования делятся на две группы. В верхней части, начиная с набора «Platinum» и до «Медь 2», располагаются пресеты, которые применяют один тон ко всему изображению.

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

Выбор пресета колеровки «Platinum»

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

Фото с примененным пресетом «Platinum»

Вот, что получится, если я нажму на пресет «Сепия 1»:

Выбор другого пресета из списка

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

Фото с примененным пресетом «Sepia 1»

А вот, что получится, если я выберу пресет «Сепия под старину»:

Выбор пресета «Cyanotype»

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

Фото с примененным пресетом «Сепия под старину»

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

Выбор пресета сплит-тонирования «Сепиа-голубой»

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

Пресеты сплит-тонирования применяют разные тона для темных и светлых областей изображения

Чтобы эффект проявился еще более явно, я попробую пресет «Золото-медь 2»:

Выбор градиента «Золото-медь 2»

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

Результат применения пресета «Золото-медь 2»

И, в качестве последнего примера, я выберу пресет «Медь-сепия»:

Выбор пресета «Медь-сепия»

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

Эффект сплит-тонирования «Медь-сепия»

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

Нажмите на значок шестеренки

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

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

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

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

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

Данная публикация является переводом статьи «The Hidden Photographic Toning Presets In Photoshop CS6» , подготовленная редакцией проекта.

Добавить шум в градиент photoshop

кто-нибудь знает, как добавить шум к градиенту в photoshop cs3 ?

источник

Filter > Noise > Add Noise...

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

отвечен kcoppock 2010-12-07 18:12:33 источник

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

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

есть несколько способов сделать это со стилем слоя, вот пара:

  • создать новый пустой слой, выберите оба слоя, щелкните правой кнопкой мыши и выберите «объединить слои» это будет растрировать стиль слоя. Теперь можно добавить фильтр шума прямо к нему.

  • Добавить маску слоя слой>слой маска>показать все. Затем примените шум фильтр к маске слоя.

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

источник

Элтон Валентини,

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

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

Фильтр > Шум > Добавить Шум…

и для любого другого вопроса, связанного с графикой photoshop, пожалуйста, спросите здесь graphicdesign.stackexchange его полностью посвящен дизайн сообщества

отвечен Jack 2017-04-13 12:46:18 источник

Тонирующие градиенты в Photoshop CS6 | Soohar

Хотите мгновенно создать эффект тонирования для фотографии? Photoshop CS6 поставляется с предустановленными пресетами, которые позволят тонировать или создать эффект винтажной фотографии за считанные секунды, но они достаточно далеко скрыты. Прочтите этот урок и узнайте, где их найти и как их использовать для создания профессионального сплит-тонированного эффекта. Ниже представлено изображение со всеми пресетами.
 

 

Шаг 1

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


 

Шаг 2

Добавьте корректирующий слой Gradient Map (Карта Градиента). Вы можете сделать это,через палитру слоев или через палитру Adjustments (Коррекция) ( если эта палитра отсутствует, то отобразите ее через менюWindow> Adjustments).
 

 

Шаг 3

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

 

Шаг 4

Перед вами откроется окно с выбором градиента. Именно здесь и спрятаны необходимые нам тонирующие градиенты. Кликните по верхнему меню, которое расположено в верхней правой области пресетов (Рис ниже). Перед вами появится плавающее меню где нужно выбрать пресеты Photographic:
 

 

Шаг 5

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

 

Шаг 6

Один из способов уменьшить эффект, это добавить корректирующий слой Black and White (Черно-Белое) (Layer> New Adjustment Layer> Black & White) (Слой — Новый Корректирующий слой — Черно-Белый). Расположите этот слой между основным слоем и слоем с картой градиента. Затем понизьте непрозрачность корректирующего слоя с картой градиента до 50%.
 

 

Финальный результат:


 

Автор Denny Tang. Перевод текста Алексей Логвинов.

Интересно и по теме:

Создание винтажного эффекта

Создание модного ретро эффекта за 3 шага

 

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

Как редактировать градиенты в Photoshop

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

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

Переход к файлу> Создать.

Откроется диалоговое окно «Создать». Поскольку мы сосредоточимся в основном на самом редакторе градиентов, на самом деле не имеет значения, какой размер мы выберем для нашего документа, но если вы работаете вместе со мной, давайте создадим документ того же размера, что и в прошлый раз, установив Ширина от до 1200 пикселей и Высота от до 800 пикселей .Я оставлю Разрешение установленным по умолчанию 72 пикселя / дюйм , а для Background Contents установлено значение White . Я нажимаю OK , чтобы закрыть диалоговое окно New, после чего на экране появляется новый документ с белой заливкой:

Создание нового документа размером 1200 пикселей на 800 пикселей.

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

Открыв новый документ, я выберу Photoshop Gradient Tool на панели инструментов :

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

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

Как мы узнали в предыдущем уроке, после того, как мы выбрали инструмент «Градиент», есть два разных способа выбрать градиент. Мы можем выбрать один из готовых предустановленных градиентов Photoshop из Gradient Picker , или мы можем создать и отредактировать наш собственный градиент, используя Gradient Editor . Чтобы открыть редактор градиента, щелкните непосредственно на полосе предварительного просмотра градиента на панели параметров. Если вы нажмете маленькую стрелку справа от панели предварительного просмотра, вы откроете средство выбора градиента, о котором мы говорили ранее.На этот раз нам нужен редактор градиентов, поэтому не забудьте щелкнуть саму панель предварительного просмотра:

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

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

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

Область предустановок

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

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

Щелчок по миниатюре для выбора предустановленного градиента.

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

Щелкните значок шестеренки.

Вы найдете другие наборы градиентов, перечисленные в нижней половине появившегося меню. Каждый набор основан на определенной теме, например, гармонии цветов, металлах, пастели и т. Д.Чтобы выбрать один, щелкните его имя в списке. Я выберу Color Harmonies 1 :

Выбор гармонии цветов 1 комплект.

Photoshop спросит, хотите ли вы заменить текущие градиенты новым набором. Если вы нажмете Добавить , вместо замены текущих градиентов он добавит новые под текущими. Мне нравится, чтобы вещи были как можно более беспорядочными, и поскольку легко восстановить исходные градиенты (как мы увидим через мгновение), я нажимаю OK , чтобы заменить их:

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

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

Градиенты гармонии цвета 1.

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

Щелкните значок шестеренки.

Затем выберите Reset Gradients из меню:

Выбор «Сбросить градиенты».

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

Щелкните OK, чтобы восстановить градиенты по умолчанию.

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

Восстановлены исходные градиенты.

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

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

Плагин шорткодов, действий и фильтров: ошибка в шорткоде [ ads-basics-middle-float ]

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

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

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

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

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

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

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

Если вместо плавного градиента вы видите то, что выглядит как случайный набор цветных линий на панели градиента, убедитесь, что для параметра Gradient Type над полосой установлено значение Solid , а не Noise . Мы рассмотрим градиенты шума в отдельном уроке, потому что не только выглядит по-другому, но и шаги для их создания также разные. В общем, всякий раз, когда вы хотите создать стандартный градиент, плавно переходящий от одного сплошного цвета к другому, вам нужно, чтобы для параметра Gradient Type было установлено значение Solid:

Убедитесь, что для параметра «Тип градиента» установлено значение «Сплошной».

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

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

Цвет останавливается под каждым концом градиента.

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

Щелкните остановку для цвета, который хотите изменить.

Выбрав остановку, я нажимаю на образец цвета:

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

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

Выбор красного в палитре цветов.

Точно так же мой исходный градиент от черного к белому теперь имеет градиент от красного к белому:

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

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

Двойной щелчок по белому ограничителю.

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

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

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

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

Плагин шорткодов, действий и фильтров: ошибка в шорткоде [ ads-basics-middle-2 ]

Регулировка средней точки

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

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

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

Регулировка перехода путем перетаскивания значка средней точки.

Вариант размещения

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

Текущее местоположение средней точки.

Мы уже видели, что можем изменить положение средней точки, перетащив ее значок, но мы также можем изменить ее, введя определенное значение в поле «Местоположение».Если я хочу переместить среднюю точку с отметки в одну четверть до, скажем, отметки в три четверти, я могу сделать это, изменив значение «Местоположение» с 25% на 75% :

Ввод нового значения местоположения вручную.

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

Новое местоположение средней точки.

Я сброшу свою среднюю точку до значения по умолчанию, установив для параметра Location значение 50% :

Средняя точка теперь снова находится на полпути между двумя цветами.

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

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

Щелкните, чтобы добавить третий цвет.

Добавляет новую остановку в этом месте.Чтобы изменить его цвет, дважды щелкните на остановке:

Дважды щелкните новый образец цвета.

Затем выберите другой цвет в палитре цветов. Я выберу синий:

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

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

Добавлен третий цвет.

Движение цветов по градиенту

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

Перемещение цвета путем перетаскивания его остановки по градиенту.

Еще один способ переместить цвет — щелкнуть его остановку, чтобы выбрать его, а затем ввести значение непосредственно в поле «Местоположение». Я нажимаю на желтую остановку, чтобы выбрать ее. Обратите внимание, что его текущее местоположение — 100%:

Выбор желтого упора.

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

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

Затем я снова нажимаю на синюю остановку, чтобы выбрать ее:

Выбор синего упора.

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

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

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

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

Выбор остановки синего цвета.

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

Перетаскивание вниз, чтобы удалить ограничитель цвета.

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

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

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

Если щелкнуть и перетащить остановку при нажатии Alt (Win) / Option (Mac), создается его копия.

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

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

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

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

Прозрачность прекращается.

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

Выбор остановки прозрачности справа.

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

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

Уменьшение значения непрозрачности упора прозрачности справа до 0%.

Движущиеся упоры для прозрачных пленок

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

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

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

Другой способ — оставить две мои остановки прозрачности на своих исходных местах и ​​добавить третью ступеньку выше середины градиента. Я быстро верну стоп прозрачности в исходное положение слева, изменив значение Location с 50% на 0% :

Как и точки цвета, точки прозрачности можно перемещать, изменяя значение их местоположения.

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

Щелкните, чтобы добавить третью контрольную точку прозрачности в середине градиента.

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

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

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

Регулировка средней точки прозрачности справа.

Удаление ограничителей прозрачности

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

Удаление ограничителя прозрачности справа.

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

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

Плавность

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

Параметр «Плавность».

Сохранение градиента как новой предустановки

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

Именование нового градиента.

Затем нажмите кнопку New :

Щелчок по кнопке New.

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

Новый градиент появится после других в области предустановок.

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

Нажмите кнопку ОК.

Как создать градиентный текст в Photoshop (шаг за шагом)

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

Чтобы создать градиентный текст в Photoshop, вам нужно:

  1. Создайте новый текстовый слой и введите текст.
  2. Дважды щелкните текстовый слой, чтобы открыть панель стилей слоя.
  3. Выберите параметр «Наложение градиента» из стилей слоя.
  4. Выберите настройки градиента для текста.
  5. Щелкните OK, чтобы сохранить изменения.

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

Шаги по созданию градиентного текста в Photoshop

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

Конечно, если вы не растрируете текст!

Шаг 1. Создание текста

Чтобы создать новый набор текста в Photoshop, просто откройте инструмент «Текст», нажав T на клавиатуре или найдя его на панели инструментов.

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

Как и в обычном текстовом документе, выделите текст и введите все, что хотите.

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

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

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

Шаг 2. Добавление градиентного наложения к вашему тексту

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

Чтобы открыть стили слоя, дважды щелкните на текстовом слое.

На этой панели все параметры стиля слоя перечислены с левой стороны. Щелкните «Наложение градиента» , чтобы применить этот эффект к тексту и открыть параметры настроек.

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

Самая важная часть — отредактировать градиент.Это можно сделать, щелкнув поле редактора градиента. Откроется новое окно с несколькими предустановками градиента, которые можно применить к вашему тексту.

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

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

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

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

Шаг 3. Дальнейшее уточнение вашего градиентного наложения

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

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

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

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

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

Если вы предпочитаете градиентный переход по тексту по горизонтали, установите значение угла 180 градусов.

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

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

Теперь, когда все в порядке, нажмите OK, чтобы выйти из панели стилей слоя и зафиксировать градиентный текст!

Редактирование текстового градиента позже в вашем проекте

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

Создание текста с прозрачным градиентом

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

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

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

Начните с выбора текстового слоя и добавления маски слоя.

Затем выберите инструмент градиента, нажав G или найдя его на панели инструментов.

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

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

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

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

И вот так, вы создали прозрачный градиентный текст!

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

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

Дополнительные учебники по тексту Photoshop для вас:

Удачного редактирования!

— Brendan 🙂

Как создать новый градиент наложения в Photoshop

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

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

Щелкните раскрывающееся меню «Blend Mode» в диалоговом окне Layer Styles Gradient Overlay и выберите режим наложения, который вы хотите применить к вашему наложению.Нормальный — это настройка по умолчанию, позволяющая создавать простые градиенты. Другие параметры позволяют настроить способ смешивания градиента со слоями под ним.

Щелкните поле «Непрозрачность» и выберите прозрачность. Чем меньше число, тем прозрачнее будет ваш градиент.

Щелкните поле «Градиент» и выберите цвета и прозрачность, которые вы хотите использовать для градиента.

Щелкните раскрывающееся меню «Стиль» и выберите свой стиль градиента. Доступны следующие варианты: линейный, радиальный, угловой, отраженный и ромбовидный.Установите флажок «Выровнять по слою», если вы хотите, чтобы Photoshop автоматически выравнивал градиент со слоем, к которому вы его применяете.

Щелкните поле «Угол» и введите угол градиента в градусах. Вы также можете щелкнуть и повернуть диск «Угол», чтобы отрегулировать угол вручную.

Щелкните и перетащите ползунок «Масштаб», чтобы настроить начальную и конечную точки для наложения градиента.

Нажмите «ОК», чтобы применить новое наложение градиента.

Предупреждения

Информация в этой статье относится к Photoshop CS6.Он может незначительно или значительно отличаться от других версий или продуктов.

Учебник по загрузке / установке градиентов Photoshop, как это сделать в CC CS6 CS5 и т. Д.

Как установить градиенты Photoshop в CC 2017 2015 2014 CS6 CS5 CS4 и т. Д. Градиенты Photoshop имеют формат GRD

  1. Выберите файл (ы) градиентов Photoshop GRD и скопируйте

  2. Перейдите в папку приложений или программных файлов (mac или pc)

  3. Разверните папку приложения Adobe / Photoshop

  4. Заходим в папку «пресеты»

  5. Вставьте или поместите градиенты GRD Photoshop в папку «градиенты»

  6. Запустите Photoshop

  7. Выберите инструмент градиента на панели инструментов Photoshop

  8. Перейдите в верхнюю часть Photoshop (слева) и откройте раскрывающийся список «Градиенты» средства выбора предустановок.

  9. Доступ к градиентам GRD через меню справа на панели градиентов в Photoshop по имени

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

Установка градиентов Photoshop — папки для привилегированных и непривилегированных учетных записей

  1. Добавьте файлы GRD в папку «градиенты» предустановок в папке приложений / программных файлов

  2. Или добавьте GRD в папки «градиенты» ваших пресетов в вашей учетной записи (не требует прав)

Расположение для Mac: HD / Applications / Adobe Photoshop CC 2017 / Presets / Gradients (требуются права администратора)

Расположение для Mac и прав администратора (учетная запись): ~ / Library / Application Support / Adobe / Adobe Photoshop CC 2017 / Presets / Gradients

Эквивалентными местоположениями на компьютере являются папка «программные файлы» и папка «appdata» (в вашей учетной записи).Если вы все еще используете Photoshop CS6 и т. Д., Перейдите к эквивалентным папкам для версий приложения CS6, CS5 или CS4 и т. Д.

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

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

Загрузка / замена градиентов с помощью средства выбора предустановок градиентов Photoshop

  1. выберите инструмент градиента

  2. : перейдите на панель градиентов / выбор предустановок (вверху слева).

  3. перейти в правое боковое меню

  4. выберите команду загрузки или замены

  5. найдите файл GRD с градиентами

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

содержимого заливки.

Менеджер предустановок и загрузка градиентов

  1. меню редактирования

  2. пресетов

  3. менеджер предустановок

  4. выберите тип предустановки для градиентов

  5. загрузить градиенты GRD файл

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

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

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

  1. Один из подходов, который, кажется, хорошо работает в некоторых версиях, — это выбрать набор файлов GRD.

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

или

  1. выберите количество файлов градиента GRD в Photoshop

  2. щелкните правой кнопкой мыши и выберите «Открыть с нужной версией Photoshop», и все файлы будут довольно быстро добавлены на панель (хотя и не мгновенно).

  3. , вы увидите набор и сможете выбрать один из тысяч отличных дизайнов (особенно если вы выберете 32 000 наборов градиентов, доступных на этом сайте).

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

.

Бесплатные градиенты для тестирования и использования в ваших проектах без лицензионных отчислений

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

Источники и ссылки

1.Градиенты на Adobe.com

Gradient Tool Photoshop

Фото trumzz через iStock

Инструмент градиента Photoshop прост для понимания тем, что он создает постепенное смешение цветов.

То есть, когда инструмент «ведро с краской» применяет один и тот же цвет ко всему выделению, инструмент «Градиент» применяет несколько цветов, переходящих от одного к другому.

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

Вот где приходит этот урок.

Photoshop Gradient Tool: как создать градиент в Photoshop

Перво-наперво, нам нужно изучить, как создать градиент в Photoshop.

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

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

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

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

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

  • Меню панели (A) — На этой панели отображаются распространенные типы градиентов. Обратите внимание, что эти градиенты не обязательно являются отображаемыми цветами, а скорее отображаемым шаблоном .
  • Ограничение непрозрачности (B) — Ограничение непрозрачности определяет уровень прозрачности.Обратите внимание, что для каждого цвета есть одна ступень непрозрачности. Чтобы настроить непрозрачность, переместите ограничитель непрозрачности влево или вправо.
  • Остановка цвета (C) — Остановка цвета определяет цвет градиента. Чтобы выбрать начальный цвет, щелкните левую цветовую границу под полосой градиента. Когда вы это сделаете, треугольник над ним станет черным, чтобы указать, что цвет редактируется. Выполните ту же процедуру, чтобы изменить другие цвета градиента, обязательно используйте соответствующую цветовую границу.
  • Стоп-значения (D) — Стоп-значения выполняют ту же функцию, что и конечные точки непрозрачности и цвета, за исключением того, что в этом случае вы можете ввести число для непрозрачности и местоположения остановки непрозрачности и выбрать цвет из палитры и введите число для расположения цветовых остановок.
  • Средняя точка (E) — Средняя точка — это место, в котором градиент имеет равномерное сочетание двух цветов. Чтобы отрегулировать его расположение, перетащите ромб под полосой градиента влево или вправо.Кроме того, вы можете нажать на ромб и ввести значение местоположения.

Подробнее:

Различные типы градиентов в Photoshop

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

Линейный градиент , переходящий от одного цвета к другому по прямой линии:

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

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

Отраженные градиенты , которые переходят наружу от начальной точки в центре для получения зеркального эффект:

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

Подробнее:

Инструмент градиента Photoshop Суммарно

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

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

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

Снова перемещаемся вправо — три флажка:

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

Инструмент «Градиент» также имеет параметр градиента шума, показанный выше.

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

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

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


Привет от ПТ!

Советы по постобработке фотографий

Не хватает фотографий, чтобы попрактиковаться в обработке фотографий?

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

Руководство по градиентным картам в Photoshop

, автор — Алек Драгган, 27 сентября 2019 г.

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

Существует два основных способа использования инструментов Photoshop CC Gradient maps . Вы можете раскрашивать изображения в качестве наложения, а цвет заменять изображение несколькими, обычно двумя, тонами.Замена цвета включает в себя черно-белые изображения, но этот инструмент позволяет выбрать любые два цвета, а не две основные тональности.

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

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

В этом руководстве мы рассмотрим следующее:

  • Что такое карты градиента Photoshop CC?
  • Как использовать карты градиента Photoshop CC?
  • Как лучше всего использовать градиентные карты Photoshop CC?

Мы обсудим как общие советы, так и пошаговые изменения, так что давайте сразу же!

Прежде чем мы начнем, убедитесь, что на ваше устройство загружен Photoshop.Вы можете приобрести Photoshop через тарифный план Adobe Creative Cloud всего за 9,99 долларов США в месяц.

Что такое карты градиента Photoshop CC?

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

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

Как работают карты градиента?

Возьмите это изображение, например:

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

Это довольно легко понять в черно-белом . Темные области более черные, светлые области более белые, а средние области — серые. Давайте посмотрим на пример цвета со странным градиентом.

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

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

Зачем нужен этот инструмент?

Хотя в приведенном выше примере показана сильная разница в цвете, есть много причин для использования этих эффектов.Цветовая градация не всегда является наложением сплошного цвета, и позже мы увидим, что Gradient Maps действительно соседствует с Blending Modes .

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

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

Где находится инструмент «Карта градиента»?

Вы можете использовать Gradient Map Tool несколькими способами. Когда у вас есть изображение в фотошопе, самый простой способ его выбрать — перейти в Изображение >> Коррекция >> Градиентная карта .

Вы также можете выбрать его на панели Adjustments :

Чтобы сделать эту панель Adjustments видимой, войдите в раскрывающиеся меню верхнего уровня.Выберите Window >> Adjustments и убедитесь, что в списке отмечен пункт «Adjustments».

Если вы работаете в рабочей области Photography , этот параметр выбирается заранее. Чтобы получить доступ к рабочей области фотографии, выберите Window >> Workspaces >> Photography .

Как использовать карты градиента в Photoshop CC

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

Это изображение, которое мы собираемся сортировать по цвету:

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

Применение карты градиента

Примените карту градиента на новом слое либо из Изображение >> Коррекция >> Карта градиента , либо из панели Adjustments .

Неважно, какие у вас цвета фона и переднего плана. Мы можем отредактировать их позже в процессе.

Теперь полоса Gradient Bar должна быть видна на вашей панели настройки, если у вас выбран слой Gradient Map :

Два цвета в вашей Gradient Bar будут градиентом между выбранным передним планом и фоном. цвет.

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

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

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

На этом изображении я обнаружил, что лучше всего работает Vivid Light или Hard Light с меньшей непрозрачностью.Следовательно, я использовал следующие настройки для своего корректирующего слоя:

С непрозрачностью 32% и режимом наложения яркого света я могу видеть, как моя текущая карта Gradient Map выглядит с моим изображением.

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

Щелчок по шкале градиента вызывает следующий редактор градиента :

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

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

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

Конечно, переход от темного к светлому — традиция. Тем не менее, вы можете переключить его и перейти от светлого к темному или даже от темного к светлому и темному (от светлого к темному к свету….), Все зависит от вас!

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

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

Оно кажется более волшебным и загадочным, и определенно похоже, что оно было снято ближе к сумеркам.Это то, что я хотел на изображении с самого начала, так что я счастлив!

Лучшие варианты использования градиентных карт в Photoshop CC

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

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

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

Использование Color Picker Tool обеспечивает еще больший контроль. Например, вы можете использовать палитру цветов, чтобы выбрать градиент из цветов, уже присутствующих в вашем изображении, а затем использовать те, которые с наложением Blending Mode , чтобы ваше изображение действительно выделялось. Возможность добавить тональности к освещению с помощью палитры цветов для единообразия просто потрясающая.

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

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

Создание предустановок градиента

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

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

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

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

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

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

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

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

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

Используете WordPress и хотите получить Envira Gallery бесплатно?

Envira Gallery помогает фотографам создавать красивые фото и видео галереи всего за несколько кликов, чтобы они могли демонстрировать и продавать свои работы.

Как использовать радиальные градиенты в Photoshop, чтобы направлять глаза зрителей

Если вы хотите привлечь больше внимания к объекту фотографии, правильная постобработка, безусловно, является одним из способов. Блейк Рудис из f64 Academy показывает вам довольно полезный трюк, чтобы добиться этого в Photoshop. Вы можете использовать радиальные градиенты, чтобы создать своего рода «прожектор» и привлечь внимание зрителей именно туда, куда вы хотите. Вы можете использовать его на всех типах фотографий, независимо от того, являетесь ли вы объектом съемки человека или объекта.Это тонкий прием, но он может иметь большое значение.

Метод № 1

Этот метод работает для слоя градиента, переходящего от сплошного цвета к прозрачному.

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

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

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

Метод № 2

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

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

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

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

Оставить комментарий

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

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