Video: How To Animate in Flash CS6 & CC | Tutorial for Beginners 2024
Adobe Flash Catalyst Creative Suite 5 kan enkelt skapa Flash-webbplatser eller skrivbordsprogram. Du kan börja med att skapa din design i Photoshop eller Illustrator och importera den resulterande filen till Catalyst. Då kan du göra följande:
-
Skapa knappar som ändras medan användaren sveper muspekaren över dem eller klickar på dem (precis som knappar i Flash).
-
Lägg till knappar, skjutreglage och andra användargränssnittskomponenter som länkar till andra platser eller utföra andra underbara tricks.
-
Lägg till animering, som rörliga komponenter på och av skärmen.
-
Utveckla en hel webbplats med flera sidor.
-
Lägg enkelt till animerade övergångar, till exempel ändra storlek, rotera eller flytta objekt, eller bleka objekt eller sidor in och ut.
I större projekt som kan behöva programmeringskod (t.ex. skrivbordsapplikationer eller databasdrivna webbplatser), gör Catalyst det enkelt för designern och utvecklaren att interagera smidigt. Utvecklaren kan använda informationen från Flash Catalyst direkt i Adobe Flash Builder, ett program för att lägga till ActionScript. Designern kan sedan införliva ändringar gjorda i Builder tillbaka till Flash Catalyst-filer.
I figuren ser du Catalyst med ett exempel på en webbplats designad i Photoshop och omvandlas till en interaktiv webbplats. Du hittar den ursprungliga webbplatsen på www. tellnshow. com.
Tack till Ellen Finkelstein för tillåtelse att använda hennes hemsida som ett exempel.
Om du är en artist som arbetar i Adobe Fireworks, kan du också interagera med Catalyst med hjälp av filer som sparas i FXG-format. (Välj kommandon → Exportera till FXG från fyrverkesmenyn.) Dessa filer stödjer dock inte för närvarande lag. Om du vill använda Fireworks-filer i Catalyst, kanske det enklaste att göra är att exportera dem till Photoshop-format för att bevara lager innan de importeras till Catalyst.
Katalysatorskärmen består av följande:
-
Artboard : Liksom scenen i Flash: var du gör din huvudsakliga design.
-
Heads-up Display (HUD) : Använd den här mörka flytande panelen för att enkelt konvertera objekt. Det ändras baserat på vad du väljer.
-
Verktygspalett : Container för urvalsverktyg, grundläggande former, zoom, text och ett rotationsverktyg.
-
Lagerpanel : Rearrange, visa och låsa lager, samt lägg till och ta bort lager. Den sitter under paletten Tools, tillsammans med Wireframe Components and Library.
-
Bibliotekspanel (dold i figur): För objekt som du planerar att använda mer än en gång, eller objekt som du importerar, till exempel bilder eller SWF-filer.
-
Wireframe Components panel (dold i figur): Ett urval av användargränssnittskomponenter som du kan lägga till på din webbplats.
-
Interaktionspanel : Här definieras vilka åtgärder som ska vidtas för knapptryckningar och andra interaktioner.
-
Egenskaper panel : Ange egenskaper för valda objekt.
-
Brödsmulor : Navigera tillbaka från att arbeta med knapptillstånd (eller tillstånd av andra komponenter) till huvudlisten. (Figuren visar bara ett brödcrumb-objekt.)
-
Tidslinjepanel : Ange rörelse för objekt, rotation, förändringar i opacitet, omformning och mer.
-
Design-Time Data Panel (dold i figur): För applikationer som kräver data kan du lägga till provdata med den här panelen.