Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Photo Manipulation
Design

Kako od fotografije pejzaža napraviti izometričku ikonu u Adobe Photoshopu

by
Difficulty:IntermediateLength:ShortLanguages:

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

Final product image
What You'll Be Creating

U ovom tutorijalu napraviti ćemo 3D izometričku mapu izrađenu od kombinacija nekoliko pejzažnih fotografija. Nikakav 3D softver nije korišten u ovom projektu-koristiti ćemo samo Adobe Photoshop Konačan rezultat možemo koristiti kao ikonu ili kao dio info infografije.

Potreban materijal za tutorijal

Kako biste završili ovaj tutorijal trebati ćete sljedeći materijal:

1. Priprema radne površine

1 korak 

Prije svega, moramo dodati izometričku rešetku na radnu površinu. Za to možete pronaći instrukcije u tutorijalu o izometriji koji smo objavili ranije (za tutorijal na hrvatskom odaberite jezik odmah ispod naslova.

Isometric grid

2 korak 

Ravnajući se prema rešetci, nacrtajte vektorski oblik pravokutnika na izometričkoj površini. Možete koristiti bilo koju boju zato što je ovo samo predložak za naš slijedeći proces manipulacije.

Draw basic map shape in isometric perspective

3 korak

Duplicirajte vektorski oblik klikom na Control-J, i pomaknite ga iznad.

Draw basic map shape in isometric perspective

4 korak 

Od sada pa nadalje, možete isključiti rešetku jer nam više neće trebati.

Turning off the isometric grid

2. Izgradnja tla

1 korak 

Nacrtajte lijevu stranu 3D mape koristeći Pen Tool. Sada mu duplim klikom odaberite sloj (layer) i zatim dodajte Gradient Overlay.

Drawing left side of the shape
Layer style for Gradient Overlay
Left side with gradient overlay

2 korak 

Namjestite mu postavku Fill na 0%.

Set Fill to 0

3 korak 

Ponovite isto na drugoj strani.

Right side
Right side

4 korak 

Nacrtajte novi oblik sa Pen Tool-om, prekrivajući cijelu mapu.  Obliku dodajte Gradient Overlay  i namjestite mu Fill na 0%.

Another Gradient Overlay
Layer style for Gradient Overlay

5 korak 

Uzmite teksturu tla zemlje i položite na vrh mape.

Adding soil texture

6 korak 

Kliknite Control-klik na lijevu stranu mape. Kliknite na Add layer mask ikonu u donjem dijelu panela Layers, kako biste odrezali teksturu kamenja izvan oblika.

Adding layer mask

7 korak 

Ponovite isti proces s druge strane mape.

Add soil to the edge

3. Izgradnja brda

1 korak 

Pejzaž brda položite preko mape sa prozirnošću (Opacity) namještenom na nisku vrijednost. Namjestite je tako da dobijete lijepu perspektivu.

Adding hill landscape

2 korak 

Na fotografiju pejzaža dodajte sloj za maskiranje (layer mask) i zatim prebojite crnom kako bi sakrili neželjene dijelove. U ovom slučaju, želim zadržati cestu, brdo pored nje, i drvo u kutu. Pokušajte postići prirodni efekt koristeći potez kista. Ne želimo da to bude ravno, plosnato, kao kutija.

Masking the landscape

3 korak 

Vratimo se natrag na zemlju, odnosno tlo. Moramo je učiniti tamnijom, uvjerljivijom. Počnite bojenjem sjene u kutu. Dodajte novi sloj i jednostavno bojite u crno koristeći Brush Tool sa niskom prozirnošću, znači Opacity namjestite nisko.

Painting shadow on maps corner
Painting shadow on maps corner

4 korak 

Rezultat je već puno bolji. Nastavite zemlji dodavati sjenu kako bi je učinili mnogo tamnijom.

Adding black shadow to the soil
Adding black shadow to the soil

5 korak 

Zatim, uzmite još jednu teksturu zemlje ili tla. Zalijepite je na prošlu zemlju i namjestite Overlay. Uzmite si vremena, dodajte sloj za maskiranje (layer mask), i pažljivo ubacite nešto zemlje, kamenja i korijenja kako bi izgledalo što je moguće realističnije.

Add another soil texture

6 korak 

Dodajmo još jednu sliku pejzaža na mapu. Stavite pejzaž iza trenutnog pejzaža sa brdom. Dodajte slici pejzaža sloj za maskiranje i tada obojite crno kako biste uklonili većinu sadržaja ostavljajući samo dio doline.

Add another landscape
Unneeded areas are now hidden

7 korak 

Dodajte novi sloj i zatim obojite sjenu na dijelovima novog pejzaža kao što je prikazano ispod.

Add shadow

4. Dodavanje mora

1 korak 

Sada dodajte sliku mora iza mape. Namjestite je tamo gdje vam se najviše sviđa.

Adding sea image

2 korak 

Control-klik na bazu mape da biste izradili novi odabir na osnovu tog oblika. Kliknite Add layer mask ikonu kako biste sakrili neodabrane piksele.

Adding layer mask to the sea
Adding layer mask to the sea

3 korak 

Popravite oštećene elemente u pejzažu, ako ih ima, tako da ih prebojite bijelom bojom koristeći meki kist (soft brush). U ovom slučaju, učinite to sa kamenom.

Fixing broken rock

4 korak 

Da bismo dodali više valova u more, možemo jednostavno duplicirati sliku mora i pomaknuti je na drugu poziciju. Primijenite isti sloj za maskiranje kao i onaj prvi i zatim sakrijte neke dijelove sve dok se ne stopi (izblenda) sa prvom slikom.

Adding another part of the sea
Adding another layer mask

5 korak 

Odaberite ocean sa Control-klikom na tom njegovom sloju (layer shape). Dodajte Photo Filter sloj za prilagođavanje sa Cooling Filterom da povećate kontrast njegove plave površine.

Increase sea contrast
Adding Photo Filter

5. Dodavanje detalja

1 korak 

Dodajmo više kontrasta u scenu. Započnite odabirom glavnog brda. Napravite novi sloj na njemu i zatim kliknite Edit > Stroke za dodavanje linije kista.

Add contrast to the landscape edges
Adding black stroke
Adding black stroke

2 korak 

Primijenite Gaussian Blur filter da biste omekšali linije, i zatim smanjite Opacity postavku u Layers panelu. Ako je potrebno, možete i obrisati segment zamagljene linije uz pomoć Eraser Tool alata.

Soften the stroke line

3 korak 

Ponovite ovaj proces, pa dodajte još jednu sjenu bojeći crnom bojom na novom sloju.

Add another shadow

4 korak 

Učinimo cestu realističnijom dodajući nezavršenu ulicu na kraju.  Aktivirajte sloj pejzaža brda i zatim bojite bijelom bojom kako bi otkrili dio ceste koji visi izvan mape. Točno ispod ceste, obojite crno da biste dodali suženje cesti i zatim dodajte veliku mekanu sjenu na zemlju (tlo zemlje).

Add broken street

5 korak 

Kako bi izgled bio realističan, dodajte novi sloj i išarajte malo crnih linija na cesti koristeći Pencil Tool sa veličinom kista od 1 px. Duplicirajte sloj i promjenite boju u bijelu pritiskom na Control-l. Pomaknite nacrtane šare dolje za 1 piksel. Smanjite im postavke prozirnosti (Opacity) u Layers panelu.

Make the street more realistic
Adding scribbles to the street
The result after adding scribbles to the street

6 korak 

Dodajte još jednu sjenu i osvijetljenje na scenu bojeći crnom i bijelom bojom korišteći meki kist sa niskom prozirnošću (Opacity).

Adding shadow and highlight

7 korak 

Evo zabavnog dijela. Mapa neće biti potpuna sve dok nećemo imati automobil na praznoj cesti. Možete primijetiti da je na našem glavnom pejzažu parkiran automobil. Označite ga i zatim kopirajte u novi sloj (Control-J). Smjestite ga na cestu, dodajte sloj za maskiranje, i zatim sakrijte nepotrebne piksele bojeći ih sa crnom bojom.

Adding car
Adding car
Car added

6. Dodavanje pozadine

1 korak 

Za ovu mapu ćemo koristiti jednostavnu pozadinu. Uključite Gradient Tool sa standardnim prijelazom bijelo u crno. Povucite od vrha prema dnu dok ne dobijemo ovu pozadinu.

Add white to black gradient for background

2 korak 

Dodajmo sada sjenu ispod mape. Control-klik na bazu kako bismo napravili novi odabir. Ispunite ga crnom, poništite odabir (Control-D), i zatim primijenite Gaussian Blur filter (Filter > Blur > Gaussian Blur) da ga omekšate. Ponovite ovaj proces nekoliko puta sa različitim Radius postavkama i prozirnošću sloja (Opacity) dok ne postignemo realističan pod. 

Adding map shadow
Adding map shadow

3 korak 

Možda ćemo morati nacrtati sjenu slikajući crnom bojom uz odabir mekog Brush Tool-a sa niskim Opacity postavkama. 

Adding map shadow

4 korak

Ova je siva pozadina predosadna. Učinimo je zanimljivijom promjenom u plavu boju. Dodajte Photo Filter sloj za prilagođavanje iznad pozadine i odaberite Cooling Filter.

Adding photo filter adjustment

Zaključak

Sada smo došli do konačnog rezultata. Kao što vidite, u ovom tutorijalu nema kompliciranih trikova. Koristili smo samo jednostavan sloj za maskiranje i malo manualnog crtanja.

Ja vjerujem da je važno odabrati najbolje fotografije pejzaža - ovim postupkom, poštedjeti ćemo se dugotrajnih editiranja fotografija i možemo se fokusirati na rad sa oblikom mape. Nadam se da razumijete ovaj tutorijal i da ga možete lako pratiti. Ako ste ga isprobali, javite mi rezultate. Volio bih ih vidjeti. Hvala.

Final result
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.