PDA

Vollständige Version anzeigen : GIF mit Photoshop erstellen


merkatz
17.02.14, 18:38
Ihr Lieben,

ich habe heute auf Youtube ein Tutorial gesehen, in dem erklärt wurde, wie man mittels Photoshop aus einem Video ein animiertes GIF machen kann.

Tatsächlich funktioniert das bei mir auch, jedoch ergaben sich leider zwei kleine Probleme:

1.) in dem Tutorial hatte der "Erklärer" offenbar eine andere Version als ich (CS5), und die einzelnen Bilder bzw. Ebenen waren in einer Zeitleiste angeordnet. Es wurde erklärt, dass man hier die Möglichkeit hat, die Geschwindigkeit, mit der das GIF ablaufen soll, einstellen kann.

Leider finde ich keine Einstellmöglichkeit für das Abspieltempo. Weiß vielleicht jemand, wo man das regeln kann?

2.) wenn ich ein GIF erstellt und fertig gespeichert habe, kann ich es anklicken, es öffnet sich und es läuft auch ab. Seltsamerweise waren alle meine erstellten GIFs ein bisschen hakelig, d.h. sie spielen kurz flüssig ab, dann plötzlich ein Hänger, bei dem das Bild aber nicht stehen bleibt, sondern 2 oder 3 mal zwischen einem früheren Bild hin und herwechselt.

Das ist blöd zu erklären, ich versuche es einfacher: angenommen, in meinem GIF würde jemand einen Ball werfen. Man würde flüssig sehen, wie der Ball die Hand verlässt, dann plötzlich hängt das Bild, und man sieht ruckartig, wie der Ball kurz in der Hand ist, dann in der Luft, dann wieder in der Hand, dann wieder in der Luft.

Woran kann das liegen?

Liebe Grüße,
Andreas

stefu
17.02.14, 18:53
Bei Photoshop CS5 müsste unter jedem Frame eine Art Button sein, welcher mit Nummern versehen ist. Hier müsste sich die Geschwindigkeit einstellen lassen, wenn die Erinnerung nicht trübt...

Woran es beim ruckelige Lauf liegt, vermag ich nicht zu sagen. Die Anzahl Frames/Sek. scheint ja im ersten Durchlauf zu stimmen (oder kann es sein, dass es daran liegt?).
Vielleicht ist die Geschwindigkeit zu schnell, so dass es beim ersten Initialisieren langsamer läuft und später dann zu schnell? :nixweiss:

Die Bunte
18.02.14, 01:21
Hallo merkatz, sieht dein Animationsfenster etwa so aus:

https://www.photoshop-cafe.de/bildupload/pics/sonst/thumb/1392678526_merkatz-gif01.jpg (https://www.photoshop-cafe.de/bildupload/pics/sonst/1392678526_merkatz-gif01.jpg)

Du findest unten rechts in der Frame-Anzeige ein kleines Symbol (siehe roter Pfeil), wenn du dort drauf klickst, wird dir die Zeitleiste angezeigt, die so aussieht:

https://www.photoshop-cafe.de/bildupload/pics/sonst/thumb/1391763864_Zeitleiste-CS5.jpg (https://www.photoshop-cafe.de/bildupload/pics/sonst/1391763864_Zeitleiste-CS5.jpg)

Nochmal zurück zur Frame-Ansicht: Unter jedem Frame siehst du eine Zeitangabe stehen. (grüner Pfeil). Mit einem Klick auf das kleine schwarze Dreieck neben der Zeit öffnet sich ein Popup, in dem du den Wert für den jeweiligen Frame ändern kannst. Möchtest du die Zeit für alle Frame auf einmal ändern, dann klicke den ersten Frame an, halte die Shift-Taste gedrückt und klicke dann den letzten an, dann sind alle markiert und eine Änderung der Zeit wirkt sich auf alle Frames aus.

Ich hab eine Idee, warum das "springt", möglicherweise war beim Anlegen des Frames die falsche Ebene aktiv... ich kann's schwer beschreiben, und übermäßig viele animierte gifs hab ich noch nicht gemacht. Wäre mal interessant die PSD zu sehen.

stefu
18.02.14, 01:31
Danke.
So hatte ich es in Erinnerung. :-)

Allderdings habe ich außer in der Anfangszeit als Test, Übung und Spielerei kaum noch animierte GIF gemacht.
Müsste ich eigentlich auch mal wieder machen...

Die Bunte
18.02.14, 01:38
ich habe kürzlich eins gemacht, nach diesem Tutorial von Eduardo da Vinci:

http://www.photoshop-cafe.de/forum/showthread.php?t=7274

und dabei noch einige wertvolle Tipps von Patrik ("dorftrottel") bekommen.

Vielleicht hilft es auch euch beiden, da mal rein zu schauen.

merkatz
18.02.14, 13:07
Hallo!

Danke erst einmal für die Antworten. Ich vergaß leider zu erwähnen, dass die GIFs bei mir immer in Zeitlupe ablaufen, das dürfte wahrscheinlich so eingestellt sein.

Ich habe einen Screenshot gemacht, wie das bei mir aussieht:

https://www.photoshop-cafe.de/bildupload/pics/sonst/thumb/1392721573_gif_wie.jpg (https://www.photoshop-cafe.de/bildupload/pics/sonst/1392721573_gif_wie.jpg)

Diese Zeitleiste, die man bei dir, liebe(r) "die bunte" sieht, sah man auch im Video, aber ich habe die leider nicht.


Zur Wiedergabe: tatsächlich hängt die Wiedergabe nicht einfach nur, und läuft dann normal weiter, sondern sie springt immer zwischen einem früheren Bild und dem aktuellen hin und her, bevor sie kurz normal weiterläuft, und das gleiche wieder macht.

LG!

Die Bunte
18.02.14, 13:29
Die Zeitleiste bzw. Frameleiste kannst du dir unten im Arbeitsbereich einblenden, wenn du im Menü bei Fenster / Animation ein Häkchen setzt, merkatz.

(Wie lässt du denn die Animation ablaufen, wenn du diesen Bereich nicht eingeblendet hast?)

stefu
18.02.14, 13:38
Danke für den Tipp, Ugge.
Erstaunlich, wie einfach das in Photoshop zu realisieren ist mit dem Schnee. *staun

Tolle Sache. Ich glaube, wenn man sich da noch mit beschäftigt, dann kommen da irre viele Projekte bei raus. Hm.

Ich leg es mal auf die To-Do. :)

Hab vielen Dank für die Erinnerung.
Ich las es schon, als Du da aktiv warst, doch da war es für mich noch nicht so interessant. Und bei animierten Schnee hatte ich viele einzelne Frames vor Augen *kicher

merkatz
18.02.14, 13:38
Die Zeitleiste bzw. Frameleiste kannst du dir unten im Arbeitsbereich einblenden, wenn du im Menü bei Fenster / Animation ein Häkchen setzt, merkatz. Ich probiere das gleich aus!

(Wie lässt du denn die Animation ablaufen, wenn du diesen Bereich nicht eingeblendet hast?) Naja, ich entferne rechts in der Ebenenleiste (nennt man die so?) die Bilder, die ich nicht haben möchte, gehe dann auf Bildgröße ändern, und dann speichere ich das als GIF ab. Das wars.

LG,
merkatz

Die Bunte
18.02.14, 14:03
Erstaunlich, wie einfach das in Photoshop zu realisieren ist mit dem Schnee.
Einfach ist Ansichtssache. Ich hab eine Weile gebraucht, bis ich das komplett realisiert hatte. :rolleyes:

Eines muss man ausdrücklich erwähnen: Sowas geht nur mit einer Extended-Version!


Naja, ich entferne rechts in der Ebenenleiste (nennt man die so?) die Bilder, die ich nicht haben möchte, gehe dann auf Bildgröße ändern, und dann speichere ich das als GIF ab. Das wars.
*ratlosguck* ... :fragen: ... das kann ich jetzt irgendwie gar nicht nachvollziehen... :nixweiss: ... meinst du mit entfernen eigentlich ausblenden (Augen-Symbol) oder löschen (ab inne Papierkorb)?

Das Dings heißt übrigens Ebenenfenster.

stefu
18.02.14, 14:24
Einfach ist Ansichtssache. Ich hab eine Weile gebraucht, bis ich das komplett realisiert hatte.
Eines muss man ausdrücklich erwähnen: Sowas geht nur mit einer Extended-Version!

Immer noch einfacher als zu der Zeit, wo ich mich in meiner Jugend mit Animation beschäftigt hatte - da ging es fast komplett Frameweise mit Kopieren, Einfügen und manuell verschieben... Das meinte ich.

Extendet-Version oder Creative Cloud - da isses per Standard mit drin, auch in meiner 12,29€ PS/Lightroom-Lösung.

