So erstellen Sie eine Awareness-Avatar-Aktion in Adobe Photoshop

Was Sie erstellen werden

Feiern Sie mit uns den Spirit Day und setzen Sie sich gegen Mobbing ein. In diesem Lernprogramm erstellen wir einen Avatar, den Sie mithilfe von Anpassungsebenen, Ebenenüberblendungsmodi und Ressourcen von Envato Market in Ihren sozialen Medien platzieren können. 

Was ist Geistertag??

Jedes Jahr geben Millionen von Menschen ihre Unterstützung für die LGBTQ-Gemeinschaft und die Jugendlichen, die Opfer von Mobbing sind, an. Der Geistertag wird durch die Farbe Lila auf der Regenbogenfahne symbolisiert, die das Wort "Geist" darstellt..

In diesem Jahr findet der Spirit Day am 20. Oktober 2016 statt. Um diesen Tag zu feiern, erstellen wir eine einfache Photoshop-Aktion, mit der Sie einen lila thematischen Avatar für Ihre Social-Media-Profile erstellen können. Ich wurde von Bannern im Print-Design für diesen Look inspiriert. Schauen Sie sich die große Auswahl an Banner Graphics von Envato Market an, um mehr Inspiration zu erhalten.

1. Legen Sie die Voreinstellungen fest: Bannerform

Schritt 1

Bevor wir mit der Aktion beginnen, müssen wir einige Voreinstellungen einrichten, um die Arbeit zu erleichtern. Beginnen wir mit dem Erstellen einer einfachen Bannerform.

Ein ... kreieren Neues Dokument beim 500 x 500 Pixel in Photoshop. Verwechseln Sie dieses Dokument nicht mit dem Avatar, da wir dies nur benötigen, um ein schnelles Banner zu erstellen. Wähle aus Rechteckwerkzeug (U) und erstellen Sie ein langes Rechteck mit einer violetten Farbfüllung # 28173a. Dann wählen Sie die Stiftwerkzeug (P) und platzieren Sie einen Ankerpunkt am unteren Rand des Rechtecks.

Schritt 2

Wählen Sie nun das Punktwerkzeug konvertieren Klicken Sie auf den Ankerpunkt, den Sie gerade erstellt haben, um ihn von einem glatten zu einem Eckankerpunkt zu drehen. Dann benutzen Sie die Direktauswahl-Tool (A) den Ankerpunkt nach oben ziehen, während Sie die Verschiebung Schlüssel, um es zentriert zu halten.

Schritt 3

Sobald du fertig bist, Rechtsklick und wählen Sie In Form umwandeln, Benennen Sie Ihre neue Form "Awareness Banner".

2. Legen Sie die Voreinstellungen fest: Farbfelder und Farbverläufe

Schritt 1

Nun legen wir die Farben und Farbverläufe fest, die wir für diese Aktion benötigen. Zugriff auf Ihre Farbfelder Panel (Fenster> Farbfelder) und erstellen Sie mehrere neue Farbfelder, die wir für diese Aktion benötigen. Wir benötigen die folgenden Farben (außer der Farbe Weiß) für diese verschiedenen Avatar-Elemente:

  • Hellpurpurner Text: # a85bcd
  • Oberer Kreis: # a962b5
  • Unterer Kreis: # 834491
  • Dunkelvioletter Text: # 3e2c57
  • Schwarz: # 000000
  • Sahnebanner: #dcdcdc

Schritt 2

Wählen Sie für die Farbverläufe die Option Verlaufswerkzeug (G). Doppelklicken Sie auf den aktiven Farbverlauf, um das anzuzeigen Verlaufseditor. Richten Sie Ihren ersten Farbverlauf mit einer dunkelblauen Farbe ein # 290a59 das geht in ein helles lila # ba3ede. Wenn Sie fertig sind, benennen Sie den Farbverlauf und drücken Sie Neu um den neuen Farbverlauf zu erstellen.

