Цвет градиент это: Attention Required! | Cloudflare

Содержание

10. Градиенты

Рисунок 7.23. Несколько примеров градиентов в GIMP

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

Рисование градиентом

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

Фильтр «Отображение градиента»

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

Так, для оттенка 0 (самый тёмный) выбирается цвет в левом конце градиента, для оттенка 255 — в правом конце градиента. Для дополнительной информации смотрите раздел Отображение градиента.

Когда вы устанавливаете GIMP, вместе с ним устанавливается большое количество интересных градиентов, и вы можете добавлять новые, создавая собственные или загружая из других источников. Для доступа к полному набору доступных градиентов используйте диалог Градиенты — диалог, который вы можете активировать при необходимости, или оставить рядом как закладку в панели. «Текущий градиент», используемый в большинстве операций с градиентом, отображается в области Кисть/Шаблон/Градиент панели инструментов. Щелчок по символу градиента в панели инструментов это альтернативный метод вызова диалога градиентов.

Множество быстрых примеров работы с градиентами (подробности смотрите здесь: инструмент Градиент):

  • Разместить градиент в выделении:

    1. Выбор градмента

    2. С помощью инструмента градиента нажмите и переместите курсор мышки по выделению.

    3. Цвета будут распределены по направлению, перпердикулярном направлению перемещения мышки, и по всей длине перемещения.

    Рисунок 7.24. Как быстро использовать градиент в выделении


  • Рисование градиентом:

    Инструменты «Карандаш», «Кисть» или «Аэрограф» тоже могут работать с градиентами, если выбрать динамику Цвет из градиента. На следующем шаге выберите подходящий градиент в параметрах цвета, в в параметрах угасания укажите длину градиента и стиль повторения. В главе Раздел 3.2.6, «Параметры динамики» эти параметры описываются более подробно.

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

    Рисунок 7.25. Как быстро использовать градиент с инструментом рисования

    Чтобы использовать инструменты рисования с теми значениями, которые были известны как параметр Использовать цвет градиента в GIMP до версии 2.6 включительно, откройте диалог профилей инструмента. Затем выберите один из элементов: Аэрограф (цвет из градиента), Кисть (цвет из градиента) или Карандаш (цвет из градиента).

  • Разный результат с тем же градиентом:

    Рисунок 7.26. Использование градиентов


Немного полезных вещей о градиентах в GIMP:

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

    Основной в фоновый (RGB) это представление RGB градиента из цвета переднего плана в цвет фона в панели инструментов. Основной в фоновый (HSV по часовой) представление последовательности оттенка в цветном кругу от выбранного оттенка до 0°. Основной в фоновый (HSV против часовой) представление последовательности оттенка в цветном кругу от выбранного оттенка до 360°. Основной в прозрачный выделенный оттенок становится всё более и более прозрачным. Вы можете изменить эти цвета с помощью выборщика цветов. Итак, изменяя цвета переднего плана и фона, вы можете сделать эти градиенты плавно переходящими между двумя выбранными цветами.

  • Градиенты могут не только изменять цвета, но и работать с прозрачностью/ Некоторые градиенты полностью непрозрачны, другие могут иметь прозрачные части. Если вы будете заполнять область или рисовать прозрачным градиентом, предыдущий рисунок будет проступать сквозь.

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

Градиенты, устанавливаемые вместе с GIMP хранятся в системной папке gradients. По умолчанию, создаваемые вами градиенты хранятся в папке gradients в вашей персональной папке GIMP. Любой файл градиента (имеющий расширение .ggr) будет автоматически загружаться при запуске GIMP. Если желаете, вы можете добавить больше директорий в поисковой путь градиентов с помощью закладки градиентов в меню настроек на странице Каталоги.

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

Подсказка

Вы можете найти большое количество интересных градиентов в сети, в частности на странице OpenClipArt Gradients [

OPENCLIPART-GRADIENT]. Вы не сможете увидеть как эти градиенты выглядят если ваш браузер не поддерживает SVG, однако это не помешает вам их скачать.

Градиент в фотошоп


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

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

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

Как сделать градиентную заливку в 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.Выберите в открывшемся окне файл градиента.

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

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

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

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

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

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

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

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

