Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Spirit Day
Design

Kako Napraviti Avatar Akciju za Dan Sjećanja na žrtve bullyinga (Spirit Day) u Adobe Photoshopu

by
Difficulty:BeginnerLength:MediumLanguages:

Croatian (Hrvatski) translation by Maja Petek (you can also view the original English article)

Final product image
What You'll Be Creating

Pridružite nam se u proslavi Dana sjećanja na žrtve bullyinga kako bismo podržali stav protiv tinejdžerskog zlostavljanja. U ovom tutorijalu ćemo pomoću Adjustment Layers (slojeva za ugađanje), Layers Blend Mod-ova (modovi za blendanje slojeva) i sadržaja s Envato Market-a napraviti ikonu koju možete staviti na svoje društvene mreže.

Što je Spirit Day?

Svake godine milijun ljudi oblači se u ljubičasto i na neki način ističe tu boju da podrže LGBTQ zajednicu i mlade koji su žrtve bullyinga. Spirit day simbolizira ljubičasta boja na zastavi duginih boja koja predstavlja riječ "duh".

Ove godine Spirit day pada na 20.10.2016. I kako bismo ga proslavili, napraviti ćemo jednostavnu akciju u Photoshopu kojom ćemo moći napraviti avatar s ljubičastom temom za vaše društvene mreže. Ovaj izgled su inspirirali print dizajn banneri, pa slobodno pogledate širok izbor Banner Grafika na Envato Marektu kako biste i vi dobili neku inspiraciju.

1. Podesite zadane postavke: Oblik Bannera

1. korak

Prije nego što počnemo sa akcijom morati ćemo podesiti nekoliko unaprijed zadanih postavki kako bismo olakšali stvar. Počnimo izradom jednostavnog oblika bannera.

U Photoshopu napravite novi dokument (New Document) dimenzija 500 x 500 px. Nemojte pobrkati ovaj dokument i dokument za avatar jer ovaj trebamo samo za kratku izradu bannera. Odaberite Rectangle Tool (U) i napravite dugi pravokutnik sa ljubičastom bojom ispune #28173a. Zatim odaberite Pen Tool (P) i smjestite točku sidrišta u sredinu pravokutnika.

Create a Rectangle for Your Banner

2. korak

Sada odaberite Convert Point Tool i kliknite na točku sidrišta koju ste upravo izradili da joj rub pretvorite iz ravnog u šiljasti. Zatim upotrijebite Direct Selection Tool (A) da povučete točku sidrišta gore dok držite tipku Shift kako bi je zadržali u sredini.

Create a Banner From a Rectangle with the Pen Tool

3. korak

Kada završite kliknite desnim gumbom miša i odaberite Convert to Shape i nazovite svoj novi oblik "Awareness Banner".

Convert the Banner to a Shape in Photoshop

2. Podesite zadane postavke: Swatchevi (uzorci) i Gradijenti

1. korak

Podesimo sada boje i gradijente koje ćemo trebati za ovu akciju. Pristupite Swatches kartici (Window > Swatches) i napravite nekoliko novih uzoraka boja koje ćemo trebati. Za različite elemente avatara trebati ćemo sljedeće boje (isključujući bijelu boju):

  • Svijetlo ljubičasti tekst: #a85bcd
  • Gornji krug: #a962b5
  • Donji krug: #834491
  • Tamno ljubičasti tekst: #3e2c57
  • Crna boja: #000000
  • Banner bež boje: #dcdcdc
Swatch Preset Colors

2. korak

Za gradijente odaberite Gradient Tool (G). Dvaput kliknite na aktivni gradijent da otvorite Gradient Editor. Podesite prvi gradijent sa tamno plavom bojom #290a59 koja prelazi u svijetlo ljubičastu #ba3ede. Nazovite gradijent po želji i kliknite New da napravite novi gradijent.

Krenite na sljedeći gradijent. Napravite sličan gradijent, ovaj puta upotrijebite tamno ljubičastu #311759 koja prelazi u ljubičastu boju #c675de.

Create New Gradients in the Gradient Editor

3. Podesite Zadane Postavke: Crop Zadana Postavka

Posljednja postavka koju ćemo dodati je za Crop Tool (C). Ova zadana postavka je nužna samo ako počinjete profilnom slikom koja nije kvadrat. Odaberite Crop Tool (C) i odaberite W x H x Resolution. Za ovaj profilni avatar ću upotrijebiti dimenzije Facebook slike za objavu, pa unesite 504 x 504 px sa 72 dpi. Zatim odaberite New Crop Preset iz padajućeg izbornika i kliknite OK da snimite novu zadanu postavku.

Create a Crop Preset in Photoshop for your Action

4. Izradite Resizing/Crop Akciju (Akciju za izmjenu veličine/obrezivanje)

1. korak

