OBSAH ADOBE FLASH CATALYST CS5 OFICIÁLNÍ VÝUKOVÝ KURZ

Transkript

1 OBSAH ZAČÍNÁME O výukovém kurzu Předpoklady Instalace Flash Catalystu Optimální výkonnost Aktualizace Verze Flash Playeru Kopírování souborů lekcí Jak s lekcemi pracovat Standardní prvky v knize Další zdroje Certifikace Adobe SEZNÁMENÍ S APLIKACÍ ADOBE FLASH CATALYST CS O aplikaci Flash Catalyst Otevření nového projektu Flash Catalystu Základní orientace Otevření existujícího projektu Flash Catalystu Průzkum prostoru návrhu Náhled projektu v prohlížeči Nápověda Flash Catalystu Opakování ADOBE FLASH CATALYST CS5 OFICIÁLNÍ VÝUKOVÝ KURZ 3

2 2 PŘÍPRAVA, IMPORT A UMÍSTĚNÍ VÝTVARNÝCH PRVKŮ Příprava dokumentu návrhu Importování grafických prvků Optimalizování výtvarných prvků Opakování SPRÁVA KNIHOVNY Zobrazení panelu knihovny Odstranění prostředků z projektu Komprimace obrázků v panelu knihovny Přejmenování prostředků projektu Použití prostředků v panelu knihovny Sdílení knihoven projektu Importování balíčku knihovny Opakování SPRÁVA VRSTEV Seznámení s panelem vrstev Seskupování objektů Přejmenování objektů v panelu vrstev Optimalizování složitých skupin Přidávání a odstraňování vrstev Řazení grafiky pomocí vrstev Opakování PRÁCE SE STRÁNKAMI A STAVY Stavy stránek a komponent Duplikování a změna stavů stránek Přidávání a odstraňování stavů Opakování OBSAH

3 6 TVORBA INTERAKTIVNÍCH KOMPONENT Stavební bloky RIA Použití standardních komponent Převod grafiky na vestavěné komponenty Vytváření vlastních komponent Přidání interaktivity Opakování VYTVÁŘENÍ PŘECHODŮ A AKČNÍCH SEKVENCÍ Přechody a akční sekvence Seznámení s výchozími přechodovými efekty Přidání plynulých přechodů Doladění přechodů Přidávání a změna efektů Přidání akčních sekvencí Pomocné efekty Flash Catalystu Opakování PŘIDÁNÍ A ŘÍZENÍ VIDEA A AUDIA Příprava videa pro web Importování a náhled videa a zvuku Přidání videa do aplikace Řízení přehrávání videa Přidání zvukových efektů Opakování INTEGRACE OBSAHU SWF Z JINÝCH NÁSTROJŮ SADY CREATIVE SUITE Soubory SWF Přidání souborů SWF do Flash Catalystu Řízení přehrávání souborů SWF Přidání souboru SWF do komponenty Opakování ADOBE FLASH CATALYST CS5 OFICIÁLNÍ VÝUKOVÝ KURZ 5

4 10 NÁVRH S PODPOROU DAT Seznamy dat Flash Catalystu Tvorba komponenty Data List Nastavení vlastností seznamu dat Použití dat pro návrh Použití standardního seznamu dat Opakování KRESLENÍ A ÚPRAVA GRAFIKY Kreslicí nástroje Flash Catalystu Použití pravítek, vodítek a mřížky Kreslení základních tvarů a linií Změna tahu a výplně Seskupování a transformování Průběžné úpravy v Adobe Illustratoru Adobe Photoshopu Opakování PUBLIKOVÁNÍ PROJEKTU Možnosti předání Publikování aplikace Zobrazení publikovaných souborů Publikování na web aplikací Adobe Dreamweaver CS Opakování ROZŠÍŘENÍ PROJEKTU APLIKACÍ ADOBE FLASH BUILDER Adobe Flash Builder Rozšíření aplikace Práce návrháře a vývojáře Příprava souborů pro vývojáře Otevření projektu Flash Catalystu ve Flash Builderu Importování souboru knihovny Flash Catalystu (FXPL) Opakování REJSTŘÍK OBSAH

