Erstellen einer Animation in Photoshop und Imageready oder Elemente ein Tutorial von Janee

Dies ist ein Tutorial, das ich was bedeuten schon eine lange Zeit zusammen zu stellen. Ich habe viele Anfragen für ihn und so erhielt. hier sind wir!







Animationen arbeiten sehr ähnlich in PS / Ready wie sie in PS Elemente 2, nur sind sie tatsächlich ein wenig einfacher in Elemente zu tun. Noch einmal, wenn Sie Elemente haben, folgen hier zusammen, um zu sehen, wie sie funktionieren. Ich werde für Sie einen Tipp, wie Elemente unterscheidet.

Grafikanimationen sind wie Kurzfilme. Wir machen diese in der Regel entweder in Flash (SWF) oder als animierte GIF. Hier werden wir in Photoshop und Imageready arbeiten, um ein animiertes GIF zu machen.

Wie Filme, sind Animationen von Bildern gemacht, und Sie machen diese Frames als Ebenen in Photoshop. Natürlich kann alles animiert werden, aber ich werde eine Animation aus diesem Smiley machen, die etwas frechen Charakter in meinem Kopf zu schaffen.

1. Beginnen, indem das Basisbild auf einer separaten Ebene aus dem Hintergrund.

2. Machen Sie mehrere Kopien.

Denn wir gehen jeden der Rahmen auf diesem Bild zu stützen, machen mehrere Kopien dieser Schicht. (Ich landete schließlich mit 10 Frames, die alle auf der Basis dieser Schicht.

3. Erstellen Sie alle verschiedenen Rahmen. als Schichten.

Schalten Sie die Sichtbarkeit Augen für alle, aber die neben der unteren Schicht aus. beginnen dann in der unteren Schicht und arbeiten Sie sich nach oben, wobei jeder der Rahmen auf einer eigenen Ebene zu machen.







4. Beschriften jede Schicht, wie Sie gehen.

Dies macht es leichter zu sehen, was jede Schicht der Fall ist. Wenn Sie die gleichen Rahmen zu wiederholen haben wollen, können Sie diesen Rahmen kopieren, indem seine Schicht zu duplizieren und bewegen es dann, wo Sie es in der Ebenen-Palette möchten.

OK. Dieser nächste Teil ist, wo Elemente Nutzer haben ein anderes, viel mehr straight-forward Verfahren.

5. Photoshop Benutzer. Vorgehen.

Jetzt werden wir zu Imageready springen. Bereit. Set. Springen!

Klicken Sie auf den Sprung zu Imageready Leiste am unteren Rand Ihrer Toolbox.

Dies eröffnet Ready!

6. Werfen Sie einen Blick herum.

Wenn dies bei Imageready einen ersten Blick ist, beruhigt ein wenig nach unten. Es ist nicht genau Photoshop mag. Einige Dinge fehlen, gibt es neue Dinge, und einige Funktionen funktionieren ein wenig anders, als sie es in PS tun. Aber das wird in Ordnung sein. ;)

Die Paletten Sie benötigen, sind die Ebenen-Palette (rechts), und die Animationspalette. Wenn Sie eine dieser fehlt, gehen Sie zu Fenster>. und klicken Sie auf das Sie fehlen. Das gleiche wie Photoshop!

7. Herstellung der Animation Hintergrund transparent.

Lassen Sie sich unsere Animation machen, so dass der Hintergrund transparent ist, auch. Um dies zu tun, beginnen, indem die Sichtbarkeit Auge auf der Hintergrundebene ausschalten.

8. Nur die Schicht für den ersten Frame.

Als nächstes werden wir jedem unserer Frames in der Animation-Palette setzen. Beachten Sie, dass der erste Rahmen bereits ein Bild in ihm hat. Wir müssen sie das Bild machen wir wollen, aber so weitergehen, und schalten Sie alle Sichtbarkeit Augen mit Ausnahme der unteren Schicht. Dort. das ist der erste Frame.

9. a. Macht den Rest des Rahmen.

Es gibt mindestens ein paar Möglichkeiten, darüber gehen. Wenn Sie alle Ihre Schichten sorgfältig eingerichtet haben, wie ich es hier zu tun, mit einer Schicht für jeden Frame, können Sie die handliche kleine Flyout Pfeil in der Animations-Palette und wählen Sie Frames Machen von Ebenen. (Siehe unten zum nächsten Bild.)

Tada! Erledigt! Kopf nach unten zu Schritt 12.







In Verbindung stehende Artikel