Die Oberfläche von Flash Catalyst

aus: Flash Catalyst CS5

Kaufen

Jetzt abonnieren!

Über dieses Video

Mit diesem Video verschaffen Sie sich einen Überblick über die Bedienoberfläche von Flash Catalyst. Lernen Sie die zahlreichen und vielseitigen Panels und das HUD von Flash Catalyst kennen, die Ihnen die Arbeit erleichtern.

Kaufen

Jetzt abonnieren!

Auszug aus:

Flash Catalyst CS5

€ 39,80

Ähnliche Video-Trainings

Das neue Flash Catalyst CS5 stellt sich vor – lernen Sie in diesem Kapitel die Bedienoberfläche und die Funktionen im Überblick kennen.

Gestatten: Flash Catalyst – ein Werkzeug stellt sich vor
- Dieses Video gibt einen Überblick über Flash Catalyst CS5 und führt Sie in die wichtigsten Konzepte dieses Programms ein.
  
  Überblick über Flash Catalyst
  
  11:41
- Mit diesem Video verschaffen Sie sich einen Überblick über die Bedienoberfläche von Flash Catalyst. Lernen Sie die zahlreichen und vielseitigen Panels und das HUD von Flash Catalyst kennen, die Ihnen die Arbeit erleichtern.
  
  Die Oberfläche von Flash Catalyst
  
  06:46
- Hier wird ein neues, frisches Flash-Catalyst-Projekt erstellt. Anhand dieses Projekts lernen Sie gleichzeitig die in Flash Catalyst mitgelieferten, fertigen UI-Komponenten kennen.
  
  Neues Flash-Catalyst-Projekt
  
  12:47
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.

Los geht's: mit Flash Catalyst CS5 dort weiterarbeiten, wo andere aufhören
- In diesem Tutorial erfahren Sie, wie Sie ein Flash-Catalyst-Projekt effizient vorbereiten. Am Beispiel einer Adobe-Illustrator-Komposition werden Aspekte der Strukturierung Ihrer Inhalte beleuchtet.
  
  Vorbereiten eines Projekts und Organisation von Bildinhalten
  
  08:05
- In diesem Abschnitt erfahren Sie, wie Sie ein vorbereitetes Projekt in Flash Catalyst importieren und wie Sie Seiten definieren.
  
  Start eines vorbereiteten Projekts in Flash Catalyst
  - Ein idealer Ausgangspunkt für ein Flash-Catalyst-Projekt ist eine bestehende, gut vorbereitete Komposition aus Adobe Illustrator CS5. In Flash Catalyst können Sie direkt von dort aus mit Ihrer Arbeit loslegen.
    
    Import von Illustrator-Dateien
    
    07:36
  - Neben der inhaltlichen Unterteilung, die bereits in den Grafik- und Designprogrammen möglich und üblich ist, ermöglicht Flash Catalyst auch die Strukturierung des Ablaufs. In diesem Video wird die Anwendung in verschiedene Seiten unterteilt.
    
    Definieren von Seiten
    
    09:32
- Flash Catalyst ermöglicht die umfangreiche Gestaltung der Übergänge zwischen Status und Seiten. Wie Sie dabei vorgehen, davon erzählt dieser Abschnitt.
  
  Übergang gestalten
  - In diesem Video lernen Sie am Beispiel des TriCity-Logos, wie Sie zwischen zwei Seiten/Status verschiedene Eigenschaften definieren und diese anschließend in einem Übergang animieren.
    
    Übergang zwischen Seiten definieren
    
    09:09
  - In dieser Lektion werden Sie Schritt für Schritt durch die Arbeitsschritte geführt, um die Grafiken für die Schaltflächen der Beispielanwendung zu animieren. Das Ziel ist, dass sich die Grafiken beim Start der Anwendung langsam aufbauen.
    
    Schaltflächengrafik animieren
    
    13:02
