effective_AdobeFlashCS3

21

Выделите все символы на сцене и преобразуйте их в ФР. Щелкните лкм на 70 кадре, F6. Передвиньте вертолет и винты в противоположную часть сцены. Между ключевыми кадрами задайте анимацию движения.

Сохраните файл.

Анимация фильтров

Как существует возможность анимировать движение объектов, также существует возможность анимировать фильтры, точнее их процентное их применение. Откройте файл 008.fla. Измените масштаб отображения сцены таким образом, чтобы она была видна полностью.

Выберите 1КК, в нем выберите вертолет. При помощи инструмента Свободное преобразование, увеличьте размер объекта примерно на 10-20%. Инструментом Стрелка, выберите вертолет на 1КК, в панели свойств, задайте ФР в качестве типа экземпляра символа.

После этого, становятся доступными фильтры. Перейдите в панель фильтров. Нажмите на «+» и выберите фильтр тень, задайте параметры тени. Размытие примерно 15-20, Качество высокое, расстояние 100-150.

За вертолетом помещается тень.

22

Создайте новый слой при помощи нажатия на кнопку. Вставить слой, находящейся под описанием слоев в панели времени.

2лкм по названию слоя и задайте название sun слоя, для фиксации названия нажмите Enter.

Щелкните лкм по 1КК слоя sun.

Инструментом Овал с желтым цветом заливки и отсутствием обводки нарисует солнце.

В 1КК слоя sun должна появиться черная точка, а на сцене – солнце от которого будет падать тень на вертолет. Инструментом Линия красного цвета проведите линию от солнца в направлении вертолета. Инструментом Стрелка выберите вертолет и в панели Фильтры скорректируйте угол падения света на вертолет.

23

Перейдите в 2КК первого слоя, выберите вертолет и придайте ему тип

экземпляра символа – ФР.

В слое sun, инструментом линия, нарисуйте еще одну линию, при помощи которой будет направлена тень на вертолет во втором КК. Настройте тень для вертолета во 2КК.

Флеш для СД и ДВД

009.fla, просмотрите проект в работе Ctrl+Enter. Закройте окно предварительного просмотра, откройте настройки публикации (Файл, Параметры публикации или в панели Свойства, нажать на кнопку Параметры). Откройте закладку Форматы и выберите Windows Projector (.exe) будет создан файл для запуска из од операционной системы Windows. Macintosh Projector создаст файл для OS X.

24

Для публикации в указанных форматах нажмите Опубликовать. Закройте

окно публикации и зайдите в папку с примером, помимо файла в формате fla, появились файлы в форматах swf – для встраивания в другие проекты, например в html, exe, app. Посмотрите файл .exe, затем вернитесь во Flash. Layer 41 переименуйте в actions, перейдите в 1КК слоя actions и разверните панель действий (F9 или Окно, Действия).

25

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

Панель Действия разделена на 2 части – в левой части показаны скрипты, разбитые по категориям и объекты – КК, ФР, кнопки на которые можно применить скрипты. Выберите категорию Глобальные Функции, в ней подкатегорию – Браузер/Сеть.

2 лкм по fscommand, действие добавляется в список скриптов, исполняемых на КК

26

Вспециальных полях высвечиваются возможные параметры данного действия (для AS3 подсказки подобного вида отсутствуют)

Всписке команд для автономного проигрывателя, выбрать fullscreen, автоматически выбирается со значением true (истина). Затем добавьте команды allowscreen – для удержания оригинальных размеров проекта, затем showmenu с параметром false – для отключения меню. Сверните или закройте панель действий.

Снова опубликуйте проект и посмотрите результат.

Вернитесь во Flash, создайте слой с названием exit. Зайдите в этой слой, с использованием инструмента Текст – напишите слово Exit, или любое слово. Затем выберите инструмент Стрелка, нажмите F8 и преобразуйте слово в кнопку. Раскройте панель действий и снова добавьте fscommand.

Действие добавляется, но не просто, над действием появляется on(release) – по отпусканию лкм.

В списке команд выбрать quit. – таким образом, будет сделан вариант для выхода из проекта. Опубликуйте проект и посмотрите на его работоспособность.