5 ZAČÍNÁME Flash Catalyst je nástroj pro návrháře, kteří chtějí vytvářet bohatá aplikační rozhraní a interaktivní obsah, aniž by museli zapisovat jediný řádek kódu. Mezi příklady patří interaktivní reklamy, produktové příručky, návrhářská portfolia, mikrostránky, bohaté datově zaměřené internetové aplikace (Rich Internet Application RIA) a další. Znáte-li jiné návrhářské nástroje společnosti Adobe, jako je Photoshop, Illustrator a Fireworks, pak se vám jistě bude práce s aplikací Flash Catalyst líbit. Můžete si kupříkladu ve Photoshopu vytvořit předlohy pro projekt Flash Catalystu a následně celý dokument návrhu do této aplikace importovat. Převedete kresby a další prvky na interaktivní komponenty, jako jsou navigační tlačítka a posuvníky. Definujete různé stavy neboli zobrazení v aplikaci. Přidáte interakce používané k přechodu z jednoho stavu stránky či komponenty do jiného, propojení na webové sídlo, ovládání animace či videa i zvukové efekty. Doplníte hladké přechody, trojrozměrné animace a další speciální efekty. Nakonec publikujete svůj projekt na web nebo jako samostatnou aplikaci Adobe AIR. Flash Catalyst je vynikající nástroj, potřebujete-li rychle vytvořit prototypy interaktivních aplikací s využitím kolekce vestavěných standardních komponent. Flash Catalyst vám také dovoluje efektivněji spolupracovat s vývojáři, kteří používají Adobe Flash Builder 4 (dříve Flex Builder) a sadu pro vývoj softwaru Adobe Flex 4 Software Development Kit (SDK). Vy navrhnete funkční uživatelské možnosti ve Flash Catalystu a pak projekt poskytnete vývojářům, kteří pomocí Flash Builderu doplní další funkčnost a integraci s daty i službami. Díky nástroji Flash Catalyst máte při produkci interaktivního obsahu nyní úplnou kontrolu nad integritou svého původního díla a návrhové vize. O výukovém kurzu Kniha Adobe Flash Catalyst CS5 Oficiální výukový kurz je součástí výukové série platformy Adobe Flash. Lekce jsou vytvořené tak, abyste se mohli učit vlastním tempem. Pokud s Flash Catalystem začínáte, seznámíte se se základními principy a funkcemi, jež budete muset znát, abyste mohli zvládnout množství jiných zde popisovaných technik. Zároveň ovšem aplikaci pochopíte natolik dobře, že sami dokážete objevovat další techniky. Jestliže již s aplikací Flash Catalyst pracujete, nabídne vám tento kurz pokročilé funkce včetně tipů, technik a nejlepších postupů. Jednotlivé lekce sice obsahují postupné instrukce, které směřují k získání určitých dovedností, a každá následující lekce tak staví na předchozích lekcích, přesto je tu prostor k experimentování. ADOBE FLASH CATALYST CS5 OFICIÁLNÍ VÝUKOVÝ KURZ 7