Далее следует следующий тип перехода – радиальный переход . В данном случае цвета меняются от стартовой точки до конечной, но по всем направлениям. Линия от стартовой до конечной точки является радиусом радиального перехода.

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

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


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

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

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

  1. Выбрать инструмент Gradient на панели инструментов.
  2. Щёлкнуть мышкой на том месте изображения,где вы хотите поставить стартовую точку вашего градиента.
  3. Не отпуская кнопку мыши, протяните направление градиента.
  4. Там, где будет отпущена кнопка мыши вы установите конечную точку градиента.

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

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

Управление градиентом, как и любым инструментом находится на палитре Options.

Photoshop имеет ряд заготовок градиентных переходов. Заготовка включает в себя понятие заранее созданного набора параметров для градиента, т.е. количества ключевых точек, цвета ключевых точек расстояние между ключевыми точками и многие другие, пока неизвестные нам параметры. Если щёлкнуть на треугольничке выпадающего меню заготовок, то можно узреть весь список заготовок, предоставленных нам создателями Photoshop. Этот список можно редактировать, удаляя и добавляя свои заготовки. Справа находится кнопочка для получения дополнительного меню. Разберём подробнее:

  • Команда New Gradient вызывает окно редактирования параметров градиента
  • Команда Rename Gradient даёт новое название старым заготовкам градиентов.
  • Команда Delite Gradient удаляет заготовку.
  • Команда Text Only включяет режим палитры, при котором вместо иконок будут только подписи.
  • Команда Small Tambnails включяет режим палитры, при котором в палитре будет отображено содержимое в виде небольших по размеру иконок.
  • Команда Large Tambnails включяет режим палитры, при котором в палитре будет отображено содержимое в виде больших по размеру иконок.
  • Команда Small list включяет режим палитры, при котором в палитре будет отображено содержимое в виде небольших иконок и текстовой информации.
  • Команда Large list включяет режим палитры, при котором в палитре будет отображено содержимое в виде больших иконок и текстовой информации.
  • Команда Preset Manager вызывает менеджер (интерфейс) позволяющий загрузить заготовки из файлов, сохранить в виде файлов, перименовать и удалить.
  • Команда Reset Gradients сбрасывает изменённые настройки заготовок до начальных згначений параметров.
  • Команда Load Gradients загружает заготовки из файла. Полезно сохранять удачно получившиеся градиенты для дальнейшего использования.
  • Команда Save Gradients сохраняет настройки градиента в виде заготовки.
  • Команда Repalce Gradients змещает существующий градиент загружаемым.
  • Команда Color Harmonis 1 загружает набор градиентов, который создатели Photoshop считают гармоничным по цветовой гамме.
  • Команда Color Harmonis 2 загружает набор градиентов, который создатели Photoshop считают гармоничным по цветовой гамме. Серия №2.
  • Команда Metals загружает набор градиентов, иммитирующмх всевозможные металлические блески.
  • Команда Noise Samples загружает градиенты с некоторым цветовым «шумом».
  • Команда Pastels загружает градиенты пастельных тонов.
  • Команда Simple загружает совершенно простые градиенты.
  • Команда Special Effects загружает нечто визуально приятное.
  • Команда Spectrums загружает градиенты спектральных цветов.

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

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

  1. Foregraund Color — Установить в качестве стартового цвета основной цвет (выбирается на панели инструментов). Это означает, что стартовый цвет вашего градиента всегда будет такой же, как и выставленный вами основной цвет.
  2. Background Color — Установить в качестве стартового цвета фоновый цвет (выбирается на панели инструментов). Это означает, что стартовый цвет вашего градиента всегда будет такой же, как и выставленный вами фоновый цвет.
  3. User Color — Вы устанавливаете фиксированный стартовый цвет, который можно выбрать в открывшемся диалоговом окне если щёлкнуть по пиктограмме цвета.

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

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

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

Для промежуточных ключевых точек существует ещё несколько характеристик. Параметр Location (поле этого параметра расположено так же внизу диалогового окна) указывает на расстояние между этой точкой и стартовой точкой градиента. Это расстояние измеряется в процентах, а за 100% процентов принимается расстояние между стартовой и конечной точкой.

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

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

После того, как это у вас получится, сохрание результат и предъявите преподавателю. Это часть вашего домашнего задания.

Есть ещё одно очень полезное свойство у градиента в Photoshop — это локальная, градиентная прозрачность. Название я выдумал жуткое, но на самом деле всё относительно просто. Для проведения эксперемента проведём следующие подготовительные действия. Откройте любой документ (рисунок). Далее создадим новую заготовку градиента нажав кнопочку NEW в редакторе (конструкторе градиентов). У нас будет всего 2 ключевые точки — стартовая и конечная. Задайте обоим точкам одинаковый цвет, к примеру чёрный. Теперь обратите внимание на ползунки над образцом градиента. Это стартовая и конечная точка управления локальной прозрачностью или точнее говоря непрозрачностью. Щёлкните на левом верхнем ползунке (стартовая прозрачность градиента).