Интерфейс в силе Хай Тек

Задайте размер сцены 750х400, цвет сцены сделайте синим.

Выберите инструмент прямоугольник, задайте ему сглаживание углов 10 пунктов, цвет заливки – темно-серый, обводка отсутствует.

Для проверки действия инструмента нарисуйте 3 прямоугольника таким образом, чтобы они пересекались.

27

Выберите инструмент Стрелка, выделите нарисованный объекты и переместите их в центр сцены. Объекты воспринимаются как единое целое. Удалите объект.

Выберите инструмент прямоугольник, в качестве опции данного инструмента укажите опцию Рисование объектов Нарисуйте 3 прямоугольника таким образом, чтобы они пересекались

Выберите инструмент Стрелка и переместите объекты в центр сцены. Каждый из объектов воспринимается по отдельности.

Выделите и удалите все объекты.

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

Выберите инструмент Стрелка.

Скопируйте и вставьте прямоугольник в первоначальный координаты 2 раза. Переместите верхний прямоугольник под созданный ранее (он выходит за пределы сцены)

Переместите второй прямоугольник примерно на 20 пикселов по x и на 20 пикселов по y.

Выберите оригинальный прямоугольник (он был нарисован первым) и задайте ему белый цвет заливки.

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

Совместите белый и черный прямоугольник таким образом, чтобы черный закрывал белый с разницей в 2-4 пиксела.

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

Создайте новый слой и назовите его main

Переместите слой таки образом, чтобы он стал нижним.

Выберите инструмент прямоугольник и задайте нулевое сглаживание углов, задайте ему градиентный цвет заливки от черного к белому, уберите опцию Рисование объектов Поставьте замочек на первом слое, чтобы при редактировании не затронуть него. Перейдите на слой main.

Нарисуйте прямоугольник, закрывающий почти всю сцену, оставив пикселов по 10 по краям.

Выберите инструмент преобразования заливки, лкм по градиентному прямоугольнику. За маркер переверните градиент на 90 градусов против часовой стрелки. Посмотрите на результат.

Сузьте заливку до размеров прямоугольника. Посмотрите на результат.

28

Сузьте заливку до размеров 20 пикселов и переместите полосу градиента к верхнему краю прямоугольника. Посмотрите на результат.

Выберите инструмент стрелка и выделите фигуру, после чего зайдите в Панель Цвет, выберите Образцы , в нем выберите черный ползунок и задайте ему светло-серый цвет. Посмотрите на результат, затем задайте серый цвет.

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

Поставьте замочек на слой main.

Создайте новый слой и назовите его navbar, переместите его наверх. Перейдите в этот слой.

Выберите инструмент пипетка и щелкните лкм по серому прямоугольнику, находящемуся в слое 1. курсор мышки изменится и примет форму ведерка с замочком. Проверьте, чтобы не была выставлена опция Рисование объектов Выберите инструмент прямоугольник и нарисуйте прямоугольник таким образом, чтобы он находился внутри контуров прямоугольника из слоя main

ине перекрывался с прямоугольником из слоя 1. (логичнее всего расположить его выше прямоугольника со слоя 1).

Выберите зеленый цвет заливки, нарисуйте квадрат за пределами сцены, размером примерно 50 на 50 пикселов, при помощи инструмента свободная трансформация, поверните его на 45 градусов.

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

иперенесите за пределы сцены. У полученной навигационной панели обнаружатся скошенные углы.

Для дальнейшей работы включите отображение линейки (Вид, Линейка) затем ухватитесь за горизонтальную линейку и удерживая лкм нажатой, переместите курсор ниже – у вас появится направляющая, по которой можно выставить модификацию нижней части навигационной панели. Поставьте линию примерно на 25 пикселов выше нижней грани навигационной панели. При помощи ранее нарисованного квадратика зеленого цвета сделать засечки на нижней границе навигационной панели (примерно по 50-70 пикселов слева и справа)

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

Удалите направляющие путем перетаскивания их обратно на линейку. Выделите полученную фигуру

