Л. А. Татарникова

В мире Flash

Рабочая тетрадь

к интерактивному электронному учебнику

Томск 2010

УДК 004.92(075.3)

ББК 32.973.26-018.2я72

Л. А. Татарникова

В мире Flash: Рабочая тетрадь. — Томск, 2010. — 62 с.

Курс «В мире Flash» предназначен для обучения учащихся 5—7 классов рисованию и анимации в программе Flash. Курс рассчитан на работу в программе Macromedia Flash 8, но может

использоваться при работе в программах как 7 версии (Macromedia Flash MX2004), так и 9 (Adobe Flash CS3).

Учебно-методический комплект «В мире Flash» состоит из интерактивного электронного учебника «В мире Flash», рабочей тетради «В мире Flash», учебной программы курса, методических рекомендаций для учителя и рекомендаций по проведению итогового проекта.

© НОУ «Открытый молодёжный университет», © Татарникова Л. А., Введение Здравствуй, дорогой друг! Сегодня ты откроешь для себя новую программу Macromedia Flash, а вместе с ней – целый мир.

Ты умеешь рисовать? Если нет, программа Flash поможет тебе создавать очень красивые рисунки. Если же умеешь, эта программа откроет перед тобой новые возможности, и твои рисунки приобретут новое «звучание».

Ты умеешь создавать мультики? Программа Flash поможет тебе в создании анимационых роликов.

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

Если тебе очень понравится работать в программе Flash, ты сможешь продолжить обучение в курсе «Flash-студия», где будешь не только рисовать и создавать анимационные ролики, но и научишься программировать.

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

Что нужно для изучения курса «В мире Flash»? Прежде всего, необходимо установить программу Flash. Наш курс рассчитан на работу в программе Macromedia Flash 8, однако его можно успешно изучать и в программе Macromedia Flash MX2004 (это седьмая версия), и в программе Adobe Flash CS3 (а это девятая версия программы). Кроме программы необходимо установить интерактивный электронный учебник «Уроки Flash», в котором ты будешь работать параллельно с этой тетрадью. Ну и, конечно же, нужно желание работать и заряд позитива!

Всё это у тебя уже есть? Тогда в добрый путь!

В мире Flash Урок 1. Нарву цветов и подарю букет, или Рисование 1.1. Рисование, градиент, прозрачность Интерфейс программы Flash Запусти программу Flash и внимательно рассмотри её окно. В окне программы есть множество объектов, бльшая часть которых перечислена в этом списке:

• Времення диаграмма;

• Панель инструментов (Tools);

• Корешки документов;

• Панель просмотра (View);

• Монтажный стол;

• Панель выбора цвета (Colors);

• Служебные панели (докеры);

• Панель настроек (Options);

• Масштаб просмотра; • Сцена (Scene);

• Панель слоёв (Layers); • Инспектор свойств (Properties).

Найди эти объекты на рисунке 1 и подпиши их.

Рис. Панель инструментов Слева от монтажного стола расположена Панель инструментов (Tools).

Инструментов на этой панели очень много, но постепенно ты их все узнаешь. Как только ты познакомишься с новым инструментом, отмечай его на этом рисунке.

Комплексная образовательная программа «Школьный университет»

Рис. Сегодня, например, ты познакомился с инструментами,,,,. Подпиши для этих инструментов их названия, перевод названий, назначение.

Инструмент Selection Selection (Выделение) используется чаще других, поИнструмент скольку нужен он и для выбора объектов на сцене (или выделения объектов), и для перемещения, и для копирования, и для удаления. А если у инструмента так много функций, то чтобы в них не запутаться, необходимо обращать внимание на вид указателя и окружение.

На следующей странице в левом столбце изображены объекты (см. рис. 3). После того как была нажата левая клавиша мыши и указатель передвинут вправо, получилось то, что изображено в правом столбце. Вот только Художник, который собирал эту тетрадку, перепутал картинки.

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

Комплексная образовательная программа «Школьный университет»

Рисование Oval (Овал). Человечек, которого ты видишь на этой странице, ния) и тоже нарисован с помощью этих инструментов. Покажи стрелками, какие части рисунка какими инструментами нарисованы.

В программе Flash можно «закрывать» фигуры разными типами заливки: сплошной заливкой, круговым градиентом, линейным градиентом.

Тип заливки настраивается на панели Color Mixer.

