Agadoo - Photoshop - Gifs mit Photoshop und ImageReady erstellen

Photoshop - Gifs mit Photoshop und ImageReady erstellen

Sie wollen ein animiertes gif erstellen, z.B. für ein Logo oder eine Webseiten-Banner.
Hier wird Ihnen gezeigt wie man mittels Ebenen in Photoshop und ImageReady ein Internet-Gif erstellen kann.
Begonnen wird zunächst mit Photoshop.
Wir erstellen in diesem Beispiel einen Text, der sich Buchstabe für Buchstabe aufbaut.
Genauso können natürlich auch Grafiken eingesetzt werden, die sich bewegen sollen.

	Schritt 1: Zuerst sollten man eine gewünschte neue Grafik mit den entsprechenden Abmessungen erstellen die gewünscht sind. Für ein Banner wäre dies zum Beispiel 468 x 60 Pixel (Datei \| Neu).
	Schritt 2: In dem Ebenenfenster (Fenster \| Ebenen) sehen wir eine Ebene, je nach Einstellung eine Hintergrundebene. Mittels des Textwerkzeugs schreiben wir nun "Fotografie". Diese Ebene können wir nun mittels der rechten Maustaste und dem Befehl "Ebene duplizieren" 9 mal anlegen. Sofern dies geschehen ist, geht ihr auf jede Ebene und löscht jeweils einen Buchstaben. Die Reihenfolge ist erstmal egal, da diese später erst in ImageReady zum tragen kommt und manuel vergeben wird (siehe Beispiel). Info: Genauso kann dies auch mit Grafiken gemacht werden, und auf jeder Ebene kann an dieser Grafik eine Änderung vollzogen werden, so dass beim späteren Ablauf eine Bewegung entsteht. So nun speichern wir die Grafik als .psd-Datei und können Photoshop schliessen. Wichtig: Die Hintergrundfarbe sollte auf der untersten Ebene angegeben werden, da es sonst beim Erstellen des animierten gifs zu unschönen Rändern kommen kann.
	Schritt 3: Wir rufen nun ImageReady auf und die eben erstelle PSD-Datei. Über das Menü sollte wir dann, sofern noch nicht angezeigt das Fenster \| Animation aktivieren. In dem Fenster Animation finden wir das Icon "dupliziert aktuellen Frame", diesen duplizieren wie dann auch 9 mal. Nun klicken wir in das jeweilige Animationsfenster und anschliessend in die entsprechende Ebene (wurden von Photoshop übernommen) und aktivieren dort mittels dem "Auge" die gewünschte Ebene (die ungenutzten können deaktiviert werden). Dies wiederholen wir entsprechend auf jeder Annimatonsebene.
	Schritt 4: In der Animationsleiste kann bei jedem Einzelbild/Animation eine Frame-Verzögerung ausgewählt werden. Diese sorgt wie der Name schon sagt für eine Verzögerung oder Beschleunigung des Animationsablaufs beim gif. Wenn auch dies erledigt ist kann man im Prinzip die Datei nun speichern. Dafür gehen wir unter Datei \| optimiert-Version speichern unter

	Schritt 1: Zuerst sollten man eine gewünschte neue Grafik mit den entsprechenden Abmessungen erstellen die gewünscht sind. Für ein Banner wäre dies zum Beispiel 468 x 60 Pixel (Datei \| Neu).
	Schritt 2: In dem Ebenenfenster (Fenster \| Ebenen) sehen wir eine Ebene, je nach Einstellung eine Hintergrundebene. Mittels des Textwerkzeugs schreiben wir nun "Fotografie". Diese Ebene können wir nun mittels der rechten Maustaste und dem Befehl "Ebene duplizieren" 9 mal anlegen. Sofern dies geschehen ist, geht ihr auf jede Ebene und löscht jeweils einen Buchstaben. Die Reihenfolge ist erstmal egal, da diese später erst in ImageReady zum tragen kommt und manuel vergeben wird (siehe Beispiel). Info: Genauso kann dies auch mit Grafiken gemacht werden, und auf jeder Ebene kann an dieser Grafik eine Änderung vollzogen werden, so dass beim späteren Ablauf eine Bewegung entsteht. So nun speichern wir die Grafik als .psd-Datei und können Photoshop schliessen. Wichtig: Die Hintergrundfarbe sollte auf der untersten Ebene angegeben werden, da es sonst beim Erstellen des animierten gifs zu unschönen Rändern kommen kann.
	Schritt 3: Wir rufen nun ImageReady auf und die eben erstelle PSD-Datei. Über das Menü sollte wir dann, sofern noch nicht angezeigt das Fenster \| Animation aktivieren. In dem Fenster Animation finden wir das Icon "dupliziert aktuellen Frame", diesen duplizieren wie dann auch 9 mal. Nun klicken wir in das jeweilige Animationsfenster und anschliessend in die entsprechende Ebene (wurden von Photoshop übernommen) und aktivieren dort mittels dem "Auge" die gewünschte Ebene (die ungenutzten können deaktiviert werden). Dies wiederholen wir entsprechend auf jeder Annimatonsebene.
	Schritt 4: In der Animationsleiste kann bei jedem Einzelbild/Animation eine Frame-Verzögerung ausgewählt werden. Diese sorgt wie der Name schon sagt für eine Verzögerung oder Beschleunigung des Animationsablaufs beim gif. Wenn auch dies erledigt ist kann man im Prinzip die Datei nun speichern. Dafür gehen wir unter Datei \| optimiert-Version speichern unter