- In diesem Abschnitt lernen Sie, wie die Seitenstruktur definiert wird, welche Vorbereitungen dafür notwendig sind und wie Sie entsprechende Anpassungen für die Inhalte der Einzelseiten vornehmen.
  
  Definition der Seitenstruktur
  - Um die Inhalte des Flash-Catalyst-Projekts weiter sinnvoll zu unterteilen, können Sie in Flash Catalyst ganz einfach benutzerdefinierte Komponenten erstellen. So behalten Sie die Übersicht über Ihre Inhalte und können sich besser auf die anstehende Aufgabe konzentrieren.
    
    Komponente für Anwendungsseiten erstellen
    
    07:19
  - Innerhalb Ihrer benutzerdefinierten Komponenten definieren Sie den Ablauf durch die Definition von Status. In diesem Video sehen Sie, wie einfach das Definieren von Status in Flash Catalyst geht.
    
    Status für Unterseiten definieren
    
    05:05
  - In dieser Lektion bekommen Sie einen Einblick, wie Sie in Flash Catalyst grafische Inhalte in UI-Komponenten umwandeln können – hier am Beispiel von Navigationsschaltflächen mit Übergangsanimation.
    
    Schaltflächen definieren und animieren
    
    10:20
  - Schaltflächen sind nur dann sinnvoll, wenn sie auch etwas "schalten": in diesem Video erleben Sie, wie einfach es ist, in Flash Catalyst Interaktionen für einen Mausklick zu definieren.
    
    Schaltflächen mit Interaktion versehen
    
    04:29
  - Für einen einfachen, plötzlichen Übergang zwischen Seiten kann man auch HTML einsetzen. Sehen Sie in diesem Kapitel, wie Sie mit Flash Catalyst komplexe, abwechslungsreiche Animationen zum Wechsel zwischen den Bereichen Ihrer Anwendung erstellen können.
    
    Aufbau der Themenseiten animieren
    
    09:32
Flash Catalyst ist keine Design-Endstation: Sie können sowohl in Flash Catalyst als auch in Ihrer Lieblings-Designanwendung weiter kreativ tätig werden. Mehr dazu in diesem Kapitel.

Und jetzt die Gestaltung ...
- Passen Sie das Erscheinungsbild der Einzelseiten Ihrer Flash-Catalyst-Anwendung an – lernen Sie in diesem Abschnitt, wie Sie Grafiken importieren oder Textinhalte erstellen.
  
  Erscheinungsbild der Seiten ausarbeiten
  - Waren beim Start des Flash-Catalyst-Projekts die Hintergrundbilder für Ihre Anwendung noch nicht fertig? Kein Problem: Sehen Sie in diesem Video, wie Sie in Flash Catalyst ganz einfach Grafiken nachträglich importieren können.
    
    Importieren von Grafiken
    
    06:14
  - Flash Catalyst verfügt als Mitglied der Flash-Plattform über die gleichen Möglichkeiten, mit Text umzugehen, wie das Flex-Framework. Verwenden Sie das einfach zu bedienende Textwerkzeug, um Text in Flash Catalyst einzufügen.
    
    Textinhalte erstellen
    
    06:34
- Tauchen Sie weiter ein in das Konzept des Skinnings, mit dem Sie in Flash Catalyst UI-Komponenten beliebig gestalten können.
  
  Eigene UI-Komponenten erstellen
  - Skinning in Flash Catalyst bzw. im unterlegten Flex Framework ermöglicht Ihnen das einfache Gestalten individueller UI-Komponenten. In diesem Video sehen Sie dies am Beispiel eines vertikalen Scrollbalkens.
    
    Scrollbalkenkomponente erstellen
    
    07:05
  - Dieses Tutorial zeigt Ihnen, wie Sie mit Hilfe eines individuell gestalteten Scrollbalkens einen langen Textbereich so modifizieren, dass er sich tatsächlich scrollen lässt – vorbei die Zeiten der statischen Simulation.
    
    Scrollbaren Textbereich definieren
    
    07:15