В нижней части окна станет доступным поле Opacity. По умолчанию этот параметр равен 100%, т.е. абсолютно непрозрачно. Установите значение opacity для стартовой точки равным 0. Теперь У вас появились шашечки которые свидетельствуют о том, что прозрачность появилась. Если применить полученный градиент в «линейном типе» слева направо, то получится следующая картина:

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


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

Мы щё не разобрали выпадающее меню Gradient Type. Оно даёт вам возможность выбрать тип перехода. Всего два типа — solid и noise. Состоят в способе фофирования переходных цветов. В случае, если тип solid, то промежуточные пиксели (пиксели находящиеся между статовой точкой и конечной точкой) принимают значение промежуточных цветов (как вы помните пиксел имеет только одно значение — цвет). В случае если тип градиента noise то оттенок цвета получается при перемешивании пикселей начального и конечного цвета в разных пропорциях. Визуально это производит впечатление некоторого «шума».

Теперь, разобрав редактор градиентов вернёмся к палитре Options инструмента Gradient.

Теперь можно переключать тип градиента.

В Photoshop, кроме стандартных типов градиентов, присутствует ещё один тип — отражённый градиент. Он иммитирует блеск на какой либо поверхности.

При нанесении градиента на изображение можно изменять прозрачность инструмента. Это то, что я назвал глобальной прозрачностью. действие такое же как и у прозрачности инструмента «Кисть». Опция REVERSE позволяет менять местами стартовую и конечную точку градиента. Опция Transparency включает или выключает прозрачность настроенную в редакторе градиентов. Так же существует понятие режимов наложение — смысл тот же, что и у кистей (см. урок первый).

  • Просмотров: 96403

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

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

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

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

  1. Непрозрачность. Если Вы хотите что бы после наложения градиента оставалось видимой изображение слоя, то эта настройка для Вас
  2. Градиент. Позволяет выбрать цвета градиента. Ниже опишу подробнее эту настройку.
  3. Стиль. Можно выбрать разные стили для наложения поэкспериментируйте и все поймете.
  4. Угол. Позволяет менять направление наложения градиента.
  5. Масштаб. То насколько сильно распространяется градиент по слою. На пальцах тоже не объяснить пробуйте.
  6. Инверсия. Можно поменять местами цвета градиента.

Разберем настройку цветов из пункта 2, которая позволяет сделать градиент в фотошопе .

  1. Тут можно выбрать готовый стиль градиента.
  2. Шкала градиентов для настройки собственного стиля
  3. Маркер непрозрачности. При клике на него активируется пункт 4
  4. Ползунок настройки непрозрачности цвета градиента
  5. Маркер при клике по которому активируется выбор цвета пункт 6
  6. Кликнув по данному полю откроется цветовая палитра

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

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

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

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

  1. Кликните по нужному маркеру
  2. Измените прозрачность цвета

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

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

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

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

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

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

Инструмент Градиента (Gradient Tool) имеет свою панель настроек.

1. Выбор градиента.

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

2. Вариант применяемой градиентной заливки.

  • Линейный градиент (Linear Gradient) выполняет переход от начальной до конечной точки по прямой линии.
  • Радиальный градиент (Radial Gradient) выполняет равномерный переход от центральной точки во все стороны.
  • Конусовидный градиент (Angle Gradient) выполняет переход в виде спирали по часовой стрелки вокруг начальной точки.
  • Зеркальный градиент (Reflected Gradient) выполняет переход с использованием симметричных линейных градиентов по обе стороны от начальной точки.
  • Ромбовидный градиент (Diamond Gradient) выполняет переход в виде ромба.

3. Режим (Mode) наложения градиента.

4. Непрозрачность (Opacity) градиента.

5. Чтобы сменить порядок цветов в градиентной заливке на противоположный, поставьте галочку Инверсия (Reverse) .

6. Для создания более гладкого наложения с меньшим количеством полос установите галочку Дизеринг (Dither) .

7. Поставьте галочку Прозрачность (Transparency) , чтобы прозрачные области также можно было залить градиентом.

Выбор образца градиента.

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