Fahren Sie mit dem nächsten Farbverlauf fort. Erstellen Sie eine ähnliche, diesmal mit einem dunklen Lila # 311759 hellviolette Farbe # c675de.

3. Stellen Sie die Presets: Crop Preset ein

Das letzte Preset, das wir hinzufügen werden, ist für die Zuschneidewerkzeug (C). Diese Voreinstellung ist nur erforderlich, wenn Sie mit einem nicht quadratischen Profilbild beginnen. Wähle aus Zuschneidewerkzeug (C) und wähle B x H x Auflösung. Für diesen Profil-Avatar werde ich die Dimensionen eines Facebook-Beitragsbilds verwenden 504 x 504 Pixel mit 72 dpi. Dann wählen Sie Neues Crop-Preset aus dem Dropdown-Menü und klicken Sie auf OK um das neue Preset zu speichern.

4. Erstellen Sie die Aktion zum Ändern der Größe / Beschneidung

Schritt 1

Wenn alle Farben, Verläufe und Voreinstellungen eingestellt sind, können wir zu unserer ersten Aktion übergehen. Die erste Aktion, die wir erstellen müssen, sind die Größenanpassungs- und Zuschneideaktionen, um die Abmessungen Ihres Fotos zu ändern.

Öffnen Sie Ihr Foto in Photoshop. Ich werde diesen Woman Stock von Envato Market verwenden.

Doppelklick die Hintergrundebene in der Schichten PanelEntsperren und auf Ebene 0 einstellen. Stellen Sie sicher, dass Sie diesen Schritt für jedes Bild ausführen, für das Sie diese Aktion verwenden möchten. Andernfalls funktioniert es nicht ordnungsgemäß.

Schritt 2

Gehen Sie jetzt zu Fenster> Aktionen Zugriff auf die Aktionen Panel. Wählen Sie den Ordner aus Erstellen Sie ein neues Set und benennen Sie das neue Set Bewusstsein. Wählen Sie dann das Papiersymbol aus Neue Aktion erstellen, Benennen der Aktion "Größe ändern". 

Schritt 3

Die Aktion beginnt automatisch mit der Aufnahme, also fahren Sie mit fort Bild> Bildgröße und ändern Sie die Breite in 504 Pixel.

Schritt 4

Diese Aktion funktioniert perfekt, wenn Ihr Bild bereits ein Quadrat ist. Wenn es sich jedoch um ein Hoch- oder Querformat handelt, müssen Sie es ebenfalls beschneiden, um es an die Quadratabmessungen anzupassen.

Lassen Sie uns dieses Szenario auf einem anderen Foto wie diesem Young Woman Stock üben. Nach dir abspielen Um die Größenänderung für Ihr Foto vorzunehmen, fahren Sie mit dem Erstellen der Zuschneideaktion fort. Führen Sie dazu die gleichen Schritte wie beim Erstellen von a aus Neue Aktion. Nennen Sie diesmal die Aktion "Zuschneiden"..

Schritt 5

Sobald die Aktion beginnt, wählen Sie die Option Zuschneidewerkzeug (C) und das auswählen 504 px x 504 px x 72 dpi Voreinstellung, die Sie zuvor erstellt haben. Beweg den Zuschneidewerkzeug (C) nach oben, um das Gesicht zu rahmen und dann Ernte das Foto. Wenn Sie damit fertig sind, schalten Sie das Dialogfeld für die Photoshop-Aktion um, sodass Sie das Foto selbst manuell zuschneiden müssen.

5. Erstellen Sie die Farbeffektaktion

Schritt 1

Nachdem wir uns nun um die Abmessungen unseres Profilfotos gekümmert haben, können wir mit dem Farbeffekt fortfahren. Ich werde mein ursprüngliches Lager verwenden, um dieses Tutorial fortzusetzen.

