Hur man skapar en Awareness Avatar Action i Adobe Photoshop

Vad du ska skapa

Följ med oss ​​när vi firar Andesdagen för att förespråka mot tonårs mobbning. I den här handledningen skapar vi en avatar som du kan placera på dina sociala medier med hjälp av justeringslager, lagblandningsmetoder och resurser från Envato Market. 

Vad är Andesdagen?

Varje år går miljontals lila för att visa sitt stöd av LGBTQ-samhället och de ungdomar som är mobbningsoffer. Andesdagen symboliseras av färgen lila på regnbågeflaggan, som representerar ordet "ande".

I år kommer Spirit Day den 20 oktober 2016. Och för att fira den här dagen skapar vi en enkel Photoshop Action som låter dig skapa en lila teman avatar för dina sociala medier. Jag var inspirerad av banners i tryckdesign för detta utseende, så gärna bläddra i det brett urvalet av Banner Graphics från Envato Market för mer inspiration.

1. Ställ in förinställningarna: Bannerform

Steg 1

Innan vi börjar om åtgärden måste vi ställa in några förinställningar för att göra det enklare. Låt oss börja med att skapa en enkel bannerform.

Skapa en Nytt dokument 500 x 500 pixlar i Photoshop. Förväxla inte detta dokument till avataren eftersom vi bara behöver det för att skapa en snabb banner. Välj Rektangelverktyg (U) och skapa en lång rektangel med en färg fyllning av lila # 28173a. Välj sedan Penverktyg (P) och placera en ankarpunkt i botten av rektangeln.

Steg 2

Välj nu Konvertera punktverktyg och klicka på ankarpunkten du just skapat för att vrida den från en smidig till en hörnpunkt. Använd sedan Direktmarkeringsverktyg (A) för att dra ankarpunkten uppåt medan du håller Flytta nyckeln för att hålla den centrerad.

Steg 3

När du är klar, Högerklicka och välj Konvertera till form, namnge din nya form "medvetenhetsbanner".

2. Ställ in förinställningarna: färgsteg och gradienter

Steg 1

Låt oss nu konfigurera de färger och gradienter som vi behöver för denna åtgärd. Få tillgång till din rutor~~POS=HEADCOMP panel (Fönster> Svampar) och skapa flera nya färgprov ska vi behöva för denna åtgärd. Vi behöver följande färger (förutom färgvit) för dessa olika avatarelement:

  • Ljus Lila Text: # a85bcd
  • Top Circle: # a962b5
  • Bottenkrets: # 834.491
  • Dark Purple Text: # 3e2c57
  • Svart: # 000000
  • Cream Banner: #dcdcdc

Steg 2

För gradienterna, välj Gradient Tool (G). Dubbelklicka på den aktiva gradienten för att få fram Gradient Editor. Ställ in din första gradient med en mörkblå färg # 290a59 som går in i en ljus lila # ba3ede. När du är klar, namnge lutningen och träffa Ny för att skapa den nya lutningen.

Gå vidare till nästa gradient. Skapa en liknande, den här gången med en mörk lila # 311.759 till ljuslila färg # c675de.

3. Ställ in förinställningarna: Crop Preset

Den sista förinställningen vi ska lägga till är för Skärverktyg (C). Den här förinställningen är bara nödvändig om du börjar med en profilbild som inte är kvadratisk. Välj Skärverktyg (C) och välj B x H x Upplösning. För denna profil avatar använder jag dimensionerna av en Facebook-postbild, så sätt 504 x 504 pixlar med 72 dpi. Välj sedan Ny beskärning från rullgardinsmenyn och klicka på ok för att spara den nya förinställningen.

4. Skapa Ändra storlek / Beskärning

Steg 1

Med alla färger, gradienter och förinställningar kan vi gå vidare till vår första åtgärd. Den första åtgärden som vi behöver skapa är att ändra storlek och skötselåtgärder för att ändra dimensionerna på ditt foto.

Öppna ditt foto i Photoshop. Jag använder denna Kvinna Lager från Envato Market.