1. Чтобы добавить скаченный из интернета набор градиентов, выберите команду Загрузить градиенты (Load Gradients) (на скриншоте выше в синей рамке). В открывшемся окне укажите путь к Вашему набору и нажмите Загрузить.

2. Чтобы заменить активный набор градиентов, выберите команду Заменить градиенты (Replace Gradients) и так же в открывшемся окне укажите путь к Вашему набору и нажмите Заменить.

3. Если хотите сохранить созданный Вами набор градиентов, выберите команду Сохранить градиенты (Save Gradients) . В открывшемся окне введите название файла, укажите местоположение для хранения и нажмите Сохранить (расширение файла.grd).

Градиент можно сохранить в любом месте. Но если файл будет помещен в папку с примерным путём: Диск C / Program Files / Adobe / Adobe Photoshop CS3 / Presets / Gradients , то имя градиента появится в списке наборов градиентов (обведён красной рамкой на скриншоте выше) после перезапуска Фотошоп.

4. Чтобы восстановить набор градиентов заданных по умолчанию, выберите команду Восстановить градиенты (Reset Gradients) .

Диалоговое окно «Редактор градиентов» .

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

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

1 . Меню инструмента градиент.

2 . Тип градиента: Непрерывный (Solid) или Шумовой (Noise) . Эти два типа градиентов имеют разные элементы управления.

3 . Гладкость (Smoothness) . Устанавливает плавность перехода между цветами градиента.

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

4 . Контрольная точка Непрозрачности (Opacity) .

5 . Контрольная точка Цвета (Color) .

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

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

7 . Непрозрачность (Opacity) . Непрозрачностью управляют контрольные точки над цветовой полосой.

8 . Позиция (Location) . Определяет положение контрольной точки на цветовой полосе.

9 . Цвет (Color) . Цветом управляет контрольная точка под цветовой полосой. Чтобы поменять цвет, достаточно кликнуть на образце цвета в окошке и в открывшемся окне Палитры цветов (Color Picke) выбрать нужный цвет.

10 . Удалить (Delete) . Удаляет контрольные точки.

Если Вы хотите сохранить созданный образец градиента, достаточно сделать следующее: в поле Имя (Name) (11 ) введите название созданного градиента. Нажмите кнопку Новый (New) (12 ). Ваш градиент появится в окошке Наборы (Presets) (13 ). Нажмите ОК (14 ).

Чтобы удалить сохранённый градиент из окошка Наборы (Presets) (13 ), кликните на образце градиента в этом окне правой клавишей мышки и выберите в появившемся списке доступных операций команду Удалить градиент (Delete Gradient) . Будьте осторожны, удаляйте только свои сохранённые градиенты!

Ну вот пожалуй и всё. Успеха Вам в освоении этого интересного инструмента!

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

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

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

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

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

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

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

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

Приступаем…

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

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


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

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

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

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

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

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

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

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

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

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

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

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

Градиент

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

Типы Градиентов

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

Типы градиентов

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

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

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

Цветовой режим

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

Режим прозрачности

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

Этот тип градиента влияет только на альфа-канал активного слоя. Градиент будет исчезать от альфа-значения Основного цвета до инверсии альфа-значения Дополнительного цвета. Следовательно, вполне возможен переход между двумя состояниями частичной прозрачности.

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

Пример применения Градиента

Для применения всех типов Градиента будем использовать следующее исходное изображение.

Ниже приведены примеры воздействия каждого из 7 типов градиента на изображение. Слева показаны изображения после обработки градиентом в режиме Цвет с двумя непрозрачными цветами (и значением альфа 255). Справа показаны изображения после обработки градиентом в Режиме прозрачности.

Линейный градиент в цветном и прозрачном режимахЛинейный (отраженный) градиент в цветном и прозрачном режимахРомбовидный градиент в цветном и прозрачном режимахКруговой градиент в цветном и прозрачном режимахКонический градиент в цветном и прозрачном режимахСпираль (по часовой стрелке) в цветном и прозрачном режимахСпираль (против часовой стрелке) в цветном и прозрачном режимах

Смешивание изображений

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

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

Режимы повтора

Режимы повтора определяют действие градиента за пределами границ формы. Пользователю доступно 3 режима: Не повторять, Повторять и Отражать.

  1. Не повторять — градиентная градация не выходит за пределы ограничений, налагаемых управляющими маркерами. 
  2. Повторять — градиент между управляющими маркерами повторяется во фрагментах такой же ширины, как и текущее расстояние между управляющими маркерами. Фрагменты отделены резкой гранью окончания одного градиента и началом следующего.
  3. Отражать — градиент зеркально отражен вдоль краев. Это приводит к повторяющемуся бесшовному паттерну.
