Share
Was Sie erstellen werdenErfahren Sie, wie Sie ein lila iPhone-Wallpaper zu Ehren des Spirit Day gestalten! In diesem Tutorial zeige ich Ihnen, wie Sie Farbverlaufshintergründe, Sternpinsel und mehr verwenden, um ein iPhone-Hintergrundbild zu erstellen.
Jedes Jahr tragen Millionen Menschen am Spirit Day Purpur, um LGBTQ-Jugendliche zu unterstützen und sich gegen Mobbing auszusprechen. Nimm das Versprechen, um lila zu werden! - GLAAD.org
Letztes Jahr habe ich diese Photoshop-Aktion erstellt, um einen schnellen Fotoeffekt für Spirit Day zu erstellen.
Wenn Sie die benutzerdefinierte Aktion ausführen, können Sie auf jedes Bild einen violetten Filter und einige einfache Formen anwenden, um Ihre Unterstützung für das Bewusstsein zu zeigen.
Dieses Mal wollte ich etwas anders machen.
Mein Verstand ist einfach verrückt, dass ich Zugang zu so vielen schönen Goodies auf Envato Elements habe. In letzter Zeit habe ich mich durch alle Hintergrundsammlungen gesichtet, um einen für mich zu finden.
Denken Sie daran, Sie benötigen ein Abonnement für die von mir verwendeten Farbverlaufs- und Vektorartikel. Sie können aber auch mit kostenlosem Vorrat spielen, während Sie weiterhin unser kostenloses Pinselpaket verwenden.
Die folgenden Assets wurden in den Produktionen dieses Tutorials verwendet:
Erweitern Sie Ihre Sammlung! Malen Sie Sterne, zeichnen Sie Haare oder wenden Sie mit diesem kostenlosen Photoshop-Pinselpaket mit 10 unverzichtbaren Pinseln Grunge-Effekte an.
Die Größe Ihres Hintergrundbildes hängt von Ihrem persönlichen iPhone ab. Ich habe ein iPhone 6, also gehen wir einfach dazu.
Hier sind einige Größen, die Sie berücksichtigen können:
Bildschirm: 1334 x 750
Tapete: 1608 x 852
• für iPhone 6
Bildschirm: 1920 x 1080
(von 2208 x 1242 heruntergerechnet)
Tapete: 2662 x 2662
• für iPhone 6 Plus
Finden Sie die richtige Hintergrundgröße für Ihr iPhone. Hier sind einige nützliche Links, die ich verwendet habe:
Erstellen Sie jetzt eine Neues Dokument (Control-N) bei dieser Größe:
(Ich mag kleine Dateigrößen, daher können Sie die Auflösung nach Bedarf anpassen.)
Kommen wir zum Hintergrund!
Laden Sie zuerst die Verlaufshintergründe 2 herunter. Diese beiden kosmischen Hintergründe waren mein Favorit.
Ich werde verwenden # 16 für meine Tapete.
Jetzt Kopieren (Control-C) und Einfügen (Kontrolle-V) die Steigung auf a Neue Schicht für Ihr Hintergrunddokument.
Die offizielle Spirit Day-Farbe ähnelt diesem Lila # 6f009a Farbe.
Ein ... kreieren Neue Schicht. Verwenden Sie die Farbeimerwerkzeug (G) zu Füllen die schicht mit lila. Dann stellen Sie das ein Ebenenüberblendungsmodus zu Hartes Licht und senken Sie die Opazität zu 26%.
Großartig! Jetzt Duplikat (Steuerung-J) die Gradientenschicht. Ziehen Sie die Ebene über die Hartes Licht eine innerhalb der Schichten Panel.
Erstellen Sie einen neuen Hintergrund mit diesen beiden Verlaufsebenen. Verwenden Sie die Werkzeug zur freien Transformation (Control-T) um diese Ebene am unteren Rand des blauen Bereichs neu zu positionieren.
Füge hinzu ein Ebenenmaske auf die Farbverlaufskopie.
Wähle aus Pinselwerkzeug (B), verwenden ein Weiche runde Bürste mit 0% Härte und 90-100% Deckkraft Schwarz auf das Weiß malen Ebenenmaske. Malen Sie den harten Rand des Bildes weg und passen Sie ihn so lange an, bis Sie zufrieden sind.
Wenn alle Hintergrundverläufe eingestellt sind, können wir zu Textur und Farbe übergehen.
Aber zuerst fügen wir ein Einstellungsebene von Farbsuche. Gehe zu Ebene> Neue Einstellungsebene> Farbsuche, und wähle diese Einstellung:
Malen Sie etwas Textur mit der Sternbürste von diesem Photoshop Brush Pack.
Dieser Pinsel ähnelt winzigen, weit entfernten Sternpunkten, so dass wir damit viel glitzernde Textur malen können.
Ein ... kreieren Neue Schicht. Stellen Sie das ein Vordergrundfarbe zu weiß und malen Sie Punkte rund um den Hintergrund mit Farbverlauf für Textur. Variieren Sie die Pinselgröße zu Ihren Vorlieben.
Wenn Sie fertig sind, verwenden Sie die Radiergummi-Werkzeug (E) einige Sterne sanft ausradieren. Beginnen Sie mit einem mittleren bis niedrigen Wert Opazität und erhöhen Sie es bei Bedarf.
Ein ... kreieren Neue Schicht.
Verwenden Sie die Farbeimerwerkzeug (G) zu Füllen es mit dem gleichen lila # 5a009a Farbe von vor. Stellen Sie das ein Ebenenüberblendungsmodus zu Überlagerung und senken Sie die Opazität zu 43%.
Durch Überlagerung werden die Farben satter.Lassen Sie uns die Farben weiter anpassen, bis wir mit dem Ergebnis zufrieden sind.
Beim Design geht es um alles Geduld und Experimente!
Ein ... kreieren Neue Einstellungsebene von Farbbalance. Passen Sie die Einstellungen für das an Mitteltöne, Schatten und Höhepunkte Zu dem Folgendem:
Dann erstellen Sie eine andere Neue Schicht und Füllen es mit einem satten Purpur # 6f009a. Stellen Sie das ein Mischmodus zu Farbton und das Opazität zu 43%.
Hier ist das Ergebnis. Jetzt entspricht es mehr den Spirit Day-Farben!
Hier ist ein Vergleich vor und nach dem Anwenden von Farbbalance und einer neuen Farbfüllung.Verwenden Sie die Ellipse-Werkzeug (U) um ein großes lila zu erzeugen # 690092 Kreis. Platzieren Sie es in der Mitte der Komposition.
Stellen Sie die violette Kreisebene auf Verdunkeln.
Erstellen Sie eine schnelle Ebenenmaske um etwas vom unteren linken Bereich des Kreises zu löschen. Füttere es mit einem Weiche runde Bürste. Dadurch wird es in den Hintergrund eingefügt.
Für mehr Tiefe legen wir den Vordergrund-, Mittel- und Hintergrundbereich dieser Komposition mit mehr geometrischen Objekten fest.
Verwenden Sie die Werkzeug für benutzerdefinierte Form (U) um ein Dreieck an der unteren linken Seite hinzuzufügen.
Rechtsklick die Formebene und gehe zu Fülloptionen.Fügen Sie ein Rosa hinzu Verlaufsüberlagerung mit folgenden Optionen:
Accentsconagua
# 8c3148zu # ff5984
Fügen Sie dann ein weiteres lila Dreieck hinzu # 6102e4 nach oben rechts Hier ist das Ergebnis:
Für eine etwas schwülere Atmosphäre werden wir die Beleuchtung dieser Szene anpassen.
Füllen ein Neue Schicht mit rot # 720f0e. Füge hinzu ein Ebenenmaske und malen Sie schwarz mit einem Weiche runde Bürste um bestimmte Teile der roten Schicht zu verbergen. Dann senken Sie die Opazität zu 33% und setze eszu Multiplizieren.
Nehmen Sie sich Zeit mit Ebenenmasken und blenden Sie die Farbe langsam aus. Versuchen Sie, das Gleichgewicht zu finden.Fügen wir das Objekt "Sonne" für dieses Stück hinzu. Es war ursprünglich nicht beabsichtigt, aber es wird später helfen, den Betrachter zu zeichnen.
Verwenden Sie die Ellipse-Werkzeug (U) ein lila schaffen # 570f9c Kreis. Positionieren Sie es zur rechten Seite des anderen.
Dann Rechtsklick zu gehen Fülloptionen. Füge hinzu ein Verlaufsüberlagerung mit folgenden Einstellungen:
# aa9780 und # e4cbac
Wir verlassen die letzte Kreisform, die den Tag für den Geistertag für die letzten Schritte enthält.
Zur Zeit, Duplikat das linke untere Dreieck. Stellen Sie die Farbe auf dieses Lila ein # 7000cc. Machen Sie es größer, bevor Sie es einstellen Bildschirm. Genießen Sie den subtilen Effekt!
Für die letzten Schritte dieses iPhone-Hintergrunddesigns müssen wir den Kontrast anpassen und ein Datum hinzufügen!
Beginnen wir mit einem Neue Einstellungsebene von Farbsuche.
Stellen Sie das ein 3DLUT-Datei zu filmstock_50.3dl.
Erstellen Sie die letzte Ellipse. Stellen Sie die Farbe auf Magenta ein # 751772.
Füge hinzu ein Verlaufsüberlagerung zur Ellipse. Verwenden Sie ein buntes Gelb, Pink, und Lila Preset können Sie finden, indem Sie auf die Pastell Farbverläufe innerhalb der Verlaufseditor.
Als nächstes fügen Sie eine Äußeres Glühen mit folgenden Einstellungen:
Hier ist das Ergebnis - es ist subtil, aber die Mühe lohnt sich.
Fügen Sie etwas Licht hinzu für böse Effekte! Verwenden ein Weiche runde Bürste auf weiß malen Neue Schicht einstellen Überlagerung.
Lassen Sie uns für eine kleine Bewegung eine dreieckige 3D-Form erstellen, die in die Szene hineinschwebt.
Verwenden Sie zuerst die Werkzeug für benutzerdefinierte Form (U) das Lila zu schaffen # 5a1390 Dreieck. Stellen Sie die Perspektive mit ein Werkzeug zur freien Transformation (Control-T).
Fügen Sie wie bei unseren vorherigen Schritten einen Farbverlauf hinzu. Verwenden Sie dasselbe Pastellfarbverlauf von vor, aber senken Sie die Opazität zu 30%.
Um dieses Dreieck dreidimensional zu gestalten, duplizieren Sie es zuerst. Löschen Sie die Verlaufsüberlagerung und verwenden Sie dieses Dreieck, um die untere Basis des 3D-Effekts festzulegen. Als nächstes benutzen Sie die Stiftwerkzeug (P) Verbinden Sie die beiden Dreiecke miteinander, indem Sie die Lücken mit violetten Formen füllen.
Nun zum Text.
Erstellen Sie den Text für das Datum und den Hashtag mit zwei neuen Textebenen. Ich werde diesen Reef Font verwenden und Arial Abgerundete MT Fett. Stellen Sie das Datum auf Weiß und #spiritday auf Rosa ein # ff28ff.
Rechtsklick zu gehen Fülloptionen.
Folgen Sie diesen Einstellungen, um eine Schlagschatten, Verlaufsüberlagerung, und Abgeflachte Kante und Relief bewirken.
Hier ist das Ergebnis:
Stellen Sie den magentafarbenen Kreis auf Sanftes Licht.
Verwenden Sie eine der geometrischen Formen aus diesem Vektorformbündel, um weitere Informationen zum Kreis zu erhalten. Kopieren und Einfügen die Form auf a Neue Schicht, und dann die Radiergummi-Werkzeug (E) um die Bereiche zu löschen, in denen sich die Linien schneiden.
Es kann hilfreich sein, den Text für diesen Schritt auszublenden.
Kompensieren Sie die Komposition mit a Weiche runde Bürste um der Szene mehr Licht und Farbe hinzuzufügen. Verwenden Sie Ihre natürliche Intuition, um Bereiche miteinander zu verbinden.
Zum Schluss erhellen Sie es mit einem Neue Helligkeits- und Kontrasteinstellung Schicht.
Das ist es! Schauen Sie sich das Endergebnis unten an.
Holen Sie sich dieses Wallpaper in voller Größe und machen Sie mit bei Spirit Day! Legen Sie es als Hintergrundbild fest, um Ihre Unterstützung für diese wichtige Anti-Mobbing-Mission zu zeigen.
Wie dieses iPhone Mockup? Versuch es!
Ich hoffe, Ihnen hat dieses Tutorial gefallen. Fühlen Sie sich frei, Kommentare, Ergebnisse und Fragen unten zu hinterlassen!
Weitere Spirit Day-Tutorials finden Sie unter diesen Links:
