Come creare un paesaggio montano in stile piano in Adobe Illustrator

Cosa starai creando

In questo tutorial ti mostrerò come creare un paesaggio montano naturale in un design piatto utilizzando le forme e gli strumenti più basilari di Adobe Illustrator.

Se desideri saltare il tutorial, puoi semplicemente acquistare il risultato come parte del mio pacchetto Camping Travel Landscape. Trova più ispirazione per Travel Designs su GraphicRiver.

1. Come creare un nuovo documento

Per prima cosa dobbiamo creare un Nuovo documento (File> Nuovo o Control-N) con queste impostazioni:

  • Numero di tavole da disegno: 1
  • Larghezza: 1200
  • Altezza: 1200
  • unità: pixel

Dal Scheda Avanzate:

  • Modalità colore: RGB
  • Effetti raster: Schermo
  • Modalità anteprima: Predefinito
  • Deseleziona Allinea nuovi oggetti a Pixel Grid

2. Come impostare i livelli

Sarebbe una buona idea organizzare il nostro progetto usando strati, poiché in questo modo possiamo facilmente concentrarci su ogni parte del nostro paesaggio.

Alza il Livelli pannello e crea cinque livelli, rinominandone ciascuno come segue:

  • strato 1: lago
  • strato 2: principale
  • strato 3: colline
  • strato 4: montagne
  • strato 5: cielo

Serratura tutto tranne il primo strato "lago". A Serratura livelli, fare clic su Modifica colonna pulsante (a destra dell'icona dell'occhio) nel Livelli pannello per ogni livello che vuoi bloccare.

Preferisco farlo nel modo più veloce Alt-clic il Modifica colonna pulsante nel Livelli pannello per l'unico layer che voglio rimanere sbloccato.

3. Come creare il Lago di montagna

Passo 1

Inizia a costruire un lago di montagna creando un 900 x 58 px azzurro # 4bafe3 rettangolo nella parte inferiore della tavola da disegno con l'aiuto del Strumento rettangolo (M). 

Ne fai uno di più 580 x 40 px forma dello stesso colore, ponendolo sotto il bordo inferiore del primo più vicino al lato sinistro.

Passo 2

Usando il Strumento di selezione diretta (A), seleziona gli angoli del rettangolo grande o fai semplicemente clic all'interno della forma, tenendo premuto Cambio. Puoi vedere il Angolo dal vivo widget mostrato all'interno degli angoli. Rendi gli angoli della forma completamente arrotondati tirando al centro gli indicatori del cerchio. Puoi anche usare Effetto> Stilizzazione> Angoli tondi. 

Utilizzare lo stesso metodo per arrotondare gli angoli del rettangolo più piccolo.

Seleziona entrambi gli oggetti e uniscili in un unico oggetto, usando il Unire opzione del esploratore pannello.

Passaggio 3

Seleziona la forma blu e copia esso, utilizzando Control-C. Clic Control-Bprendere un Duplicare dietro l'oggetto principale. Spostalo di alcuni pixel in basso e cambia il colore in # 406e85.

Passaggio 4

Selezionare il bordo superiore della figura blu chiaro con il Strumento di selezione diretta (A)copia facendo clic Control-C. stampa Control-F prendere un Duplicare della linea laterale superiore davanti alla forma principale. Cambiare il Riempire colore della linea a Nessuna e Ictus colore al nero. Impostare il Ictus peso a 3-4 px, facendo risaltare la striscia dalla forma principale. 

Scegli la linea e vai a Effetto> Distorci e trasforma> Zig Zag. Cambiare il Taglia valore a 3 px, assoluto. E impostare Creste per segmento uguale a 27. Selezionare Punti morbidi e fare clic ok, ottenendo la linea ondulata. Vai a Oggetto> Espandi Aspetto per applicare l'effetto.

Passaggio 5

Seleziona le ancore del lato sinistro e destro della striscia ondulata con il Strumento di selezione diretta (A), e usare Control-J per unirsi al percorso aperto, ottenendo una forma chiusa come risultato.