Пример применения режимов повтора

Режимы смешивания

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

Градиент будет применен в соответствии с другими параметрами (Цвет/Прозрачность, Режим повторения и т.д.), а затем проинтерпретируется так, как если бы пиксели были на своем слое с установленным режимом смешивания слоев. На изображении ниже вы увидите наше исходное изображение и примененный к нему Линейный градиент в режиме Экранное осветление. 

8. Градиенты

Рисунок 4.18. Несколько примеров градиентов в GIMP

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

Рисование градиентом

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

Фильтр «Отображение градиента»

этот фильтр находится в меню цветов и позволяет вам «сделать цветным» чёрно-белое изображение, заменяя каждый оттенок серого соответствующим цветом из активного градиента. Так, для оттенка 0 (самый тёмный) выбирается цвет в левом конце градиента, для оттенка 255 — в правом конце градиента. Для дополнительной информации смотрите раздел Отображение градиента.

Когда вы устанавливаете GIMP, вместе с ним устанавливается большое количество интересных градиентов, и вы можете добавлять новые, создавая собственные или загружая из других источников. Для доступа к полному набору доступных градиентов используйте диалог Градиенты — диалог, который вы можете активировать при необходимости, или оставить рядом как закладку в панели. «Текущий градиент», используемый в большинстве операций с градиентом, отображается в области Кисть/Шаблон/Градиент панели инструментов. Щелчок по символу градиента в панели инструментов это альтернативный метод вызова диалога градиентов.

Несколько быстрых примеров работы с градиентом (за дополнительной информацией обращайтесь к инструменту Градиент):

  • Класть градиент в выделение:

    1. Выбор градмента

    2. С помощью инструмента градиента нажмите и переместите курсор мышки по выделению.

    3. Цвета будут распределены по направлению, перпердикулярном направлению перемещения мышки, и по всей длине перемещения.

    Рисунок 4.19. Как быстро использовать градиент в выделении


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

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

    Рисунок 4.20. Как быстро использовать градиент с инструментом рисования


  • Разный результат с тем же градиентом:

    Рисунок 4.21. Использование градиентов


Немного полезных вещей о градиентах в GIMP:

  • Первые четыре градиента в списке особенные: вместо фиксированных цветов они используют цвета фона и переднего плана из области цвета панели инструментов. Основной в фоновый (RGB) это представление RGB градиента из цвета переднего плана в цвет фона в панели инструментов. Основной в фоновый (HSV по часовой) представление последовательности оттенка в цветном кругу от выбранного оттенка до 0°. Основной в фоновый (HSV против часовой) представление последовательности оттенка в цветном кругу от выбранного оттенка до 360°. Основной в прозрачный выделенный оттенок становится всё более и более прозрачным. Вы можете изменить эти цвета с помощью выборщика цветов. Итак, изменяя цвета переднего плана и фона, вы можете сделать эти градиенты плавно переходящими между двумя выбранными цветами.

  • Градиенты могут не только изменять цвета, но и работать с прозрачностью/ Некоторые градиенты полностью непрозрачны, другие могут иметь прозрачные части. Если вы будете заполнять область или рисовать прозрачным градиентом, предыдущий рисунок будет проступать сквозь.

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

Градиенты, устанавливаемые вместе с GIMP хранятся в системной папке gradients. По умолчанию, создаваемые вами градиенты хранятся в папке gradients в вашей персональной директории GIMP. Любой файл градиента (имеющий расширение .ggr) будет автоматически загружаться при запуске GIMP. Если желаете, вы можете добавить больше директорий в поисковой путь градиентов с помощью закладки градиентов в меню настроек на странице Каталоги.

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

Подсказка

Вы можете найти большое количество интересных градиентов в сети, в частности на странице OpenClipArt Gradients [OPENCLIPART-GRADIENT]. Вы не сможете увидеть как эти градиенты выглядят если ваш браузер не поддерживает SVG, однако это не помешает вам их скачать.

Использование градиентов

Использование градиентов

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

Страница «Градиент» в диалоговом окне «Свойства материала» позволяет выбирать и редактировать градиент.

