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

Как сделать

Создание градиентных заливок во Flash CS6

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

В градиентной заливке один цвет плавно переходит в другой. Во Flash CS6 можно создавать:

На этом уроке Flash CS6 вы будете использовать линеарную градиентную заливку для того, чтобы визуально добавить третье измерение (объем) вашей чашке.

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

1. Выберите инструмент Selection (выделение). Выделите фронтальную поверхность чашки.

2. Откройте панель Color ( Window > Color ). В панели Color кликните на выпадающем меню Color type и выберите Linear gradient (градиентная заливка).

Передняя поверхность чашки окрасилась в цветовой градиент слева направо.

4. Кликните на правом цветовом указателе и введите значение B86241 (темно-коричневый цвет).

Градиентная заливка на фронтальной поверхности чашки теперь плавно изменяется от светло-коричневого цвета к темно-коричневому.

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

6. Перетащите новый цветовой указатель на середину градиента.

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

9. Выберите инструмент Paint Bucket tool и кликните на задней поверхности чашки. К ней тоже будет применена градиентная заливка.

Чтобы удалить цветовой указатель:

Источник

Рисуем градиенты в 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

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

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

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

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

Источник

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

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

Итак. Создайте новый документ ActionScript 3.0. Нарисуйте произвольный прямоугольник.

На панели инструментов выберите группу «Цвет». Откроется диалоговое окно с двумя вкладками «Цвет» и «Образцы»

Щелкните по значку «Задать цвет заливки» и из выпадающего списка выберите «Линейный градиент». По умолчанию он станет черно-белым.

Теперь можно настраивать цвета. Сами цвета могут быть выбраны из палитры цветов — 1, либо вы можете задать шестнадцатеричный код цвета – 2. Или цвет по системе RGB (Красный, Зеленый, Синий) – 3. Или по системе HSB (Тон, Насыщенность, Яркость) — 4. Так же можно задать значение прозрачности цвета (Alpha) – 5.

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

Попробуйте настроить градиент следующим образом. Прозрачность всех цветов – 100%

Вот видите, нет ничего сложного в работе с градиентом.

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

Читайте также:  Как сделать стенд газету

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

На этом все. Надеюсь, я подробно объяснила вам, как можно работать с градиентом в Adobe Flash CS 5. Не бойтесь экспериментировать и изучать новые возможности инструментов, не забывая сохранять резервные копии.

Обновления 2020 года!

Компания Adobe объявила о том, что она прекращает поддерживать Flash Player так как не видит дальнейший смысл его развития из-за того, что его технологии устарели и не сравнимы по скорости, безопасности и удобству с web технологиями, а именно HTML 5. Но это абсолютно не значит, что программа Adobe Animate канет в лету. Популярный векторный редактор для создания 2d анимации будет развиваться и поддерживаться дальше, но теперь будет ориентирован на поддержку тех самых web технологий.

Так что продолжаем изучать программу дальше с помощью статей блога «Дизайн в жизни»

Подписывайтесь на обновления блога «Дизайн в жизни»

по e-mail или социальных сетях

и мы обязательно опубликуем для вас еще больше уроков по Adobe Animate.

Источник

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

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».

Источник

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

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

Откройте программу Adobe Flash

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

Создайте 2 слоя. Верхний слой «текст», нижний «эффект»

Кликните на 15 кадре временной панели слоя «текст» и нажмите клавишу F6 для того чтобы создать пустой кадр. После этого на слое «текст» создайте текст, например, ПРИВЕТ

Кликните на 60-ом кадре временной шкалы слоя «Текст» и нажмите клавишу F6, таким образом, продлив кадр с текстом до 53 кадра.

Заблокируйте слой с текстом (иконка с замочком напротив названия слоя) и перейдите на слой «эффект». Кликните по 10 кадру временной шкалы и нажмите F6 (создайте ключевой кадр)

Находясь на 10-м кадре, выберите инструмент Rectangle Tool (прямоугольник), с выключенной обводкой и выберите цвет заливки черный. Создайте прямоугольник поверх текста и такого же размера как текст. Затем, не снимая с него выделения, откройте панель Цвет (Color Mixer) и сделайте настройки цвета как на рисунке.

После этого нажмите F8, чтобы сделать прямоугольник символом. Выберите тип Фрагмент ролика (Movie Clip) и дайте любое название.

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

Перейдите на 15 кадр. Щелкните F6. Создастся ключевой кадр. Здесь будет анимация прямоугольника. Переместите прямоугольник на первоначальную позицию – поверх текста.

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

Перейдите на 50 кадр, сделайте его ключевым (F6) и вставьте туда прямоугольник (Вставить или Вставить на место).

На слое «Текст» на 50 кадре удалите текст.

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

Ваша шкала времени должна выглядеть так.

Теперь, сохраните все и нажмите на ctrl + enter и посмотрите, что у вас получилось. Лично я еще добавила зеркальное появление и исчезновение текста.

Подписывайтесь на обновления блога «Дизайн в жизни»

по e-mail или социальных сетях

и мы обязательно опубликуем для вас еще больше уроков по Adobe Animate.

Источник

Adblock
detector