F8, преобразуйте ее в символ Графика, назовите ее nav

29

Скопируйте полученный символ и вставьте два раза в исходные координаты. Раздвиньте экземпляры символов, чтобы они были видны по отдельности. Цвет символам не задается при помощи заливки, по этой причине разбейте на кривые нижний символ и задайте ему черный цвет заливки, передвиньте сверху второй символ, добейтесь позиционирования с точностью 2-4 пиксела, разбейте на части верхний этот символ и задайте ему белый цвет, поставьте верхний символ таким образом, чтобы были видны и белая и черная части расположенных ниже объектов. (Аналогично можно было выполнить данную операцию, задавая оттенки объектам в панели свойств).

Выберите инструмент Линия и создайте новый слой с именем lines. Выберите черный цвет линий. Перейдите в новый слой и нарисуйте горизонтальную линию, расположенную на 10 пикселов ниже скошенного края навигационной панели и равную ей по длине.

Скопируйте линию, поставьте на пиксель ниже и задайте белый цвет линии. Выделите обе линии и преобразуйте в символ Графика с названием lines. Скопируйте и вставьте символ, сдвиньте копию на 2-5 пикселов. Разблокируйте main, выделите прямоугольник, задающий фон интерфейсу и преобразуйте его в символ графика с названием bg. Переедите в панель фильтров и добавьте фильтр – тень с размытием 9-10, силу эффекта можно уменьшить до 30-40%.

Создайте папку для слоев и назовите ее interface. Перетаскиванием переместите в нее слои с интерфейсом. Поставьте замок на папке слоем. Создайте новый слой, если этот слой попал внутрь папки слоев interface, вытащите его из нее. Назовите слой button.

Инструментом прямоугольник без линий контуров, с белым цветом заливки, нарисуйте прямоугольник, находящийся над навигационной панелью. Проверьте, чтобы во время рисования, не была выбрана опция Рисование объектов.

Выберите зеленый цвет заливки и нарисуйте небольшой квадрат (по высоте 0.5 от прямоугольника). Поверните квадрат на 45 градусов при помощи инструмента свободное преобразование. Инструментом Стрелка переместите его таким образом, чтобы квадрат накладывался на правый верхний угол прямоугольника. Снимите выделение (лкм по пустой части сцены) и затем выделите зеленый квадратик и удалите его. Скопируйте и вставьте в те же координаты полученный объект, задайте ему черную заливку и на 2-4 пиксела передвиньте в сторону. Задайте черный цвет заливки для объекта. Вставьте еще раз объект в изначальные координаты. Задайте темно-зеленый цвет и передвиньте, чтобы были видны и черная и белая части.

30

Выделите его и преобразуйте в кнопку (F8, кнопка) с именем button. Продублируйте кнопки по всей навигационной панели. При помощи панели Выравнивание – выровняйте их.

3Д кнопка

Открыть 011.fla. Инструмент Овал, без контуров, заливка – радиальный градиент от красного к черному, возможна опция Рисование объектов. Удерживая Shift, нарисовать круг. Инструмент преобразование градиента, лкм по нарисованному кругу.

Уменьшить радиус заливки, передвинуть ее центр ближе к левому верхнему углу

При необходимости скорректировать результат.

Выбрать инструмент стрелка. Преобразовать в символ button, тип символа – кнопка. 2лкм по созданному символу. Удерживая клавишу Alt, перетащите состояние Вверх на остальные состояния или нажмите три раза F6. В состоянии Прохождений выберите объект и задайте заливку от зеленого к черному. Вернитесь на сцену. Управление, Разрешить использование простых кнопок – проверить действие кнопок на сцене, повторить операцию, отменив разрешение на использование простых кнопок. Создайте слой с именем plane. Перенесите на него ФР plane из библиотеки. Лкм по 10 кадру слоя plane, F6. Передвиньте самолет по горизонтали, перейти в 1кк слоя plane, задать анимацию движения. Просмотрите анимацию, передвигая ползунок времени во временной линейке. Лкм по 10 кадру в Layer 1, F5 – продлевая время существования слоя до 10 кадра.