Сведения о редактировании, создании и совместном использовании градиентов см. в разделах Редактирование градиентов и Экспорт и импорт градиентов.Внимание! Градиенты доступны только для изображений в оттенках серого и изображений с 16 миллионами цветов. Дополнительные сведения об увеличении глубины цвета изображения см. в разделе Увеличение глубины цвета изображения.Применение текущего градиента

Вкладка «Правка» 

• На панели «Материалы» нажмите кнопку Градиент в раскрывающемся списке Стиль, расположенном в нижней части полей «Свойства переднего плана и мазка» и «Свойства фона и заливки».

Последний использованный градиент станет активным.

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

Вкладка «Правка» 

1 На панели «Материалы» выполните одно из следующих действий:

• Чтобы выбрать градиент переднего плана, щелкните поле Свойства переднего плана и мазка.

• Чтобы выбрать градиент фона, щелкните поле Свойства фона и заливки.

Откроется диалоговое окно «Свойства материала».

2 Нажмите кнопку Градиент.

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

4 Щелкните эскиз градиента.

5 Выберите один или несколько следующих элементов:

• Стиль — выбор одного из следующих градиентов: Линейные , Прямоугольный , Вспышка или Радиальный .

• Угол: указание угла или направления градиента в диапазоне от 0 до 359 градусов. Данный параметр применим только для линейных, прямоугольных и радиальных градиентов.

• Повтор: указание количества повторов узора градиента (от 0 до 999).

• Инвертировать: инвертирование цветов градиента.

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

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

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

6 Нажмите ОК.

 

Дополнительные возможности

 

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

Нажмите кнопку Добавить в палитру.

Применение текущих материалов для всех инструментов

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

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

Сохранение отредактированного градиента

Вкладка «Правка» 

1 На странице «Градиент» щелкните Сохранить.

Откроется диалоговое окно «Новый градиент».

2 Введите для градиента уникальное имя и нажмите кнопку ОК.

Создание градиента

Вкладка «Правка» 

1 На странице «Градиент» нажмите кнопку Новый градиент .

Откроется диалоговое окно Новый градиент.

2 Введите имя для нового градиента и нажмите кнопку ОК.

Градиент создается двумя маркерами при 0% и 100%, для которых используется специальный цвет.

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

Вкладка «Правка» 

1 На странице «Градиент» нажмите кнопку Дополнительные параметрыи выберите Менеджер ресурсов.

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

3 Щелкните Переименовать, введите новое имя в диалоговом окне Переименовать ресурс и щелкните OK.

Удаление градиента

Вкладка «Правка» 

1 На странице «Градиент» щелкните созданный градиент.

2 Нажмите кнопку Удалить градиент .

3 При появлении запроса на подтверждение удаления градиента нажмите кнопку Да.

Модные градиенты в веб-дизайне

Мы собираемся проанализировать текущие тенденции диджитал-дизайна. В первую очередь — это градиенты, одна из наиболее обсуждаемых тем по результатам нашего исследования тенденций, проведенного благодаря сотрудничеству пользователей Awwwards и жюри. Ознакомьтесь с полным перечнем результатов опроса в нашей книге прямо СЕЙЧАС. Современный ландшафт для цифровых мыслителей.

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

Spotify micro site 2015, двухтоновое изображение с градиентными картами.

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

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

Многоцветные градиенты на главном экране, iPhone X


Градиенты в 3D? Цвет вершин и стиль цветовой карты

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

3D Gradient Mapping


Типы градиентов

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

Полезные инструменты для CSS градиентов

Для воссоздания этих эффектов в CSS доступно множество инструментов, которые позволяют создавать их с помощью визуальных редакторов, просто копируя и вставляя код CSS: Webgradients, Khroma AI, Color Space, UI Gradients, Grabient, Coolhue, Easing Gradients in CSS.

Скачайте исходный файл с градиентами!

Начните работать с градиентами, скачайте исходный файл бесплатно в векторном формате .ai или pdf, чтобы самостоятельно поэкспериментировать с градиентами.

Скачать тут!

Коллекция градиентов от Awwwards

Как всегда, мы создали подборку сайтов дня и номинантов, в которой вы можете увидеть все эти эффекты в использовании. Мы надеемся, что вы найдете вдохновение в коллекциях Awwwards или в нашей книге СЕЙЧАС. Современный пейзаж для цифровых мыслителей, в котором обсуждаются основные тенденции года в веб-дизайне.

Этот материал переведен на русский язык редакцией Deadsign, официального партнёра Awwwards в России.

Gradient Generator — Colordesigner

