Inhalt
Home
Grundbegriffe
Werkzeuge 1
Werkzeuge 2
Texte
Sign Tags
Projekte 1
Projekte 2
Projekte 3
Teddybären
Rahmen
Tiere
Blumen
Ostern
Weihnachten
Animationen
 E-Mail

 Links

 


Photoshop

Grundbegriffe

 

Einführung in Animationen

 

Eine Animation ist eine Sequenz von Bildern oder Frames, die in einem bestimmten Zeitabschnitt angezeigt wird. Jeder Frame unterscheidet sich geringfügig von dem vorherigen, sodass beim Anzeigen der Frames in schneller Folge die Illusion von Bewegung entsteht.

Ebenen sind bei der Erstellung von Animationen in ImageReady wesentlich. Wenn Sie jedes Element einer Animation auf einer eigenen Ebene platzieren, können Sie Position und Erscheinungsbild des Elements über eine Reihe von Frames hinweg mit den Befehlen und Optionen der Ebenen-Palette ändern.

 

Erstellen

 Verwenden Sie zum Erstellen von Animationsframes aus einem Originalbild mit mehreren Ebenen die Animation-Palette zusammen mit der Ebenen-Palette. Sie können jedem Frame eine Verzögerung zuweisen, mit dem Befehl "Dazwischen einfügen" neue Frames erstellen und Wiederholungen für die Animation festlegen.

Beachten Sie, dass ein Bild mehrere Animationen haben kann, die mit verschiedenen Rollover-Status verbunden sind. So wird z. B. durch Hinzufügen einer Animation zum Rollover-Status "Normal" die Animation abgespielt, wenn die Webseite zum ersten Mal mit einem Web-Browser geladen wird. Wird die Animation einem anderen Rollover-Status hinzugefügt, so wird die Animation nur dann abgespielt, wenn der Web-Benutzer die angegebene Aktion durchführt (z. B. Bewegen der Maus über oder Klicken auf das Rollover). Prüfen Sie vor dem Erstellen einer Animation in der Rollover-Palette, ob der gewünschte Status ausgewählt wurde.

 

Ebenen

 In ImageReady sind Ebenen der Schlüssel zum Erstellen von Animationen. Jeder neue Frame ist zunächst ein Duplikat des vorherigen Frames. Durch das Einstellen der Ebenen wird der Frame bearbeitet. Sie können Ebenenänderungen auf einen einzelnen Frame, eine Gruppe von Frames oder die gesamte Animation anwenden.

 

Prüfen

 Beim Anzeigen einer Animation sehen Sie die Frames als Sequenz innerhalb eines bestimmten Zeitraums. Sie können sich eine Vorschau einer Animation in ImageReady oder in einem Web-Browser ansehen.

So zeigen Sie eine Animation in ImageReady an

1 Klicken Sie auf der Animation-Palette auf das Symbol "Abspielen". Die Animation wird im Dokumentfenster angezeigt. Die Animation wird endlos wiederholt, sofern Sie nicht im Dialogfeld "Abspieloptionen" einen anderen Wiederholungswert angegeben haben

2 Um die Animation anzuhalten, klicken Sie auf das Symbol "Stopp".

3 Um die Animation zurückzuspulen, klicken Sie auf das Symbol "Zurückspulen".

So zeigen Sie die Vorschau einer Animation in einem Browser an

1 Klicken Sie in der Werkzeugpalette auf das Werkzeug "Vorschau in Standardbrowser", oder wählen Sie "Datei" > "Vorschau in", und wählen Sie aus dem Untermenü einen Browser.

2 Mit den Browser-Befehlen "Stopp" und "Erneut laden" können Sie die Animation anhalten bzw. erneut abspielen.

 

Optimieren

 Sie können Optimierungseinstellungen auf animierte Bilder genauso anwenden wie auf nicht animierte Bilder. Eine Animation sollte immer im GIF-Format optimiert werden, da GIF das einzige Format in ImageReady ist, das die Anzeige animierter Bilder im Web unterstützt.

Hinweis: Sie können ein Bild mit Animation zwar im JPEG- oder PNG-Format optimieren, jedoch wird die Animation durch diese Formate nicht unterstützt. Auf der resultierenden Web-Seite wird dann nur der erste Frame der Animation angezeigt.

Zusätzlich zu den Standard-Optimierungsoptionen für das GIF-Format können Sie Frames so optimieren, dass sie nur Bereiche enthalten, die sich von Frame zu Frame ändern. (Dadurch wird die Größe der animierten GIF-Datei beträchtlich reduziert.) Von ImageReady wird außerdem eine besondere Dithering-Technik auf Animationen angewendet, damit Dither-Muster in allen Frames konsistent sind und beim Abspielen kein Flimmern auftritt. Wegen dieser zusätzlichen Optimierungsfunktionen benötigt ImageReady ggf. mehr Zeit zum Optimieren einer animierten GIF-Datei als zum Optimieren einer Standard-GIF-Datei.

So optimieren Sie ein animiertes Bild

1 Wählen Sie aus dem Menü der Animation-Palette die Option "Animation optimieren".

2 Stellen Sie die folgenden Optionen ein

·  "Begrenzungsrahmen", um in jedem Frame den Bereich freizustellen, der gegenüber dem vorherigen Frame geändert wurde. Mit dieser Option erstellte Animationsdateien sind kleiner, jedoch nicht mit GIF-Editoren kompatibel, die die Option nicht unterstützten. (Diese Option ist standardmäßig ausgewählt und wird empfohlen.)

·  "Entfernen redundanter Pixel", um alle Pixel in einem Frame, die im vorhergehenden Frame nicht geändert wurden, transparent zu machen. Diese Option ist standardmäßig ausgewählt und wird empfohlen. "Transparenz" muß auf der Optimieren-Palette ausgewählt sein, damit redundante Pixel entfernt werden können (

Wichtig: Stellen Sie die Frame-Entfernungsmethode auf "Automatisch" ein, wenn Sie die Option "Entfernen redundanter Pixel" verwenden

3 Klicken Sie auf "OK".

 

Anzeigen von animierten Bildern

 Wenn Sie in Photoshop eine Datei mit einer Animation öffnen, wird nur der Frame angezeigt, der beim Speichern der Datei in ImageReady ausgewählt war. Sie können die Animationsframes nicht einzeln bearbeiten. Außerdem können Sie die Animation nicht abspielen oder als animierte GIF-Datei speichern.

Wenn Sie der Datei in Photoshop eine neue Ebene hinzufügen, wird die Ebene allen Frames der Animation hinzugefügt. Die neue Ebene wird jedoch nur im ausgewählten Frame angezeigt, wenn Sie die Datei erneut in ImageReady öffnen. Wenn Sie die Stapelreihenfolge von Ebenen in Photoshop ändern, wird sie beim erneuten Öffnen der Datei in ImageReady geändert.

 

Speichern

Sie können eine Animation als eine Reihe von GIF-Dateien oder als QuickTimeTM-Film speichern.

 

Öffnen und Importieren von Dateien als Animationen

 Mit den Animationsfunktionen in ImageReady können Sie animierte GIF-Dateien, Photoshop-Dateien mit mehreren Ebenen und QuickTime-Filme bearbeiten. 

 

News