На рисунке 4 показаны три закрашенных прямоугольника. Покажи стрелками, какой должен быть вид панели Color Mixer для закраски каждого прямоугольника.

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

Комплексная образовательная программа «Школьный университет»

Рисунок можно располагать на нескольких слоях.

Покажи стрелками соответствие рисунков расположениям слоёв.

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

Здесь же можно записать имена файлов, в которых ты сохранил свои работы, и пояснения, что в этих работах изображено.

1.2. Инструменты рисования и редактирования Инструмент Pencil Инструментом линии. Линия, которую рисует карандаш, использует настройки, установленные для контура.

Ты наверняка заметил, что мышью не всегда получается провести такую линию, какую хочется. Программа Flash пытается нам помочь, частично или полностью подправляя наш рисунок. Как именно она будет подправлять нашу линию, можно указать в панели Options (Опции).

Давай немного поиграем: в таблице приведены опции рисования карандашом и их описание, а справа находятся три группы рисунков – Художник пытался нарисовать листик, овал и ромбик. Покажи стрелками фигуры, которые были нарисованы в каждом режиме.

Спрямление. При выборе этой настройки Flash пытается в рисуемой нами линии угадать ровную линию либо разделить её на «ровные» сегменты – прямые отрезки или части окружности.

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

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

Найди справа линии, нарисованные в этом режиме Комплексная образовательная программа «Школьный университет»

Свободная трансформация Free Transform Трансформация – это изменение нарисованного объекта. Трансформацию можно произвести с помощью инструмента.

Самые простые виды трансформации представлены на рисунке 5. Соедини стрелками вид трансформации и фигуру, которая получилась с применением этого вида трансформации.

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

Панель Transform Панель Transform (Трансформация) помогает в тех случаях, когда объект нужно размножить, одновременно применив к нему некоторую трансформацию (уменьшение размера, вращение, скос). Эта панель вызывается на экран командой _ или комбинацией клавиш.

На рисунках установи соответствие между настройками на панели Transform и получившимся рисунком.

Трансформация градиента Gradient Transform Градиентом называют плавный переход от одного цвета к другому.

Программа Flash позволяет работать с двумя типами градиента: круговым и линейным. Подпиши на рисунке 6 типов градиента.

Комплексная образовательная программа «Школьный университет»

Инструмент позволяет трансформировать градиент.

Линейный градиент трансформируется с помощью трёх маркеров:

центральный, изменение размера, поворот.

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

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

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

Комплексная образовательная программа «Школьный университет»

Рабочий файл и файл flash-ролика При работе в программе Flash создаётся рабочий файл, имеющий расширение.fla и пиктограмму с красной «монеткой». Для того чтобы посмотреть, как будет выглядеть готовый ролик, он публикуется в формате.swf. Для публикации ролика нужно нажать комбинацию клавиш. Готовый ролик (flash-ролик) имеет пиктограмму с серебристой «монеткой».

В следующей таблице приведены описания некоторых типов файлов Flash. Покажи стрелками, к какому типу относится каждое описание.

Этот файл можно редактировать (изменять) Этот файл нельзя редактировать, но зато его можно просмотреть на компьютере, где не установлена программа Flash Этот файл открывается в программе Flash Этот файл открывается во flash-плеере В этом разделе ты можешь записать все вопросы, которые у тебя возникли при работе в программе, и ответы на них, если ты их нашёл.

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

Введение

Урок 1. Нарву цветов и подарю букет, или Рисование

1.1. Рисование, градиент, прозрачность

1.2. Инструменты рисования и редактирования

Урок 2. Крутится-вертится шар голубой, или Покадровая анимация............. Урок 3. На заре ты её не буди, или Анимация формы

3.1. Анимация Shape

3.2. Метки шейпинга

Урок 4. Тик-так, ходики, или Анимация движения

4.1. Анимация Motion

4.2. Опции анимации Motion

Урок 5. Что в имени тебе моём, или Слой-маска

Урок 6. Прыг-скок, или Слой-траектория

Урок 7. Вдруг откуда-то летит маленький комарик, или Внутренний ролик Movie clip

Урок 8. Кнопочки, кнопочки, хорошо играете, или Символ Button................. 8.1. Создание кнопки

8.2. Загрузка внешнего ролика

Урок 9. А где мне взять такую песню, или Озвучивание ролика

9.1. Вставка звука

9.2. Программное управление звуком

Урок 10. Посмотрим кино, или Управление видео