• 
• 
• 
• 
• 
• 
• 
• 3

September 2009

Flash Catalyst

Praxis-Tutorial: Basiskonzepte und Workflows

(Link zum Artikel: http://www.createordie.de/cod/artikel/2575)

Flash Catalyst ist ein neues Produkt aus der Designwerkzeugfamilie von Adobe. Damit können ohne großen Zeitaufwand Bedieneroberflächen und interaktive Inhalte ohne tiefgreifende Programmierkenntnisse erstellt werden. Ob es um Webseitengestaltung, Design Portfolios oder Interfaces für Rich-Internet-Applikationen geht – Flash Catalyst ermöglicht es Designern, lauffähige Produkte oder Prototypen basierend auf Flash zu kreieren, ohne aktiv Code schreiben zu müssen.

Text: Diane Sieger

Dieses Tutorial bietet jenen, die bereits mit Photoshop vertraut sind, einen Einstieg in die Basiskonzepte und Workflows der Betaversion von Flash Catalyst. Am simplen Beispiel des Interfaces, einer Anwendung zur Darstellung von Fotos, werden wir uns anschauen, wie man:

• eine .psd-Datei in Flash Catalyst importiert
• eine statische Datei in eine interaktive Bedieneroberfläche verwandelt und
• das fertiggestellte Projekt in einer .swf-Datei veröffentlicht

Zum Mitmachen braucht man:

• Adobe Flash Catalyst beta
• Adobe Flash Player 10
• Die Beispieldateien (littlewellington.fxp; little-wellington.psd)
• Grundkenntnisse in Photoshop

Vor dem Start: Achtung Beta

Dieses Tutorial funktioniert mit der derzeitig von Adobe zur Verfügung gestellten Betaversion. Durch mögliche Änderungen müssen unter Umständen in Kürze manche Schritte leicht verändert werden, um dieselbe Funktionalität zu entwickeln. Bevor wir jedoch starten, zunächst einmal einige Hintergrundinformationen.

In der Betaversion von Flash Catalyst kann man Dateien, die mit Photoshop oder Illustrator erstellt wurden, direkt importieren. Fireworks-Nutzer stellen jedoch eine Ausnahme dar: Sie müssen ihr Layout zunächst als .fxg-Datei exportieren und sie dann in Catalyst einfügen. Adobe hat dazu aktualisierte Fireworks-Exportskripte bereitgestellt, die den .fxg-Export in Richtung Flash Catalyst deutlich verbessern.

Um Dateien reibungslos bearbeiten zu können, empfiehlt es sich, eine gewisse Ordnung zu wahren, d. h. Ebenen und Ebenengruppen logisch aufzubauen und sorgfältig zu benennen. In der Betaversion sind einige Funktionalitäten noch stark eingeschränkt, doch gibt sie bereits ein gutes Gefühl dafür, was in der finalen Version zu erwarten ist.

Wer mit den Produkten aus Adobes Creative Suite vertraut ist, wird sich in Flash Catalyst schnell heimisch fühlen. Bereits beim ersten Öffnen des Programms fällt die Ähnlichkeit zu Dreamweaver, Flash und Co. auf. Zum Starten der Kreation unserer Flash-Anwendung wählen wir "Create New Project from Design File – From Adobe Photoshop PSD File" aus (Abb. 1) und öffnen die Datei mit dem Titel "little-wellington.psd". Die zur Auswahl stehenden Import-Optionen übernehmen wir, indem wir "ok" klicken. Die Größe mit 800x600 Pixeln entspricht bereits unserer Zielvorstellung, und wir sind in der Lage, die vorhandenden Layer in Flash Catalyst zu bearbeiten.

• 1
• 2
• 3

 

• Gute Kommentare werden belohnt.
•   (optional)
•   (Kommentar abonnieren/Gravatar - wird nicht veröffentlicht)
•    Benachrichtige mich bei nachfolgenden Kommentaren per E-Mail
• Dein Kommentar (HTML- und sonstige Codeelemente werden nicht angezeigt)
• -+
• 

• adobe,
• catalyst,
• designer,
• developer,
• flash