- Flash Catalyst befindet sich inmitten des kreativen Arbeitsablaufs, für den stetige Änderungen typisch sind. Das Ergänzen des Flash-Catalyst-Projekts durch weitere Inhalte aus Photoshop, Illustrator oder Fireworks ist kein Problem, wie Sie in diesem Abschnitt erfahren.
  
  Import weiterer Grafiken
  - Eine der wesentlichen Stärken von Flash Catalyst ist die Möglichkeit, Kompositionen aus verschiedenen Kreativprogrammen weiterzuverwenden. Sehen Sie in diesem Video, wie Sie Inhalte aus Photoshop CS5 in Flash Catalyst importieren können.
    
    Import von Photoshop-Inhalten
    
    04:54
  - Die Designabteilung schläft nicht, während Sie mit Flash Catalyst arbeiten, sondern produziert weiter neue Inhalte. Sehen Sie in diesem Tutorial, wie Sie weitere aus Adobe Illustrator CS5 stammende Inhalte in Ihr Flash-Catalyst-Projekt importieren.
    
    Import von Illustrator-Dateien
    
    02:34
  - Das FXG-Format von Adobe ist OpenSource-Technologie und kann von beliebigen Programmen als Austauschformat mit der Flash-Plattform verwendet werden. Innerhalb von CS5 verwendet Fireworks dieses Format. In diesem Kapitel werden exemplarische Fireworks-Inhalte importiert.
    
    Import von FXG-Inhalten
    
    02:10
- Gestalten Sie mit den Werkzeugen von Flash Catalyst weiter Ihre eigenen Komponenten ganz individuell. Oder müssen Schaltflächen immer wie Rechtecke aussehen?
  
  Weitergehende Gestaltung mit Komponenten
  - In diesem Video sehen Sie, wie Sie ein Navigationselement in Form einer Länderkarte erstellen und aus den Standorten der Beispielfirma individuell gestaltete Schaltflächen machen.
    
    Navigation einmal anders
    
    10:36
  - Falls mehrere gleichartige Komponenten sich in der Gestaltung nicht voneinander unterscheiden, können Sie von dem modularen Aufbau der Komponenten in Flash Catalyst profitieren – hier am Beispiel einer einfachen Unternavigation.
    
    Unternavigation einrichten
    
    06:01
  - Falls Sie in Flash Catalyst kreative Werkzeuge vermissen, die Ihnen z.B. in Adobe Illustrator zur Verfügung stehen, ist das kein Problem: Wechseln Sie einfach mitten in der Arbeit mit Flash Catalyst zu Illustrator und bearbeiten Sie dort Ihre Grafiken weiter.
    
    Roundtripping mit Illustrator
    
    03:41
Datenkomponenten lassen sich in Designkompositionen nur schwierig simulieren. Flash Catalyst schafft hier durch eigene Datenkomponenten Abhilfe, wie Sie in diesem Kapitel erfahren.

Da war doch noch was: Die Datenkomponenten
- Wiederholte, gleichförmige Daten kommen in vielen Projekten vor. Sehen Sie in diesem Video, wie Sie in Flash Catalyst unter Verwendung eines einzigen Beispieleintrags ganze Datenlisten funktionell darstellen können.
  
  Umwandlung von Inhalten in eine Datenliste
  
  06:49
- Datenlisten, die den ihnen zugedachten Raum nicht verlassen, sind schön und gut – schwieriger wird es da schon bei Datenlisten, die gescrollt werden müssen. In diesem Video sehen Sie, wie einfach so eine Scrollfunktionalität in Flash Catalyst hergestellt werden kann.
  
  Datenliste scrollbar machen
  
  04:45
- Datenlisten müssen die Daten nicht immer untereinander darstellen und so an Tabellen erinnern. Gekacheltes Layout gefällig? Eine Gestaltung, die so gut wie gar nicht mehr an Tabellen erinnert? Wie Sie in diesem Film sehen werden, ist dies in Flash Catalyst kein Problem.
  
  Gekachelte Liste erstellen
  
  06:49
- Auch komplexere, verschachtelte Datenstrukturen lassen sich in Flash Catalyst visualisieren. Dieses Video zeigt Ihnen, mit wie wenig Aufwand Sie in Flash Catalyst eine verschachtelte Liste erstellen.
  
  Verschachtelte Liste erstellen
  
  05:52
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.

