Come creare un cielo notturno con nuvole usando Adobe Illustrator e Photoshop

Cosa starai creando

In questo tutorial imparerai come utilizzare lo strumento Mesh e il plugin Mesh Tormentor e come rendere le tue immagini migliori con alcune semplici modifiche a Transparencyimpostazioni-tutto durante la creazione di una bella scena mistica con nuvole realistiche!

Se desideri saltare questo tutorial e desideri acquistare il risultato finale, vai su GraphicRiver per acquistare Night Sky Sky Background con Moon, Cloud e Stars.

Sfondo del cielo natura notte con la luna, nuvole e stelle

Prima di iniziare questo tutorial, dovresti installare il Mesh Tormentor collegare. Vai al sito Mesh Tormentor e scarica il plugin gratuito Mesh Tormentor che corrisponde alla tua versione di Illustrator. Quindi decomprimere l'archivio ricevuto, chiudere Adobe Illustrator e copiare il file .aip nella cartella "Estensioni" sul disco di installazione locale. (Ad esempio, è il C: \ Programmi \ Adobe \ Adobe Illustrator CS6\ Plug-in \ Extensions cartella sul mio computer.) Apri di nuovo Adobe Illustrator e vai a Finestra> Tormentatore a rete.

1. Come creare nuvole

Passo 1

Inizieremo creando le nuvole realistiche. Per questo, dovremo iniziare a lavorare Adobe Photoshop.

Puoi cliccare Scarica allegato a destra del tutorial per ricevere la mia foto di una nuvola che userò; tuttavia, puoi anche usare la tua foto!

Apri la foto Adobe Photoshop, e poi andare a Seleziona> Intervallo colori.

Passo 2

Nella finestra di dialogo risultante, afferra il contagocce bianco e fai clic sulla sezione più bianca della nuvola. L'anteprima risultante della selezione dovrebbe apparire simile alla mia nello screenshot qui sotto. Clic ok.

Passaggio 3

Apri un nuovo file in Adobe Photoshop e assicurati che lo sfondo sia Trasparente.

Passaggio 4

Trascina il cloud selezionato dal primo file al nostro nuovo file aperto.

Passaggio 5

Crea un nuovo livello sotto il livello con la nuvola e riempi tutta la tavola da disegno con un colore blu, solo così possiamo vedere meglio la nuvola.

Passaggio 6

Il tuo cloud dovrebbe risultare così a questo punto.

Passaggio 7

Prendi il Strumento gomma (E), seleziona Livello 1 (quello con la nuvola) e cancella tutti i piccoli artefatti non necessari sull'immagine. Dovrebbe rimanere solo la forma della nuvola principale.

Passaggio 8

Finalmente, prendi il Strumento di sfocatura (R) e sfocare i bordi della nuvola. Ciò assicurerà che non appaia pixel quando lo convertiamo in un'immagine vettoriale.

Passaggio 9

Quando sei soddisfatto del risultato, elimina il livello blu e salva l'immagine come .png.

Apri il file .png in Adobe Illustrator.

Passaggio 10

Crea un'ellisse sopra la parte superiore del cloud.

Vai a Oggetto> Crea mesh sfumata e impostare Righe e colonne a 50.

Passaggio 11

Ecco dove Mesh Tormentor entra in gioco. Se non lo hai già fatto, installalo e aprilo Finestra> Tormentatore a rete.

Passaggio 12

Seleziona la nostra ellisse e, nel Mesh Tormentor pannello, fare clic sulla quinta icona da sinistra nella sesta riga a Aumenta la densità della mesh.

Passaggio 13

Il risultato dovrebbe risultare così.

Passaggio 14

Ora, seleziona sia il cloud che abbiamo creato in Adobe Photoshop sia l'ellisse della mesh. L'ellisse dovrebbe essere in cima al cloud! Fare clic sull'icona "Mona Lisa" nel Mesh Tormentor pannello per colorare la nostra mesh come il cloud.

Passaggio 15

Elimina l'immagine raster originale e voilà-hai la tua fantastica nuvola vettoriale realistica!

2. Come creare lo sfondo

Passo 1

Crea un quadrato blu scuro e, usando il Mesh Tool (U), creare una griglia Mesh 5x6.

Passo 2

Seguendo la serie di passaggi sotto, colora la griglia della maglia. I nodi più scuri nelle immagini rappresentano quelli che dovresti colorare con il codice colore incluso.

Passaggio 3

Ora per le nuvole. Crea un rettangolo blu casuale e posiziona la nostra mesh mesh sopra di esso. Posizionalo appena sopra il bordo in basso a destra.

Passaggio 4

Creare un paio di copie e, dopo averle ruotate un po ', posizionarle per assomigliare all'immagine qui sotto.

Passaggio 5

Posiziona un'altra copia sotto la nuvola sinistra.


