Im Laufe des vergangenen Wochenende habe ich beschlossen, dass es Zeit ist, die Header-Bilder auf dieser Website ersetzen war, so kam ich mit diesem Bild. Es wurde durch eine Kombination von Microsoft Windows Begrüßungsbildschirm und eine Menge der Symbole und Schaltflächen, die in der Web 2.0-Welt dominiert wurden inspiriert.
Fühlen Sie sich frei, um auf das Bild klicken und downloaden Sie die größere (4000 x 2754) Bild, wenn Sie es für etwas verwenden müssen. Bitte geben Sie mir Kredit, wenn dies irgendwie passt mit dem, was Sie es verwenden für, aber nicht verpflichtet fühlen, dies zu tun.
Ich habe beschlossen, diesen Beitrag in einem Tutorial für diejenigen, die in Grafik-Design werden kann ab und interessiert, etwas zu tun, wie es zu machen. Die Farbkombination ist wirklich einfach zu ändern, so dass es ein sehr individuell Bild. Ähnliche Ergebnisse können unter Verwendung von Vektoren, aber ich werde es nicht tun, dass dieses Mal werden.
Dieses Tutorial geht davon haben Sie Photoshop oder einem ähnlichen Grafik-Design-Anwendung, wie zum Beispiel Gimp. Lassen Sie uns loslegen.
Schritt 1 - Making the Waves
Um zu starten, öffnen Sie Photoshop oder was auch immer-Grafik-Software Sie verwenden und auf die Größe des Bildes zu entscheiden. Ich ging ziemlich groß (ca. 4500 x 3500), so dass ich einfach nutzen könnten Teile des fertigen Bildes, aber nicht um sie zu klein, wenn ich beschlossen, nur einen kleinen Ausschnitt verwenden zu kümmern. Sie können durch die Größe des Speichers auf Ihrem Computer beschränkt werden. Je mehr Speicher, desto besser.
Auf eine neue leere Ebene, zeichnen ein schwarzes Wellenmuster. Es ist wichtig, um sicherzustellen, dass es ziemlich zufällig und glatt oder Ihre Ergebnisse können nicht entpuppen sehr gut ist.
Im Bild oben, habe ich 4 Beispiel Wellenmuster zusammengestellt. In Ihrer Photoshop-Datei, werden alle der Wellen-Muster auf oder unter der jeweils anderen in der Schicht Satz platziert werden, mit Filter-Effekte schließlich aufgebracht.
So zum Beispiel Besuche das Bild auf der linken Seite. Jedes der 4 Wellen ist eine andere Schicht. Sie können sehen, dass ich setzte sie auf eine Opazität haben. In diesem Fall von 25%. Sie brauchen nicht auf diese noch zu tun, aber ich dachte, es sei wichtig, um ein Bild zu zeigen, so dass Sie leichter folgen können.
Jetzt gehen Sie vor und machen eine Reihe von zufälligen Wellenmuster. Wenn ich mich richtig erinnere, habe ich ca. 20-30 Mustern. Wenn Sie müde machen sie zu bekommen, einfach ein paar strecken oder spiegeln diese horizontal und die Anzahl der Wellen Sie werden schnell zu erhöhen. Es gibt keinen Punkt in verbringen unzählige Stunden damit, sie alle einzigartig, wenn Sie den Eindruck von zufälligen Größen und Höhen, indem Sie ein paar Strecken, schief eingezogen oder horizontal Flips geben.
Schritt 2 - Anwenden eines Fade-Effekt
Sie werden jetzt wahrscheinlich wollen sich auf ein Farbschema entscheiden. In meinem Fall habe ich einen hellblauen Farbe. Mit 2 leicht unterschiedliche Schattierungen der gleichen Farbe für Ihre Vordergrundfarbe und Ihre Hintergrundfarbe.
In diesem Bild können Sie sehen, meine Farbwahl mit dem hellblau für Vorder-und dunkelblau für den Hintergrund. Jetzt machen alle Ihre Welle Ebenen außer 1 komplett unsichtbar, so dass sie nicht in die Quere kommen. Mit der verbleibenden Welle Schicht, klicken doppelt, so dass Sie können die Layer-Stil aktualisieren und aktivieren Sie die Option Gradient Overlay. Wählen Sie die Option Hintergrund Vordergrund, die in Richtung der oberen linken Seite verwenden wird. Sie wollen mit dem Winkel und Maßstab zu spielen. Ich ging mit zwischen 20% und 40% für die Skala, und mein Winkel im Bereich von zwischen 125 Grad und 60 Grad je nach dem Muster der Welle. Spielen Sie mit, bis Sie etwas, das Recht vor, Sie sieht zu finden.
Jetzt haben Sie einen Fade-Effekt auf der Ebene haben, sollten Sie auf den oberen Rand ein bisschen mehr zu definieren. Wir können dies, indem sie ihm einen leichten Fade-Effekt entlang der Kante geht von der Dunkelheit an der Spitze, um leichter nach unten zu tun. Dadurch werden die Augen in das Denken Sie an eine abgerundete Oberfläche suchen Trick. Um dies zu tun, gehen Sie zurück in den Ebenenstil und klicken Sie auf Geschliffen und Prägen. Ich entschied mich für die Einstellungen in der folgenden Abbildung.
Meine Werte sind wie folgt:
Stil: Inner Bevel, Technik: Glatte Oberfläche, Tiefe: 31%, Richtung: nach oben, Größe: 250px, Weichzeichnen: 16px, Winkel: 90 Grad Use Global Licht aktiviert, Höhe: 1 Grad, Anti-Aliasing aktiviert.
Highlight-Modus war normal mit Schwarz als Farbe und einer Opazität von 100% gesetzt.
Schatten-Modus wurde auf Bildschirm (jede Option zu tun, da es unsichtbar ist) mit einem schwarzen (ich weiß, im Bild auf der linken Seite, es ist weiß. Es ist unsichtbar und spielt keine Rolle) eingestellt und setzen Sie ihn auf 0% Deckkraft, so dass es unsichtbar ist .
Wenn Sie diese Werte immer so leicht, sollten Sie sich ein bisschen wie ein dunkler Wirkung um den Rand der Welle.
Sie können die kleinen Unterschied, dass es in diesem animierten gif macht. Schauen Sie genau hin, weil es sehr subtil, aber in meinem opionion sehr notwendig, um die Gesamtwirkung der Wellen ist zu verkaufen. Sie wollen die dunkleren Rand haben.
Ihre Schicht sollte etwas zu suchen wie dieser zu diesem Zeitpunkt.
Jetzt tun die gleiche Prozedur, die Sie mit dieser Schicht auf die verbleibenden Welle Schichten tat. Achten Sie darauf, dass Sie nur 1 Schicht sichtbar zu einem Zeitpunkt oder die Dinge sehr schnell verwirrend und Sie könnten versucht sein, andere Arten von Änderungen auf das gesamte Bild an diesem Punkt der Grundlage zu machen. Am besten ist es, dass bis zum Ende bei touchups verlassen.
Schritt 3 - Hinzufügen der Hintergrund
Der Hintergrund ist ein einfach ein Gradient mit ähnlichen Farben, um Ihre Wellen. Ich entschied mich, um es aus dunkler (gut, dunkler als weiß) an der Spitze gehen, um leichter an der Unterseite. Da die untere Hälfte der Wellen abdecken wird den unteren Teil deiner Hintergrund in den Ende sowieso, Sie haben wirklich nicht darüber nachdenken, was der Boden der Hintergrund sieht aus wie an dieser Stelle zu kümmern. So ein weißer Hintergrund sollte gut funktionieren.
Jetzt ist es nur eine Frage der Anwendung von Filtern auf den Schichten und einigen touchups.
Schritt 4 - Hinzufügen von den Schichten und touchups
Zunächst wandeln die Welle Schichten in flachen Schichten, so dass die Schicht Effekte direkt auf die Schicht aufgebracht werden. Mit anderen Worten, du bist Abflachung jede Schicht, aber sicher sein, alles über die Welle komplett undurchsichtig zu halten. Im Bild auf der linken Seite können Sie sehen, was ich meine. Das "Vorher"-Schicht ist, wie Ihr oben ist nun eingestellt. Die "Nach"-Schicht ist, was Sie, um es in konvertieren müssen.
Jetzt machen die 2 untersten Welle Schichten sichtbar. An der oberen Schicht Welle, setzen Sie die Deckkraft auf etwa 20% und einen Filter anwenden. Ich meistens mit Hartes Licht, Linear Burn, Farbe Burn, Pin Licht und Multiplizieren stecken. Dann tun Sie ähnlich dem unteren Welle Schicht zu. Dies sollte aufhellen-up den Boden der Welle so ist es nicht so dunkel.
Machen Sie die nächste Schicht bis sichtbar und wieder einen Filter und setzen Sie ihn auf etwa 20% in der Opazität. Wiederholen Sie dies, bis alle Schichten sichtbar sind, und Sie sollten etwas ähnlich wie mein Endprodukt haben.
Ich hoffe, das Tutorial ist genug, um Ihnen den Einstieg.
