In diesem Video-Tutorial lernen Sie heute, wie Sie ein Projekt erstellen und vorbereiten Erstellen eines Banners mit dem Adobe Photoshop-Programm, für das nächste Video-Tutorial, in dem Sie lernen, wie man ein wenig gibt Animationsowie den gebrauchsfertigen Export.
Ich werde Ihnen zunächst sagen, wer der Mann auf dem Foto ist, dass er kein anonymer Mann ist, der aus einer Bilddatenbank ausgewählt wurde, nein, Sir, dies ist der Große Milton Glaser, Schöpfer des Logos von Ich liebe New York Wie sehr hat unsere Gesellschaft im letzten Jahrhundert oder das Cover von Bob Dylan beeinflusst?
Lassen Sie uns, abgesehen von der historischen Anmerkung, dieses Video-Tutorial beginnen: So erstellen Sie einfach ein sich bewegendes Banner in Photoshop, mein erstes Video-Tutorial, von dem ich hoffe, dass es Ihnen gefällt und Sie es sehr nützlich finden. Lasst uns anfangen.
I) Wir machen eine Skizze mit unserer Komposition und wir begannen, die verschiedenen Elemente des Banners zu erstellen und zu durchsuchen.
II) Wir suchen und laden ein Foto des guten alten Milton Glaser herunter, einer Figur, die ich ausgewählt habe, um sie auf unser Banner zu setzen.
III) Wir öffnen Adobe Photoshop und erstellen ein neues Dokument. Wir wählen zwischen den verschiedenen Voreinstellungen Mit Photoshop können wir es im Webformat verwenden. Aus allen wählen wir die 800 × 600-Leinwand, die eine gute Größe für ein Banner hat.
IV) Wir öffnen die JPG-Datei, die das Foto des guten Milton Glaser enthält, und bereiten die Retusche des Fotos vor.
V) Wir wählen aus der Gruppe der Auswahlwerkzeuge eine der Schleifen, die Magnetschleife in diesem Fall. Wir skizzieren den guten alten Milton.
VI) Sobald wir umrissen sind, gehen wir zur Route Auswahl-Verfeinerungskanten. Wir werden dieses Werkzeug verwenden, um die Kanten des Bildes gut umrissen zu machen.
VII) Sobald wir die Milton-Kante mit dem Werkzeug vollständig nach unseren Wünschen verlassen haben Kanten korrigierendrücken wir CNTRL + J. und eine neue Ebene wird mit der Auswahl erzeugt.
VIII) Wir entfernen die Hintergrundebene und haben daher Milton auf einem transparenter Hintergrund das können wir in unserem Banner verwenden.
IX) Um es zu speichern, verwenden wir das Tool "Für Web speichern". Im Dialogfeld dieses Tools finden Sie die Möglichkeit, die Datei in verschiedene Dateitypen wie GIF, JPG oder PNG zu exportieren. Nun, in dieser Datei werden wir sie exportieren, um sie auf einem transparenten Hintergrund zu halten. Wir speichern und benennen. Wir schließen und speichern in PSD für das, was passieren kann.
X) Wir kehren zu unserem Webprojekt zurück, zum Banner. Wir ändern die Farbe der Hintergrundebene in Schwarz. Dazu verwenden wir das Farbeimer-Werkzeug, ändern die Frontfarbe in Schwarz und klicken direkt auf die Hintergrundebene.
XI) Wir importieren zunächst das Milton Glaser-Foto in unseren Arbeitsbereich oder auf die Leinwand. Dafür verwenden wir die Werkzeug platzieren, in der Dateioption gefunden.
XII) Wir haben den guten alten Glaser in die untere Ecke gestellt rechts vom Bildschirm.
XIII) Wir erstellen eine Sprechblase aus den Comics. Wir haben es so eingerichtet, dass es so aussieht, als würde Glaser sprechen.
XIV) Wir erstellen 3 Sätze mit dem Textwerkzeug, die die Bannerinformationen geben. Einer von ihnen wird ins Sandwich gehen.
XV) Jeder der Sätze muss in einer anderen Textebene stehen.
XVI) Und so haben wir alles bereit, um zu beginnen Animation geben zu unserem Banner.
Im nächsten Video-Tutorial werde ich Ihnen zeigen, wie Sie unserem Banner eine Animation geben können. Nicht verpassen.