Die unvermeidlichen Anpassungen: Gestaltung verfeinern
- Manche sagen, dass Filtereffekte das Salz in der Suppe einer Flash-Plattform-Anwendung seien. Flash Catalyst hilft Ihnen beim Würzen. Sehen Sie sich dazu diesen Abschnitt an.
  
  Filter verwenden
  - Schlagschatteneffekte helfen, gut dosiert, bei der Abhebung von Elementen gegenüber darunterliegenden Elementen mit ähnlicher Farbgebung. In diesem Video sehen Sie, wie in Flash Catalyst Filtereffekte wie z.B. Schlagschatten eingestellt werden.
    
    Schatteneffekt für Schrift, Logo und Menü
    
    04:39
  - Speziell bei zahlreichen Status wirkt die Perspektive, die gleichen Eigenschaften für ein Element mehrmals einstellen zu müssen, etwas abschreckend. Flash Catalyst erspart Ihnen das, indem es das Verteilen von Eigenschaften auf mehrere Status ermöglicht, wie Sie in diesem Video sehen.
    
    Änderungen statusübergreifend durchführen
    
    03:03
  - Filtereffekte wie Glühen können eine hilfreiche Ergänzung für den Benutzer sein, sich in der UI zurechtzufinden. In diesem Tutorial sehen Sie, wie Sie in Flash Catalyst so einen Glühen-Filter einer Spur eines Scrollbalkens hinzufügen.
    
    Glühen-Effekt für Schaltflächen und Scrollbar-Spuren
    
    02:46
- Flash Catalyst verfügt über die Möglichkeiten der Flash-Plattform, Elemente wie in der dritten Dimension zu animieren. Sehen Sie in diesem Video, wie Sie Elemente einer Datenliste sich scheinbar umdrehen lassen können.
  
  Definition eines 3D-Effekts
  
  10:31
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.

Medien einbinden
- In diesem Film sehen Sie, wie Sie in Flash Catalyst Videoinhalte einbetten.
  
  Video importieren und einbinden
  
  03:31
- Flash Catalyst bietet umfangreiche Möglichkeiten, die Videowiedergabe zu steuern. In diesem Video wird ein eingebettetes Video innerhalb verschiedener Statusübergänge angehalten und abgespielt.
  
  Videowiedergabe steuern
  
  05:42
- Falls Sie einzelne Komponenten mit Soundeffekten versehen wollen, bietet Flash Catalyst Ihnen hierfür die Möglichkeit von Aktionssequenzen. Diese stellen eine Allzweck-Alternative zu Statusübergängen bei der Platzierung von Interaktionen dar.
  
  Sounds und Aktionssequenzen
  
  04:23
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.

Zu guter Letzt: Veröffentlichung und Optimierung
- In diesem Video sehen Sie, wie Sie sich einerseits die Arbeit mit Flash Catalyst durch die sinnvolle Strukturierung der Inhalte vereinfachen und andererseits die Möglichkeiten von Flash Catalyst nutzen, Ihr Projekt zu optimieren.
  
  Tipps und Tricks zur Organisation und Optimierung von Inhalten
  
  11:11
- Flash Catalyst bietet die Möglichkeit, aus einem Flash-Catalyst-Projekt Inhalte in ein anderes zu übertragen. Sehen Sie dies am Beispiel der Zusammenführung zweier unterschiedlicher Projektversionen.
  
  Übertragen von Bibliotheksinhalten zwischen Projekten
  
  06:31
- Veröffentlichen Sie Ihr Projekt so, dass Sie es entweder direkt vom Dateisystem oder nach dem Hochladen auf einen Webserver ansehen können. In diesem Tutorial sehen Sie, wie das geht.
  
  Veröffentlichen des Projekts als Webanwendung
  
  04:36
