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

Создание линий градиента и заливок

Flash Player 9 и более поздних версий, Adobe AIR 1.0 и более поздних версий

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

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

Третий параметр определяет значения альфа-прозрачности соответствующих цветов предыдущего параметра.

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

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

Определение объекта Matrix для использования с градиентом

Для определения градиентов и использования их в фигурах используйте методы beginGradientFill() и lineGradientStyle() класса flash.display.Graphics. При определении градиента матрица предоставляется в качестве одного из параметров этих методов.

Ширина окна градиента: ширина (в пикселах), на которую будет распространяться градиент.

Высота окна градиента: высота (в пикселах), на которую будет распространяться градиент.

Поворот градиента: поворот (в радианах), применяемый к градиенту.

Перемещение по горизонтали: на какое расстояние (в пикселах) по горизонтали будет перемещен градиент.

Перемещение по вертикали: на какое расстояние (в пикселах) по вертикали будет перемещен градиент.

Например, рассмотрим градиент со следующими характеристиками:

Два цвета (зеленый и синий) с массивом ratios [0, 255]

В следующих примерах представлены градиенты, отличающиеся только по параметру rotation метода createGradientBox() :

rotation = Math.PI/4; // 45°

rotation = Math.PI/2; // 90°

rotation = Math.PI/2; // 90°

rotation = Math.PI/2; // 90°

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

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

Дополнительные сведения о классе Matrix см. в разделе «Использование объектов Matrix».

Источник

Рисуем градиенты в Macromedia Flash Professional

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

Eraser (резинка)

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

Erase Inside — стирание только той заливки, с которой начато стирание.

Faucet (кран) — выполняет функцию, обратную заливке. Удаляет любые линии и заливки, на которые выполнен щелчок. Для удаления подводите к области, которую нужно удалить, ту часть крана, на которой изображена капелька.

Shape/Size (форма/размер) — можно изменить форму и размер резинки.

Pencil (карандаш)

Рисует линии. Ширину и цвет линии можно изменить в панели свойств ( Properties ). В программе Macromedia Flash Professional при рисовании линии можно выбрать различные режимы:

Brush (кисть)

Закрашивает заливки. Область закрашивания превращается в единую форму. При закрашивании используются режимы:

Brush Size — размер кисточки.

Brush Shape — форма кисточки.

Selection (выделение)

Градиенты

В окне Color Mixer Вы можете подобрать настройки для всех свойств градиента — любые цвета и их размещение. Для изменения цветов градиента изменяете цвет каждого маркера — нажимаете на него и выбираете цвет. Маркеры также можно перемещать, добавлять и удалять. Для добавления маркера нажимаете на полоске цвета с маркерами в нужном месте. Для удаления маркера оттаскиваете его от полоски. В окошке Type можно также изменять тип градиента: с радиального ( Radial ) на линейный ( Linear ) и наоборот.

Таким образом можно создать любой градиент, который Вам нужен.

Ink Bottle и Paint Bucket

После того, как Вы сделаете градиент, для его применения Вы можете выбрать либо инструмент Ink Bottle (закрашивает линии), либо инструмент Paint Bucket (делает заливку).

Gradient Transform (изменение градиента)

Видео о том, как рисовать градиент в программе Macromedia Flash Professional 8

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

Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
Подписаться на блог: Дорога к Бизнесу за Компьютером

Вам понравилась статья? Поделитесь, буду весьма признателен:

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

Источник

Градиенты

某些 Creative Cloud 应用程序、服务和功能在中国不可用。

Применение градиентной заливки

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

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

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

Щелкните внутри образца, чтобы вызвать окно «Редактор градиентов». Выберите подготовленный вариант градиентной заливки или создайте новую градиентную заливку. (См. раздел Создание гладкого градиента.)

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

Выполняет затенение от начальной до конечной точки по прямой линии.

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

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

Отражает один и тот же линейный градиент по обе стороны от начальной точки.

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

На панели выбора параметров выполните следующие действия.

Укажите режим наложения и непрозрачность для краски. (См. раздел Режимы наложения.)

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

Для создания более гладкого наложения с меньшим количеством полос установите флажок «Дизеринг».

Чтобы использовать маску прозрачности для градиентной заливки, установите флажок «Прозрачность». (См. раздел Определение прозрачности градиента.)

Выбор градиента на панели «Градиенты»

Обновления в выпуске Photoshop 21.0 (ноябрь 2019 г.)

Использование новой панели «Наборы настроек» в Photoshop

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

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

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

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

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

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

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

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

Отображение градиентов прежней версии

В меню панели «Градиенты» выберите команду «Градиенты прежней версии».

Источник

Градиенты

某些 Creative Cloud 应用程序、服务和功能在中国不可用。

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

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

В Illustrator можно использовать следующие три типа градиентов:

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

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

Инструмент «Градиент» и панель «Градиент»

Для создания и изменения градиента используется инструмент «Градиент» или панель «Градиент». Используйте инструмент «Градиент», если необходимо создать или изменить градиенты непосредственно на иллюстрации и просмотреть изменения в реальном времени.

Чтобы открыть инструмент «Градиент», нажмите инструмент «Градиент» на панели инструментов.

Для открытия панели «Градиент» выполните одно из следующих действий:

Панель «Градиент» откроется на холсте.

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

Аннотатор градиента

Для линейных и радиальных градиентов при нажатии инструмента «Градиент» на панели инструментов на объекте отображается аннотатор градиента. Аннотатор градиента — это шкала, на который отображаются начальная точка, конечная точка, средняя точка, а также две точки цвета для начальной и конечной точек.

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

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

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

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

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

При первом применении инструмента «Градиент» по умолчанию используется Черно-белый градиент. Если градиент применялся ранее, по умолчанию применяется последний использованный градиент.

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

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

Источник

Применение градиентной заливки к фигуре

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

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

Для фигур, текстовых полей и объектов WordArt вкладка Формат появляется в группе Средства рисования.

Для диаграмм вкладка «Формат» появляется в группе Работа с диаграммами.

Для графических элементов SmartArt вкладка Формат появляется в группе Работа с рисунками SmartArt.

На вкладке Формат нажмите кнопку Заливка фигуры, выберите пункт Градиентная и укажите необходимый вариант.

Совет: Чтобы быстро применить такую же градиентную заливку к другим фигурам, используйте функцию Формат по образцу.

Не очень подходит? Можно выполнить еще несколько действий и применить заготовку градиента.

Выберите фигуру, а затем на вкладке Формат нажмите кнопку Заливка фигуры.

Последовательно выберите пункты Градиентная и Другие градиентные заливки.

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

Совет: Используйте эти предустановленные градиенты в качестве отправной точки для создания собственной градиентной заливки.

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

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

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

Выберите фигуру, а затем на вкладке Формат нажмите кнопку Заливка фигуры.

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

Выберите Тип в списке.

Чтобы выбрать направление для градиента, щелкните Направление.

Для каждого цвета градиентной заливки выполните приведенные ниже действия.

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

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

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

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

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

Чтобы создать эффект заливки одним цветом с переходом от 100%-й непрозрачности до 100%-й прозрачности, установите одинаковое значение цвета для всех точек градиента.

Градиентная заливка — это заливка, постепенно изменяющая цвет поверхности фигуры.

Заливка фигуры, в которой три цвета плавно переходят друг в друга

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

Заготовка градиентной заливки Горизонт

Произвольная градиентная заливка

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

Источник