Passaggio 6

Termina con una piccola copia nella parte centrale inferiore del rettangolo.

Passaggio 7

Ora posiziona il rettangolo blu davanti alle nuvole (Maiusc-Control-]), selezionare tutte le forme, fare clic con il tasto destro e selezionare Crea maschera di ritaglio.

Passaggio 8

Le nuvole risultanti avranno questo aspetto:

Puoi spostarli in cima allo sfondo che abbiamo creato in precedenza.

3. Come creare la luna e i fasci di luce

Passo 1

Crea una forma lunare selezionando due cerchi sovrapposti e facendo clic Escludere nel esploratore pannello. Separa il risultato ed elimina la forma superiore.

Passo 2

Creare tre copie della forma risultante. Prendi la prima copia, mettendo gli altri due da parte per ora. Riempi con un colore bianco, quindi crea un'altra copia e spostala un po 'verso l'alto e verso sinistra dell'originale. Riempi con # 95A5BC. Infine, trascina il nodo centrale della forma blu un po 'verso sinistra.

Passaggio 3

Imposta la forma blu Trasparenza a 0%.

Vai a Oggetto> Miscela> Opzioni di fusione. Impostare il Spaziatura a Passi specificati e il numero di passaggi a 30.

Passaggio 4

Con entrambi gli oggetti selezionati, fare clic Oggetto> Miscela> Crea.

Passaggio 5

Con la seconda copia che abbiamo realizzato Passo 2, ripetere un processo simile a Passaggi 2-4.

Passaggio 6

Prendi l'ultima copia inutilizzata e mettila sopra le due miscele. La luna dovrebbe apparire come se fosse incandescente ora. Puoi spostarlo nell'angolo in alto a destra dello sfondo.

Passaggio 7

Crea un cerchio con a Gradiente radiale (Bianca - # 4AF0F8 - # 0888D5 - # 054B87 - Nero).

Passaggio 8

Crea un paio di copie diverse di questa forma.

Passaggio 9

Impostare il Trasparenza di tutte le forme, incluso il cerchio originale, a Schermo.

Passaggio 10

Crea tre forme fuori dai gradienti.

Passaggio 11

Metti tutte le forme sopra la parte superiore del cerchio originale. Il risultato dovrebbe essere simile a questo:

Passaggio 12

Crea un'altra forma di ellisse con a# 274F7B a # 000000 Gradiente radiale.

Impostare il Trasparenza a Schermo.

Passaggio 13

Allo stesso modo Passi 9 e 10, creare forme diverse dall'ellisse con sfumature. I più importanti sono quelli con i raggi più sottili!

Mettili tutti uno sopra l'altro alla fine.

Passaggio 14

Metti la seconda forma sopra la prima forma.

Passaggio 15

Sposta i raggi sullo sfondo del cielo con le nuvole e la luna.

Abbiamo quasi finito!

4. Come creare le stelle

Passo 1

Crea tre piccoli cerchi con a gradiente radiale da bianco a nero, 80% di opacità, e Schermo modalità di trasparenza. Ogni cerchio dovrebbe avere una dimensione diversa, che dovrebbe essere piccola come una stella dovrebbe essere sul tuo disegno.

Passo 2

Trascina tutti i cerchi nel simboli pannello per creare tre nuovi simboli.

Passaggio 3

Prendi il Strumento simbolo spruzzatore (Shift-S), seleziona uno dei simboli nel simboli pannello e trascinalo intorno all'opera, creando molte stelle.

Passaggio 4

Ripeti questo con tutti e tre i simboli. Quando sei soddisfatto del risultato, seleziona ogni forma con le stelle e vai a Oggetto> Espandi Aspetto.

"Ritaglia" l'immagine disegnando un rettangolo sopra lo sfondo, selezionando tutti gli elementi, e Fare una maschera di ritaglio.

Passaggio 5

Creeremo un ultimo paio di stelle. Crea un altro cerchio con Gradiente radiale da bianco a nero, 80% di opacità, e Schermo trasparenza.

Passaggio 6

Crea un'altra forma con tre ellissi, con un gradiente simile, la stessa impostazione di trasparenza e 60% di opacità.

Passaggio 7

Crea un'altra forma a stella con le impostazioni indicate di seguito.

Passaggio 8

Assemblare tutte le parti una sopra l'altra.

Passaggio 9

Metti alcune grandi stelle sullo sfondo.

Impressionante lavoro, ora sei fatto!

E adesso? Puoi provare uno dei miei altri tutorial dal mio profilo, o controllare il mio portfolio su GraphicRiver, così come l'immagine originale che abbiamo ricreato in questo tutorial.

Spero ti sia piaciuto il tutorial e saremo estremamente felici di vedere qualsiasi risultato nei commenti qui sotto!

Sfondo del cielo natura notte con la luna, nuvole e stelle