Video: Adobe Flash Catalyst CS5 Demo 2024
Adobe Flash Catalyst Creative Suite 5 kan het maken van Flash-websites of desktoptoepassingen eenvoudig maken. U kunt beginnen met het maken van uw ontwerp in Photoshop of Illustrator en het resulterende bestand in Catalyst importeren. Vervolgens kunt u het volgende doen:
-
Maak knoppen die veranderen terwijl de gebruiker de muiscursor boven de muis beweegt of erop klikt (net zoals knoppen in Flash).
-
Voeg knoppen, schuifregelaars en andere componenten van de gebruikersinterface toe die linken naar andere locaties of andere fantastische trucs uitvoeren.
-
Voeg animatie toe, zoals bewegende componenten op en van het scherm.
-
Ontwikkel een volledige site met meerdere pagina's.
-
Voeg eenvoudig geanimeerde overgangen toe, zoals het vergroten, verkleinen, roteren of verplaatsen van objecten of het vervagen van objecten of pagina's in en uit.
In grotere projecten waarvoor programmacode vereist is (zoals desktoptoepassingen of door databases gestuurde websites), maakt Catalyst het voor de ontwerper en de ontwikkelaar gemakkelijk om soepel te werken. De ontwikkelaar kan de informatie van Flash Catalyst direct gebruiken in Adobe Flash Builder, een programma voor het toevoegen van ActionScript. De ontwerper kan vervolgens wijzigingen die in Builder zijn aangebracht, opnemen in Flash Catalyst-bestanden.
In de figuur ziet u Catalyst met een voorbeeld van een website ontworpen in Photoshop en omgevormd tot een interactieve website. U kunt de originele site vinden op www. tellnshow. com.
Met dank aan Ellen Finkelstein voor toestemming om haar website als voorbeeld te gebruiken.
Als u een artiest bent die in Adobe Fireworks werkt, kunt u ook communiceren met Catalyst met behulp van bestanden die zijn opgeslagen in de FXG-indeling. (Kies Opdrachten → Exporteren naar FXG in het menu Fireworks.) Deze bestanden ondersteunen momenteel echter geen lagen. Als u Fireworks-bestanden in Catalyst wilt gebruiken, is het misschien het gemakkelijkst om ze in Photoshop-indeling te exporteren om lagen te behouden voordat ze in Catalyst worden geïmporteerd.
Het Catalyst-scherm bestaat uit het volgende:
-
Artboard : net als het werkgebied in Flash: waar u uw hoofdontwerp uitvoert.
-
Heads-up Display (HUD) : gebruik dit donkere zwevende paneel om objecten gemakkelijk te converteren. Het verandert op basis van wat u selecteert.
-
Tools-palet : container voor selectiegereedschappen, basisvormen, zoom, tekst en een rotatiegereedschap.
-
Lagenpaneel : lagen opnieuw rangschikken, weergeven en vergrendelen, evenals lagen toevoegen en verwijderen. Het bevindt zich onder het palet Tools, samen met Wireframe Components en Library.
-
Bibliotheekpaneel (verborgen in de figuur): Voor objecten die u meerdere keren wilt gebruiken of voor objecten die u importeert, zoals afbeeldingen of SWF-bestanden.
-
Wireframe-componentenpaneel (verborgen in de figuur): een selectie van gebruikersinterfacecomponenten die u aan uw website kunt toevoegen.
-
Interactions-scherm : waar u definieert welke actie moet worden ondernomen voor knopklikken en andere interacties.
-
Venster Eigenschappen : eigenschappen instellen voor geselecteerde objecten.
-
Breadcrumbs : navigeer terug van werken met knopstatussen (of toestanden van andere componenten) naar het hoofdartboard. (De afbeelding toont slechts één paneermeelonderdeel.)
-
Tijdlijnpaneel : geef de verplaatsing van objecten, rotatie, wijzigingen in dekking op, formaat wijzigen en meer.
-
Design-Time Data-scherm (verborgen in de figuur): voor toepassingen waarvoor gegevens vereist zijn, kunt u voorbeeldgegevens toevoegen met behulp van dit paneel.