6 Knihou můžete postupovat od začátku do konce, nebo si projít jen lekcemi podle svých zájmů a potřeb. Každá lekce končí přehledovým oddílem, jenž shrnuje probíraná témata. Předpoklady Než začnete pracovat s knihou Adobe Flash Catalyst CS5 Oficiální výukový kurz, měli byste mít řádně nastavený systém a nainstalovaný potřebný software. Musíte umět pracovat s myší a standardními nabídkami i příkazy. Také musíte umět otevírat, ukládat a zavírat soubory. Cítíte-li potřebu ještě se v těchto technikách zdokonalit, přečtěte si tištěnou nebo online dokumentaci systému Microsoft Windows či Apple Mac OS. Kniha je určena všem návrhářům, kteří vytvářejí interaktivní obsah pro webové prostředí i samostatné počítače. S nástrojem Flash Catalyst se vám bude pracovat lépe, máte-li již zkušenosti s aplikacemi Adobe Illustrator, Adobe Photoshop nebo Adobe Fireworks, a chápete-li strukturování pomocí vrstev a skupin. Kniha nepředpokládá žádné zkušenosti s programováním. Jste-li tedy návrhářem, který by se chtěl seznámit s aplikací Flash Catalyst, kterého ovšem zároveň trochu děsí kód, je následující text právě pro vás. Instalace Flash Catalystu Software Adobe Flash Catalyst CS5 si musíte zakoupit jako samostatnou aplikaci nebo jako součást sady Adobe Creative Suite. Společně s Flash Catalystem se standardně instalují také Flash Player 10, Adobe Media Encoder CS5, Adobe AIR a Adobe Media Player. Požadavky na systém a podrobné instrukce související s instalací softwaru Flash Catalyst najdete v souboru ReadMe. pdf na aplikačním DVD. Flash Catalyst si nainstalujte z aplikačního DVD Adobe Flash Catalyst CS5 na pevný disk. Program nelze spustit přímo z DVD. Postupujte podle instrukcí na obrazovce. Před začátkem instalace se ujistěte, že máte k dispozici sériové číslo, které najdete na registrační kartě nebo na zadní straně obalu DVD. Optimální výkonnost Flash Catalyst CS5 vyžaduje nejméně 1 GB paměti RAM, ovšem doporučenou hodnotou jsou 2 GB. Čím více paměti RAM bude mít Flash Catalyst k dispozici, tím rychleji bude pracovat. Nezbytné je rozlišení alespoň bodů v 16bitových či lepších barvách, výhodnější je ovšem pracovat s rozlišením nebo ještě vyšším. 8 ZAČÍNÁME

7 Aktualizace Společnost Adobe periodicky nabízí aktualizace svého softwaru. Tyto aktualizace snadno získáte nástrojem Adobe Updater, máte-li k dispozici aktivní připojení k internetu. 1 Ve Flash Catalystu CS5 zvolte příkaz Help Update. Nástroj Adobe Application Manager (správce aplikací Adobe) automaticky zjistí aktualizace dostupné pro váš software Adobe. 2 V dialogovém okně Adobe Application Manager vyberte a stáhněte aktualizace, jež chcete instalovat. Zpráva vám oznámí, zda je vaše aplikace připravena na aktualizaci. Je-li aplikace aktuální, stiskněte Quit, zavřete dialogové okno správce aplikací a vraťte se do Flash Catalystu. Poznámka: Chcete-li nastavit předvolby budoucích aktualizací, stiskněte v dialogovém okně tlačítko Preferences. Vyberte, které aplikace se budou automaticky aktualizovat a jak chcete být informováni o dostupnosti nových aktualizací. Nová nastavení přijměte klepnutím na Done (hotovo). Verze Flash Playeru Lekce v této knize jsou vytvořeny tak, že fungují ve Flash Playeru 10 či novějším. Aplikace vyvíjené nástrojem Flash Catalyst se zavádějí jako soubory SWF (což je souborový formát Flash Playeru) a zobrazují se v prohlížeči s Flash Playerem 10. Informace o rozšířenosti verzí Flash Playeru najdete zde: V lekci 12 budete publikovat projekt jako aplikaci Adobe AIR instalovanou přímo na počítač. Když aplikaci AIR nainstalujete a spustíte, může být nezbytné nainstalovat či aktualizovat verzi běhového modelu Adobe AIR. Kopírování souborů lekcí Na CD, které je součástí této knihy, naleznete složky obsahující veškeré elektronické soubory k jednotlivým lekcím. Každá lekce má svou vlastní složku. Aby bylo možné tyto soubory k jednotlivým lekcím používat, je nejprve zapotřebí zkopírovat příslušné složky na pevný disk. Chcete-li na pevném disku ušetřit místo, můžete si na disk zkopírovat vždy jen složku aktuálně probírané lekce. Instalace souborů ke kurzu 1 Vložte CD, které je součástí této knihy, do optické mechaniky 2 Postupujte následovně Zkopírujte na svůj pevný disk kompletní složku Lekce. Zkopírujte na svůj pevný disk pouze složku aktuálně probírané lekce. ADOBE FLASH CATALYST CS5 OFICIÁLNÍ VÝUKOVÝ KURZ 9

