Slik bytter du et landskapsfoto til et isometrisk ikon i Adobe Photoshop

Hva du skal skape

I denne opplæringen skal vi lage et 3D isometrisk kart laget av kombinasjoner av noen landskaps bilder. Ingen 3D-programvare brukes i dette prosjektet - vi skal bare bruke Adobe Photoshop. Sluttresultatet kan brukes som et ikon eller som en del av en infografisk.

Tutorial Assets

For å fullføre opplæringen trenger du følgende ressurser:

  • Smuss og røtter
  • Landskap 1
  • Landskap 2
  • Hav
  • Jordtekstur (personlig bilde, tilgjengelig i zip-filen)

1. Klargjør lerretet

Trinn 1

Først av alt må vi legge til et isometrisk rutenett på lerretet vårt. Du finner instruksjoner for dette i isometrisk opplæringen vi publiserte tidligere.

Steg 2

Basert på rutenettet tegner du et rektangulært vektorform på isometrisk overflate. Du kan bruke hvilken som helst farge, fordi dette bare er en veiledning for vår neste bildebehandlingsprosess.

Trinn 3

Dupliser vektorformen ved å klikke Kontroll-J, og flytte den oppover.

Trinn 4

Fra nå av kan du slå av rutenettet, fordi vi ikke trenger det lenger.

2. Bygg jorda

Trinn 1

Tegn venstre side av 3D-kartet ved hjelp av Pennverktøy. Dobbeltklikk på lagformen og legg til en Gradient Overlay.



Steg 2

Sett sin Fylle til 0%.

Trinn 3

Gjenta det samme trinnet på den andre siden.

Trinn 4

Tegn en ny form ved hjelp av Pennverktøy, dekker hele kartet. Legg til en Gradient Overlay til formen og sett deretter dens Fylle til 0%.

Trinn 5

Ta tak i jordtekstur og legg den på toppen av kartet.

Trinn 6

Ctrl-klikk venstre side av kartet for å lage et nytt utvalg basert på sin form. Klikk på Legg til lagmaske ikon i nedre del av lag panel for å kutte ut klippestrukturen utenfor formen.

Trinn 7

Gjenta den samme prosessen på den andre siden av kartet.

3. Bygg bakken

Trinn 1

Ta tak i bakken landskapet og legg det på kartet med lavt opacity. Plasser den til du får et fint perspektiv.

Steg 2

Legg til en lagmaske på landskapsfotoet, og far deretter med svart for å skjule uønskede områder. I dette tilfellet vil jeg beholde gaten, bakken ved siden av den, og treet i hjørnet. Prøv å få en naturlig form ved hjelp av penselslaget. Vi ønsker ikke at dette skal være en flat, boksaktig form.

Trinn 3

La oss gå tilbake til jorden. Vi må gjøre det mørkere og mer troverdige. Begynn med å male skyggen på hjørnet. Legg til et nytt lag og bare maling svart ved hjelp av Børsteverktøy med lavt opacity.

Trinn 4

Resultatet er allerede mye bedre. Fortsett å legge til svart skygge i jorda for å gjøre det mye mørkere.

Trinn 5

Deretter ta en annen smuss eller jordtekstur. Lim den på toppen av forrige jord og sett dens modus til overlegg. Ta deg tid, legg til en lagmaske, og legg forsiktig inn eventuelle smuss, bergarter og røtter i jorda for å gjøre det så realistisk som mulig.

Trinn 6

La oss legge til et annet landskapsbilde i kartet. Plasser landskapet bak dagens bakke landskap. Legg til en lagmaske på landskapsbildet, og mal deretter svart for å fjerne det meste av innholdet mens du forlater en del av dalen.

Trinn 7

Legg til et nytt lag og mal deretter skyggen på områder av det nye landskapet som angitt nedenfor.

4. Legg til sjøen

Trinn 1

Nå legger du til sjøbildet bak kartet. Plasser den der du liker det mest.

Steg 2

Ctrl-klikk Basen på kartet for å lage et nytt utvalg basert på form. Klikk på Legg til lagmaske ikonet for å skjule uvalgte piksler.

