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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вариант расположения

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

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

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

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

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

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

Я сбрасываю свою среднюю точку до значения по умолчанию, установив для параметра Местоположение значение 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%:

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

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

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

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

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

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

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

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

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

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

Utah Jazz включили темный режим для новых трикотажных изделий с красным градиентом | Новости, Спорт, Работа

1/3

Юта Джазовый игрок Ройс О’Нил моделирует новую форму команды «Темный режим» городского издания, которая переворачивает их предыдущую униформу городского издания с красным градиентом в более темный вид.

Фотография предоставлена, Utah Jazz

2/3

Крупный план новой городской униформы Dark Mode, которую Utah Jazz представит в сезоне 2020-21.

Фотография предоставлена, Utah Jazz

3/3

Крупный план новых униформных шорт Dark Mode city edition, которые Utah Jazz представит в сезоне 2020–21.

Фотография предоставлена, Юта Джаз