Animierte Banner mit gimp erstellen

Aus MarieHerberger

Wechseln zu: Navigation, Suche

Inhaltsverzeichnis

Vorarbeit

Als erstes öffnet ihr gimp.

Dann Datei-Neu:

Bild:Gimp1.jpg

Jetzt sucht ihr euch die Größe eures Banners aus und klickt anschließend auf OK:

Bild:Gimp2.jpg

Jetzt designen wir einen Hintergrund. Wir können einfach eine Hintergrundfarbe nehmen oder etwas aufwendigeres. Wer keinen aufwengien Hintergrund wünscht kann diesen Schritt überspringen!

Hintergrund

Filter - Render - Wolken - Plasmisches Rauchen

Bild:Gimp3.jpg

Dann klicken wir auf OK:

Bild:Gimp4.jpg

Ebene - Farben - einfärben:

Bild:Gimp5.jpg

Jetzt könnt ihr euche eine Farbe aussuchen. Wenn ihr fertig seid sollte es etwa so aussehen.

Bild:Gimp6.jpg

Filter - Render - Natur - Flammen:

Bild:Gimp7.jpg

Bild:Gimp8.jpg

Hier könnt ihr dann etwas rumprobieren, oder aber einfach meine Einstellungen übernehmen. Das sieht dann so aus:

Bild:Gimp9.jpg

Animation

Jetzt kommen wir auch endlich zu Animation. Zuerst wählen wir das Textwerkzeug aus.

Bild:Gimp10.jpg

Jetzt geben wir einen Text ein.

Bild:Gimp11.jpg

Nun wird einmal STRG L gedrückt.

Jetzt sollte folgendes erscheinen:

Bild:Gimp12.jpg

Ihr seht ganz oben unsere Texteingabe. Bei Deckkraft stellen wir nun auf 0% um.

Bild:Gimp13.jpg

Der Text sollte jetzt auch nicht mehr in unserem Bild zu sehen sein. Jetzt nehmen wir wieder das Textwerkzeug und erstellen einen neuen Text. Der Text, der nach dem ersten in unserer Animation erscheinen soll. Dazu wechseln wir natürlich wieder auf die Hintergrundebene.

Auch bei dem Text stellen wir die Deckkraft auf 0%. Dann machen wir das ganze noch einmal für den 3.Text und immer weiter. Je nachdem wie viele Texte ihr wollt.

Bild:Gimp14.jpg

So. Jetzt klickt wieder auf die Hintergrundebene und dann auf Ebene - duplizieren:

Bild:Gimp15.jpg

Das machen wir nun noch einige mal und ordnen die Kopien der Hintergrundebene zwischen unsere Textelemente. Das sieht dann so aus:

Bild:Gimp16.jpg

Jetzt kommen wir zur eigentlichen Animation. Hinter alle Elemente schreiben wir (1500ms). Statt 1500ms kann man auch beliebig eine andere Zahl wählen.

Bild:Gimp17.jpg

Jetzt sind wir so gut wie fertig.

Bild:Gimp18.jpg

Hier könen wir uns unsere Animation anschauen und hoffen, dass alles geklappt hat:

Bild:Gimp19.jpg

Gut! Jetzt müssen wir nur noch ein .gif erstellen. Das geht so:

Bild:Gimp20.jpg

Und jetzt noch Datei - Speichern unter...

Bild:Gimp21.jpg

Bild:Gimp22.jpg

Bild:Gimp23.jpg

Und fertig!

Ihr habt jetzt eine Animation!:

Fertige Animation

Bild:Animation.gif

Persönliche Werkzeuge