Sa svim bojama, gradijentima i podešenim zadanim postavkama možemo krenuti dalje na našu orvu akciju. Prva akcija koju ćemo trebati izraditi je akcija za izmjenu veličine i obrezivanje kako bismo promijenili dimenziju fotografije.

Otvorite vašu fotografiju u Photoshopu. Ja ću upotrijebiti ovu Woman Stock (fotografija žene) sa Envato Marketa.

Young Woman Stock from Envato Market

Dvaput kliknite na sloj Background u Layers kartici kako biste ga otključali i promijenite mu ime u Layer 0. Pripazite da učinite ovaj korak za svaku sliku na koju planirate primijeniti akciju jer u protivnom možda neće ispravno raditi.

Double click the Background Layer to Unlock it

2. korak

Sada idite na Window > Actions da pristupite Actions panelu. Odaberite folder da napravite novi set (Create a New Set) i nazovite novi set Awareness. Zatim odaberite ikonu papira da napravite novu akciju (Create New Action) i nazovite akciju "Resize".

Create a New Awareness Avatar Action

3. korak

Akcija će automatski početi snimati, stoga idite na Image > Image Size i promijenite širinu u 504 px.

Create a Photoshop Action that Resizes Photos

4. korak

Ova akcija radi savršeno ako je vaša fotografija već u obliku kvadrata, ali ako je u obliku portreta ili okrenuta kao pejzaž, onda ćete je morati obrezati kako bi odgovarala dimenzijama kvadrata.

Izvježbajmo ovaj scenarij na drugoj fotografiji kao što je ova Young Woman Stock (fotografija djevojke). Nakon što pokrenete akciju (kliknete Play) za izmjenu veličine nastavite dalje na izradu akcije za obrezivanje. Kako biste to učinili, pratite iste korake koje ste upotrijebili prije za izradu nove akcije (New Action). Ovaj put akciju nazovite "Crop".

Create an Photoshop Action for Cropping

5. korak

Kada akcija počne snimati, odaberite Crop Tool (C) i odaberite 504 px x 504 px x 72 dpi unaprijed zadane postavke koje ste izradili ranije. Pomaknite Crop Tool (C) gore da uokvirite lice i zatim obrežite (Crop) fotografiju. Kada završite, u Photoshop Action označite dijalog kao uključen (toggle dialog on) kako bi mogli sami manuelno obrezati fotografiju.

Finish Recording Your Crop Action Using a Preset

5. Izradite Akciju za Efekte Boja

1. korak

Nakon što smo riješili dimenzije profilne fotografije, možemo ići dalje na efekt boja. Ja ću koristiti originalnu fotografiju za nastavak ovog tutorijala.

Prvo ćemo izraditi kratku akciju za zamagljivanje. Pratite korake upotrijebljene za izradu prijašnje akcije New Action. Ovu novu nazovite "Blur". Kliknite Control-J da napravite duplikat fotografije.

Create a Blur Photoshop Action

Ztim idite na Filter > Blur Gallery > Iris Blur i podesite blur na 10 piksela prije nego što kliknete OK. Kako biste izbjegli bilo kakve probleme sa ovom akcijom, provjerite da svakako uključite dijalog (Turn On the Dialog) kako biste manuelno mogli izraditi zamućenje, zatim prestanite (kliknite Stop) snimati akciju.

2. korak

Počnimo podešavati boje. Napravite novu akciju (New Action) i nazovite "Color Adjustemnts". Ovu akciju ćemo pokrenuti kao jednu dugu akciju ali možete između podešenja ako trebate.

Prvo napravite novu boju ispune (New Color Fill) crnom bojom u Layers panelu. Podesite Layer Blend Mode u Soft Light i podesite Opacity na 60%.

Create a Color Fill for your Photoshop Action

3. korak

Idite ravno na sljedeće podešavanje. Sada napravite Gradient Map Adjustment Layer crne i bijele te podesite na Soft Light.

Set a Black and White Gradient Map to your Photoshop Action

Dok se akcija još uvijek snima, brzo podesite intenzitet boja sa New Adjustment Layer od Levels i samo promijenite Output Levels na 50, 255.

Add Levels to your Photoshop Action

4. korak

Sada dodajte Gradient Map Adjustment Layer koristeći drugi ljubičasti gradijent koji smo napravili ranije. Kada završite podesite Layer Blend Mode u Color.

Add a Purple Gradient Map to your Photoshop Action

5. korak

Zadnje, ali ne manje važno, završite podešavanje boja sa novim slojem za podešenje (New Adjustment Layer), postavkama Curves. Odaberite Blue Channel i lagano povucite liniju od dna prema gore kako biste sliku tonirali plavom bojom.

Sada je ovaj efekt bojenja gotov, pa kliknite Stop na Actions Panel-u da zaustavite snimanje.

Add a Blue Tint with Curves

6. Izradite Banner Akciju

1. korak

