Share
In diesem Tutorial erstellen wir eine Art altmodischer Komposition, die einen Kompass enthält und einige fantastische Vektorgrafiken von Arsenal verwendet. Wie immer gibt es am Ende des Tutorials eine PSD-Datei. In diesem Fall würde ich das Herunterladen sehr empfehlen, da dies eine recht komplexe Komposition ist. Seien Sie gewarnt, dies ist ein langes Tutorial!
Oh, und falls Sie sich fragen, kommt die Inspiration aus einer wirklich ordentlichen Sammlung von Büchern, von denen eines den Goldenen Kompass heißt (tatsächlich machen sie die Buchreihe jetzt zu einem Film!).
Um dies zu erreichen, benötigen wir einige Assets, um damit arbeiten zu können. Ich verwende einige Vektorformen von GoMedia / Arsenals Freebie Section. Arsenal ist eine Reihe von Vektorpaketen, die Sie kaufen und in Illustrator oder Photoshop verwenden können. In diesem Fall bin ich, weil ich billig bin, einfach in den Bereich "Freebie" gegangen und habe dort alles heruntergeladen!
Außerdem brauchte ich ein Kompassbild, das ich für 1 Dollar von iStockPhoto bekam. Ich verwende auch die Nuptial Script-Schrift. Ich kann mich nicht erinnern, wo ich diese Schrift bekommen habe oder ob sie frei ist oder nicht. Wenn Sie nicht über eine bestimmte Schriftart verfügen, können Sie wahrscheinlich etwas Ähnliches finden.
Ich habe dieses Tutorial in zwei Abschnitte aufgeteilt, und am Ende bringen wir sie zusammen, um das endgültige Bild zu bilden. Sie sollten die PSD herunterladen und durchsehen. Dieses Bild ist wirklich ziemlich kompliziert und es macht mehr Sinn, wenn Sie die Ebenen betrachten!
Wir beginnen also zunächst mit einem Hintergrundverlauf. Wie immer verwende ich einen radialen Farbverlauf und nehme dunkle, bläuliche Farben.
Vordergrundfarbe - # 35444b
Hintergrundfarbe - # 1a2023
Als Nächstes fügen Sie das erste unserer Vektorbilder ein. Dies ist eine Art Bannersache.
Es gibt zwei Möglichkeiten, dies zu tun. Nachdem Sie die GoMedia-Site aufgerufen haben, klicken Sie auf den Abschnitt Freebie, und Sie werden ein EPS-Dokument herunterladen. Diese Dokumente sind in einem Vektorformat und idealerweise können Sie sie in Illustrator öffnen und dann den Vektor in Photoshop kopieren und einfügen. Wenn Sie dies auf diese Weise tun, erhalten Sie ein intelligentes Vektorobjekt, dessen Größe Sie ändern können, ohne dabei an Qualität zu verlieren. Wenn Sie dies tun, müssen Sie möglicherweise mit der rechten Maustaste auf die Ebene klicken und dann auf Ebene rastern klicken, da wir daran arbeiten müssen.
Wenn Sie Illustrator nicht haben / verwenden, öffnen Sie einfach die EPS-Datei in Photoshop. Sie werden gefragt, in welcher Größe Sie es rastern möchten. Ich wähle nur einige zufällige Werte aus und wiederhole es ein paar Mal, bis ich die richtige Größe habe. Beachten Sie, dass nach dem Rastern beim Ändern der Bildgröße Informationen im Bild verloren gehen. Es ist daher am besten, diese nur einmal auszuführen.
Jedenfalls ist hier das Banner:
Holen Sie sich nun das Zauberstab-Auswahlwerkzeug (W) und klicken Sie auf den oberen Teil des Banners. Erstellen Sie dann eine neue Ebene und füllen Sie diese mit einer beigen Farbe (# dfd6b8).
Wiederholen Sie den Vorgang mit den beiden Teilen des Banners im Hintergrund (wie unten gezeigt)..
Als nächstes wollen wir es etwas anrauern, was wir mit dem Burn Tool (O) machen können. Falls Sie die Dodge- und Burn-Werkzeuge noch nie verwendet haben, wird das Objekt entweder dunkler oder heller. Sie verwenden sie, indem Sie mit einem Pinsel malen, und sie sind hübsche Werkzeuge. Ein praktischer Tipp ist, dass Sie nach dem Auswählen des Brennwerkzeugs die Alt-Taste gedrückt halten können. Es wird auf Ausweichen (und umgekehrt) umgeschaltet, sodass Sie nicht zur Werkzeugleiste wechseln und dort wechseln müssen.
Jetzt, da wir einen wirklich düsteren Look wünschen, lohnt es sich, einen dicken Pinsel zu verwenden. In diesem Fall habe ich einen Pinsel verwendet, den ich erneut aus dem Bereich Freebie der GoMedia-Site heruntergeladen habe. Laden Sie sie einfach herunter und öffnen Sie die Pinsel-Palette. Klicken Sie auf den kleinen nach rechts zeigenden Pfeil und wählen Sie Bürsten laden. Alle sollten unten angezeigt werden.
Sobald Sie einen schönen Pinsel haben, brennen Sie einfach die rechte Seite wie gezeigt. Tun Sie es in kurzen Flecken, damit Sie eine schöne raue Textur bekommen.
Wiederholen Sie diesen Vorgang auf der anderen Seite und verwenden Sie dann ein wenig Dodge in der Mitte. Wiederholen Sie den Vorgang dann noch einmal auf der Rückseite, so dass die Bits zur Mitte hin dunkler werden und die Außenseiten aufgehellt werden.
Beachten Sie, dass wir hier versuchen, Licht mit der Lichtquelle von vorne zu simulieren. Der Grund, warum wir es so machen, ist, dass die Bits auf beiden Seiten dunkel sein sollten, da sich diese Teile vom Betrachter abwenden. Auf der Rückseite fallen die Teile in der Mitte in Falten, so dass sie beschattet werden. Natürlich ist dies nur eine vage Annäherung, aber es hilft beim Gesamtbild.
Halten Sie die Strg-Taste gedrückt und klicken Sie auf die Ebene mit dem oberen beigen Teil, um sie auszuwählen. Drücken Sie dann einige Male auf den Aufwärtspfeil. Wechseln Sie dann wieder zur ursprünglichen Banner-Vektorebene und drücken Sie die Entf-Taste.
Grundsätzlich beseitigen wir die obere schwarze Linie.
Füllen Sie nun in einer neuen Ebene die Auswahl mit einem dunkelblauen (# 283438).
Holen Sie sich das alte Burn Tool wieder heraus und geben Sie dieser Ebene etwas Textur. Wie zuvor möchten Sie, dass die Kanten etwas dunkler als die Mitte sind, machen den Effekt jedoch nicht zu stark.
Duplizieren Sie nun die beige Ebene von hinten und bewegen Sie sie ein wenig nach oben und dann wie gezeigt nach links. Dies gibt unserem Banner einen dezenten Look, der es hervorragend macht!
Als Nächstes werden wir den Rest des schwarzen Vektorteils durch dunkelblau ersetzen und ihm wieder etwas Textur verleihen. Halten Sie also die Strg-Taste gedrückt und klicken Sie auf diese Ebene, um sie auszuwählen. Dann füllen Sie es mit einem dunklen Blau.
Gehen Sie jetzt noch einmal durch und verwenden Sie das Brennwerkzeug, um den Teilen, die in die Falten gehen, Schatten hinzuzufügen, um sie ein wenig dreidimensional zu gestalten.
Schreiben Sie als nächstes in einer neuen Ebene etwas Text aus. Ich habe hier einige zufällige Wörter geschrieben. Verwenden Sie eine beige Farbe und wählen Sie eine schöne Schrift. In diesem Fall verwende ich Nuptial Script.
Klicken Sie nun auf das Textwerkzeug (T) und klicken Sie oben mit dem Pfeil darunter auf das T, um die Optionen für den Warp-Text aufzurufen. Hier verwenden wir Arc und geben ihm eine Kurve von etwa 43%..
Wenn Sie ein Illustrator-Benutzer sind, können Sie in Illustrator einen Text auf einem Pfad ausführen und ihn dann kopieren. Dadurch werden die Buchstaben weniger verzerrt. Da dies jedoch ein Photoshop-Tutorial und kein Illustrator-Tutorial ist, bleiben wir bei PS :-)
Als Nächstes habe ich einige Ebenenstile hinzugefügt, um den Text golden aussehen zu lassen. Sie können die PSD am Ende dieses Tutorials öffnen und den Ebenenstil einfach kopieren, indem Sie mit der rechten Maustaste auf die Ebene klicken und Ebenenstil kopieren wählen. Ich liebe Layer-Stile, da Sie zweifellos erkennen werden, wenn Sie genug meiner Tutorials lesen. Wenn Sie Ebenenstile verwenden, sollten Sie mit jeder Einstellung herumspielen. Es gibt so viele coole Dinge, die Sie tun können.
Sie sollten also etwas haben, das wie das unten gezeigte Bild aussieht! Als Nächstes machen wir den Hintergrund und die Farbgebung. Schalten Sie also die Sichtbarkeit dieser Ebenen aus und beginnen Sie mit dem Hintergrund.
In diesem Abschnitt werden alle anderen Teile des Bildes erstellt. Diese Art von Umgehung dessen, was wir bereits getan haben - die beste Reihenfolge für die Anordnung der Ebenen ist die Betrachtung der Photoshop-Datei.
Schalten Sie also alle Ihre aktuellen Ebenen mit Ausnahme des Hintergrunds aus.
Jetzt fügen wir dem Hintergrund etwas Textur hinzu. Hierfür verwende ich eine Beispieltextur, nochmals von GoMedia / Arsenals Freebie-Section
Dieses nennt sich "Rust11.jpg". Fügen Sie es ein und verkleinern Sie es auf Größe. Setzen Sie ihn dann auf Überlagerung, damit er mit dem dunklen Blau unseres Hintergrunds interagiert.
Da ich nicht der Meinung war, dass es dunkel genug war, habe ich eine Ebene über Dunkelgrau hinzugefügt und diese auf Multiplizieren und 35% gesetzt..
Ich sollte darauf hinweisen, dass man mit einem so komplizierten Bild viel experimentieren und Dinge mit dem Auge machen muss. So oft habe ich mir etwas angesehen und gedacht, das muss dunkler sein, oder das funktioniert nicht und bringt Dinge heraus oder bringt Dinge hinein. Wenn ich mit diesem Bild komme, habe ich diese Schritte nicht in dieser Reihenfolge gemacht. Es ist nur eine bequeme Möglichkeit, die Informationen an Sie weiterzuleiten. Denken Sie also nicht daran, dass Sie beim Erstellen von Bildern einen erstaunlichen Plan vor Augen haben müssen, tun Sie einfach, was sich richtig anfühlt. Je mehr Sie tun, desto mehr wird Ihr Auge geübt, wenn Sie entscheiden, ob etwas richtig ist oder nicht.
Jetzt habe ich noch einige Vektoren aus dem kostenlosen GoMedia-Pack eingefügt. Ich wählte einige alt aussehende Statuenvektoren und stellte sie auf Multiply ein. Da ich nicht genug hatte, drehte ich ein paar um, um die gesamte Seite zu verdecken, ohne so auszusehen, als würde ich mich immer und immer wieder wiederholen!
Als nächstes füge ich den zweitletzten unserer Vektoren von GoMedia ein. Dieses ist anscheinend eine Halbtonsache. Auf jeden Fall sieht es für mich wie ein Fensterladen aus und wir werden es für die Beleuchtung verwenden. Da der Vektor schwarz war, drückte ich Strg-I, um die Farbe in Weiß umzuwandeln. Sie können es genauso einfach mit Weiß füllen, Color-Overlay mit Weiß oder die Pixel auswählen und eine neue Ebene erstellen und diese mit Weiß füllen. In Photoshop gibt es oft viele Möglichkeiten, das Gleiche zu tun: Ich denke, das macht es zu einem großartigen Programm!
Als Nächstes drücken wir Strg + T, um den Vektor zu transformieren und zu drehen und ihn zu vergrößern, um größer zu werden.
Setzen Sie diese Ebene auf Überlagerung und stellen Sie sicher, dass sie schön und groß ist (siehe unten). Wie Sie sehen, sieht es aus, als würde Licht von einigen offenen Fensterläden hereinströmen. Im endgültigen Bild werden Sie davon nicht viel sehen können, aber Details wie diese ergeben am Ende eine schöne komplexe Komposition.
Da das Licht selten schön und scharf ist, empfiehlt es sich, unter Filter> Unschärfe> Gaußsche Unschärfe eine Unschärfe mit einem Radius von etwa 1 Pixel anzuwenden, um das Bild etwas unscharf zu machen.
Erstellen Sie als Nächstes eine neue Ebene und verwenden Sie einen Radialverlauf, der von Beige (# b58d4e) zu nichts geht. Zeichnen Sie von der Mitte nach außen, um einen Farbfleck zu erzeugen (siehe unten). Stellen Sie den Mischmodus dieser Ebene auf Bildschirm. Dies wird ein weiteres bisschen Beleuchtung sein.
Jetzt duplizieren Sie die letzte Ebene erneut und wir führen jetzt ein paar Mal einen Wellenfilter darüber aus, um die Beleuchtung dynamischer zu gestalten. Gehen Sie dazu zu Filter> Distort> Wave.
Ich muss zugeben, dass ich nicht wirklich verstehe, wie der Wave-Filter funktioniert. Daher bewege ich normalerweise ein paar Schieberegler und drücke die Taste Randomize, bis ich eine schöne Verzerrung bekomme - wissenschaftlich weiß ich :-)
Wenn Sie das getan haben, werden Sie sehen, dass Ihr Blob irgendwie wellig wird. Drücken Sie mehrmals Strg + F, um es zu erstellen Ja wirklich verzerrt und Sie sollten einen interessanten Effekt erhalten.
Danach können Sie den Vorgang wiederholen und einen zweiten hellen Fleck auf der Seite anzeigen lassen.
Jetzt habe ich dem Bild noch einen weiteren Vektor hinzugefügt, wieder aus dem kostenlosen Bereich von GoMedia. Das sieht einfach nach etwas grobem Schmutz aus, und ich habe es einfach hinzugefügt und den Mischmodus in Überlagerung und 40% geändert..
Als nächstes ging ich zu einer zufälligen Webseite über die Bibel, kopierte einen zufälligen Text und fügte ihn immer wieder ein. Eigentlich zurückschauen, habe ich etwas mürbe gemacht, die Zeilen zu behalten, selbst wenn ich sie kopiert habe, aber das spielt keine Rolle, nehme ich an. Die Hauptsache ist, viel Text zu bekommen und die Ebenen zusammenzuführen.
Stellen Sie dann den Mischmodus auf Hartes Licht und 40% ein..
Bisher sollte alles, was wir getan haben, HINTER den ursprünglichen Ebenen von Teil 1 gewesen sein. Erstellen Sie nun eine Ebene über dem Teil 1-Banner. Wählen Sie einen großen, fetten, weichen Pinsel (z. B. 200-300) und malen Sie mit Schwarz als Vordergrundfarbe die Kanten wie gezeigt. Wenn Sie fertig sind, ändern Sie den Mischmodus in Überlagerung.
Wählen Sie anschließend in einer neuen Ebene diese Farben als Vordergrund und Hintergrund aus:
Vordergrundfarbe - deb883
Hintergrundfarbe - 745222
und dann auf Filter> Rendern> Wolken. Nun, das sollte Ihnen einige Wolken geben, aber um mehr zu bekommen dynamisch Rendern, drücken Sie Strg + Alt + F. Ich bin nicht sicher, was das eigentlich in den Menüs ist, aber ich weiß, dass es Wolken mit einem größeren Unterschied erzeugt, was wir wollen. Sie sollten einige Wolken bekommen, die wie die unten aussehen.
Stellen Sie den Mischmodus auf Überlagerung und 65% ein. Diese Schicht wird uns den Großteil unserer Farbgebung geben.
OK, jetzt fast da!
Sie sollten oben ein paar Ebenen, unten eine Reihe von Hintergrundebenen und dann die Ebenen von Teil 1 irgendwo in der Mitte haben.
Als Nächstes fügen wir den Kompass hinzu. Dieser muss in der Mitte der Ebenen von Teil 1 sein, da er mit ihnen interagieren wird. Sie können die genaue Reihenfolge anzeigen, indem Sie die PSD-Datei am Ende dieses Lernprogramms herunterladen.
Mit dem Kreisauswahl-Werkzeug habe ich den Kompass aus dem ursprünglichen Hintergrund herausgeschnitten (erinnern Sie sich, ich habe diesen Kompass von iStockPhoto erhalten). Es sieht gelblich aus, weil wir diese Wolkenschicht oben haben.
Der Kompass sieht ein bisschen schlicht aus, also werden wir die Farben ein wenig aufpeppen. Dazu duplizieren Sie die Kompassebene und drücken Sie Strg + Umschalt + U, um sie zu entsättigen (d. H. Schwarzweiß).
Legen Sie für die Schwarzweiß-Ebene die Option Überlagern fest. Dies ergibt ein kontrastreicheres Aussehen. (Tatsächlich können Sie den gleichen Effekt auf andere Weise erzielen.)
Als nächstes holen Sie das Brennwerkzeug wieder heraus, und gehen Sie zur Original-Kompass-Ebene, um den Boden und die Seiten etwas vernünftig zu brennen. Jetzt fängt unser Kompass an, warm und warm auszusehen.
Dann in einer Schicht unten Erstellen Sie einen schwarzen Kreis in der Größe des Kompasses. Sie können dies tun, indem Sie die Strg-Taste drücken und auf die Kompassebene klicken, dann zur darunter liegenden Ebene zurückkehren und sie mit Schwarz füllen.
Gehen Sie dann zu Filter> Unschärfe> Gaußsche Unschärfe und geben Sie eine Unschärfe von etwa 10 Pixeln. Dies ist der Schatten für unseren Kompass.
Zum Schluss fügen wir den Kompass + Hintergrund + Banner zusammen, um das endgültige Bild zu bilden!
Beachten Sie, dass es ein paar Schichten gab, die ich ausgelassen habe, um dieses Tutorial kurz zu halten (jedenfalls gut kürzer). Sie können die PSD herunterladen, um den Rest zu sehen! Ich hoffe, dir hat dieses Tutorial gefallen, es war ein bisschen wie ein Monster!
Accentsconagua