Trascina la forma ondulata risultante direttamente sul bordo superiore della figura blu principale e modificala Riempire colore a # 4bafe3 e Ictus colore a Nessuna. Seleziona la forma ondulata insieme alla grande forma blu e uniscili in un unico oggetto, usando il Unire opzione del esploratore pannello.

Passaggio 6

Scegli il modulo blu principale e premi accedere per aprire il Mossa finestra. Impostare il Posizione orizzontale valore a 0 px e il Posizione verticale valorea -10 px, e fare clic su copia pulsante. Impostare il Riempire colore della nuova forma a # 73d0ff e posizionalo sul retro con l'aiuto di Shift-Control-[.

Ripeti tutte le azioni per la figura appena creata per ottenerne un'altra Duplicare Dietro. Cambiare il Riempire della seconda copia a # ace5f6.

Gruppo tutte le forme insieme a Controllo-G, allineandoli al centro della tavola da disegno.

Passaggio 7

Ora aggiungeremo alcuni dettagli al lago per renderlo più reale.

Prendi il Strumento ellisse (L) e creare a 22 x 10 px ellisse, riempiendolo con # ace5f6 colore. Converti i punti di ancoraggio sinistro e destro da angoli lisci a angoli acuti facendo clic su di essi con il Strumento Punto di ancoraggio (Shift-C), ottenere la forma di una foglia (1).

Disegna una linea orizzontale attraverso il centro della figura che passa attraverso entrambi gli ancoraggi affilati. Dividere entrambe le forme esploratore (2), Separa (Control-Shift-G) loro, e Elimina la metà superiore (3).

Utilizzare il Mossa finestra delle opzioni per creare altre due copie alla stessa distanza (4). Gruppo (Control-G) tutte le forme.

Diffondi le copie del nostro gruppo sul lago, creando i riflessi scintillanti del sole (5), qualcosa di simile a ciò che vediamo sulla superficie dell'acqua in una giornata di sole.

Passaggio 8

Fare un 8,5 x 21 px ellisse di # fff75a colore con l'aiuto del Strumento ellisse (L). Clicca sull'ancora superiore con ilStrumento Punto di ancoraggio (Shift-C), convertendolo in un angolo acuto.

Selezionare le ancore sinistra e destra dell'ellisse con il Strumento di selezione diretta (A) e spostarli verso il basso di alcuni pixel, ottenendo una forma simile a una goccia.

Scegli la forma gialla, prendi il Ruota strumento (R), e poi Alt-clic sul punto di ancoraggio inferiore della nostra figura. Nel Ruotare pannello, impostare il Angolo a 20 ° e fare clic su copia pulsante. stampa Control-D ancora una volta per ripetere l'ultima azione, ottenendo altre due copie. Seleziona entrambe le copie e spostale leggermente verso il basso.

Passaggio 9

Mantenendo le copie selezionate, scegliere il Rifletti strumento (O). Tenendo il alt tasto, fare clic sull'ancoraggio superiore della figura gialla verticale. Nel Riflettere finestra di opzione, impostare il Asse a Verticale e premere copia, riflettendo entrambe le forme sul lato destro della forma verticale. Gruppo (Control-G) le forme gialle. Sarà il fiore della ninfea.

Costruire un 62 x 6.5 rettangolo, Riempimento con # c1db35 e rendendo gli angoli arrotondati con l'aiuto del Live Widget caratteristica.

Posiziona il fiore giallo più vicino al lato destro della figura verde, nascondendo la sua parte inferiore dietro il rettangolo.

Creare un 13 x 13 px cerchio pieno con questo # fff75acolora e invia indietro con Oggetto> Disponi> Porta indietro. Quindi posiziona il cerchio più vicino al lato destro del rettangolo verde, nascondendo il bordo inferiore dietro la figura. Gruppo (Control-G) tutte le parti insieme.

Passaggio 10

