Een landschapsfoto omzetten in een isometrisch pictogram in Adobe Photoshop

Wat je gaat creëren

In deze tutorial gaan we een 3D isometrische kaart maken gemaakt van combinaties van een paar landschapsfoto's. Er wordt geen 3D-software gebruikt in dit project - we gaan alleen Adobe Photoshop gebruiken. Het eindresultaat kan worden gebruikt als een pictogram of als onderdeel van een infographic.

Lesmateriaal

Om de tutorial te voltooien, hebt u de volgende items nodig:

  • Vuil en wortels
  • Landschap 1
  • Landschap 2
  • Zee
  • Bodemtextuur (persoonlijke foto, beschikbaar in het zipbestand)

1. Bereid het doek voor

Stap 1

Allereerst moeten we een isometrisch raster toevoegen aan ons canvas. U kunt hiervoor instructies vinden in de isometrische zelfstudie die we eerder hebben gepubliceerd.

Stap 2

Teken op basis van het raster een rechthoekige vectorvorm op het isometrische oppervlak. U kunt elke kleur gebruiken, omdat dit slechts een gids is voor ons volgende proces voor fotomanipulatie.

Stap 3

Dupliceer de vectorvorm door op te klikken Besturing J, en verplaats het naar boven.

Stap 4

Vanaf nu kun je het rooster uitschakelen, omdat we het niet meer nodig hebben.

2. Bouw de bodem

Stap 1

Teken de linkerkant van de 3D-kaart met behulp van de Pen gereedschap. Dubbelklik op de laagvorm en voeg vervolgens een toe Overlay met kleurovergang.



Stap 2

Stel zijn Vullen naar 0%.

Stap 3

Herhaal dezelfde stap aan de andere kant.

Stap 4

Teken een nieuwe vorm met behulp van de Pen gereedschap, over de hele kaart. Voeg een ... toe Overlay met kleurovergang naar de vorm en stel deze dan in Vullen naar 0%.

Stap 5

Grijp de grondtextuur en plaats deze op de top van de kaart.

Stap 6

Control en klik de linkerkant van de kaart om een ​​nieuwe selectie te maken op basis van zijn vorm. Klik op de Breng een laag masker aan pictogram in het onderste gedeelte van de Lagen paneel om de rotstextuur buiten de vorm af te snijden.

Stap 7

Herhaal hetzelfde proces aan de andere kant van de kaart.

3. Bouw de heuvel

Stap 1

Grijp het heuvellandschap en leg het laag op de kaart ondoorzichtigheid. Plaats het tot je een mooi perspectief krijgt.

Stap 2

Voeg een laagmasker toe aan de landschapsfoto en schilder vervolgens met zwart om ongewenste gebieden te verbergen. In dit geval wil ik de straat, de heuvel ernaast en de boom in de hoek behouden. Probeer een natuurlijke vorm te krijgen met je penseelstreek. We willen niet dat dit een platte, doosachtige vorm is.

Stap 3

Laten we teruggaan naar de grond. We moeten het donkerder en geloofwaardiger maken. Begin met het schilderen van schaduw op zijn hoek. Voeg een nieuwe laag toe en schilder eenvoudig zwart met behulp van de Penseel met weinig ondoorzichtigheid.

Stap 4

Het resultaat is al veel beter. Blijf zwarte schaduw toevoegen aan de grond om het een stuk donkerder te maken.

Stap 5

Grijp vervolgens een andere vuil- of grondtextuur. Plak het bovenop de vorige grond en stel de modus in op bedekking. Neem de tijd, voeg een laagmasker toe en plaats voorzichtig vuil, stenen en wortels in de grond om het zo realistisch mogelijk te maken.

Stap 6

Laten we nog een landschapsafbeelding toevoegen aan de kaart. Plaats het landschap achter het huidige heuvellandschap. Voeg een laagmasker toe aan de liggende afbeelding en verf vervolgens zwart om de meeste inhoud te verwijderen terwijl u een deel van de vallei verlaat.

Stap 7

Voeg een nieuwe laag toe en schilder schaduw op gebieden van het nieuwe landschap zoals hieronder aangegeven.

4. Voeg de zee toe

Stap 1

Voeg nu het zee-beeld achter de kaart toe. Plaats het waar u het wilt.

Stap 2

Control en klik de basis van de kaart om een ​​nieuwe selectie te maken op basis van zijn vorm. Klik op de Breng een laag masker aan pictogram om niet-geselecteerde pixels te verbergen.

Stap 3

