Flash Catalyst CS5 Das umfassende Training

Transkript

1 Flash Catalyst CS5 Das umfassende Training Flash Catalyst befindet sich wie eine Radnabe im Zentrum der Design-Anwendungen Photoshop, Illustrator, Fireworks und Flash sowie auf der anderen Seite den entwicklerbasierten Anwendungen wie Flash-Builder und dem Flex-SDK. Es schafft somit den Brückenschlag zwischen Designern und Entwicklern. Dieses Video-Training führt in die neuen Arbeitsabläufe von Grund auf ein und lässt alle, die seit langem sehnsüchtig auf Catalyst richtig durchstarten. Der Clou: ein ganzes Kapitel voll mit den besten Tricks direkt aus den Adobe Labs! Ihr(e) Trainer: Alex Ciorapciu, Constantin Ehrenstein ISBN Flash Catalyst CS5 ist der jüngste Neuzugang zur Creative Suite von Adobe und ermöglicht Ihnen, ohne das Schreiben das Code beeindruckende interaktive Web- oder Desktop-Anwendungen auf Grundlage Ihrer Illustrator-, Photoshopoder Fireworks-Kompositionen zu erstellen. Dieses Video-Training bringt Sie bei der Nutzung von Flash Catalyst CS5 auf Touren. Zunächst gibt Constantin Ehrenstein einen Überblick über dieses tolle neue Werkzeug, dann führt er Sie Schritt für Schritt durch ein praxisnahes Beispiel für eine Web-Anwendung und macht Sie so leicht verständlich mit den Funktionen von Flash Catalyst bekannt. Im abschließenden Kapitel plaudert Alex Ciorapciu, Adobe System Engineer, aus der Entwicklerküche und zeigt in Workshops, was Catalyst darüber hinaus noch alles kann Aus dem Inhalt: Gestatten: Flash Catalyst ein Werkzeug stellt sich vor Das neue Flash Catalyst CS5 stellt sich vor lernen Sie in diesem Kapitel die Bedienoberfläche und die Funktionen im Überblick kennen und sehen Sie, wie neues, frisches Projekt entsteht. Los geht's: mit Flash Catalyst CS5 dort weiterarbeiten, wo andere aufhören Starten Sie mit einem Flash-Catalyst-Projekt und lernen Sie, welche Vorbereitungen dafür erforderlich sind. Dieses Kapitel zeigt zudem, wie Sie Übergänge gestalten und wie Sie die Seitenstruktur definieren. Und jetzt die Gestaltung... Flash Catalyst ist keine Design-Endstation: Sie können sowohl in Flash Catalyst als auch in Ihrer Lieblings-Designanwendung weiter kreativ tätig werden. Dazu gehört die Ausarbeitung des Erscheinungsbilds Ihrer Seiten, das Erstellen eigener UI-Komponenten, das Importieren von Grafiken und vieles mehr. Da war doch noch was: Die Datenkomponenten Datenkomponenten lassen sich in Designkompositionen nur schwierig simulieren. Flash Catalyst schafft hier durch eigene Datenkomponenten Abhilfe, wie Sie in diesem Kapitel erfahren. Die unvermeidlichen Anpassungen: Gestaltung verfeinern Zum interaktiven Designprozess gehört, dass Sie auch in Flash Catalyst die Gestaltung Ihres Projekts verfeinern können. Hier stehen Ihnen mannigfaltige Möglichkeiten der Flash-Plattform zur Verfügung, z.b. Filtereffekte und 3D. 1 / 5

2 Medien einbinden Eine der besonderen Stärken der Flash-Plattform ist der Umgang mit multimedialen Inhalten. Lernen Sie in diesem Kapitel, wie Sie Videos importieren, die Wiedergabe steuern und Sounds hinzufügen. Zu guter Letzt: Veröffentlichung und Optimierung Am Schluss des Arbeitsablaufs mit Flash Catalyst steht in vielen Fällen direkt die Veröffentlichung, und sei es nur, um die Kundschaft einmal drüberschauen zu lassen. Erfahren Sie in diesem Kapitel Tipps und Tricks zur Organisation und Optimierung von Inhalten, wie Sie Bibliotheksinhalte zwischen Projekten übertragen, AIR-Anwendungen veröffentlichen und einiges mehr. Der Flash Builder: Flash-Catalyst-Projekte zum Leben erwecken In diesem Kapitel lernen Sie den Flash Builder kennen sehen Sie, wie Sie eine Flash-Catalyst-Anwendung mit Echtzeitdaten von einem Server befüllen. Unter anderem erhalten Sie hier auch Einblicke in den automatisch generierten Flex-Code. Anwendungsbeispiele Lernen Sie hier Schritt für Schritt verschiedene ungewöhnliche Anwendungsszenarien kennen, die Sie in Flash Catalyst auch umsetzen können: Fünf ozeanische Videos In diesem Beispiel soll ein Videoplayer fünf verschiedene Videos abspielen. Sehen Sie sich die dafür notwendigen Schritte in diesem Abschnitt an. Klavier Dieses Beispiel beschäftigt sich mit der Kreation eines Klaviers. Die Erstellung des Designs erfolgt in Illustrator, Optimierung und Animation werden in Flash Catalyst weitergeführt. Soundmachine Erstellen Sie Ihre eigene Soundmachine lernen Sie in diesem Anwendungsbeispiel, wie Sie Bibliotheken verwenden und wie Sie Deckkraft von Status animieren. Entenschießen Dieses Beispiel widmet sich der technischen Umsetzung des Spiels "Entenschießen". Staunen Sie, wie einfach auch eine Auswertung des Spielergebnisses zu berechnen ist. Voraussetzungen: 512 MB RAM DVD-Laufwerk Soundkarte, Lautsprecher bzw. Kopfhörer Bildschirmauflösung mind. 1024x768 Windows XP/Vista oder Mac OS X Pentium 4 ab 2,6 GHz oder G5 Inhaltsverzeichnis Gestatten: Flash Catalyst ein Werkzeug stellt sich vor 2 / 5