Usando gli stessi metodi dei due passaggi precedenti, crea un piccolo pesce di # ace5f6 colore. 

Spargi le copie di pesci e ninfee sulla superficie del lago come mostrato nell'esempio qui sotto.

4. Come creare il prato e la foresta

Serratura tutti i livelli ma il livello "principale".

Passo 1

Iniziamo a creare il bulrush costruendo un 1,7 x 55 px rettangolo verticale, con # 66801b per il colore del gambo. 

Ne fai uno di più 4,25 x 17 px rettangolo, che coloreremo usando# 696.354. Utilizzare il Angoli vivi caratteristica per rendere gli angoli della forma completamente arrotondati. 

Metti la forma marrone sulla parte superiore del gambo verde, facendo in modo che la sua parte inferiore si sovrapponga alla parte superiore del gambo e si allinei al suo centro.

Usando il Strumento penna (P), Disegna semplici forme triangolari di # 66801b colore per le foglie nella parte inferiore del gambo. Gruppo (Control-G) tutte le parti del giunco ​​insieme.

Passo 2

Costruisci un 82 x 78 px rettangolo di # c1db35 colore, rendendo la sua parte superiore completamente arrotondata con l'aiuto del Angoli vivi caratteristica. Disegna una linea verticale che attraversa il centro e l'ancora superiore della forma.

Dividere entrambe le forme esploratore e Separa (Control-Shift-G) loro. Colora la metà sinistra con # 79981f. Fai un piccolo cerchio di # 99ba38 colore sulla metà destra della grande figura. copia il cerchio e distribuire le copie sulla parte destra, rendendola strutturata. Gruppo (Control-G) tutte le parti insieme. Questo sarà il cespuglio.

Crea un più piccolo copia del cespuglio vicino al primo e trascinare entrambi i cespugli sul lato sinistro del lago, nascondendo le loro parti inferiori dietro le onde.

Fai alcune copie del giunco ​​che abbiamo creato in precedenza e posizionale sul lato destro del lago, nascondendo la parte inferiore degli steli dietro la linea di galleggiamento.

Passaggio 3

Inizia a creare la riva costruendo un 1075 x 57 px rettangolo con a # a2c430 Riempire colore. Fai se completamente arrotondato e allinearlo al centro del lago. Mandalo indietro con Oggetto> Disponi> Porta in secondo piano.

Seleziona il rettangolo verde e copia con Control-C. Clic Control-B prendere un Duplicare dietro l'oggetto principale. Spostalo verso il basso di alcuni pixel e cambia il colore in # 406e85. Gruppo (Control-G) i rettangoli e posizionali dietro al lago.

Passaggio 4

Continuiamo ad aggiungere dettagli alla riva creando un 14 x 14 px rettangolo con a # 79981f Riempire colore. Scegli il Aggiungi strumento Punto di ancoraggio (+) e fai clic sul centro del bordo superiore del rettangolo, aggiungendo un altro punto di ancoraggio. Elimina le ancore superiori sinistra e destra con il Elimina strumento Punto di ancoraggio (-), ottenere la forma del triangolo (1).

Seleziona il triangolo con il Strumento di selezione (V) e premere accedere per aprire il Mossa finestra delle opzioni. Impostare il Posizione orizzontale valore a 0 px e Posizione verticale valorea 14 px, e fare clic su copia pulsante. stampa Control-D per ripetere l'azione e continuare a premere Control-D aggiungere 17 copie (2). Gruppo (Control-G) loro insieme. Questa sarà l'erba.

Creare un 110 x 100 px cerchio con a # 7a7462 Riempire colore. Disegna una linea orizzontale che attraversa le ancore centrali e laterali della forma. Seleziona entrambe le figure e Dividere loro, usando il esploratore pannello (3). Separa (Control-Shift-G) le forme e Elimina la parte inferiore. Questa figura agirà come una pietra. Crea una pietra più piccola di # 8f8873 colore (4).

