Come trasformare una fotografia di paesaggio in un'icona isometrica in Adobe Photoshop

Cosa starai creando

In questo tutorial creeremo una mappa isometrica 3D composta da combinazioni di alcune foto di paesaggi. In questo progetto non viene utilizzato alcun software 3D, useremo solo Adobe Photoshop. Il risultato finale può essere usato come un'icona o come parte di un'infografica.

Risorse Tutorial

Per completare il tutorial avrai bisogno delle seguenti risorse:

  • Sporcizia e radici
  • Paesaggio 1
  • Paesaggio 2
  • Mare
  • Tessitura del suolo (foto personale, disponibile all'interno del file zip)

1. Prepara la tela

Passo 1

Prima di tutto, dobbiamo aggiungere una griglia isometrica alla nostra tela. Puoi trovare le istruzioni per questo nel tutorial isometrico che abbiamo pubblicato in precedenza.

Passo 2

In base alla griglia, disegna una forma vettoriale rettangolare sulla superficie isometrica. Puoi usare qualsiasi colore, perché questa è solo una guida per il nostro prossimo processo di manipolazione delle foto.

Passaggio 3

Duplica la forma vettoriale facendo clic Control-J, e spostalo verso l'alto.

Passaggio 4

D'ora in poi, puoi spegnere la rete, perché non ne avremo più bisogno.

2. Costruisci il suolo

Passo 1

Disegna il lato sinistro della mappa 3D usando il Strumento Penna. Fare doppio clic sulla sua forma di livello e quindi aggiungere a Sovrapposizione sfumatura.



Passo 2

Imposta la sua Riempire a 0%.

Passaggio 3

Ripeti lo stesso passo sull'altro lato.

Passaggio 4

Disegna una nuova forma usando il Strumento Penna, coprendo l'intera mappa. Aggiungere un Sovrapposizione sfumatura alla forma e poi impostare la sua Riempire a 0%.

Passaggio 5

Prendi la texture del terreno e posizionala sopra la mappa.

Passaggio 6

Premuto il tasto Control il lato sinistro della mappa per creare una nuova selezione in base alla sua forma. Clicca il Aggiungi maschera di livello icona nella parte inferiore del Livelli pannello per tagliare la struttura rocciosa al di fuori della forma.

Passaggio 7

Ripeti lo stesso processo sull'altro lato della mappa.

3. Costruisci la collina

Passo 1

Afferra il paesaggio collinare e sovrapponilo sulla mappa con basso Opacità. Posizionalo finché non ottieni una buona prospettiva.

Passo 2

Aggiungi una maschera di livello alla foto orizzontale e poi dipingi con il nero per nascondere le aree indesiderate. In questo caso, voglio mantenere la strada, la collina accanto ad essa e l'albero nell'angolo. Cerca di ottenere una forma naturale usando il tratto del tuo pennello. Non vogliamo che questa sia una forma piatta simile a una scatola.

Passaggio 3

Torniamo al suolo. Dobbiamo renderlo più oscuro e più credibile. Inizia col dipingere l'ombra sul suo angolo. Aggiungi un nuovo livello e dipingi semplicemente il nero usando il Pennello con basso Opacità.

Passaggio 4

Il risultato è già molto meglio. Continuate ad aggiungere l'ombra nera al terreno per renderlo molto più scuro.

Passaggio 5

Successivamente, afferra un'altra sporcizia o la consistenza del terreno. Incollalo sopra il terreno precedente e imposta la sua modalità su copertura. Prenditi il ​​tuo tempo, aggiungi una maschera di livello e inserisci con cura lo sporco, le rocce e le radici nel terreno per renderlo il più realistico possibile.

Passaggio 6

Aggiungiamo un'altra immagine orizzontale alla mappa. Posiziona il paesaggio dietro l'attuale paesaggio collinare. Aggiungi una maschera di livello all'immagine orizzontale e quindi dipingi il nero per rimuovere la maggior parte del suo contenuto lasciando una parte della sua valle.

Passaggio 7

Aggiungi un nuovo livello e quindi traccia l'ombra sulle aree del nuovo paesaggio come indicato di seguito.

4. Aggiungi il mare

Passo 1

Ora aggiungi l'immagine del mare dietro la mappa. Posizionalo dove ti piace di più.

Passo 2

Premuto il tasto Control la base della mappa per creare una nuova selezione in base alla sua forma. Clicca il Aggiungi maschera di livello icona per nascondere i pixel non selezionati.

Passaggio 3

Correggi manualmente gli elementi danneggiati nel paesaggio, se ce ne sono, dipingendoli con il bianco usando un pennello morbido. In questo caso, fallo con la roccia.

Passaggio 4

Per aggiungere più onde al mare, possiamo semplicemente duplicare l'immagine del mare e spostarla in una posizione diversa. Applica la stessa maschera di livello della prima e poi nascondi alcune aree finché non si fonde con la prima immagine.

Passaggio 5

Seleziona l'oceano per Control-clic sulla sua forma di livello. Aggiungere un Filtro fotografico Livello di regolazionecon Filtro di raffreddamento per aumentare il contrasto della sua superficie blu del mare.

5. Aggiungi dettagli

Passo 1

Aggiungiamo più contrasto nella scena manualmente. Inizia selezionando la collina principale. Crea un nuovo livello sopra di esso e quindi fai clic Modifica> Tratto per aggiungere una linea di tratto.

Passo 2

Applicare a Sfocatura gaussiana filtrare per attenuare la linea e quindi ridurla Opacità ambientazione nel Livelli pannello. Se necessario, puoi anche eliminare un segmento della linea sfocata usando il Strumento Gomma.

Passaggio 3

Ripeti questo processo e aggiungi un'altra ombra dipingendo con il nero su un nuovo livello.

Passaggio 4

Rendiamo la strada più realistica aggiungendo una strada incompiuta alla fine. Attiva lo strato di paesaggio collinare e poi dipingi con il bianco per rivelare un pezzo di strada che si appende fuori dalla mappa. Proprio sotto la strada, dipingi il nero per aggiungere spessore alla strada e poi dipingi una grande ombra morbida sul terreno.

Passaggio 5

Per farlo sembrare più realistico, aggiungi un nuovo livello e scarabocchia alcune brevi linee nere usando il Strumento di matita con 1 px dimensione del pennello sulla strada. Duplica il livello e inverti il ​​colore in bianco premendo Control-I. Sposta gli scarabocchi bianchi di 1 pixel. Riduci loro Opacità ambientazione nel Livelli pannello.


Passaggio 6

Aggiungi un'altra ombra ed evidenzia la scena dipingendo con il bianco e nero usando un pennello grande e morbido con basso Opacità.

Passaggio 7

Ecco la parte divertente. La mappa non sarà completa finché non avremo una piccola auto sulla strada vuota. Potresti notare che nel nostro paesaggio principale c'è un'auto parcheggiata. Seleziona e poi copialo su un nuovo livello (Control-J). Posizionalo sulla strada, aggiungi una maschera di livello e quindi nascondi i pixel non necessari dipingendoli con il nero.

6. Aggiungi lo sfondo

Passo 1

Utilizzeremo uno sfondo semplice per questa mappa. Attiva il Strumento sfumatura con un gradiente da bianco a nero standard. Trascina dall'alto verso il basso fino a quando non abbiamo questo sfondo.

Passo 2

Aggiungiamo un'ombra sotto la mappa. Premuto il tasto Control la base per fare una nuova selezione. Riempi con il nero, deseleziona (Control-D), quindi applicare a Sfocatura gaussiana filtro (Filtro> Sfocatura> Sfocatura gaussiana) per ammorbidirlo. Ripeti questo processo alcune volte con diversi Raggio impostazioni e livelli Opacità finché non avremo un pavimento realistico.

Passaggio 3

Potremmo aver bisogno di disegnare l'ombra manualmente dipingendo il nero sulla tela usando un grande soft Pennello con basso Opacità.

Passaggio 4

Questo sfondo grigio è troppo noioso. Rendiamolo più interessante cambiando il suo colore in blu. Aggiungere un Filtro fotografico Livello di regolazione sopra lo sfondo e selezionare Filtro di raffreddamento.

Conclusione

Ora, abbiamo raggiunto il risultato finale. Come puoi vedere, non ci sono trucchi complicati in questo tutorial. Abbiamo usato solo una semplice maschera di livello e un po 'di disegno manuale. 

Credo che sia importante selezionare le migliori foto di paesaggi: in questo modo, ci risparmiamo da un editing fotografico che richiede molto tempo e possiamo concentrarci sul lavoro con la forma della mappa. Spero che tu abbia compreso questo tutorial e che possa seguirlo facilmente. Se segui, fammi sapere il tuo risultato. Mi piacerebbe vederlo. Grazie.