3 Überblick über Flash Catalyst 11:41 Die Oberfläche von Flash Catalyst 06:46 Neues Flash-Catalyst-Projekt 12:47 Los geht's: mit Flash Catalyst CS5 dort weiterarbeiten, wo andere aufhören Vorbereiten eines Projekts und Organisation von Bildinhalten 08:05 Start eines vorbereiteten Projekts in Flash Catalyst Import von Illustrator-Dateien 07:36 Definieren von Seiten 09:32 Übergang gestalten Übergang zwischen Seiten definieren 09:09 Schaltflächengrafik animieren 13:02 Definition der Seitenstruktur Komponente für Anwendungsseiten erstellen 07:19 Status für Unterseiten definieren 05:05 Schaltflächen definieren und animieren 10:20 Schaltflächen mit Interaktion versehen 04:29 Aufbau der Themenseiten animieren 09:32 Und jetzt die Gestaltung... Erscheinungsbild der Seiten ausarbeiten Importieren von Grafiken 06:14 Textinhalte erstellen 06:34 Eigene UI-Komponenten erstellen Scrollbalkenkomponente erstellen 07:05 Scrollbaren Textbereich definieren 07:15 Import weiterer Grafiken Import von Photoshop-Inhalten 04:54 Import von Illustrator-Dateien 02:34 Import von FXG-Inhalten 02:10 Weitergehende Gestaltung mit Komponenten Navigation einmal anders 10:36 Unternavigation einrichten 06:01 Roundtripping mit Illustrator 03:41 Da war doch noch was: Die Datenkomponenten Umwandlung von Inhalten in eine Datenliste 06:49 Datenliste scrollbar machen 04:45 Gekachelte Liste erstellen 06:49 Verschachtelte Liste erstellen 05:52 3 / 5

4 Die unvermeidlichen Anpassungen: Gestaltung verfeinern Filter verwenden Schatteneffekt für Schrift, Logo und Menü 04:39 Änderungen statusübergreifend durchführen 03:03 Glühen-Effekt für Schaltflächen und Scrollbar-Spuren 02:46 Definition eines 3D-Effekts 10:31 Medien einbinden Video importieren und einbinden 03:31 Videowiedergabe steuern 05:42 Sounds und Aktionssequenzen 04:23 Zu guter Letzt: Veröffentlichung und Optimierung Tipps und Tricks zur Organisation und Optimierung von Inhalten 11:11 Übertragen von Bibliotheksinhalten zwischen Projekten 06:31 Veröffentlichen des Projekts als Webanwendung 04:36 Veröffentlichung als AIR-Anwendung 02:58 Der Flash Builder: Flash-Catalyst-Projekte zum Leben erwecken Der Flex-Code hinter Flash Catalyst im Überblick 05:53 Öffnen von Flash-Catalyst-Projekten im Flash Builder 05:39 Flash Builder für Datendienste vorbereiten 04:06 PHP-Skript generieren 06:06 Überblick der Datendienste im Flash Builder 04:37 Datendienste einrichten 07:08 Interaktionen anpassen 07:51 Designzeitdaten umwandeln 07:54 Anwendungsbeispiele Fünf ozeanische Videos Ein Videoplayer für mehrere Videos 01:15 Benutzerdefinierte Komponenten als Schaltflächen 03:55 Videos an den Videoplayer anbinden 02:34 Klavier Ein Klavier, erstellt in Illustrator und Catalyst 01:01 Schneller Schaltflächen in Illustrator erstellen 01:36 Die Klaviertaste mit Ton verbinden 03:31 Soundmachine 4 / 5

5 Die Soundmachine im Browser 01:18 Verwenden der Bibliothek 04:02 Animierte, benutzerdefinierte Komponenten erstellen 04:24 Völkerball 03:50 Scary Squares 03:29 Entenschießen Entenschießen eine Einführung 01:18 Nachbauen in Catalyst 06:02 Hinzufügen von Interaktionen 02:23 Test im Browser 00:58 5 / 5