Практические работы в среде Flash CS3. "Создаем поздравивтельную открытку"

Разделы: Информатика


Цель практических работ: Изучение приемов работы с векторной графикой в среде Flash CS3. Развитие самостоятельности при освоении нового программного продукта. Внимательности при работе с опорными конспектами и разработанными алгоритмами. Воспитание творческого подхода к выполняемой работе.

Задачи:

Познакомиться с технологиями:

  • рисования в среде Flash CS3;
  • покадровой анимации;
  • создания Movie Clip;
  • работы со звуком;

Работы

Практическая работа 1. «Рисуем в среде Flash CS3»

  1. Создайте новый фильм. File – New – Flash File.
  2. На панели Tools (инструменты), выберите инструмент Rectange Tool и изобразите

  3. Затем выберите инструмент Selection Tool(v) и создайте из верхнего прямоугольника трапецию.

  4. Подводя курсор к любой из линий, при выбранном инструменте Selection Tool(v), мы увидим маленькую дугу, это значит, что данную линию можно искривить. Что мы и делаем.

  5. Дорисовываем еще одну линию у горловины вазы, используя инструмент Line Tool, и искривляем ее.

  6. Закрашиваем созданную нами вазу, используя инструмент Paint Bucket Tool. Выбираем цвет, для заливки используя панель Color. Если панель закрыта, мы можем ее найти Window - Color или нажимаем комбинацию клавиш Shift+F9. На панели Color выбираем Type: Radial и щелкая на правом и левом указателе подбирает цвета градиентной заливки. Затем закрашиваем вазу, щелкая ЛКМ по ее частям.

  7. Для удаления линий контура воспользуемся инструментом Selection Tool(v). Выделяем линии инструментом и кнопкой Delete их удаляем.

  8. Для дальнейшей работы создадим еще один слой. Для этого воспользуемся кнопкой Insert Layer.

  9. Переименуем Layer 2, назовем его «Цветы».
  10. Перейдем в слой Цветы, выберем инструмент Line Tool (линия), и нарисуем стебли и листья.
  11. Лепесток у цветка рисуем, используя инструменты Oval Tool и Selection Tool(v), для придания нужной формы. Для заливки используем инструмент Paint Bucket Tool и панель Color.
  12.  Для создания цветка, выделяем лепесток инструментом Selection Tool(v), выбираем инструмент Free Transform Tool. В середине лепестка появится круг, необходимо переместить его в нижний угол лепестка.
  13. Включаем панель Transform (Ctrl+T), на переключателе Rotate задаем угол поворота 60°, и копируем лепестки, используя кнопку на панели Transform – Copy and apply transform. Рисуем инструментом Oval Tool середину цветка.
  14. Чтобы мы могли перемещать цветок, как единое целое, сгруппируем его. Для этого выделим его инструментом Selection Tool(v), и нажмем комбинацию клавиш Ctrl + G.
  15. Переместим слой Цветы ниже слоя Ваза.

  16.  Выделим верхушку вазочки, щелкнем ПКМ и выберем Cut (Вырезать).
  17. Создаем слой, переименовываем его, даем имя «Горлышко». Размещаем на нем верхушку вазочки, для чего щелкаем на пустом месте ПКМ и выбираем Paste in Place (вставить на место).
  18. Сохраним нашу работу File – Save As, имя файла vaza.fla

Практическая работа 2. «Покадровая анимация. Создаем анимированный текст»