Dubbelklicka Bakgrundsskiktet i Skikten panelför att låsa upp det och ställa det till Layer 0. Se till att du gör det här steget för varje bild du planerar att använda den här åtgärden på, annars fungerar det inte korrekt.

Steg 2

Gå nu till Fönster> Åtgärder för att komma åt Åtgärder panel. Välj mappen till Skapa en ny uppsättning och namnge den nya uppsättningen medvetenhet. Välj sedan pappersikonen till Skapa ny åtgärd, namnge åtgärden "Ändra storlek". 

Steg 3

Åtgärden börjar automatiskt spela in, så gå till Bild> Bildstorlek och ändra bredden till 504 pixlar.

Steg 4

Den här åtgärden fungerar perfekt om din bild redan är en fyrkant, men om den har en stående eller liggande orientering måste du beskära den så att den passar de kvadratiska dimensionerna.

Låt oss träna detta scenario på ett annat foto som denna Young Woman Stock. Efter dig Spela Ändra storlek på ditt foto, fortsätt för att skapa grödan. För att göra detta, följ samma steg som tidigare för att skapa en Ny åtgärd. Denna gång, namnge åtgärden "Crop".

Steg 5

När åtgärden börjar spela in väljer du Skärverktyg (C) och plocka 504 px x 504 px x 72 dpi förinställd du skapade tidigare. Flytta Skärverktyg (C) uppåt för att rama ansiktet och sedan Beskära bilden. När du är klar växlar du dialogrutan till för Photoshop-åtgärden så att du själv måste skära bilden manuellt.

5. Skapa färgåtgärdsåtgärd

Steg 1

Nu när vi har tagit hand om dimensionerna på vårt profilfoto, kan vi gå vidare till färgeffekten. Jag använder mitt ursprungliga lager för att fortsätta denna handledning.

Först skapar vi en snabb blurverkan. Följ stegen från tidigare för att skapa en Ny åtgärd. Namn den här nya "Blur". Träffa Kontroll-J att skapa en Duplicera av ditt foto. 

Gå sedan till Filter> Blur Gallery> Iris Blur, inställning av en suddighet av 10 pixlar, innan du träffar ok. För att undvika problem med denna åtgärd, se till att du Slå på dialogrutan så du kan manuellt skapa oskärpa då Sluta inspelningen av åtgärden.

Steg 2

Nu börjar vi justera färgerna. Skapa en Ny åtgärd med namnet "Färgjusteringar". Vi kommer att köra den här åtgärden som en lång åtgärd, men du kan sluta mellan justeringar om du behöver.

Skapa först en Ny Färgfyllning av svart från Skikten panel. Ställ in Layer Blend Mode till Mjukt ljus och justera Opacitet till 60%.

Steg 3

Gå direkt in i nästa justering. Skapa nu en Gradient Map Adjustment Layer av svartvitt och sätta det på Mjukt ljus.

Medan åtgärden fortfarande spelas in, justera intensiteten på färgerna snabbt med a Ny anpassnings Layer av nivåer, och ändra bara Utgångsnivåer till 50, 255.

Steg 4

Lägg nu till en Gradient Map Adjustment Layer med den andra lila gradienten som vi skapade tidigare. När du är klar ställer du in Layer Blend Mode till Färg.

Steg 5

Sist men inte minst, avsluta färgjusteringarna med a nytt justeringslager av kurvor. Välj Blå kanal och lyfta upp linjen från botten något för att ge bilden en blå nyans. 

Nu är denna färgeffekt färdig, så slå på Sluta knapp på Åtgärdspanel för att sluta spela in.

6. Skapa Banner Action

Steg 1

Låt oss gå vidare till dekorationen. För att dekorera vår avatar ännu mer och visa upp vår andas dag stolthet, lägger vi till några geometriska element och en liten text. Skapa en Ny åtgärd namngivet "Avatar Banner".

Välj Polygonverktyg (U), se till att det är inställt på 3 sidor för att skapa en triangel (du kan också skapa en förinställning av denna form, som du gjorde med de andra i början).