merkatz
18.02.14, 14:35
So, jetzt habe ich herumprobiert und experimentiert, das mit der Zeitleiste hat auch wunderbar geklappt und nun hängt mein GIF nicht, einziges Problem ist nur mehr, dass er es immer in Zeitlupe abspielt. Ich habe zwar "Ohne Verzögerung" ausgewählt, aber dennoch, immer Zeitlupe :(

Hier habe ich das GIF mal zum Ansehen: "http://img5.fotos-hochladen.net/uploads/maneatern90lp21od5.gif"

stefu
18.02.14, 15:00
Also ich finde die Zeitlupe - sofern das eine ist, ich kenne das Original ja nicht - sexy ;)
Ansonsten die Framerate etwas reduzieren, dann läuft es etwas schneller ab.

merkatz
18.02.14, 15:07
Also ich finde die Zeitlupe - sofern das eine ist, ich kenne das Original ja nicht - sexy ;) Ich auch, keine Sorge :ok:

Ansonsten die Framerate etwas reduzieren, dann läuft es etwas schneller ab. Wie mache ich das?

stefu
18.02.14, 15:12
So, wie Ugge (Die Bunte) in Posting #3 beschrieben hat ;)

merkatz
18.02.14, 15:33
Achso, ja das habe ich eh gemacht: alle Frames markiert nach der von "die bunte" beschriebenen Methode, und dann auf "Keine Verzögerung" gestellt.

Ich habe es testweise mit einem anderen Wert ausprobiert (0.1, glaube ich), und da war die Wiedergabe noch langsamer.

stefu
18.02.14, 15:36
Wieviele fps (Frames per Sekunde) hast Du denn voreingestellt?

Die Bunte
18.02.14, 15:39
Also es waren alle Frames markiert?

Es gehen für die Frameverzögerung auch Werte wie 0,001 oder so. Die kannst du manuell eingeben.

"keine Verzögerung" finde ich nicht.

Edit: Doch, ist da. Hab ich aber nie mit gearbeitet. Ich hatte immer nur Zahlenwerte eingegeben.

merkatz
18.02.14, 15:53
Wieviele fps (Frames per Sekunde) hast Du denn voreingestellt?
Das weiß ich nicht, weil ich immer auf "Keine Verzögerung" gegangen bin.

Aber ich probiere es mal mit einer manuellen Eingabe, wie mir die bunte rät. Ich halte euch auf dem laufenden!

Liebe Grüße!

stefu
18.02.14, 16:12
Es müsste in den Optionen der Zeitleiste zu finden sein.
Also bei PS CC (14.2) ist es dort zu finden... CS5 habe ich leider nicht.

merkatz
18.02.14, 16:13
Hier habe ich das gleiche GIF in unterschiedlichen Geschwindigkeiten ausprobiert, NICHT auf "Keine Verzögerung":

0.5 sek

"http://img5.fotos-hochladen.net/uploads/maneater2yvkx8hsr6l.gif"

0.2 sek

"http://img5.fotos-hochladen.net/uploads/maneater3fz0b4ld8o6.gif"

0.1 sek

"http://img5.fotos-hochladen.net/uploads/maneater4h1av3geskn.gif"

Die Bunte
18.02.14, 16:18
Das gif mit 0,1 sek finde ich deutlich schneller als das mit 0,2 sek. Scheint also geklappt zu haben.

Das mit 0,5 sek ist ein anderes und daher lässt sich da kein direkter Vergleich ziehen.

merkatz
18.02.14, 16:19
Der Link zum 0.5 GIF war nicht korrekt, habe das jetzt verbessert.

Die Bunte
18.02.14, 16:21
Jepp... das ist noch langsamer. Es wird! :ok:

merkatz
18.02.14, 16:22
Das Problem ist, diese Einstellungen (0.2, 0.1 etc.) verlangsamen das Video nur - es regelt, wieviel Zeit vergehen soll, bis das nächste Frame abgespielt wird.

Demnach müsste "Keine Verzögerung" das Video eigentlich im Originaltempo abspielen. Warum es das nicht tut verstehe ich nicht. :fragen:

stefu
18.02.14, 16:35
Hallo!

Ich denke, in CS 5 wird es ähnlich sein.
In der Zeitleiste auf die Optionen klicken und dann die Framerate entsprechend anpassen...

https://www.photoshop-cafe.de/bildupload/pics/sonst/thumb/1392734090_1.png (https://www.photoshop-cafe.de/bildupload/pics/sonst/1392734090_1.png)

merkatz
18.02.14, 16:52
Bei mir sieht das so aus (leider ist der Punkt von dir nicht dabei):

https://www.photoshop-cafe.de/bildupload/pics/sonst/thumb/1392735122_GIF_wie.jpg (https://www.photoshop-cafe.de/bildupload/pics/sonst/1392735122_GIF_wie.jpg)