8 Jak s lekcemi pracovat Každá lekce v knize nabízí detailní instrukce umožňující vytvořit různé části projektu, jež ilustrují základní techniky práce s aplikací Flash Catalyst. Některé lekce stavějí na projektech vytvořených v předchozích lekcích a jiné jsou samostatné. Všechny lekce vzájemně souvisejí z hlediska principů a dovedností, takže nejlepší je knihu procházet postupně po jednotlivých lekcích. Určité techniky a procesy jsou podrobně vysvětlené jen několikrát na začátku, když se prvně objeví. Řada nejzákladnějších postupů se ovšem ve cvičeních stále opakuje, abyste se s nimi dobře seznámili a vybudovali si správné návyky používání základních nástrojů. Každá ze složek lekcí obsahuje soubory potřebné k dokončení příslušné lekce. Některé lekce obsahují i další soubory a složky s médii a materiálem nezbytným k dokončení projektu. Obsah složek vždy ponechávejte nezměněný. Standardní prvky v knize Tučný text: Slova zobrazená tučně představují text, který musíte zapsat v jednotlivých krocích lekcí. Kurziva: Slova zapsaná kurzivou slouží ke zdůraznění nebo představují nové termíny. Kurziva označuje rovněž webové adresy. Příkazy nabídek a klávesové zkratky: Mezi jednotlivé názvy nabídek a příkazy jsou vloženy lomené závorky ve stylu Nabídka Volba Příkaz. Klávesové zkratky označuje znak plus (+), který spojuje současně tisknuté klávesy. Kupříkladu Ctrl+Enter znamená, že máte stisknout současně klávesy Ctrl a Enter. Příkazy a klávesy v systémech Windows a Mac OS X: Pokud se příkazy či klávesy nezbytné k dokončení nějaké činnosti liší na operačních systémech Windows a Mac OS X, tak jsou odděleny lomítkem. První uvedený příkaz či klávesa platí pro Windows a druhý/druhá pro Mac OS X. Příklad: Klepněte na tlačítko Open a pak použijte Select/Choose. Tipy: Tento text nabízí jiné možnosti provedení popisovaných činností. Najdete tu také návrhy alternativního využití nabytých dovedností. Poznámky: Tento text představuje doplňkové informace, které prohloubí vaše znalosti. Jsou tu i pokročilé techniky, jimiž můžete své dovednosti dále rozvinout. Další zdroje Publikace Adobe Flash Catalyst CS5 Oficiální výukový kurz nenahrazuje dokumentaci programu, ani není komplexním materiálem popisujícím všechny jednotlivé funkce. Kniha 10 ZAČÍNÁME

