Flash: занятие 3. Градиентная заливка. Растровая заливка

Авторadmin / Опубликовано

Градиентная заливка. Растровая заливка.

Технология рисования во Flash CS3

Краткие сведения

  • Инструменты Заливка, Кисть.
  1. Типы палитр для работы с цветом:
  • Цвета
  • Образцы (содержит только «безопасные» цвета для создания интернет-контента)
  1. Палитра Цвет позволяет выбирать:
  • Цвет контура
  • Цвет заливки
  • Альфа – степень непрозрачность цвета от 0 до 100%.
  1. Порядок выбора цвета:
  • Щелкнуть в палитру цветов.
  • Выбрать подходящий цвет.
  • Установить яркость с помощью ползунка справа от палитры.
  • Залить фигуру с помощью инструмента Заливка.
  Примечание. Цвет контура меняется аналогично, но для этого используется инструмент Чернильница.
  1. Заливка заполняет только замкнутые контуры. Однако этот параметр можно изменить, используя кнопку Размер промежутка.
  2. Кисть – один из основных инструментов для рисования. Обладает свойствами заливки.

Основные свойства кисти:

  • Размер
  • Форма
  • Режим наложения мазков. В отличии от других графических программ он влияет на область закрашивания:
  • Нормальный режим (рисует над линиями и заливками в том же слое)
  • Закраска заполнением (поверх объектов, но, не затрагивая контуры)
  • Закраска позади объекта
  • Закраска выделения
  • Внутренняя закраска
  • Градиентная заливка
    1. Типы заливки:
    • Сплошной
    • Линейный
    • Радиальный
    • Растровое изображение
    1. Градиент – это плавный переход между выбранными цветами – порогами градиента.
    2. Чтобы изменить порог цвета, по нему необходимо щелкнуть левой кнопкой мыши и выбрать нужный цвет.
    3. Добавление цветового порога – щелчок левой кнопкой мыши по линейке градиента.
    4. Перемещение порога – удерживание порога левой кнопкой мыши и перетаскивание его по линейке.
    5. Удаление цветового порога – щелчок левой кнопкой мыши + Ctrl по порогу градиента.
    6. Максимальное число порогов – 15.
    7. Палитра Образцы содержит образцы линейных и радиальных градиентов.
    8. Добавление созданных градиентов в палитру – щелчок левой кнопкой мыши в область образцов градиента; удаление – щелчок левой кнопкой мыши + Ctrl по образцу градиента.
    Задание 1: Работа с инструментом Ведро с краской.

    1. Нарисуйте круг, затем в правой части окна выберите палитру Цвет . В списке Тип открытой панели выберите Радиальный.
    2. Для выбора цветов градиента дважды щелкните сначала на левом маркере (квадратике ) и выберите цвет, а затем точно также выберите цвет для правого маркера.
    3. На панели инструментов выберите Ведро с краской (PaintBucket ) и щелкните курсором внутри круга. Создать градиентную заливку можно и выбрав вместо параметра Радиальный пункт Линейный. Поэкспериментируйте, выбирая другие цвета.
    Задание 2. Растровая заливка

    1. Запустите Flash и нарисуйте любую фигуру.
    2. На палитре цвет раскройте список Тип заливки и выберите Растровое изображение.
    3. В открывшемся окне Импортировать в библиотеку выберите нужный файл (на ваш вкус).
    4. Файл помещается в палитру Библиотека (окно → Библиотека). В ней при необходимости можно создать папку для импортированных изображений.
    5. Для того чтобы выбрать новый файл, необходимо воспользоваться кнопкой Импорт панели Цвет.
    Задание 3. Создание градиента
    (Заливка →палитра Цвет → тип → Линейный или Радиальный)

    1. Создайте новый документ Flash.
    2. Создайте линейный градиент, содержащий четыре порога (создание порога: щелчок левой кнопкой по шкале градиента).
    3. Создайте радиальный градиент, содержащий семь порогов в соответствии с цветами радуги.
    4. Сохраните полученные градиенты в палитру Образцы ( на палитре → Добавить образец).
    5. Нарисуйте три квадрата (инструмент Прямоугольник ).
    6. Примените к одному из них радиальную, к другому – линейную заливку, третий квадрат залейте растровым изображением.
    7. Сохраните ролик с именем «Заливка.fla».
    Задание 4. Импорт изображений. Векторизация растрового изображения

    1. Создайте новый документ Flash.
    2. Импортируйте 2-3 изображения в рабочую область (меню Файл → Импорт → В рабочую область).
    3. Проведите векторизацию растрового изображения (меню Изменить → Растровое изображение → Векторизация…)
    4. Сохраните ролик, назвав его Картинки.fla.

    Краткие сведения: Трансформация заливки

    1. Для изменения заливки используется Инструмент преобразования градиента (находится в свитке с инструментом Свободное преобразование).
    2. Изменение градиентной заливки:
    • Щелчок по фигуре, залитой градиентной заливкой.
    • Появятся маркеры изменения градиента:
    • центральный маркер – смещение центра заливки;
    • угловой маркер – вращение заливки;
    • маркер со стрелкой – пропорционально масштабирует заливку, тем самым меняя расстояние между порогами градиента.
    1. Трансформация растровой заливки:
    • Щелчок по фигуре, залитой растровой заливкой.
    • Фрагмент изображения (плашка) будет окружен в рамку с различными типами маркеров:
      • центральный маркер – смещение центра заливки;
      • левый угловой маркер пропорционально масштабирует заливку по горизонтали и вертикали;
      • левый боковой маркер масштабирует заливку по горизонтали;
      • нижний маркер масштабирует заливку по вертикали;
      • правый угловой маркер поворачивает заливку;
      • правый боковой маркер сдвигает заливку по вертикали;
      • верхний маркер сдвигает заливку по горизонтали.
    1. Все изменения происходят относительно центра заливки.
    Задание 5. Трансформация заливок

    1. Создайте новый документ
    2. Откройте ролик Заливка.fla.
    3. Проведите трансформацию заливки прямоугольников ( инструмент Преобразование градиента).
    4. Сравните действие маркеров трансформации в разных типах заливок.
    5. Сохраните ролик.
    Вопросы для самоконтроля:
    Контрольные вопросы:

    1. Какие типы заливок вы знаете?
    2. Какие инструменты программы Flash можно использовать для заливки?
    3. Назовите инструмент, служащий для преобразования заливки.