Ein animiertes Banner ist eines der wichtigsten Mittel zur Förderung von Online-Werbung. In den meisten Fällen werden Banner auf den Websites von Drittunternehmen platziert, wenn Sie darauf klicken, wird ein Übergang zu der beworbenen Ressource realisiert. Es dauert ein paar Minuten, um ein einfaches blinkendes Banner zu produzieren, das aus drei bis vier Frames besteht.
Notwendig
Installieren Sie das Programm Adobe Photoshop auf Ihrem Computer
Anweisungen
Schritt 1
Erstellen Sie in Adobe Photoshop ein neues Dokument mit der angegebenen Breite und Höhe (Datei-Neu). Die gängigsten Banner haben die folgenden Abmessungen in Pixel: 468x60, 125x125, 120x90, 100x100, 120x60, 88x31. Stellen Sie Breite und Höhe auf 100 ein. Öffnen Sie ein beliebiges Bild in Adobe Photoshop, beispielsweise einen Avatar, und kopieren Sie das Bild in Ihr Dokument. Dadurch wird der erste Frame Ihres Banners erstellt.
Schritt 2
Drücken Sie die Tasten Strg und J zusammen, um die zweite Ebene Ihres Dokuments zu erstellen. Schalten Sie die Anzeige der zweiten Ebene ein und die Anzeige der ersten aus, indem Sie auf das Auge vor der entsprechenden Ebene klicken. Drücken Sie die Tastenkombination Strg und L und verdunkeln Sie durch Verschieben der Schieberegler die zweite Ebene.
Schritt 3
Erstellen Sie aus den resultierenden zwei Bildern ein animiertes Bild. Öffnen Sie dazu ein Animationsfenster (Window-Animation). Es wird Ihr gesamtes Bild hervorheben, das aus zwei Rahmen besteht, die mit dem abgedunkelten Rahmen übereinstimmen. Stellen Sie die Anzeigezeit dafür z. B. 0,5 s ein. Verwenden Sie das Auge, um die erste Ebene auszuwählen und die zweite zu deaktivieren. Klicken Sie auf der Registerkarte Animation (Frames) auf die Schaltfläche Ausgewählte Frames duplizieren. Der zweite Frame erscheint im Animationsfenster. Wählen Sie dafür eine Anzeigezeit von 0,2 s.
Schritt 4
Speichern Sie die resultierende Datei im GIF-Format (Datei-Speichern für Web und Geräte …). Wählen Sie die erforderlichen Werte aus der Liste Preset aus, um die Bildqualität zu bestimmen. Beachten Sie, dass der No Dither-Modus dem Bild eine Weichheit in verschwommenen Linien verleiht.
Schritt 5
Überprüfen Sie, wie Ihr Banner blinkt, wenn Sie die Schaltfläche Animation abspielen drücken. Passen Sie bei Bedarf die Anzeigezeit jedes Frames an, bevor Sie die Animation speichern.