Въведение в Adobe Flash. Опознаване на работното...

20
Въведение в Adobe Flash. Опознаване на работното пространство на Adobe Flash CS4. МУЛТИМЕДИЯ И ОСНОВИ НА УЕБ ДИЗАЙНА ас.Елена Първанова 2011 ТЕМА 17

description

Мултимедия и основи на уеб дизайна. а с.Елена Първанова. Въведение в Adobe Flash. Опознаване на работното пространство на Adobe Flash CS4. 2011. ТЕМА 1 7. Въведение в Adobe Flash. Flash е продукт на Adobe за работа с векторно-базирана графика. - PowerPoint PPT Presentation

Transcript of Въведение в Adobe Flash. Опознаване на работното...

Page 1: Въведение в  Adobe Flash.  Опознаване на работното пространство на  Adobe Flash CS4.

Въведение в Adobe Flash. Опознаване на работното пространство на Adobe Flash CS4.

МУЛТИМЕДИЯ И ОСНОВИ НА УЕБ ДИЗАЙНА

ас.Елена Първанова

2011

ТЕМА 17

Page 2: Въведение в  Adobe Flash.  Опознаване на работното пространство на  Adobe Flash CS4.

ВЪВЕДЕНИЕ В ADOBE FLASH

• Flash е продукт на Adobe за работа с векторно-базирана графика.

• На нейна основа с Flash се правят динамични анимации, Web приложения, презентации и цели приложения.

• Продуктът има вграден език за скриптове Action Script, който позволява управляване на времевата линия на анимацията чрез програма, като по този начин анимациите могат да включват и интерактивност, т. е. да се управляват от потребителя.

Page 3: Въведение в  Adobe Flash.  Опознаване на работното пространство на  Adobe Flash CS4.

• Едно от удобствата на продукта е възможността да се обработват графики във векторен формат.

• Понеже Flash е продукт, предназначен за създаване на анимация, той няма всички онези инструменти, с които разполагат програмите, създавани специално за обработка на вектори, като CorelDRAW, Adobe Illustrator или AutoCAD например.

• Липсата на пълен комплект прецизен инструментариум за работа с векторни обекти обаче е компенсирана с добрата приемственост между Flash и продуктите за векторна графика.

• Това дава възможност по-сложни изображения, създадени с някой от тези продукти, да влязат във Flash, където инструментите са достатъчни за дообработка и приспособяване за нуждите на анимацията.

ВЪВЕДЕНИЕ В ADOBE FLASH

Page 4: Въведение в  Adobe Flash.  Опознаване на работното пространство на  Adobe Flash CS4.

• Възможността на Flash да се справя с богат инструментариум външни формати, което от една страна улеснява потребителя (бил той графичен дизайнер или Web дизайнер), а от друга – допълва инструментите на самия продукт с всички онези, достъпни при специалните програми за векторна и растерна графика, звук и мултимедия.

• Много важен момент е съвместимостта с толкова много външни програми да е двупосочна – това също е отлично застъпено във Flash - възможността за приемане на външни файлове би била недостатъчна, а в някои случаи и без особен смисъл, ако нямаше възможност за запис на файлове, правени на Flash във формат, достъпен за други продукти.

ВЪВЕДЕНИЕ В ADOBE FLASH

Page 5: Въведение в  Adobe Flash.  Опознаване на работното пространство на  Adobe Flash CS4.

• За визуализация на Flash-файлове с Web браузър е необходимо допълнение към браузъра (plugin), наречено Flash Player, което да работи с файла.

• Методите на Flash Player могат да бъдат използвани за контролиране на анимацията от езици за скриптиране като JavaScript, VBScript. Всеки метод има име, а повечето методи могат да приемат аргументи. Аргументите определят конкретните стойности на променливите, с които ще работи съответният метод (процедура).

ВЪВЕДЕНИЕ В ADOBE FLASH

Page 6: Въведение в  Adobe Flash.  Опознаване на работното пространство на  Adobe Flash CS4.

• Продуктът има възможност както за вграждане на WYSIWYG (What You See Is What You Get) - текст в своите файлове, но също и за HTML-текст.

• Първо, HTML-текстът може да се съхранява отделно, което позволява и да бъде редактиран отделно от самия Flash-файл.

• Второ, така текстът може да се генерира динамично, което е много важно за работа в Интернет среда, и трето, по този начин текстът става достъпен за програмите за търсене в Интернет.

ВЪВЕДЕНИЕ В ADOBE FLASH

Page 7: Въведение в  Adobe Flash.  Опознаване на работното пространство на  Adobe Flash CS4.

• Продуктът разполага с удобен редактор на скриптовете и вграден дебъгер за отстраняване на грешки в синтаксиса, в математическите конструкции и т.н. Удобство е, че самият скрипт може да бъде написан и в който и да е външен текстов редактор и после да бъде "имплантиран" във Flash и “изгладен” с неговия дебъгер.

• Чрез езика за скриптове на Flash може да се използва максимално входният поток данни, идващ от крайния потребител на анимацията и от него да се управлява динамиката на приложението. По този начин могат да се създават например Web магазини, които поддържат потребителска кошница, форуми за дискусии, калкулатори, виртуални класни стаи, сложни форми за попълване, счетоводни програми.

ВЪВЕДЕНИЕ В ADOBE FLASH

Page 8: Въведение в  Adobe Flash.  Опознаване на работното пространство на  Adobe Flash CS4.

ФАЙЛОВИ ФОРМАТИ ВЪВ FLASH

Flash документи• Оригиналната версия на

документите във Flash се записват във .fla формат.

• Те съдържат в себе си всички компоненти на сцената.

• Във .fla файла Flash филма може да бъде редактиран и преорганизиран.

• Flash документ създаден в по-висока версия не може да бъде визуализиран в продукт с по-ниска версия.

• Съхраняване на Flash документ: File | Save (избор на версия за съхранение).

• Във Flash CS4 потребителя може да създаде различни типове Flash документи: Flash File (ActionScript 3.0), Flash File (ActionScript 2.0), Flash File (Adobe AIR) или Flash File (Mobile).

• ActionScript 3.0 се използва при визуализация на филма чрез Flash Player 9 или по-късна версия.

• ActionScript 2.0 се използва при визуализация на филма чрез Flash Player 8 или по-ранна версия.

• Промяна на ActionScript и Flash Player версията може да се осъществи в менюто File | Publish Settings.

Page 9: Въведение в  Adobe Flash.  Опознаване на работното пространство на  Adobe Flash CS4.

Елементи на Flash домкумент (.fla) в потребителска среда

ФАЙЛОВИ ФОРМАТИ ВЪВ FLASH

Page 10: Въведение в  Adobe Flash.  Опознаване на работното пространство на  Adobe Flash CS4.

Flash филми• Потребителя може да публикува или

тества Flash документ като създаде Flash филм с разширение .swf .

• Можете да защитите вашите филми от вграждането и редактирането им в други потребителски среди.

• Други начини за представяне на Flash филми и техните части: QuickTime цифров видео формат; QuickTime Flash layer векторен формат; Анимиран GIF формат.

• Части от филма или кадъри могат да дъдат експортирани в растерни или векторни изображения.

ФАЙЛОВИ ФОРМАТИ ВЪВ FLASH

Page 11: Въведение в  Adobe Flash.  Опознаване на работното пространство на  Adobe Flash CS4.

Елементи на Flash филм (.swf ) в потребителска среда

ФАЙЛОВИ ФОРМАТИ ВЪВ FLASH

Page 12: Въведение в  Adobe Flash.  Опознаване на работното пространство на  Adobe Flash CS4.

Flash ActionScript файлове• ActionScript е програмен

език използван във Flash документите за създаването на интерактивна функционалност на филма.

• Той може да бъде съхранен като външен текстов файл с разширение .as.

• .as може да бъде директно отворен във Flash или обработен например чрез Adobe Flex Builder.

• ActionScript файловете могат да бъдат компилирани във Flash филм чрез иползването на дерективата #include или въвеждаща дума.

ФАЙЛОВИ ФОРМАТИ ВЪВ FLASH

Page 13: Въведение в  Adobe Flash.  Опознаване на работното пространство на  Adobe Flash CS4.

Flash видео файлове• Flash видео файл формат (.flv разширение) и AVC/H.264

видео файлове (.f4v разширение) се използват за представяне на видео съдържание с Flash Player.

• .flv файловете не могат да бъдат отваряни във Flash продукта, но могат да бъдат вмъквани във Flash документи (.fla) или заредени и визулализирани Flash Player 7 и по-късна версия.

ФАЙЛОВИ ФОРМАТИ ВЪВ FLASH

Page 14: Въведение в  Adobe Flash.  Опознаване на работното пространство на  Adobe Flash CS4.

ОПОЗНАВАНЕ НА РАБОТНОТО ПРОСТРАНСТВО НА ADOBE FLASH CS4

Началната сттраница на Adobe Flash CS4

• Adobe Flash CS4 предлага 3 колкони с опции в началната сттраница на продукта (фиг.17.1): Open Recent Item