Nastavimo dalje i krenimo na dekoriranje. Kako bismo dodatno dekorirali avatar, dodati ćemo neke geometrijske elemente i tekst. Napravite novu akciju (New Action) pod imenom "Avatar Banner".

Uzmite Polygon Tool (U) i podesite strane na 3 Sides da napravite trokut (za ovaj oblik također možete izraditi unaprijed zadanu postavku kao što ste učinili sa ostalima na početku).

Create a White Polygon on your Avatar

U lijevom gornjem kutu napravite bijeli trokut pa kliknite Free Transform (Control-T) da ga zarotirate onako kako bi najbolje odgovarao u smješteni prostor. Zatim kliknite desnim gumbom miša i idite na Blending Options. Dodajte Gradient Overlay sa sljedećim postavkama:

Change the Color Settings of your Polygon

2. korak

Sada kliknite Control-J da napravite duplikat poligona. Kliknite Free Transform (Control-T) i zatim Rotate da ga zaokrenete kako bi ga smjestili na njegovo mjesto i obuhvatili gornji desni dio. Sakrijte vidljivost stilova za slojeve (Layer Styles) i podesite Blend Mode ponovno na Normal prije nego što podesite Opacity na 80%.

Duplicate the Polygon Shape for your Banner

Napravite još dva duplikata poligona. Pratite iste korake kao i prije da im promijenite položaj, i ovaj puta ih smjestite na dno kompozicije. Podesite postavke prvog trokuta kao što ste ih podesili i na prvom trokutu. Ipak, promijenite Layer Blend Mode posljedenjg trokuta u Hue sa Opacity vrijednosti od 53%.

Add two more triangle shapes for your awareness banner

3. korak

Sada odaberite Custom Shape Tool (U) i upotrijebite oblik bannera koji ste izradili na početku Dodajte banner u gornji lijevi kut, obojen bež bojom #dcdcdc. Zatim kliknite desnim gumbom miša da idete na Blending Options dodajući Drop Shadow sa sljedećim postavkama:

Add a Flag Banner to your Avatar

4. korak

Posljednji oblici koje ćemo upotrijebiti su dva kruga. Odaberite Ellipse Tool (U) i napravite tamno ljubičasti #834491 krug u donjem desnom kutu podešavajući Opacity na 60%. Zatim napravite duplikat kruga (Control-J), povećavajući Opacity na 100% i promijenite Fill boju u svijetlo ljubičastu (#9e53ac).

Add Circles to your Awareness Banner

Kliknite Stop na snimanju kada završite.

7. Izradite Akciju za Tekst

1. korak

Sada kada je većina elemenata završena možemo krenuti na tekst. Napravite novu akciju (New Action) koju nazovite "Text". Prvo dodajte Svijetlo ljubičasti #9e4cc7 tekst na vrh bannera sa sljedećim postavkama:

  • Font: Franklin Gothic Demi and Franklin Gothic Heavy
  • Size: 18 and 24 pt

U sredinu ovog teksta ubacite liniju (debljine) Weight od 1 px pomoću Line Tool (U) alata.

Add Text to the Top Banner

2. korak

Zatim dodajte tekst na dno kruga sa sljedećim postavkama:

  • Font: Franklin Gothic Demi and Franklin Gothic Heavy
  • Sizes: 12, 24, and 30 pt

Ostavite veličinu glavnog teksta na 24 point kako bi se riječ "against" bolje istaknula. Iako će većina teksta biti bijela, promijenite boju riječi "against" u tamno ljubičastu #33224c.

Add Text to the Circle

3. korak

I na kraju ćemo slici na brzinu dodati malo svjetline. Napravite novi sloj (New Layer) i odaberite Brush Tool (B). Podesite boju u bijelu i upotrijebite veliki Soft Round Brush (meki okrugli kist) da oslikate jednu točku bijelom bojom u srednjem gornjem dijelu kompozicije. Podesite Blend Mode u Soft Light i Opacity na 70%.

Add a White Spotlight to your Profile Avatar

To možete uključiti kao još jedan dio vaše Akcije za Tekst prije nego što pritisnite Stop posljednji put.

8. Upotrijebite Akciju u Različite Svrhe

Jedna odlična stvar kod ove akcije je što je možete koristiti u različite svrhe jednostavnom zamjenom boja. Nakon što kliknete Play i pokrenete akciju jednostavno eksperimentirajte sa bojama dok ne pronađete nešto prikladno prigodi za koju ćete je koristiti.

Želite li vidjeti alternativne verzije? Ovdje sam izradila isti avatar upotrijebivši ružičaste boje za Mjesec Borbe Protiv Raka Dojke.

Breast Cancer Awareness Profile

Zaključak

Svijetu je potrebno manje bullyinga. Stoga se nadam da ćete nam se pridružiti podržati Spirit Day i podržati LGBTQ zajednicu. Želite vidjeti još Photoshop Akcija? Pogledajte ove tutorijale:

Create a Spirit Day Profile Avatar with Photoshop Actions
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.