9 vysvětluje pouze příkazy a volby zde využívané. Podrobné informace o funkcích programu a další výukové materiály najdete na následujících místech: Adobe Community Help: Komunitní nápověda seskupuje aktivní uživatele produktů Adobe, členy produktových týmů Adobe, autory i experty a poskytuje tak nejužitečnější, aplikovatelné a aktuální informace o produktech Adobe. Komunitní nápověda vám pomůže, ať už hledáte ukázku kódu či řešení problému, máte-li nějakou otázku ohledně softwaru, nebo se chcete podělit o užitečný tip či návod. Výsledky hledání ukážou nejen obsah z Adobe, ale také od komunity. Prostřednictvím funkce Adobe Community Help můžete: přistupovat k aktuálnímu a kompletnímu obsahu online i offline, nacházet nejrelevantnější obsah dodaný experty z komunity Adobe na Adobe.com i jinde, komentovat, hodnotit a přispívat obsahem do komunity Adobe, stahovat si obsah nápovědy přímo na svůj počítač a pak s ním pracovat offline, vyhledávat související obsah nástroji dynamického hledání a navigace. Přístup k nápovědě komunity: Máte-li nějaký produkt Adobe CS5, pak máte také aplikaci Community Help. Nápovědu vyvoláte pomocí Help Flash Catalyst Help. Tato doprovodná aplikace vám dovolí prohledávat obsah Adobe i komunity a procházet jím, přičemž navíc můžete okomentovat nebo ohodnotit libovolný článek, jako byste byli v prohlížeči. Můžete si ovšem také stáhnout Adobe Help a jazykový obsah pro práci offline. Máte možnost přihlásit se k odběru nového obsahu (který se může stahovat automaticky), takže pak máte u všech svých produktů Adobe vždy nejaktuálnější text. Popisovanou aplikaci si stáhnete z index.html. Obsah Adobe se aktualizuje na základě reakcí a příspěvků komunity. Přispět můžete několika způsoby: přidat komentáře k obsahu nebo na fórum, což zahrnuje také odkazy na webový obsah, publikovat svůj vlastní obsah pomocí Community Publishing a také přispívat do Cookbook Recipes. Zde najdete možnosti přispívání: html. Na najdete odpovědi na často kladené otázky související s Community Help. Adobe Flash Catalyst Help and Support: Na Catalyst najdete obsah nápovědy a podpory a můžete jím procházet. Adobe TV: je zdroj online videa s instrukcemi od expertů a nápady pro práci s produkty Adobe. Nabízí rovněž kanál How To, který vám pomůže začít pracovat s vaším produktem. Adobe Design Center: nabízí propracované články o návrhu a jeho úskalích, galerii prezentující práci nejlepších designérů, výukové materiály a další. Adobe Developer Connection: je zdrojem technických článků, ukázek kódu a vysvětlujících videí zabývajících se produkty pro vývoj a technologiemi Adobe. ADOBE FLASH CATALYST CS5 OFICIÁLNÍ VÝUKOVÝ KURZ 11

10 Zdroje pro školitele: obsahuje zdarma tři programy, které využívají integrovaný přístup k seznamování se softwarem Adobe a které lze využít při přípravě na zkoušky Adobe Certified Associate. Fóra Adobe: Na máte možnost přidat se k diskusím, otázkám i od povědím ohledně produktů Adobe. Adobe Marketplace & Exchange: je centrální prostředek pro hledání nástrojů, služeb, rozšíření, ukázek kódu a dalších doplňků a modulů produktů Adobe. Domovská stránka produktu Adobe Flash Catalyst CS5: Catalyst. Adobe Labs: nabízí přístup k prvním verzím nejnovějších technologií i fóru, kde můžete spolupracovat s vývojovými týmy Adobe, které tyto technologie vytvářejí, a s dalšími podobně smýšlejícími členy komunity. Certifikace Adobe Programy školení a certifikace Adobe pomáhají zákazníkům Adobe zlepšovat a zdokonalovat jejich dovednosti. Existují čtyři úrovně certifikace: Adobe Certified Associate (ACA), Adobe Certified Expert (ACE), Adobe Certified Instructor (ACI), Adobe Authorized Training Center (AATC). Oprávnění Adobe Certified Associate (ACA) říká, že takoví lidé mají základní dovednosti v oblasti plánování, návrhu, sestavení a správy efektivní komunikace s využitím různých forem digitálních médií. Program Adobe Certified Expert je způsob, jakým mohou zkušení uživatelé navýšit své oprávnění. Certifikaci Adobe mohou následně využít jako podklad ke zvýšení mzdy, nalezení práce či prostě inzerování svých zkušeností. Jste-li instruktorem na úrovni ACE, tak program Adobe Certified Instructor přenese vaše dovednosti na další úroveň a nabídne přístup k velkému množství prostředků Adobe. Školicí střediska Adobe Authorized Training Centers nabízejí kurzy a školení ohledně produktů Adobe pod vedením instruktorů, kteří mají všichni ohodnocení Adobe Certified Instructor. Adresář středisek AATC najdete na Informace o certifikačních programech Adobe najdete na main.html. 12 ZAČÍNÁME