Технология работы:

  1.  Откроем файл vaza.fla. (File-Open)
  2. Создадим новый слой, дадим ему имя текст и разместим выше всех слоев. Сделаем его активным.
  3. Создадим анимированный текст. Для этого выбираем инструмент Selection Tool(v) и щелкаем ЛКМ в первом кадре шкалы времени.
  4. Выбираем инструмент Text Tool и задайте параметры его модификаторов (тип шрифта, размер, цвет и пр.)
  5. Щелкаем ЛКМ для установки текстовой метки. Набираем на клавиатуре заглавную букву С.
  6. Для формирования следующего кадра, в котором будет появляться новая буква, необходимо выполнить следующие действия: Кликните ЛКМ в следующем пустом кадре шкалы времени. И нажимаем клавишу F6. В выделенном кадре шкалы времени появится черная точка.
  7. Повторяем пункты 4 и 5, набираем следующую букву.
  8. Для того чтобы стали видны все объекты расположенные на всех слоях, необходимо щелкнуть ЛКМ на 11 кадре и нажимаем F5.

  9. Для просмотра анимированного текста нажимаем комбинацию клавиш Ctrl + Enter.
  10. Сохраните файл под именем pozdrav.fla

Практическая работа 3. «Флэш-символы. Movie Clip»

  1. Создайте новый фильм. File – New – Flash File.
  2. Сохраните фильм под именем Flowers.fla. File – Save As.
  3. Возьмите инструмент овал или кисть, нарисуйте на столе лепесток, смотрящих вверх. Если у вас есть границы у лепестка, выделите и удалите их.
  4. Затем используя панель Color, залейте лепесток нужным цветом.
  5. Выделите лепесток и нажмите клавишу F8. Выберите Graphic, и дайте имя Лепесток. И укажите Registration, центр нижней грани.
  6. Откройте окно библиотеки Library и дважды щелкните на клипе лепестка. Откроется окно редактирования символа.

  7. Выделите первый кадр и выберите в списке Tween (Раскадровка) пункт Shape(форма).
  8. Выделите кадр 10 и нажмите клавишу F6, сделав его ключевым.
  9. С помощью инструмента Free Transform(Свободное преобразование) в кадре 1 превратите лепесток в зародыш, свернув и уменьшив его. Можно поменять цвет.
  10. Нажмите Enter и проверьте течение трансформации.

Создание цветка

  1. Создайте новый клип, нажав клавишу CTRL+F8. В появившемся окне выберите Movie Clip.  Назовите его Цветок.
  2. Создайте 2 слоя: Лепестки и сердцевина.
  3. В слое Сердцевина, нарисуйте желтый круг.
  4. Сделайте кадр 10 в обоих слоях простым F5.
  5. Установите считывающую головку на кадр 10.
  6. В слое Лепестки поместите нужное количество экземпляров лепестков:
    • Откройте библиотеку Library и перетащите лепесток ЛКМ на рабочий стол.
    • Для создания цветка, выделяем лепесток инструментом Selection Tool(v), выбираем инструмент Free Transform Tool.
    • В середине лепестка появится круг, необходимо переместить его в нижний угол лепестка.
    • Включаем панель Transform (Ctrl+T), на переключателе Rotate задаем угол поворота 50°, и копируем лепестки, используя кнопку на панели Transform – Copy and apply transform.

Проверяем, нажав клавишу Enter.

Открываем файл pozdrav.fla, в этом же окне Flash.

Создаем новый слой, даем ему имя цврасп. Делаем этот слой активным, щелкнув в первом кадре этого слоя ЛКМ.

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

Придайте цветам разные оттенки. Для этого на панели Properties выберите ColorBrightness – 50%.

Запустите фильм Ctrl+Enter.

Звук.

Создаем дополнительный слой Музыка. Помещаем в библиотеку нужный музыкальный файл File – Import – Import tu Library. Перемещаем ЛКМ звуковой файл из библиотеки на рабочий стол. Настраиваем звучание. Панель Properties Syns: Start.  Repeat - 1. Сохраняем,  присвоив имя otkritka.fla

Используемая литература:

  1. Вовк Е.Т. Информатика: уроки по Flash. –  М.: КУДИЦ-ОБРАЗ, 2005, –176с.
  2. Татарникова Л.А. Знакомьтесь – Flash!: Учеб.пособие – Томск, 2005, – 60с.

Приложение.