stefu
18.02.14, 16:55
Weil Du in der Frameübersicht bist. :)
Die Option taucht bei der Zeitleiste auf.
Probiere mal "In Zeitleiste konvertieren"... Und dann nochmal die Optionen aufrufen.

merkatz
18.02.14, 17:04
Das schaut dann so aus:

https://www.photoshop-cafe.de/bildupload/pics/sonst/thumb/1392735819_GIF_neu.jpg (https://www.photoshop-cafe.de/bildupload/pics/sonst/1392735819_GIF_neu.jpg)


Interessanterweise, wenn ich das in eine Zeitleiste umschalte, und dann auf Play drücke, spielt er das Video zu SCHNELL ab.

Die Bunte
18.02.14, 17:05
Die Zeitleiste hast du im Nu hergeholt, indem du auf das winzigkleine Symbol rechts unter der Frameübersicht klickst.

https://www.photoshop-cafe.de/bildupload/pics/sonst/thumb/1392735806_merkatz-gif02.jpg (https://www.photoshop-cafe.de/bildupload/pics/sonst/1392735806_merkatz-gif02.jpg)

Mit einem Klick auf dieses Symbol kannst du entweder die Zeitleiste oder die Frameleiste aktivieren.

Bei der Bearbeitung mit Zeitleiste kenne ich mich allerdings überhaupt nicht aus.

stefu
18.02.14, 17:26
In CS5 ist es dann die Dokumenteneinstellung :)

merkatz
18.02.14, 17:44
Stimmt, danke!

Ich habe die fps auf 10 gestellt, statt der voreingestellten 30, aber es läuft immer noch zu schnell ab. Ich weiß echt nicht mehr was ich noch tun muss, um das GIF in Originalgeschwindigkeit sehen zu können

stefu
18.02.14, 17:48
Letztlich ist es immer ein Spiel aus fps und den Verzögerungen...
Und es kommt natürlich auch darauf an, wie viele Bilder in den Frames zur Verfügung stehen.

Wenn es zu schnell abläuft, dann müsste die Verzögerung angepasst werden.
Flüssig für das Auge sind Werte ab ca. 25fps.
Bedeutet 25 Frames bilden 1 Sek. Und dann kann noch mit der Verzögerung bei bedarf gearbeitet werden.

Es ist denn die "Originalgeschwindigkeit"?

merkatz
18.02.14, 17:58
Naja, die Originalgeschwindigkeit ist eben schneller als diese Zeitlupenwiedergabe. Zeitlupe ist auch toll, aber es muss doch auch in der echten Geschwindigkeit gehen, also im Originaltempo. Vielleicht ist das gar nicht vorgesehen in Photoshop.

stefu
18.02.14, 18:04
Also fps nicht auf 10 setzen, sondern höher, bis es passt ;)
Je mehr Frames per Sekunde, desto schneller läuft er ab.

merkatz
18.02.14, 19:51
Ich habe jetzt hundertmal versucht, das Tempo zu ändern, ich habe 4 fps probiert, ich habe 50 probiert, ich habe sogar 120 probiert, aber das Videos läuft immer in der gleichen, viel zu schnellen Geschwindigkeit ab, so, als ob die Eingabe der fps überhaupt keine Auswirkung hätte!

stefu
18.02.14, 19:58
Dann bin ich auch überfragt - sorry.
Vielleicht weiß einer der Profis mehr...

dorftrottel
22.02.14, 12:58
Könntest du mal die PSD hochladen? Ich kann mir dieses Phönomen nicht erklären.
Upload via dropbox oder file-upload.net

merkatz
22.02.14, 23:26
Hallo!

Leider komme ich erst jetzt dazu, zu antworten.

Was ist eine PSD?

stefu
22.02.14, 23:38
Das Standard-Photoshop-Speicherformat.

heikehk
23.02.14, 16:45
Also ich denke auch, dass Du Deine PSD-Datei (die Datei mit allen Ebenen und der erstellten Animation) zur Verfügung stellen musst. Die Idee von Stephan mit dem fps wäre auch meine gewesen. Eigentlich müsste sich eine Ändeurng zeigen und ohne Verzögerung mit der passenden Framerate solltest Du zum Ziel kommen.
Dass es jetzt plötzlich zu schnell ist, wo es doch anfangs zu langsam war, irritiert mich ebenso wie die Aussage, dass Du mit dne von Dir eingestellten Werten keine Änderung erkennen kannst. die solltein im Vergleich von 4 zu 120 fps schon immens sein.