Zuerst erstellen wir eine schnelle Unschärfeaktion. Befolgen Sie die Schritte von vor dem Erstellen von a Neue Aktion. Nennen Sie dieses neue "Unschärfe". Schlagen Steuerung-J ein erstellen Duplikat von Ihrem Foto. 

Dann geh zu Filter> Unschärfe Galerie> Iris Unschärfe, Unschärfe setzen von 10 Pixel, vor dem Schlagen OK. Stellen Sie sicher, dass Probleme mit dieser Aktion vermieden werden Schalten Sie den Dialog ein Sie können dann die Unschärfe manuell erstellen Halt die Aufzeichnung der Aktion.

Schritt 2

Beginnen wir nun mit dem Anpassen der Farben. Ein ... kreieren Neue Aktion benannt "Farbeinstellungen". Wir werden diese Aktion als eine lange Aktion ausführen, aber Sie können zwischen den Anpassungen aufhören, wenn Sie es brauchen.

Erstellen Sie zuerst eine Neu Farbe füllen von schwarz aus der Schichten Panel. Stellen Sie das ein Ebenenüberblendungsmodus zu Sanftes Licht und stellen Sie das ein Opazität zu 60%.

Schritt 3

Fahren Sie mit der nächsten Einstellung fort. Erstellen Sie jetzt eine Farbverlaufskarten-Anpassungsebene von Schwarz und Weiß und setzen Sie es auf Sanftes Licht.

Passen Sie während der Aufzeichnung der Aktion die Intensität der Farben schnell mit a an Neue Einstellung Layer von Ebenen, und nur das ändern Ausgangspegel bis 50, 255.

Schritt 4

Fügen Sie jetzt eine Farbverlaufskarten-Anpassungsebene mit dem zweiten violetten Farbverlauf, den wir zuvor erstellt haben. Wenn Sie fertig sind, stellen Sie das ein Ebenenüberblendungsmodus zu Farbe.

Schritt 5

Beenden Sie die Farbanpassung mit a Neue Einstellungsebene von Kurven. Wähle aus Blauer Kanal und heben Sie die Linie von unten leicht an, um das Bild blau zu färben. 

Nun ist dieser Farbeffekt beendet Halt Taste auf der Aktionsbereich die Aufnahme zu stoppen.

6. Erstellen Sie die Banneraktion

Schritt 1

Gehen wir weiter zur Dekoration. Um unseren Avatar noch weiter zu schmücken und unseren Spirit Day-Stolz zu zeigen, fügen wir einige geometrische Elemente und einen kleinen Text hinzu. Ein ... kreieren Neue Aktion benannt "Avatar Banner".

Wähle aus Polygonwerkzeug (U), sicherstellen, dass es bereit ist 3 Seiten Erstellen eines Dreiecks (Sie können auch eine Voreinstellung dieser Form erstellen, wie Sie es bei den anderen am Anfang getan haben)..

Erstellen Sie ein weißes Dreieck in der oberen linken Ecke und Freie Transformation (Control-T) Dreieck drehen, um den Raum besser anzupassen. Dann Rechtsklick zu gehen Fülloptionen. Füge hinzu ein Verlaufsüberlagerung mit folgenden Einstellungen:

Schritt 2

Jetzt Steuerung-J zu Duplikat das Polygon. Drehen es mit Freie Transformation (Control-T) um es in Position zu bringen und den oberen rechten Bereich zu umarmen. Blenden Sie die Sichtbarkeit aus des Ebenenstile und setze das Mischmodus zurück zu Normal bevor Sie das einstellen Opazität zu 80%.

Duplikat die Polygonform noch zweimal. Befolgen Sie die gleichen Schritte wie zuvor, um sie neu zu positionieren, und platzieren Sie sie diesmal am unteren Rand der Komposition. Legen Sie das erste Dreieck mit den gleichen Einstellungen wie das erste fest. Ändern Sie jedoch die Ebenenüberblendungsmodus des letzten Dreiecks zu Farbton mit einem Deckkraft von 53%.

