Gif Animation mit Photoshop

Scan-O · 4. September 2006

Moin Jungs,
ich wollte so eine Animation erstellen, die der Animation bei neuer Post sehr ähnelt (Brief, der blinkt). So eine Animation wollte ich auch erstellen, aber ich weiß nicht wie.

Ich weiß, dass man mit Photoshop oder ImageReady Animationen erstellen kann, aber ich hab leider keine TUTs dafür.... Könnt ihr mir da weiterhelfen???

Mfg Scan-O

Anzeige

R3ALG3!ST · 4. September 2006

AW: Gif Animation mit Photoshop

Vom Prinzip her ist das mit ImageReady ziemlich einfach. Wenn du eine Datei bzw. Bild geöffnet hast, gehst du als erstes auf Fenster und setzt bei Animation ein Häckchen, anschließend kannst du dann mit dem kleinen Button neben dem Papierkorb (im Animationsfenster) eien neuen Frame erstellen. Du bearbeitest und erstellst nun so oft Frames bist du mit deine Animation fertig bist. Ich hoffe mal ich konnte dir ein wenig helfen.

Greetz

xXact · 4. September 2006

AW: Gif Animation mit Photoshop

Auf der page Portfolio of Sascha Rudolph - Webdesigner and Photographer from Berlin, Germany
findest du im Tutorial bereich ein Animations Tutorial...
Damit habe ich das ganze gelernt, also sehr hilfreich!
musst es natürlich für deine zwecke abwandeln aber sollte dann kein Problem mehr sein.

MFG xXact

MrChick3n · 5. September 2006

AW: Gif Animation mit Photoshop

hab ich aus nem anderen forum kopiert ^^

Animationen mit Photoshop bzw. Image Ready erstellen

Um den Anfang einfacher zu gestallten, wird ich erst mal das Prinzip vom Animieren erklären:
Eine Animation bei Image Ready ist nichts anderes als eine Art Zeichentrickfilm und wird auch genauso gemacht, also es folgt Bild für Bild und dadurch entsteht Bewegung.

Schritt 1

Als erstes erstellt man ein Bild mit den Maßen 200x200. Dazu geht man auf DateiàNeu und stellt die Einstellungen in etwa so ein:

{bild-down: http://home.pages.at/schakarus/neu.jpg}

und klickt dann auf OK, um die Eingabe zu bestätigen.

Eure Arbeitsfläche sollte jetzt in etwa so aussehen:

http://home.pages.at/schakarus/start.jpg

Jetzt noch einen Doppelklick auf die Ebene Hintergrund (rechts unten) und mit OK bestätigen.

Wir wollen jetzt eine möglichst einfache Animation erstellen, indem wir eine beliebige Form von links nach rechts wandern lassen.

Schritt 2

Dazu erstellen wir eine neue Ebene (EbeneàNeuàEbeneàOK) und zeichnen auf diese Ebene eine beliebige Form. Ich nehme als Beispiel einen schwarzen Kreis(Bleistiftwerkzeug).

{bild-down: http://home.pages.at/schakarus/kugel.jpg}

Schritt 3

Jetzt Duplizieren wir die Ebene mit dem Kreis, die wir eben erstellt haben (Rechtsklick im Ebenenfenster[rechts unten] auf die EbeneàEbene duplizieren)

{bild-down: http://home.pages.at/schakarus/dupl.jpg}

Jetzt wählt man das Verschieben-Werkzeug und verschiebt mit den Pfeiltasten die Kugel ein wenig nach rechts (darauf achten, dass die kopierte Ebene ausgewählt ist).

Das Bild müsste jetzt in etwa so aussehen:

{bild-down: http://home.pages.at/schakarus/versch-kug.jpg}

Schritt 5

Wiederholt schritt 3 und 4 noch 3 mal bis euer Bild in etwa so aussieht:

{bild-down: http://home.pages.at/schakarus/dupl2.jpg}

Schritt 6

Jetzt kommen wir zum animieren. Um zu Image Ready zu wechseln, klickt einfach auf das unterste Symbol in eurem Werkzeugkasten

chritt 7

Klickt 4 mal auf Frame duplizieren {bild-down: http://home.pages.at/schakarus/f-dupl.jpg}

Schritt 8

Wählt den ersten Frame aus und macht in eurem Ebenen-Fenster die „augen“ durch einen Linksklick weg, damit euer Ebenenfenster folgendermaßen aussieht:

{bild-down: http://home.pages.at/schakarus/frame1.jpg}

Schritt 9

Dies macht ihr für die restlichen 4 Frames genauso: Frame 2 anklicken und nur ein Auge vor
Ebene 1 Kopie und Ebene 0 lassen

{bild-down: http://home.pages.at/schakarus/frame.jpg}

{bild-down: http://home.pages.at/schakarus/frame2.jpg}

Frame 3:

{bild-down: http://home.pages.at/schakarus/frame3.jpg}

Frame 4:

{bild-down: http://home.pages.at/schakarus/frame4.jpg}

Frame 5:

{bild-down: http://home.pages.at/schakarus/frame5.jpg}

Schritt 10

Jetzt braucht ihr nur noch auf Play zu drücken (unten, mittig im Animations-Fenster) und eure Kugel bewegt sich.

Falls die Kugel zu schnell rollt, könnt ihr unter den Frames (im Animations-Fenster) auf die 0s drücken und dort eine andere zeit auswählen, diese gibt an, wie lange dieser Frame gezeigt wird.

Schritt 11

Um die Animation als GIF zu speichern geht in Image Ready auf DateiàOptimierte-Version speichern unter....

Gebt der Animation einen Namen und wähl den Speicherort an und bestätigt alles mit SPEICHERN.

Die Animation wird automatisch als Endlosschleife gespeichert, d.h., sie wiederholt sich ununterbrochen.

Und so könnte euer Ergebnis aussehen :

{bild-down: http://home.pages.at/schakarus/Benutzer.gif}

Ihr könnt die Kugel natürlich auch zurückrollen lassen. Dafür braucht ihr nicht wieder 4 neue Ebenen erstellen, sondern einfach nur 5 weitere Frames erstellen und Schritt 9 umgekehrt zu machen, also die „augen“ andersherum zu aktivieren bzw. zu deaktivieren.

Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

hui war ne ganz schöne arbeit die ganzen images zu kopieren ^^ aber mit dem tut hab ich das animieren in ps gelernt vllt hilft es dir ja auch

Ghost25 · 5. September 2006

AW: Gif Animation mit Photoshop

Hi Scan-O

Meinst Du so etwas :

{img-src: //img83.imageshack.us/img83/9720/couvertblinkendfu3.gif}

Wenn es das ist was Du machen willst, dann kannst Du das auch mit Ulead Gifanimator machen.
Entweder Du erstellst das ganze gleich im Ulead Gifanimator oder Du machst zuerst alle einzelnen
Grafiken in Photoshop und dann erstellst Du mit dem Animationsassistenten vom Ulead Gifanimator
die Animation. Aber mit ImageReady gehts natürlich auch und Du hast dabei auch gleich noch etwas
gelernt.

Greets Ghost25

Grübler · 5. September 2006

AW: Gif Animation mit Photoshop

Hi

auf Video-Tutorial.org: The Leading Video Tutorial Site on the Net gibt es Video Tutorials zu dem thema.

gruß

Nützliche Suchen

Gif Animation mit Photoshop

Videos zum Themenbereich