Combina e copia pietre ed erba, spargendole dietro il rettangolo di terra. Non dimenticare di usare Oggetto> Disponi> Porta in secondo piano per gli oggettiper posizionarli dietro il rettangolo di terra. Aggiungi una o più copie del cespuglio che abbiamo creato in precedenza. Puoi usare ed esempio sotto come riferimento (5), ma sentiti libero di creare combinazioni diverse di erba, cespugli e pietre.

Passaggio 5

Ora lavoreremo sullo sfondo della foresta. Costruire un 1030 x 40 px rettangolo con # d0f341 colore, allineandolo al centro della tavola da disegno. Arrotondare gli angoli, mandarlo indietro con Oggetto> Disponi> Porta in secondo piano, e posizionarlo dietro il rettangolo verde più grande, facendo in modo che la sua parte inferiore si sovrapponga al bordo superiore della figura più grande.

Passaggio 6

Per formare la foresta avremo bisogno di due tipi di alberi: abeti a forma di triangolo e alberi a forma di cerchio.

Creare un 140 x 235 px rettangolo con a # d0f341 Riempire colore. Fare clic sul centro del bordo superiore del rettangolo con il Aggiungi strumento Punto di ancoraggio (+), aggiungendo un altro punto di ancoraggio. Elimina le ancore superiori sinistra e destra con il Elimina strumento Punto di ancoraggio (-), ottenendo la forma del triangolo. 

Crea una linea verticale che attraversa il centro e l'ancora superiore della forma. Dividere entrambe le figure in esploratore e Separa (Control-Shift-G) loro, colorando la metà sinistra in # a2c430. Crea un piccolo rettangolo di # a2c430 colore, copia e distribuite le copie sulla parte destra dell'albero, rendendola strutturata. Gruppo tutte le parti e inviare l'albero con cui tornare Oggetto> Disponi> Porta in secondo piano.

Passaggio 7

Facciamo la corona del secondo albero costruendo un 165 x 165 cerchio che vogliamo Riempire con # d0f341 colore.

Disegna una linea verticale al centro e le ancore della forma.

Dividere entrambe le forme esploratore e Separa (Control-Shift-G) loro. Colora la metà sinistra con # a2c430. Aggiungi alcuni piccoli rettangoli arrotondati di # a2c430 colore alla metà destra per un effetto texture. Aggiungi un tronco con a # 7a7462 Riempire colore sul fondo della corona.

Gruppo (Control-G) tutte le parti e inviarle alla schiena con Oggetto> Disponi> Porta in secondo piano.

Passaggio 8

Mettiamo i nostri alberi in fila dietro la forma rettangolare del rettangolo posteriore, Duplicazione alcuni di essi e variando le dimensioni per formare una composizione equilibrata. Aggiungi altri pennelli che abbiamo già creato.

Lascia uno spazio vuoto nel mezzo della foresta per le colline e le montagne che creeremo nei seguenti passaggi. Il risultato dovrebbe essere simile a questo:

5. Come creare le colline

Serratura tutti i livelli tranne il livello "colline".

Passo 1

Con l'aiuto di Strumento Penna (P), crea la forma ondulata con a # 8ead28 Riempire colore.

Seleziona la figura, quindi scegli il Rifletti strumento (O) e, tenendo premuto il tasto alt tasto, fare clic sull'ancora in basso a destra. Nel Riflettere finestra di opzione, impostare il Asse Verticale e premere copia, riflettendo la forma sul lato destro.

Unisci entrambe le forme in una con il Unire opzione del esploratore pannello, ottenendo la collina.

Passo 2