Schritt 3

Wählen Sie nun das Werkzeug für benutzerdefinierte Form (U) und verwenden Sie die Bannerform, die wir am Anfang erstellt haben. Fügen Sie das Banner in der oberen linken Ecke mit einer hellen Cremefarbe hinzu #dcdcdc.Dann Rechtsklick zu gehen Fülloptionen, Hinzufügen eines Schlagschatten mit folgenden Einstellungen:

Schritt 4

Die letzten Formen, die wir verwenden werden, sind nur zwei schnelle Kreise. Wähle aus Ellipse-Werkzeug (U) und erstellen Sie ein dunkles Lila # 834491 Kreisen Sie in der rechten unteren Ecke einen Kreis ein Deckkraft bis 60%. Dann Duplikat Der Kreis (Kontrolle-J), bringen die Deckkraft zu 100% und das ändern Füllen Farbe zu einem helleren Purpur (# 9e53ac).

Halt die Aufnahme, wenn Sie fertig sind.

7. Erstellen Sie die Textaktion

Schritt 1

Nun, da die meisten unserer Elemente fertig sind, können wir mit dem Text fortfahren. Ein ... kreieren Neue Aktion "Text" genannt. Fügen Sie zuerst hellviolett hinzu # 9e4cc7 Text zum oberen Banner mit den folgenden Einstellungen:

  • Schriftart: Franklin Gothic Demi und Franklin Gothic Heavy
  • Größe: 18 und 24 pt.

Drücken Sie in einer Zeile mit einem Gewicht von 1 Pixel in der Mitte dieses Textes mit der Linienwerkzeug (U).

Schritt 2

Fügen Sie dem unteren Kreis dann mit den folgenden Einstellungen Text hinzu:

  • Schriftart: Franklin Gothic Demi und Franklin Gothic Heavy
  • Größen: 12, 24 und 30 pt.

Lassen Sie den Haupttext bei 24, damit das Wort "gegen" hervorgehoben wird. Während der Großteil des Textes weiß ist, ändern Sie das Wort "gegen" in eine dunkelviolette Farbe # 33224c.

Schritt 3

Zu guter Letzt füge ich dem Bild ein wenig Licht hinzu. Ein ... kreieren Neue Schicht und wähle das aus Pinselwerkzeug (B). Setzen Sie die Farbe auf Weiß und verwenden Sie eine große Farbe Weiche runde Bürste um einen einzelnen weißen Punkt im mittleren oberen Bereich der Komposition zu malen. Stellen Sie das ein Mischmodus zu Sanftes Licht und stellen Sie das ein Opazität zu 70%.

Sie können dies als weiteren Teil Ihrer Textaktion hinzufügen, bevor Sie drücken Halt zum letzten Mal.

8. Verwenden Sie diese Aktion für verschiedene Ursachen

Eine tolle Sache bei dieser Aktion ist, dass Sie sie für verschiedene Zwecke verwenden können, indem Sie einfach die Farben umschalten. Nach dir abspielen Experimentieren Sie einfach mit den Farben, bis Sie etwas gefunden haben, das der von Ihnen befürworteten Ursache entspricht.

Möchten Sie eine alternative Version sehen? Hier habe ich den gleichen Avatar mit rosa Farben für den Breast Cancer Awareness Month erstellt.

Fazit

Die Welt könnte weniger Mobbing gebrauchen. Ich hoffe, Sie feiern mit uns den Spirit Day, indem Sie Ihre Liebe zur LGBTQ-Community zeigen. Möchten Sie mehr Photoshop-Aktionen sehen? Schauen Sie sich diese Tutorials unten an:

  • Erstellen Sie einen Collage-Effekt mit Photoshop-Aktionen
  • Erstellen Sie in Adobe Photoshop eine farbige Kloneffektaktion
  • Erstellen Sie eine animierte, in Arbeit befindliche Photoshop-Aktion in Adobe Photoshop