- Neben der Veröffentlichung für den Browser bietet Flash Catalyst auch noch die Möglichkeit, Ihr Projekt als AIR-Installationspaket zu verpacken, das Sie als Ganzes kompakt z.B. weiter verschicken oder zum Download anbieten können.
  
  Veröffentlichung als AIR-Anwendung
  
  02:58
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.

Der Flash Builder: Flash-Catalyst-Projekte zum Leben erwecken
- In diesem Video lernen Sie den Flex-4-Code kennen, den Flash Catalyst während seiner Benutzung im Hintergrund automatisch anlegt.
  
  Der Flex-Code hinter Flash Catalyst im Überblick
  
  05:53
- In den nächsten Minuten erfahren Sie Schritt für Schritt, wie ein Flash-Catalyst-Projekt in Flash Builder übernommen wird und welche Dateien dafür verwendet werden.
  
  Öffnen von Flash-Catalyst-Projekten im Flash Builder
  
  05:39
- Lernen Sie die nötigen Einstellungen zu treffen, um im Flash Builder das Projekt mit echten Daten zu verbinden, die zunächst in Flash Catalyst lediglich mit Dummy-Daten gespeist wurden.
  
  Flash Builder für Datendienste vorbereiten
  
  04:06
- Lassen Sie sich vom Flash Builder dabei helfen, ein eigenes PHP-Skript für den Abruf von externen Daten zu generieren.
  
  PHP-Skript generieren
  
  06:06
- Verschaffen Sie sich in diesem Tutorial einen Überblick, auf welche Art und Weise Datendienste im Flash Builder verwaltet werden.
  
  Überblick der Datendienste im Flash Builder
  
  04:37
- Im Projekt soll mit Hilfe des Flash Builders ein Datendienst integriert werden, der kurz nach dem Start der Anwendung die Liste aller Studios lädt. Sehen Sie selbst, wie die anschließende Auswertung funktioniert.
  
  Datendienste einrichten
  
  07:08
- Das Projekt soll durch Interaktionen, die von Flash Catalyst bereits vorgesehen sind, sinnvoll erweitert werden, so dass Sie stetig den Funktionsumfang Ihrer Anwendung ergänzen können. Wie Sie dabei vorgehen, zeigt dieses Tutorial.
  
  Interaktionen anpassen
  
  07:51
- Wie Sie die von Flash Catalyst angelegten Designzeitdaten im Flash Builder durch echte Laufzeitdaten ersetzen können, ist Gegenstand dieser Lektion. Doch zunächst sehen Sie mal, wo Flash Catalyst diese Daten angelegt hat.
  
  Designzeitdaten umwandeln
  
  07:54
Nun gehts an die Praxis – lernen Sie hier Schritt für Schritt verschiedene Anwendungsszenarien kennen, die Sie in Flash Catalyst umsetzen werden.

Anwendungsbeispiele
- In diesem Beispiel soll ein Videoplayer fünf verschiedene Videos abspielen. Sehen Sie sich die dafür notwendigen Schritte in den folgenden Filmen an.
  
  Fünf ozeanische Videos
  - In dieser Lektion erhalten Sie eine Einführung und einen Überblick des Beispiels "5 ozeanische Videos" – ein Videoplayer spielt fünf verschiedene Videos ab.
    
    Ein Videoplayer für mehrere Videos
    
    01:15
  - Der richtige Umgang mit Komponenten und das richtige Duplizieren erspart Ihnen eine Menge Arbeit. In diesem Video erfahren Sie, auf was Sie dabei achten müssen.
    
    Benutzerdefinierte Komponenten als Schaltflächen
    
    03:55
  - Damit Schaltflächen die Videos im Videoplayer steuern können, müssen sie bei der Interaktion eine Aktionssequenz wiedergeben. Diese Aktionssequenz stoppt das bereits laufende Video, ändert die Eigenschaften und definiert dort eine neue Quelle für den Videoplayer.
    
    Videos an den Videoplayer anbinden
    
    02:34
- 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.
  
  Klavier
  - Dieser Film stellt im Überblick das Übungsbeispiel "Klavier" vor – eine Einführung.
    
    Ein Klavier, erstellt in Illustrator und Catalyst
    
    01:01
  - Um die einzelnen Status einer Schaltfläche in Catalyst zur Verfügung zu haben, muss die Vorarbeit in Illustrator geleistet werden. Das geschieht entweder über einzelne Objekte oder ganz elegant mit Symbolen.
    
    Schneller Schaltflächen in Illustrator erstellen
    
    01:36
  - Die Klaviertaste wird mit Hilfe der Symbole aus Illustrator gezeichnet, in Catalyst optimiert und in eine Schaltfläche verwandelt. Über eine Aktionssequenz wird diese mit der entsprechenden Note verbunden. Sehen Sie selbst.
    
    Die Klaviertaste mit Ton verbinden
    
    03:31
- Erstellen Sie Ihre eigene Soundmachine – lernen Sie in diesem Anwendungsbeispiel, wie Sie Bibliotheken verwenden und wie Sie Deckkraft von Status animieren.
  
  Soundmachine
  - Die Soundmachine ist eine Anwendung, die auf Mausbewegungen reagiert und audio-visuelles Feedback liefert. Sehen Sie hier einen Überblick über die Anwendung.
    
    Die Soundmachine im Browser
    
    01:18
  - Wir benutzen die Bibliothek in Catalyst, um Arbeitsmaterialien einfach und elegant von Projekt zu Projekt weiterzugeben. Sie hilft uns auch, mehr Ordnung und eine bessere Übersicht zu behalten – sehen Sie selbst.
    
    Verwenden der Bibliothek
    
    04:02
  - In diesem Film wird eine benutzerdefinierte Komponente erstellt, die zwei Status mit verschiedener Deckkraft hat. Eine Animation erfolgt zwischen diesen beiden Status. Diese Komponente wird mit einer Sounddatei verknüpft – das ist der Trick hinter der Soundmachine.
    
    Animierte, benutzerdefinierte Komponenten erstellen
    
    04:24
- Wir verwenden benutzerdefinierte Komponenten mit einer Deckkraft von 0, um den Effekt zu erzeugen, als ob Objekte unserem Mauszeiger folgen würden. In diesem Beispiel geht es um einen Ball.
  
  Völkerball
  
  03:50
- Die Rechtecke haben Angst vor dem Mauszeiger: Eine benutzerdefinierte Komponente mit einer Deckkraft von 0, also quasi unsichtbar, erkennt, wann sich der Mauszeiger über einer bestimmten Region der Zeichenfläche befindet und schickt die Applikation dann in einen anderen Status.
  
  Scary Squares
  
  03:29
- Dieses Beispiel widmet sich der technischen Umsetzung des Spiels "Entenschießen". Staunen Sie, wie einfach auch eine Auswertung des Spielergebnisses zu berechnen ist.
  
  Entenschießen
  - In diesem Video erhalten Sie einen Überblick über das Übungsbeispiel. Sehen Sie, was Sie in den folgenden Videos erwartet.
    
    Entenschießen – eine Einführung
    
    01:18
  - Für eine bessere Übersicht und ein leichteres Verständnis bauen wir das Beispiel mit einfachen Rechtecken direkt in Catalyst nach. Der Punktestandanzeiger entsteht aus einer benutzerdefinierten Komponente mit vier Status.
    
    Nachbauen in Catalyst
    
    06:02
  - Die gelben Komponenten bekommen verschiedene Interaktionen. Zum einen wechseln sie die Status des Punktestandanzeigers, zum anderen werden Aktionssequenzen abgespielt, welche die gelben Rechtecke beim Klick, also beim Treffer, verschwinden lassen. Sehen Sie selbst.
    
    Hinzufügen von Interaktionen
    
    02:23
  - Zum Schluss wird der Osterhase noch als Startknopf der Anwendung angebunden und das Spiel im Browser getestet.
    
    Test im Browser
    
    00:58

Die Oberfläche von Flash Catalyst

aus: Flash Catalyst CS5

Über dieses Video

Auszug aus:

Filminformationen

Herzlich Willkommen bei video2brain!

Other sites. Otros sitios. Autres sites.