Что такое Gradient Generator

Gradient Generator — лишь один из множества разных браузеров. инструменты, которые каждый может свободно использовать в ColorDesigner Веб-сайт. Сам инструмент используется для создания постепенного изменение цветового градиента от одного цвета к другому, по сути оставляя пользователя с результатом многих разные промежуточные цвета смеси.В дополнение к отображение двух компонентных цветов, а также различные сочетания между ними, инструмент Gradient Generator также позволяет пользователю выбирать количество промежуточных отображаемых цветов от одного до сорока разные промежуточные цвета. Инструмент также отображает список различных режимов для всех цветов, включая HSL, RGB, а также HEX, которые вы можете копировать и сохранять для дальнейшего использования.

Как использовать

Использовать инструмент Gradient Generator очень просто. В Страница Gradient Generator встретит пользователя двумя большие панели выбора цвета и один красный слайдер который по умолчанию будет равен пятнадцати. После этого пользователи могут нажмите на каждую из панелей, чтобы выбрать их желаемые цвета компонентов, из которых они хотят создать эффект градиента.Щелкнув по одному из панели, пользователи будут встречены стандартным цветом палитра, которая позволит им вручную выбирать цвет и его значения, при этом отображая дополнительные сведения таких как значения RGB, HEX-код и оттенок, значения насыщенности и яркости или HSV.

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

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

Тренд градиентного дизайна: как он выглядит и как его использовать

Многие тренды 90-х снова в моде! Укороченные топы, чокеры, даже резинки для волос (… серьезно). И есть одна тенденция, которая штурмом захватывает мир дизайна и которая в 1995 году будет чувствовать себя как дома, — это градиенты.

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

Угадайте, что? Тенденция градиента не показывает никаких признаков замедления в 2019 году.

Так как же работают градиенты? Почему они сейчас такие горячие? И как мы продолжим видеть развитие градиентов в 2019 году и далее?

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


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

с помощью Walker Art

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

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

Прекрасное фото, сделанное еще красивее с наложением розового градиента. Изображение с Creative Market. Градиентный дизайн добавляет глубину и объем плоской графике лисы. Дизайн логотипа Cross The Lime.

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

Почему сейчас в моде градиенты?


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

Изображение через Instagram

Когда градиенты вернулись на сцену дизайна в 2018 году, многие дизайнеры были удивлены, особенно когда к ним присоединились более крупные бренды (мы смотрим на вас, Instagram). Многие люди думали, что переход по градиентному маршруту — это слишком большой возврат. Ностальгия — это одно, но действительно ли люди связаны с тенденцией, которую мы наблюдали раньше?

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

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

Градиентный тренд в действии


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

Вот несколько примеров градиентного тренда в действии:

Логотипы

Градиенты

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

Дизайн Мила Джонс Канн

Упаковка

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

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

Изображение через The Drum

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

Веб-дизайн

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

Серьезно. Тонна.

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

через Асану

Приложения

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

через ClassPass

Печатные материалы

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

Дизайн CR75 ™ для Эллингтона

Как заставить градиенты работать на вас


Тенденция градиента сохранится до 2019 года.Итак, вопрос в том, как заставить его работать на вас?

1. Выбирайте правильные цвета

Самый важный аспект градиентной тенденции — это цвета, которые вы выбираете. Чтобы градиентный тренд выглядел хорошо продуманным, вам нужно выбрать цвета, имеющие одинаковый оттенок и оттенок (например, градиент, переходящий от голубого к темно-синему), или цвета, которые «работают» вместе в соответствии с к теории цвета; так, дополнительные цвета (цвета, противоположные друг другу на цветовом круге), аналогичные цвета (три цвета рядом на цветовом круге) или триадные цвета (три цвета, равномерно разнесенные на цветовом круге).

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

Дизайн: CalmSpark. Дизайн приложения

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

2. Используйте градиенты с умом

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

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

3. Знайте свою аудиторию

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

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

4. Развлекайся

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

Затухание


В отличие от других реликвий 90-х (джинсы JNCO, кто-нибудь?), Похоже, тенденция градиента сохраняется.И теперь, когда вы понимаете все тонкости градиентов, у вас есть все необходимое, чтобы включить эту тенденцию в свои дизайны в 2019 году.

Выходи и двигайся градиентом!
От логотипов до приложений и всего остального — мы в этом!

repeat-linear-gradient () — CSS: каскадные таблицы стилей