Los gebroken elementen handmatig op in het landschap, indien aanwezig, door ze wit te schilderen met een zachte borstel. In dit geval, doe dit met de steen.

Stap 4

Om meer golven aan de zee toe te voegen, kunnen we eenvoudig het beeld van de zee dupliceren en naar een andere positie verplaatsen. Pas hetzelfde laagmasker toe als het eerste en verberg vervolgens enkele van de gebieden totdat het past bij het eerste beeld.

Stap 5

Selecteer de oceaan door Controle te klikken op de vorm van de laag. Voeg een ... toe Fotofilter Aanpassingslaagmet Koelfilter om het contrast van zijn blauwe zeeoppervlak te vergroten.

5. Voeg details toe

Stap 1

Laten we handmatig meer contrast toevoegen aan de scène. Begin met het selecteren van de hoofdheuvel. Maak er een nieuwe laag op en klik vervolgens op Bewerken> Lijn om een ​​streeklijn toe te voegen.

Stap 2

Een toepassen Gaussiaanse vervaging filter om de lijn te verzachten en verminder deze ondoorzichtigheid instellen in de Lagen paneel. Indien nodig kunt u ook een segment van de vervaagde regel verwijderen met behulp van de Wisser.

Stap 3

Herhaal dit proces en voeg een nieuwe schaduw toe door met zwart op een nieuwe laag te schilderen.

Stap 4

Laten we de weg realistischer maken door aan het eind een onafgemaakte straat toe te voegen. Activeer de laag met het heuvellandschap en verf met wit om een ​​stuk straat buiten de kaart te tonen. Recht onder de straat, verf zwart om de dikte aan de straat te geven en verf dan een grote zachte schaduw op de grond.

Stap 5

Om het realistischer te laten lijken, voegt u een nieuwe laag toe en tekent u enkele korte zwarte lijnen met behulp van de Pencil Tool met 1 px penseelgrootte op straat. Dupliceer de laag en zet de kleur om in wit door op te drukken Controle-I. Verplaats de witte krabbels 1 pixel naar beneden. Reduceer hun ondoorzichtigheid instellen in de Lagen paneel.


Stap 6

Voeg nog een schaduw toe en markeer de scène door met zwart en wit te schilderen met een zachte grote borstel met laag ondoorzichtigheid.

Stap 7

Dit is het leuke gedeelte. De kaart is pas volledig als we een kleine auto op de lege straat hebben staan. Je merkt misschien dat in ons hoofdlandschap een geparkeerde auto staat. Selecteer en kopieer het naar een nieuwe laag (Besturing J). Plaats het op straat, voeg een laagmasker toe en verberg vervolgens niet-benodigde pixels door ze met zwart te schilderen.

6. Voeg de achtergrond toe

Stap 1

We gebruiken een eenvoudige achtergrond voor deze kaart. Activeer de Gereedschap Verloop met een standaard wit naar zwart verloop. Sleep van boven naar beneden totdat we deze achtergrond hebben.

Stap 2

Laten we een schaduw toevoegen onder de kaart. Control en klik de basis om een ​​nieuwe selectie te maken. Vul het met zwart, deselecteer (Controle-D) en breng vervolgens een Gaussiaanse vervaging filter (Filter> Blur> Gaussiaans vervagen) om het te verzachten. Herhaal dit proces een paar keer met verschillende Radius instellingen en laag ondoorzichtigheid tot we een realistische vloer hebben.

Stap 3

Misschien moeten we schaduw handmatig tekenen door zwart op het canvas te schilderen met een grote zachte tint Penseel met weinig ondoorzichtigheid.

Stap 4

Deze grijze achtergrond is gewoon te saai. Laten we het interessanter maken door de kleur ervan in blauw te veranderen. Voeg een ... toe Fotofilter Aanpassingslaag boven de achtergrond en selecteer Koelfilter.

Conclusie

Nu hebben we het eindresultaat bereikt. Zoals je ziet, zijn er geen gecompliceerde tricks in deze tutorial. We gebruikten alleen een eenvoudig laagmasker en een beetje handmatig tekenen. 

Ik geloof dat het belangrijk is om de beste landschapsfoto's te selecteren - door dit te doen, besparen we ons op tijdrovende fotobewerking en kunnen we ons concentreren op het werken met de kaartvorm. Ik hoop dat je deze tutorial begrijpt en deze gemakkelijk kunt volgen. Als je meegaat, laat me je resultaat weten. Ik zou het graag willen zien. Bedankt.