11 Urychlete postup práce pomocí služby Adobe CS Live Adobe CS Live je sada služeb online, jež využívají webovou konektivitu k integraci se sadou Adobe Creative Suite 5 tak, aby se zjednodušil proces kreativního tvoření, zrychlilo se testování kompatibility webových sídel, získávaly se důležité údaje o uživatelích webu a další. To vám pomůže zaměřit se na tu nejvýznamnější část práce, vlastní tvorbu. Služby CS Live jsou po určitou dobu* bezplatné a lze k nim přistupovat online nebo z aplikací Creative Suite 5. Adobe BrowserLab slouží webovým designérům a vývojářům, kteří potřebují nahlížet a testovat své webové stránky v různých prohlížečích a na různých operačních systémech. Na rozdíl od jiných řešení kompatibility s prohlížeči vykresluje BrowserLab snímky obrazovky prakticky na požádání a to pomocí různých zobrazovacích a diagnostických nástrojů. Tento nástroj lze používat ve spojení s aplikací Dreamweaver CS5 k náhledu místního obsahu a různých stavů interaktivních stránek. Protože se jedná o službu online, BrowserLab má rychlé vývojové cykly s vyšší flexibilitou rozšiřování podpory prohlížečů a aktualizovanou funkčností. Adobe CS Review slouží kreativním profesionálům, kteří potřebují dosáhnout v procesu kreativní revize nové úrovně výkonnosti. Na rozdíl od jiných služeb, které nabízejí revize tvůrčího obsahu online, vám pouze CS Review umožní publikovat revizi na web přímo z aplikace InDesign, Photoshop, Photoshop Extended i Illustrator a sledovat poznámky recenzentů zpět v původní aplikaci sady Creative Suite. Acrobat.com slouží kreativním profesionálům, kteří potřebují pracovat s různými kolegy a klienty a přenést tak kreativní projekt od úvodních návrhů až k finálnímu produktu. Acrobat.com představuje sadu služeb online, jež zahrnují webové konference i sdílení souborů a pracovních prostorů či ploch. Na rozdíl od spolupráce elektronickou poštou a pořádání časově náročných osobních setkání přivádí Acrobat.com lidi k vaší práci, kterým už nemusíte posílat žádné soubory. Pracovní stránku celého kreativního procesu tak zvládnete rychleji a společně odkudkoli. Adobe Story je pro kreativní profesionály, producenty a spisovatele, kteří pracují se scénáři. Story představuje nástroj společného vývoje scénáře, který mění scénáře na metadata využitelná v nástrojích Adobe CS5 Production Premium pro zjednodušení pracovního postupu a tvorby vizuálních prostředků. SiteCatalyst NetAverages je určen webovým a mobilním profesionálům, kteří chtějí optimalizovat své projekty pro širší veřejnost. NetAverages nabízí informace o tom, jak uživatelé přistupují k webu, což pomáhá omezit nepřesné odhady již na počátku kreativního procesu. Můžete přistupovat k souhrnným datům o uživatelích, jako je typ prohlížeče, operační systém, profil mobilního zařízení, rozlišení obrazovky a dalším, které lze také zobrazovat v čase. Tato data pocházejí od aktivity návštěvníků na účastnických zákaznických sídlech Omniture SiteCatalyst. Na rozdíl od jiných řešení shromažďování webových informací zobrazuje NetAverages data novátorským způsobem pomocí aplikace Flash. Výsledkem je zajímavé, robustní a přesto snadno pochopitelné řešení. ADOBE FLASH CATALYST CS5 OFICIÁLNÍ VÝUKOVÝ KURZ 13

12 K službě CS Live lze přistupovat třemi různými způsoby: 1 Nastavit přístup při registrování produktů Creative Suite 5 a získat tak bezplatný přístup, jenž zahrnuje všechny funkce a přínosy k práci vyplývající z použití služby CS Live ve spojení s CS5. 2 Nastavit přístup přihlášením online a získat tak bezplatný přístup ke službám CS Live po omezenou dobu. Uvědomte si ovšem, že tato volba vám nezajišťuje přístup k uvedeným službám přímo z používaných produktů. 3 Desktopové zkušební verze produktů obsahují 30denní podporu služeb CS Live. * Služby CS Live jsou zdarma jen po omez enou dobu. Podrobnosti najdete na 14 ZAČÍNÁME