Wie ein animiertes Banner, kreativen Bloq machen
Erfahren Sie, wie diese einfachen animierte Werbebanner machen in unserem Tutorial
Jeder Designer wird gebeten, ein Werbebanner zu einem bestimmten Zeitpunkt in ihrer Karriere zu schaffen, ob es eine allein Anzeige oder nur eine lieferbaren innerhalb einer viel größeren Kampagne steht. Auf einer sehr einfachen Ebene, das ist wie jedes andere Design Job, wenn Sie eine statische Banner, die für viele Zwecke gut zu einfach erstellen möchten ist. Aber wenn Sie es wünschen, um wirklich das Auge des Betrachters zu fangen oder in der Tat eine Menge Informationen haben zu vermitteln, dann müssen Sie ein animiertes Banner erstellen.
Durch diese 10 Schritt-Tutorial Ich werde die Schichten Panel in Verbindung mit der Animation Timeline ein animierte Werbebanner in Creative Suite oder Creative Cloud-Versionen von Photoshop durch die Grundlagen führen zu schaffen, verwenden. Das ist einfache Animation Arbeit, aber wenn man den Kopf bekommen, um mit einer Timeline zu arbeiten und die Schichten Panel zusammen, es kann schnell auf komplexere Animationsarbeiten führen.
01. Einrichten
Zum einen müssen wir unser Dokument nach rechts spec einzurichten. Navigieren zu Photoshop, ein neues Dokument erstellen und int er Dialogfeld Dokument sicherzustellen, neu sind die Abmessungen auf Pixel und geben 728 für die Breite und 90 für die Höhe Ende sicherzustellen, daß der Farbmodus auf RGB eingestellt ist. Wie wir in Pixel arbeiten, sorgen Sie sich nicht um die Auflösung. Dies ist die Standardgröße für eine horizontale Leaderboard Banner-Anzeige.
02. Starten Sie die Gestaltung
Nun beginnt die Anzeige zu entwerfen. Das wird eine Typografie führte Design sein, damit ich es fett und Grafik mit kreativen Bloqs Markenfarben halten wollen, aber ich fühle mich frei, Ihre eigenen Farben und grafische Elemente, um am besten Ihr Projekt zu verwenden.
03. Füllen Sie das Banner
Nun schweben über den Platz mit dem Verschieben-Werkzeug und bei gedrückter alt, ziehen und den Platz duplizieren, so dass es an den Rändern des ursprünglichen Platz einrastet. Snap müssen im Menü Ansicht eingeschaltet werden.
Halten Sie die Quadrate zu duplizieren, bis Sie das Banner gefüllt haben, dann wählen sie alle durch Verschiebung halten und sicherzustellen, dass sie in dem Dokument zentriert sind. Löschen Sie nun einfach jedes andere orangefarbene Quadrat einen einfachen quadratischen Raster erstellen unsere Design und Animation auf stützen. Mit all den Plätzen treffen noch E Cmd + ausgewählt, um alle quadratischen Schichten zu verschmelzen.
04. Erstellen Typ-Elemente
Nun beginnt die Typ-Elemente zu schaffen. Hit T, um den Typ Werkzeug zu bringen und ein Quadrat über den ersten orange square zu zeichnen. Stellen Sie sicher, weiß in der Vordergrundfarbe ausgewählt ist, geben Sie ein Zeichen und wählen Sie die Schriftart, die Sie verwenden möchten, die kühner und Grafik, desto besser. Verwenden Sie die Tastenkombination Cmd + Shift +. um schnell die Punktgröße zu erhöhen.
Sobald Sie zufrieden sind Hit das Verschieben-Werkzeug und dann die Cursor-Tasten verwenden, um zentral die Art innerhalb des orangefarbenen Rahmen zu positionieren. Duplizieren Sie den Textrahmen und wiederholen Sie den Vorgang alle orange Quadrate mit verschiedenen Charakteren zu füllen.
05. Duplizieren und fusionieren
Jetzt ist einer der Textrahmen kopieren und den Prozess in Schritt 4 Füllen der weißen Quadrate mit orange Typ wiederholen, wie oben gezeigt. Jetzt wollen wir eine einzelne Schicht aus dem Orange-Typ und den weißen Typ erstellen.
Gehen Sie halten diese einfach Verschiebung und wählen Sie die alle weißen Typ und drücken Sie dann Cmd + E, um die Schichten zu verschmelzen. Wiederholen Sie diesen Vorgang für die orange Art und nennen sie etwas Geeignetes wie „weißer Typ 01“ in der Ebenen-Palette. Dies wird die Art rastern und Sie werden es nicht so bearbeiten können, um jemand sicherstellen, dass Sie mit ihm zufrieden sind.
Nächste Seite: die nächsten fünf Schritte
Aktuelle Seite: Seite 1