Функция CSS repeat-linear-gradient () создает изображение, состоящее из повторяющихся линейных градиентов.Он похож на gradient / linear-gradient () и принимает те же аргументы, но повторяет остановку цвета бесконечно во всех направлениях, чтобы покрыть весь его контейнер. Результатом функции является объект с типом данных <градиент> , который является особым типом .

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

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

Поскольку <градиент> s принадлежат к типу данных , их можно использовать только там, где можно использовать s. По этой причине repeat-linear-gradient () не будет работать с background-color и другими свойствами, которые используют тип данных .

 
повторяющийся линейный градиент (45 градусов, синий, красный 33,3%);


повторяющийся линейный градиент (слева вверху, синий, красный 20 пикселей);


повторяющийся линейный градиент (0 градусов, синий, зеленый 40%, красный);


повторяющийся линейный градиент (вправо, красный 0%, зеленый 10%, красный 20%);
  

Значения

<сторона или угол>

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

Значения вверху , вниз , слева и вправо эквивалентны углам 0 градусов , 180 градусов , 270 градусов и 90 градусов соответственно.Остальные значения переводятся в угол.

<угол>
Угол направления линии градиента. Значение 0deg эквивалентно до верхнего ; увеличивающиеся значения вращаются оттуда по часовой стрелке.
Значение <цвет> цветовой остановки, за которым следуют одна или две необязательные позиции остановки (каждая из которых является либо <процент> , либо <длина> по оси градиента).Процент 0% , или длина 0 , представляет начало градиента; значение 100% составляет 100% от размера изображения, что означает, что градиент не будет повторяться.
<цвет-подсказка>
Подсказка цвета — подсказка интерполяции, определяющая, как градиент прогрессирует между соседними цветовыми точками. Длина определяет, в какой точке между двумя цветовыми остановками цвет градиента должен достичь середины цветового перехода. Если опущено, середина цветового перехода — это середина между двумя цветовыми точками.

Формальный синтаксис

  повторяющийся-линейный-градиент ([<угол> | к <стороной-или-углу>,]? <Список-остановок-цветов>)
                            \ --------------------------------- / \ -------------- - /
                              Определение градиентной линии Список цветовых точек

где  = [left | справа] || [наверх | Нижний]
  и  = [ [, ? ]? ] #, <линейный-цвет-остановка>
  и  =  []?
  и <длина цветовой остановки> = [<процент> | <длина>] {1,2}
  и <цвет-подсказка> = [<процент> | <длина>]
  

полосы зебры

  тело {
  фоновое изображение: повторяющийся линейный градиент (-45 градусов,
      прозрачный,
      прозрачный 20px,
      черный 20px,
      черный 40px);
  
  фоновое изображение: повторяющийся линейный градиент (-45 градусов,
      прозрачный 0 20px,
      черный 20px 40px);
}
  

Десять повторяющихся горизонтальных стержней

  корпус {
  фоновое изображение: повторяющийся линейный градиент (вниз,
      RGB (26 198 204),
      RGB (26 198 204) 7%,
      rgb (100,100,100) 10%);
}
  

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

Таблицы BCD загружаются только в браузере

Использование цветов градиента

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

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

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

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

Трехсторонние градиенты отображаются только в режиме Flash.Они отображаются как незеркальные градиенты в других режимах веб-отображения и в MicroStrategy Developer. В режимах без Flash горизонтально центрированный градиент отображается как вариант слева направо, а вертикально центрированный градиент отображается как вариант сверху вниз.

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

HTML-контейнеры с использованием HTML-тегов

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

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

Применение цветов градиента к элементу управления

1 В MicroStrategy Web откройте документ в Design или в редактируемом режиме .
2 Добавьте один из перечисленных выше элементов управления.
3 Щелкните правой кнопкой мыши элемент управления и выберите Свойства и форматирование .Откроется диалоговое окно «Свойства и форматирование».
4 Слева выберите цвет и линии .
5 В области Заливка из раскрывающегося списка Цвет выберите Градиенты .Откроется диалоговое окно «Градиенты».
6 Выберите два цвета для создания градиента из раскрывающихся списков Color 1 и Color 2 .
7 В области Стили затенения выберите направление затенения, а затем выберите вариант.
Вы можете выбрать зеркальный градиент для применения к объектам, отображаемым в режиме Flash. Для этого выберите вариант Flash-only .
8 Нажмите ОК , чтобы применить изменения и вернуться к документу.
Считаете ли Вы это полезным?