fbpx GIF.Erstellen | Gärtner Graf Company

> PRODUKTION.ÜBERSICHT

GIF.ERSTELLEN

GIF.BASIS

GANZ WICHTIG!

  • Die Anim.gif Bilder (16:9) müssen zwingend im Bildzentrum einen interessanten Inhalt haben.
  • Das Bild ja nicht «interessant» zuschneiden.
  • Die Bilder müssen deshalb meist nochmals neu, mit «viel Speck» beschnitten werden.

YouTube

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren

Video laden

Einzelbildern im Photoshop importieren

  • «Datei» «Scripten»  «Dateien in Stapel laden…»
  • Im Dialogfeld auf «Durchsuchen…» und die Highend-Bilder lokal auswählen.
  • Jetzt werden diese Bilder als «mehrere Ebenen» importiert.
  • Via «Fenster» die «Zeitleiste» einblenden.
  • Hier die Funktion «Frame-Animation erstellen» «anklicken».
  • Im «Burger» der Zeitleiste «Frames aus Ebenen erstellen» wählen.
  • Mit einem Klick auf die «Leertaste» wird schon eine erste, ganz schnelle Fassung gezeigt.
  • Jeder Frame kann jetzt mit einer eigenen Zeitdauer hinterlegt werden. z.B. 0,5 Sekunden für jedes einzelnen Bild – das letzte: 2 Sekunden.
  • Unten links wählen wir «unbegrenzt».

  • «Datei» «Exportieren» «Für Web speichern» mit diesen Einstellungen:
  • Anschliessend das Photoshop-Dokument im Ordner HIGH «speichern».

Bildgrösse

  • Auf eine Breite von 740px einstellen!
  • Wir wollen ein möglichst kleines File!
  • Die allg. gif’s werden nur klein eingesetzt. Ausnahme «DAS.BESTE».
  • Bei den Kunden erscheint das Animal.gif nur in der Teaserkachel.
  • und bei uns im Fussteil als Teaser für das Archiv.
TINDER.GIF
  • Zwei bis drei Foto-Varianten aussuchen: 1x fern und 1x nah etc.
  • Files im Photoshop öffnen.
  • Das erste im Verhältnis 16:9 zuschneiden.
  • Im zweiten Reiter, das zweite Bilder auch im selben Seitenverhältnis zuschneiden etc..
  • Dieses Bild «auswählen», «kopieren» und als eine zweite Ebene ins erste Bild «einfügen».

  • «Zeitleiste» aktivieren.
  • Auf «Frame-Animation erstellen» klicken.
  • Das erste Bild auf der 1. Ebene, das zweite Bild auf der 2.Ebene etc.
  • Mit «Ebene ein/ausblenden» die beiden Bilder sichtbar machen.
  • Frames mit je «1 Sekunde» hinterlegen – das Abschlussbild darf etwas länger stehen.
  • Montage als .psd Dokument zur Seite »speichern».

  • Anschliessend die Animation als .gif abspeichern.
  • «Command» «Option» «Umschalt» «s» gemeinsam auswählen.
  • Vorgabe: «gg.256farben.teaser.gif» wählen
  • Bildgrösse mit 740px wählen > die .gif’s werden ja nur als TEASER/KACHEL im KAMÄLON der Kunden eingespielt.
  • FILE als .gif zur Seite «speichern».
  • Upload in den entsprechenden «Medien-Ordner» im BLOG.CMS.
  • Im Entsprechenden Feld hinterlegen!
STEP.GIF
  • Drei Sujets aus der STEP.BY.STEP-Serie auswählen.
  • Die farbigen, queren Varianten als Ebenen im Photoshop öffnen.
  • Frame 1 + 2 mit 0.75″ hinterlegen. Der 3. Frame mit 2.0″.
  • Wie schon beschrieben «zur Seite speichern» und im CMS platzieren.
FEIND.GIF
  • Freigestelltes, Highendbild im Photoshop öffnen.
  • Auf 16:9 zuschneiden.
  • WICHTIG:
    Bildwichtiges soll im Zentrum sein! Dieser Teaser wird in den Kacheln bei den Kunden eingespielt.
  • Wir brauchen je ein positives Bild «aus weiss – oder eine Farbfläche aus unserer Palette» und ein negatives Bild «auf schwarz»
  • Ebene duplizieren und aktivieren.
  • Via «Bild» «Korrekturen» «Umkehren» > damit bekommen wir eine «Negative Variante» des FEIND.BILD.
  • Je vier Ebenen in der «Zeitleiste» platzieren.
  • Wir starten mit einem «Negativ» und enden mit einer «Positiven Ebene».
  • Die ersten sieben Frames mit je 0.1″ hinterlegen > der Abschlussframe: 1.0″
  • Wie schon beschrieben «zur Seite speichern» und im CMS platzieren.
  • Bildbreite = 740px > Damit das File nicht zu gross wird!
PRO.CONTRA.GIF
  • Bild von Kira & Caruso auf 16:9 beschneiden – in einer Breite von 1480px.
  • Im Projektordner liegt eine Vorlage bereit: «basis_sprechblasen.psd»
  • Zum Start das aktuelle Hundebild platzieren.
  • WICHTIG: Inhalt und die Text/Sprechblasen «zentrieren».
  • Das Bild als 6 Ebenen/Frames in der Zeitleiste bereitstellen
  • Frame 2/3 und 5/6 bekommen je eine «Sprechblase» auf einer weiteren «Text-Ebene»
  • Texteim Fonts «Relevant» «Normal»
  • Möglichst kurz, witzig, Comicmässig und gross gesetzt.
  • Zuerst auf dem «letzten» Frame den kompletten Dialog darstellen.
  • Diese Ebenen 5x duplizieren – und die nicht gewünschten Elemente «ausblenden».
  • Die Sprechblase wird immer – mit einem eigenen Frame – ganz kurz vor der Typo eingeblendet = 0.1″

  • Start nur Bild: ca. 0.5″
  • Textbubble erscheint: 0.1“
  • Frames mit Text: je 1 bis 1.5″ zeigen
  • Zwischenbild: 0.75″
  • Abschluss ohne Text: ca. 0.5″
  • Wie schon beschrieben «zur Seite speichern» und im CMS platzieren.