(Отваряне на последен файл)

Create New (Съзадване на нов документ)

Create from Template (Създаване на документ от шаблон).

Фиг.17. 1 Начална страница на Adobe Flash CS4

Page 15: Въведение в  Adobe Flash.  Опознаване на работното пространство на  Adobe Flash CS4.

Съзадване на нов документ Flash File (ActionScript 3.0) –

създадения документ може да се представи само с Flash Player 9 или по-късна версия.

Flash File (ActionScript 2.0) - създадения документ може да се представи с по-ниски версии на Flash Player (до Flash Player 6).

Flash File (Adobe AIR) – създадения документ чрез Adobe AIR позволява да се съчетаят възможностите на HTML/Ajax, Flex и Flash за изграждането на междуплатформени, настолни Интернет приложения.

Flash File (Mobile) – тази опция зарежда Adobe Device Central (специализирана среда за изграждането на Flash съдържание за мобилни устройства).

ActionScript File – отваря файл за създаване и редактиране на ActionScript (.as).

ActionScript Communication File - отваря файл за създаване и редактиране на ActionScript за Flash Communication сървър (.ascs).

JavaScript File - отваря файл за създаване и редактиране на JavaScript за Flash (.jsfl).

Flash Project – отваря нов Flash проектен панел за управлението на вашите Flash проектни файлове.

ОПОЗНАВАНЕ НА РАБОТНОТО ПРОСТРАНСТВО НА ADOBE FLASH CS4

Page 16: Въведение в  Adobe Flash.  Опознаване на работното пространство на  Adobe Flash CS4.

Използване на шаблони за оформяне на дизайна на документ

• Създаване на нов документ от шаблон

• Създаване на потребителски шаблон (File | Save as Template)

ОПОЗНАВАНЕ НА РАБОТНОТО ПРОСТРАНСТВО НА ADOBE FLASH CS4

Page 17: Въведение в  Adobe Flash.  Опознаване на работното пространство на  Adobe Flash CS4.

Интерфейс на Adobe Flash CS4 • Управлението на външния вид на

интерфейса като подреждане и отваряне на ленти, панели може да бъде извършено от падащото меню Essentials или Window | Workspace | Essentials (фиг.17.2).

• Възможностите за избор са шест: Animator Classic Debug Designer Developer Essential

Фиг.17.2 Отваряне на падащо меню Essentials

ОПОЗНАВАНЕ НА РАБОТНОТО ПРОСТРАНСТВО НА ADOBE FLASH CS4

Page 18: Въведение в  Adobe Flash.  Опознаване на работното пространство на  Adobe Flash CS4.

Интерфейс на Adobe Flash CS4 в Essentials работно пространство

Меню

Flash документ

Времедиаграма

Работна област

Сцена

Лента с инструменти

Управление на интерфейса Панел PropertiesБиблиотека

ОПОЗНАВАНЕ НА РАБОТНОТО ПРОСТРАНСТВО НА ADOBE FLASH CS4

Page 19: Въведение в  Adobe Flash.  Опознаване на работното пространство на  Adobe Flash CS4.

Интерфейс на Adobe Flash CS4

• Classic работно пространство предоставя икони за допълнителни панели в Adobe Flash CS4 (фиг.17.3 ).

• Main toolbar (Window | Toolbars)дава бърз достъп до широко използвани опции представени в три ленти: Main Controller – контролира позицията

на главата във времевата линия Edit bar – включва контроли за

навигиране в сцените, редактиране на символи и мащабиране на изгледа.

Панел Color

Панел Swatches

Панел Align

Панел Color

Панел Library

Панел Transform

Панел Info

Фиг.17.3 Достъп до панели в Classic работно пространство

ОПОЗНАВАНЕ НА РАБОТНОТО ПРОСТРАНСТВО НА ADOBE FLASH CS4

Page 20: Въведение в  Adobe Flash.  Опознаване на работното пространство на  Adobe Flash CS4.

Лента с инструментиЛентата с инструменти (Tools) е

раделена на четири секции (фиг.17.4): Секция Tools - тук се намират

инстументите, свързани с рисуването и редактирането на обекти.

Секция View - тези инструменти предоставят опции за разглеждане на сцената.

Секция Colors - в този сегмент на лентата можете да селектирате и редактирате цветовете за елементите на сцената.

Секция Options - допълнителните опции сатават достъпни в зависимост от това, кой инструмент е селектиран.

ОПОЗНАВАНЕ НА РАБОТНОТО ПРОСТРАНСТВО НА ADOBE FLASH CS4

Фиг.17.4 Лента с инструменти