Skapa en vit triangel i det övre vänstra hörnet och Fri omvandling (Control-T) att rotera triangeln för att passa utrymmet bättre. Sedan Högerklicka att gå till Blandningsalternativ. Lägg till en Gradientöverläggning med följande inställningar:

Steg 2

Nu Kontroll-J till Duplicera polygonen. Rotera det med Fri omvandling (Control-T) att ställa in det på plats och krama det övre högra området. Dölj synligheten av Lagstilar och ställa in Blandningsläge tillbaka till Vanligt innan du justerar Opacitet till 80%.

Duplicera polygonen formar två gånger. Följ samma steg som tidigare för att omplacera dem, och denna gång placera dem längst ner i kompositionen. Ställ in den första triangeln med samma inställningar som den första. Ändra dock Layer Blend Mode av den sista triangeln till Nyans med en Opacitet 53%.

Steg 3

Välj nu Anpassad formverktyg (U) och använd den bannerform som vi skapade i början. Lägg banderollen i övre vänstra hörnet med en ljuskrämfärg #dcdcdc.Sedan Högerklicka att gå till Blandningsalternativ, lägger till en Drop Shadow med följande inställningar:

Steg 4

De sista formerna vi använder är bara två snabba cirklar. Välj Ellipseverktyg (U) och skapa en mörk lila # 834.491 cirkel i nedre högra hörnet, justera Opacitet till 60%. Sedan Duplicera cirkeln (Kontroll-J), föra Opacitet till 100% och ändra Fylla färg till en ljusare lila (# 9e53ac).

Sluta inspelningen när du är klar.

7. Skapa textåtgärden

Steg 1

Nu när de flesta av våra element är färdiga kan vi gå vidare till texten. Skapa en Ny åtgärd namnet "Text". Lägg först till ljust lila # 9e4cc7 text till toppannonsen med följande inställningar:

  • Font: Franklin Gothic Demi och Franklin Gothic Heavy
  • Storlek: 18 och 24 pt.

Krama i en linje med a Vikt 1 pixel mitt i den här texten med hjälp av Linjeverktyg (U).

Steg 2

Lägg sedan till text i bottencirkeln med följande inställningar:

  • Font: Franklin Gothic Demi och Franklin Gothic Heavy
  • storlekar: 12, 24 och 30 pt.

Lämna huvudtexten på 24 poäng så att det lägger större vikt på ordet "mot". Medan majoriteten av texten kommer att vara vit, ändra ordet "mot" till en mörk lila färg # 33224c.

Steg 3

Sist men inte minst kommer jag att lägga till en snabb bit av ljus på bilden. Skapa en Nytt lager och välj Borstverktyg (B). Ställ färgen till vit och använd en stor Mjuk rund pensel att måla en enda fläck av vit i kompositionens mitt övre område. Ställ in Blandningsläge till Mjukt ljus och justera Opacitet till 70%.

Du kan inkludera detta som bara en annan del av din textåtgärd innan du trycker på Sluta för sista gången.

8. Använd denna åtgärd för olika orsaker

En bra sak med denna åtgärd är att du kan använda den av olika orsaker genom att helt enkelt växla upp färgerna. Efter dig Spela Åtgärden, försök bara med färgerna tills du hittar något som är lämpligt för den anledning du förespråkar.

Vill du se en alternativ version? Här skapade jag samma avatar med rosa färger för bröstcancermedvetenhetsmånad.

Slutsats

Världen skulle kunna använda mindre mobbning. Så jag hoppas att du går med i att fira Andesdagen genom att visa din kärlek till LGBTQ-samhället. Vill du se fler Photoshop-åtgärder? Kolla in dessa handledning nedan:

  • Skapa en collageeffekt med hjälp av Photoshop-åtgärder
  • Skapa en färgfull klon effektåtgärd i Adobe Photoshop
  • Skapa en animerad Work-in-Progress Photoshop-åtgärd i Adobe Photoshop