Metti la collina dietro la scena principale, posizionandola più vicino alla parte destra. Fai un piccolo copia del colore verde più scuro (# 79981f) sul lato sinistro del paesaggio, nascondendolo dietro la prima forma. Tutte le parti laterali e inferiori delle nostre colline dovrebbero essere nascoste dietro gli alberi, i cespugli e il livello del terreno.

Passaggio 3

Per prima cosa, seleziona la collina di sinistra che abbiamo creato nei passaggi precedenti.

Pulsante destro del mouse e scegliere Isola il gruppo selezionato dal menu a discesa. La collina isolata appare a colori, mentre il resto della grafica appare in grigio.

Prendi il Strumento penna (P) e costruisci una linea verticale a zig-zag che attraversa la forma della collina. Impostare il Riempire della linea a Nessuna, il Peso del colpo a 9 px, e il Colore tratto # 66801b. Rendi gli angoli della linea arrotondati scegliendoli con il Strumento di selezione diretta (A) e trascinando il Angoli vivi marcatori.

Scegli la linea e vai a Oggetto> Espandi. Dai un'occhiata il Ictus opzione, e deselezionare il Riempire opzione, premendo ok. Il nostro colpo si trasformerà in una forma piena

Tagliamo le parti del percorso che stanno fuori dalla collina. Seleziona il percorso sovrapposto insieme alla forma della collina e usa il Strumento di creazione forme (Shift-M) tenendo premuto il tasto alt chiave e facendo clic sui pezzi indesiderati a Elimina loro.

stampa ok Fuga per uscire dalla modalità di isolamento o, usando il Strumento di selezione (V), doppio click al di fuori del gruppo isolato.

Passaggio 4

Sbloccare il livello "principale". Seleziona una foglia e un abete e copia loro. Serratura il livello "principale" di nuovo e tornare al livello "colline". stampa Controllo-V o andare a Modifica> Incolla, ottenendo le copie dei nostri alberi sul livello "colline".

Spargi gli alberi sulle colline, Duplicazione alcuni di essi e variando le dimensioni per riempire lo spazio vuoto.

Passaggio 5

Crea sagome delle colline sullo sfondo creando duplicati delle colline precedentemente create, cambiando le loro Riempire colori a # 515c1b e rendendo forme più alte o più corte con l'aiuto di Strumento di selezione (V)

Dovresti ottenere qualcosa del genere:

6. Come creare le montagne

Serratura tutti gli strati ma il livello "montagne".

Passo 1

Iniziamo a formare la forma della montagna creando un 582 x 540 px rettangolo, Riempimento con # 99927b colore.

Prendi il Aggiungi strumento Punto di ancoraggio (+) e fai clic sul centro del bordo superiore del rettangolo, aggiungendo un altro punto di ancoraggio. Elimina le ancore superiori sinistra e destra con il Elimina strumento Punto di ancoraggio (-), ottenendo la forma del triangolo.

Passo 2

Con l'aiuto di Strumento Segmento di linea (/), costruire un Larghezza di 400 px nero Ictus senza Riempire, posizionandolo sotto la parte superiore del rettangolo, lasciando uno spazio di circa 200 px dall'ancora superiore e allineandolo al centro del rettangolo.

Seleziona la linea e vai a Effetto> Distorci e trasforma> Zig Zag. Impostare il Taglia valore a 10 px, assoluto. E impostare Creste per segmento uguale a 9. Selezionare Punti morbidi e fare clic ok. Vai a Oggetto> Espandi Aspetto per applicare l'effetto.

Scegli la forma del triangolo e copia esso, usando Control-C. Clic Control-F prendere un Duplicare in cima al triangolo. Seleziona il duplicato e la linea usando il Dividere opzione del esploratore pannello, dividendo il nostro triangolo in due forme. Separa loro e rimuovere la parte inferiore. Colora la figura rimanente superiore con # e2f0e9, ottenere la cima innevata della montagna.

Passaggio 3

Crea un restringimento copia del triangolo di fronte al primo e cambia colore in # 99927b, formando leggere ombre sulla montagna. Costruisci un restringimento Duplicare della parte ombra nella parte anteriore, colorando quella nuova con # 87806c.

Ora la nostra montagna sembra più dettagliata e interessante.

Passaggio 4

Ora che la vista di base della montagna è pronta, aggiungiamo un'ombra piatta che copre una metà della roccia.

Seleziona la forma del triangolo posteriore, copia e Incolla davanti (Control-C> Control-F). Mantenendo il duplicato selezionato, vai a Oggetto> Disponi> Porta in primo piano, posizionando la copia di fronte alla montagna. Seleziona l'ancoraggio in basso a destra del triangolo con il Strumento di selezione diretta (A) e trascinalo al centro, allineando all'ancora centrale.

Cambiare il Modalità di fusione del triangolo risultante a Moltiplicare mentre si abbassa il Opacità livelli a 40% nel Trasparenza pannello, ottenendo l'ombra. Gruppo (Control-G) tutte le parti di montagna insieme.

Passaggio 5

Metti la montagna sulla scena principale, nascondendo la sua parte inferiore dietro le colline. Crea due montagne più piccole a sinistra e a destra della roccia principale, facendole sovrapporre alla montagna più grande e posizionandole di fronte ad essa.

Formare altre due sagome di montagne triangolari con a # 659cad Riempire colore dietro il paesaggio principale, finendo la composizione.

7. Come creare lo sfondo

Abbiamo quasi finito il nostro paesaggio di montagna. Ma abbiamo ancora bisogno di uno sfondo che mostri cielo, sole e nuvole.

Iniziamo Blocco tutti gli strati tranne il livello "cielo".

Passo 1

Costruire un 1200 x 1200 px quadrato di # 77b8cc, allineandolo al centro della tavola da disegno.

Passo 2

Per riempire lo spazio vuoto e aggiungere profondità al nostro paesaggio, crea forme simili a nuvole # 9accdb colore dietro le montagne con l'aiuto del Strumento penna (P) o il Strumento rettangolo (M), rendendo arrotondati gli angoli delle figure risultanti.

Passaggio 3

Inizia a creare il cloud creando due cerchi sovrapposti con il Strumento ellisse (L), impostando il loro Riempire e Ictus ai colori nero e bianco predefiniti. Passare al Strumento rettangolo (M) e posiziona una striscia stretta sul fondo della nuvola, lasciandola un po 'più in basso rispetto al bordo inferiore del cerchio grande.

Unire tutte le forme nel esploratore fare un singolo oggetto Cambiare il Riempire colore a # e2f0e9 e accarezzare Nessuna. Crea qualche altra nuvola di dimensioni diverse e allargale nel cielo, lasciando uno spazio vuoto per il sole.

Passaggio 4

Costruire un 105 x 105 px cerchio che coloreremo usando # fff45a. Disegna una linea verticale attraverso il centro del cerchio, usando il Strumento Segmento di linea (\). Mantenere la linea e il cerchio selezionati, Dividere loro nel esploratore. Separa (Control-Shift-G) le forme e colorano la metà sinistra con # fde23d

Costruisci un altro 144 x 144 px cerchio di # fbcd30 colore, posizionandolo dietro il primo, allineato al suo centro. Seleziona il cerchio grande e vai a Effetto> Distorci e trasforma> Zig Zag. Impostare il Taglia a 5 px, assoluto. E impostare Creste per segmento uguale a 10. Selezionare Punti morbidi e fare clic ok. Vai a Oggetto> Espandi Aspetto per applicare l'effetto.

Gruppo tutto il sole si modella insieme e lo posiziona sulla scena principale.

Sbloccare tutti gli strati.

Il nostro paesaggio montano è pronto!

Ottimo lavoro! La nostra scena di montagna in stile piano è finita. Puoi usare la tua immaginazione e continuare a giocare e aggiungere dettagli finché non sei pienamente soddisfatto del risultato.

Questa illustrazione del paesaggio di montagna è solo una parte del mio Camping Travel Landscape e nel mio portfolio ci sono molte più illustrazioni di viaggi e avventure!

Spero che tu abbia scoperto alcuni nuovi suggerimenti e trucchi che puoi usare per creare meravigliose illustrazioni in futuro. Sentiti libero di condividere i tuoi risultati nei commenti qui sotto.