Практическая работа «Создание баннера»

Задание №1 «Баннер для сайта Колледжа»

1. Открыть программу ADOBE Flash CS4.
2. Задать размеры сцены 468*60. Модификация –> Документ.

1. Нарисуйте прямоугольник градиентной заливки с черной рамкой на весь холст.

1. Переименуйте первый слой в Фон.
2. Создайте новый слой и назовите его Текст1.
3. В слое Текст1 щелкните по 1-му кадру и вставьте ключевой кадр (клавиша F6).
4. Возьмите инструмент Text и напишите: «Выпускник!» (шрифт- Comic Sans MS, размер- 44 и цвет - белый)
5. Расположите текст по центру баннера

1. В слое Текст1 щелкните по 15-му кадру и вставьте ключевой кадр (клавиша F6).
2. Вернитесь в первый кадр слоя Текст1 и уменьшите текст с помощью инструмента Transform
3. Подсветите любой кадр от 1 до 15 и задайте анимацию движения (меняем Tween на Motion)

1. Подсветите 30 кадр и нажмите клавишу F6 для того чтобы текст сразу не исчез.

1. В слое Фон вставьте 30-й кадр (клавиша F5), чтобы фон не исчезал.
2. У Вас должна получиться следующая анимация:

1. Просмотрите созданную анимацию (Enter или Ctrl+Enter)
2. Создайте новый слой и назовите его Текст2.
3. В слое Текст2 щелкните по 30-му кадру и вставьте ключевой кадр (клавиша F6).
4. Возьмите инструмент Text и напишите: «12 апреля -» (шрифт- Comic Sans MS, размер- 44 и цвет – желтый)
5. Расположите текст по центру баннера (если необходимо сделайте невидимым слой Текст1 )
6. В слое Текст2 щелкните по 40-му кадру и вставьте ключевой кадр (клавиша F6).
7. Вернитесь в 30-й кадр слоя Текст2 и расположите текст вверху сцены.
8. Подсветите любой кадр с 30 по 40 и задайте анимацию движения (меняем Tween на Motion)
9. Подсветите 55 кадр и нажмите клавишу F6 для того, чтобы текст сразу не исчезал.
10. В слое Фон вставьте 55-й кадр (клавиша F5), чтобы фон не исчезал.
11. У Вас должна получиться следующая анимация:

1. Просмотрите созданную анимацию (Enter или Ctrl+Enter)
2. Создайте новый слой и назовите его Школа

1. В слое Школа щелкните по 55-му кадру и вставьте ключевой кадр (клавиша F6).
2. Вставьте картинку с изображением школы из папки Баннер File –> Import –> Import to Stage –>
3. Вставленный рисунок уменьшите с помощью инструмента
4. Выделите рисунок и преобразуйте его в символ типа Graphic (клавиша F8)
5. Расположите рисунок в левом углу баннера.

1. Выделите рисунок. На панели свойств Properties из списка Color выберите Alpha -0%

1. В слое Школа щелкните по 65-му кадру и вставьте ключевой кадр (клавиша F6).
2. В 65 кадре выделите рисунок и на панели свойств Properties из списка Color выберите Alpha-100%
3. Задайте анимацию движения с 55 по 65 кадр слоя Школа.
4. Подсветите 90 кадр и нажмите клавишу F6 для того, чтобы рисунок сразу не исчез.

1. Подсветите 100 кадр и нажмите клавишу F6. Выделите рисунок в этом кадре и задайте Alpha-0%, чтобы фотография исчезла.

1. Задайте анимацию движения с 90 по 100 кадр слоя Школа
2. Создайте новый слой и назовите его Текст3.
3. В слое Текст3 щелкните по 55-му кадру и вставьте ключевой кадр (клавиша F6).
4. Возьмите инструмент Text и напишите: «пробный ЕГЭ по математике!!!» (шрифт- Comic Sans MS, размер- 25 и цвет – белый)
5. Расположите текст в нижней части баннера
6. В слое Текст3 щелкните по 65-му кадру и вставьте ключевой кадр (клавиша F6).
7. В 65-й кадре слоя Текст3 расположите текст на сцене.
8. Подсветите любой кадр от 55 до 65 и задайте анимацию движения (меняем Tween на Motion)
9. Подсветите 90 кадр и нажмите клавишу F6 для того, чтобы текст сразу не исчез.

1. В слое Фон вставьте 90-й кадр (клавиша F5), чтобы фон не исчезал.

1. У Вас должна получиться следующая анимация для слоев Школа и Текст3:

1. Просмотрите созданную анимацию.
2. Самостоятельно задайте анимацию появления текста «Все о ЕГЭ на сайте www.ege.edu35.ru»
3. В слое Фон вставьте кадр (клавиша F5), чтобы фон не исчезал
4. Просмотрите созданную анимацию.
5. Сохраните баннер File –> Export –> Export Movie(Имя файла – номер компьютера)
6. Скопируйте созданный файл на компьютер преподавателя.

Задание №2

1. Создайте баннер для сайта о городе любого стандартного размера.

2. Создайте баннер для сайта организации по защите животных любого стандартного размера.

Обязательные элементы баннера:

· Единая цветовая гамма (если создается серия баннеров).

· Рекламный слоган.

· Визуал, иллюстрирующий слоган.

· Пояснительный текст

На баннере также могут присутствовать дополнительные элементы оформления.

Домашняя работа Продумайте дизайн, слоган и подберите картинки для баннера, рекламирующего вашу будущую профессию.