Trinn 3

Manuell reparere ødelagte elementer i landskapet, hvis det er noen, ved å male dem med hvitt ved hjelp av en myk børste. I så fall gjør du dette med fjellet.

Trinn 4

For å legge til flere bølger til sjøen, kan vi bare duplisere havets bilde og flytte det til en annen posisjon. Påfør samme lagmaske som den første, og skjul deretter noen av områdene til den blandes med det første bildet.

Trinn 5

Velg havet ved Kontroll-klikke på sin lagform. Legg til en Fotofilter Justeringslagmed Kjølefilter for å øke kontrasten av den blå sjøoverflaten.

5. Legg til detaljer

Trinn 1

La oss legge til mer kontrast i scenen manuelt. Start med å velge hovedhøyden. Lag et nytt lag på toppen av det, og klikk deretter Rediger> Stroke for å legge til en strekklinje.

Steg 2

Bruk en Gaussian Blur filter for å myke linjen, og deretter redusere dens opacity innstilling i lag panel. Om nødvendig kan du også slette et segment av uskarpt linje ved hjelp av Eraser Tool.

Trinn 3

Gjenta denne prosessen, og legg til en annen skygge ved å male med svart på et nytt lag.

Trinn 4

La oss gjøre veien mer realistisk ved å legge til en uferdig gate på slutten. Aktiver bakken landskapet lag og deretter maling med hvitt for å avsløre en del av gaten henger utenfor kartet. Rett under gaten, male svart for å legge tykkelse til gaten og deretter male en stor myk skygge på jorden.

Trinn 5

For å få det til å virke mer realistisk, legg til et nytt lag og skriv noen korte, svarte linjer ved hjelp av Blyantverktøy med 1 px børste størrelse på gaten. Dupliser laget, og vend om fargen til hvit ved å trykke Kontroll-I. Flytt de hvite skribentene ned 1 piksel. Reduser deres opacity innstilling i lag panel.


Trinn 6

Legg til en annen skygge og markere på scenen ved å male med svart og hvitt ved hjelp av en myk stor børste med lavt opacity.

Trinn 7

Her er den morsomme delen. Kartet er ikke fullført før vi har en liten bil på den tomme gaten. Du kan legge merke til at i vårt hovedlandskap er det en parkert bil. Velg og kopier det til et nytt lag (Kontroll-J). Plasser den på gaten, legg til en lagmaske, og skjul unødvendige piksler ved å male dem med svart.

6. Legg til bakgrunnen

Trinn 1

Vi vil bruke en enkel bakgrunn for dette kartet. Aktiver Gradient Tool med en standard hvit til svart gradient. Dra fra topp til bunn til vi har denne bakgrunnen.

Steg 2

La oss legge til en skygge under kartet. Ctrl-klikk basen for å lage et nytt utvalg. Fyll den med svart, avmarker (Kontroll-D), og bruk deretter a Gaussian Blur filter (Filter> Uklarhet> Gaussisk uskarphet) for å myke det. Gjenta denne prosessen et par ganger med forskjellige Radius innstillinger og lag opacity til vi har en realistisk gulv.

Trinn 3

Vi må kanskje tegne skygge manuelt ved å male svart på lerretet ved hjelp av en stor myk Børsteverktøy med lavt opacity.

Trinn 4

Denne grå bakgrunnen er bare for kjedelig. La oss gjøre det mer interessant ved å endre fargen til blå. Legg til en Fotofilter Justeringslag over bakgrunnen og velg Kjølefilter.

Konklusjon

Nå har vi nådd sluttresultatet. Som du ser, er det ingen kompliserte triks i denne opplæringen. Vi brukte bare en enkel lagmaske og litt manuell tegning. 

Jeg tror at det er viktig å velge de beste landskapsfotoene - ved å gjøre dette, redder vi oss fra tidkrevende fotoredigering og kan fokusere på å jobbe med kartformen. Jeg håper du forstår denne opplæringen og kan følge den lett. Hvis du følger med, gi meg beskjed om resultatet. Jeg vil gjerne se det. Takk.