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

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

  • градиентную заливку;
  • растровую картинку (например, файл JPG);
  • оставить рисунок совсем без заливки.

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

  • линеарные градиенты, в которых цвет изменяется горизонтально, вертикально или наклонно;
  • радиальные градиенты, в которых цвет изменяется от центра объекта к его внешней границе.

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

Для определения значений цветов вы можете использовать панель Color (цвет). По умолчанию в линеарном градиенте цветовая растяжка идет от одного цвета к другому. Однако, Flash CS6 разрешает использовать до 15 цветовых переходов в градиентной заливке. Места цветовых переходов определяет цветовой указатель. Чтобы добавить цветовой переход, добавьте цветовой указатель под полоской определения цветов.

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

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

Выделение формы во Flash CS6

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

Панель Color во Flash CS6

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

Линеарный градиент Flash CS6

3. В панели Color кликните на левом цветовом указателе (в верхней части указателя маленький треугольник окрасится в черный цвет) и в поле над цветовой полоской введите значение первого цвета FFCCCC (светло-коричневый цвет). Нажмите клавишу Enter, чтобы применить заданное значение цвета. Выбрать цвет можно и дважды кликнув на цветовом указателе — появится цветовая палитра, в которой находится множество уже готовых образцов цвета.

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

Примените заданное значение — нажмите клавишу Enter.

Создание линеарного градиента | уроки Flash CS6

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

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

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

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

Создание указателя цвета | Линеарный градиент Flash CS6

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

Линеарный градиент - окрашивание формы | Уроки Flash CS6

8. Кликните мышью в пустом месте сцены, чтобы снять существующее выделение. В панели инструментов выберите инструмент Paint Bucket tool, а затем убедитесь в том, что опция Lock Fill (блокировать заливку) отключена (в нижней части панели Tools).

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

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

Окраска задней поверхности чашки | Уроки Flash CS6

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

  • кликните на нем и потяните вниз от полоски определения цветов;
  • отпустите кнопку мыши.