Wie erstelle ich eine einfache Animation mit Image Ready

June 19

Webanimationen können das Erscheinungsbild Ihrer Website verbessern. Sie brauchen keine teure Animationprogramm um sie entweder zu erstellen. Den letzten Jahren ausgeliefert Photoshop ein außerordentlicher-Programm namens Bild bereit, die Photoshop-Ebenen in Animationen in wenigen einfachen Schritten konvertiert.

Anweisungen

1 Planen Sie Ihre Animation. Storyboard-Ihre wichtigsten Bilder mit ein paar einfachen Thumbnails. Dies spart viel Zeit, die sonst rückgängig zu machen und zur Festsetzung Ihrer Datei ausgegeben werden könnte.

2 Montieren Sie die Bild/Animation-Elemente in Photoshop. Halten Sie die wichtigsten Elemente auf separaten Ebenen. Einfache Bewegung Animationen wo nur Position und Drehung ändern können so wenig wie eine Ebene erfordern. Für Formänderungen (zum Beispiel ein Läufer Beine und Arme) für jede andere Form benötigen Sie eine Schicht.

3 Klicken Sie in der Photoshop-Symbolleiste auf die ImageReady. Sie schaltet auf die ImageReady-Anwendung mit einem anderen Satz von Werkzeugen und Paletten.

4 Öffnen Sie die Palette der Animation. Sie sehen eine Miniaturansicht des Bildes in der Palette (ähnlich wie ein Frame des Films). Ausblenden von jeder Ebene, sondern diejenigen, die Sie in den ersten Frame angezeigt werden sollen. Stellen Sie sicher, dass alles korrekt skaliert und positioniert ist.

5 Erstellen Sie ein neues Bild. Klicken Sie auf die Schaltfläche "Frame duplizieren" in der Animation-Palette. Eine neue Miniaturansicht erscheint auf der rechten Seite. Anzeigen und Ausblenden von Ebenen Schicht Objekte positionieren, bis das zweite Bild Ihren Vorstellungen entspricht, es so aussehen soll (nicht vergessen, Sie können auch die Ebenendeckkraft und Ebenenstile anpassen).

6 Weiterhin erstellen und ordnen neue Rahmen, bis Ihre Animation abgeschlossen ist. Wenn Sie fertig sind, klicken Sie auf die Wiedergabeschaltfläche, um eine Vorschau die Animation. Exportieren Sie die Datei als animiertes GIF.

7 Klicken Sie auf die Rückkehr nach Photoshop Photoshop. Speichern Sie die Datei.

Tipps & Warnungen

  • Photoshop CS3 Image Ready eingestellt, aber die meisten Features, einschließlich der Animation-Palette Photoshop übertragen wurden.

SIE KÖNNEN AUCH GERNE