Come creare un'illustrazione Dark Gravestone in Adobe Illustrator

Cosa starai creando

In questo tutorial imparerai come creare un'illustrazione scura della lapide in Adobe Illustrator. Per i principianti imparerai come impostare una griglia semplice e come creare le forme principali utilizzando gli strumenti di base insieme al pannello Pathfinder e alla funzione Live Corners.

Successivamente, utilizzando le tecniche di fusione di base e alcuni effetti raster, imparerai come aggiungere ombreggiature e alcune trame sgangherate per le tue forme. Sfruttando appieno il pannello Traccia e usando un gruppo di effetti semplici, imparerai come creare le piccole crepe e come mascherarle facilmente.

Andando avanti, creerai la base della lapide e aggiungerai una piccola candela con dei fiori. Infine, imparerai come creare lo sfondo scuro usando due semplici quadrati e il pannello Aspetto.

Se sei ispirato da questo tutorial, perché non partecipare alla nostra Tuts + Halloween Community Challenge?

1. Creare un nuovo documento e impostare una griglia

Colpire Control-N per creare un nuovo documento. Selezionare pixel dal unità menu a discesa, immettere 600 nelle caselle larghezza e altezza, quindi fare clic su Avanzate pulsante. Selezionare RGB, Schermo (72 ppi), e assicurarsi che il Allinea nuovi oggetti a Pixel Grid la casella è deselezionata prima di fare clic ok.

Abilita la griglia (Visualizza> Mostra griglia) e lo snap alla griglia (Visualizza> Aggancia alla griglia). Avrai bisogno di una griglia ogni 5 px, quindi semplicemente vai Modifica> Preferenze> Guide> Griglia, accedere 5 nel Gridline ogni scatola e 1 nel suddivisioni scatola. Cerca di non scoraggiarti da tutta quella griglia: renderà più facile il tuo lavoro. Tieni presente che puoi facilmente abilitarlo o disabilitarlo usando il Controllo-" scorciatoia da tastiera.

Dovresti anche aprire il Informazioni pannello (Finestra> Informazioni) per un'anteprima dal vivo con le dimensioni e la posizione delle tue forme. Non dimenticare di impostare l'unità di misura su pixel da Modifica> Preferenze> Unità> Generale. Tutte queste opzioni aumenteranno significativamente la tua velocità di lavoro.

2. Crea le forme principali e aggiungi l'ombreggiatura sottile

Passo 1

Scegli il Strumento rettangolo (M) e concentrati sulla tua barra degli strumenti. Rimuovi il colore dal tratto, quindi seleziona il riempimento e imposta il suo colore su R = 109 G = 110 B = 113. Passa alla tua tavola da disegno e crea un 150 x 230 px rettangolo.

Passo 2

Concentrati sul lato superiore del rettangolo e afferra il Strumento di selezione diretta (A). Seleziona entrambi i punti di ancoraggio, passa alla barra superiore e inserisci 70 px nel angoli scatola. Alla fine la tua forma dovrebbe assomigliare alla seconda immagine.

Questa funzione è disponibile solo per gli utenti CC. La migliore soluzione per sostituire questo effetto sarebbe il Round Any Corner script che può trovare in questo articolo: 20 script di Adobe Illustrator gratuiti e utili. Salvalo sul tuo disco rigido, torna a Illustrator e prendi il Strumento di selezione diretta (A). Seleziona quei punti di ancoraggio e vai a File> Script> Altro script. Apri il Script di Any Any Round, entrare in un 70 px raggio e fare clic ok. Il risultato finale potrebbe sembrare un po 'diverso, ma non sarà molto evidente. Sentiti libero di provare un valore diverso per il raggio. In alcuni casi dovrai aumentare / diminuire il valore indicato in angoli scatola.

Passaggio 3

Sostituisci il colore di riempimento esistente con un rosso semplice e prendi il Strumento ellisse (L). Crea due 40 px cerchi e posizionali come mostrato qui.

Passaggio 4

Usando il Strumento di selezione (V), seleziona tutte e tre le forme fatte finora, apri il esploratore pannello (Windows> Pathfinder) e fare clic Fronte meno. La forma risultante dovrebbe apparire come l'immagine 2.

Passaggio 5

Concentrati sul lato superiore della tua forma e riseleziona il Strumento di selezione diretta (A). Seleziona i quattro punti di ancoraggio evidenziati nella prima immagine, passa alla barra superiore e inserisci 10 px In ciò angoli scatola. Sposta in Livelli pannello (Finestra> Livelli), fai doppio clic sul nome della forma esistente e rinominalo "didietro".

Passaggio 6

Assicurati che il tuo "didietro"la forma è selezionata, apri il Pendenza pannello (Finestra> Gradiente) e fare clic sulla miniatura della sfumatura per aggiungere il gradiente lineare nero-bianco predefinito. Continua a concentrarti sul tuo Pendenza pannello, imposta l'angolo su 90 gradi e quindi passare ai colori sfumati. Seleziona il cursore sinistro e imposta il colore su R = 109 G = 110 B = 113. Quindi seleziona il cursore giusto e imposta il colore su R = 147 G = 149 B = 152.

Passaggio 7

Disattiva l'opzione Blocca sulla griglia (Visualizza> Aggancia alla griglia), e poi andare a Modifica> Preferenze> Generale e assicurarsi che il Incremento della tastiera è impostato a 1 px. Assicurati che il tuo "didietro"la forma è selezionata e crea due copie davanti (Control-C, Control-F, Control-F). Seleziona la copia in alto e spostala 1 px giù usando il tasto freccia giù dalla tastiera. Riselezionare entrambe le copie eseguite in questo passaggio e fare clic su Fronte meno pulsante dal esploratore pannello.

Assicurati che il gruppo di forme risultante sia selezionato e semplicemente colpito Control-8 (o andare a Oggetto> Percorso composto> Crea) per trasformarlo in un percorso composto. Seleziona questo percorso composto e concentrati su Aspetto pannello (Finestra> Aspetto). Imposta il colore di riempimento su nero (R = 0 G = 0 B = 0) e quindi fare clic su Opacità per aprire il Trasparenza pannello a scomparsa. Abbassare il Opacità a 10% e cambia il Modalità di fusione a Luce soffusa.

Passaggio 8

Assicurati che il tuo "didietro"la forma è selezionata e crea due copie davanti (Control-C, Control-F, Control-F). Seleziona la copia in alto e spostala 2 px giù. Riselezionare entrambe le copie eseguite in questo passaggio e fare clic su Fronte meno pulsante dal esploratore pannello. Trasforma il gruppo di forme risultante in un percorso composto (Control-8), rendilo nero, abbassalo Opacità a 10% e cambia il Modalità di fusione a Luce soffusa.

Passaggio 9

Assicurati che il tuo "didietro"la forma è selezionata e crea due copie davanti (Control-C, Control-F, Control-F). Seleziona la copia in alto e spostala 3 px giù. Riselezionare entrambe le copie eseguite in questo passaggio e fare clic su Fronte meno pulsante dal esploratore pannello. Trasforma il gruppo di forme risultante in un percorso composto (Control-8), rendilo nero, abbassalo Opacità a 10%, e cambia il Modalità di fusione a Luce soffusa.

Passaggio 10

Assicurati che il tuo "didietro"la forma è selezionata e crea due copie davanti (Control-C, Control-F, Control-F). Seleziona la copia in alto e spostala 6 px giù. Riselezionare entrambe le copie eseguite in questo passaggio e fare clic su Fronte meno pulsante dal esploratore pannello. Trasforma il gruppo di forme risultante in un percorso composto (Control-8), rendilo nero, abbassalo Opacità a 10%, e cambia il Modalità di fusione a Luce soffusa.

Passaggio 11

Riseleziona il tuo "didietro"forma e vai a Oggetto> Percorso> Percorso offset. Entrare in un -Offset 10 px e fare clic ok. Seleziona la forma risultante, concentrati su Pendenza pannello e semplicemente sostituire il gradiente lineare esistente con quello mostrato nell'immagine seguente. Sposta in Livelli pannello, trova la forma creata in questo passaggio e rinominala "fronte".

Passaggio 12

Abilita cattura alla griglia (Visualizza> Aggancia alla griglia). Concentrati sul lato inferiore del tuo "fronte"forma e prendi il Strumento di selezione diretta (A). Seleziona entrambi i punti di ancoraggio e trascinali semplicemente 10 px giù come mostrato nella seconda immagine. Ancora una volta, la funzionalità Snap to Grid sarà utile.

3. Aggiungi texture sottili

Passo 1

Riseleziona il tuo "didietro"forma, concentrarsi sul Aspetto pannello, selezionare il riempimento esistente e andare a Effetto> Stilizzazione> Bagliore interno. Immettere le proprietà mostrate nell'immagine seguente e fare clic ok.

Passo 2

Assicurati che il tuo "didietro"la forma è ancora selezionata, si concentra su Aspetto pannello e aggiungere un secondo riempimento utilizzando Aggiungi nuovo riempimento. Seleziona questo nuovo riempimento, imposta il colore di riempimento sul nero, abbassalo Opacità a 5%, cambiare il Modalità di fusione a Moltiplicare, e vai a Effetto> Artistico> Grana del film. Immettere le proprietà mostrate nell'immagine seguente e fare clic ok.

Passaggio 3

Seleziona il tuo "fronte"forma, concentrarsi sul Aspetto pannello e aggiungere un secondo riempimento utilizzando lo stesso Aggiungi nuovo riempimento pulsante. Seleziona questo nuovo riempimento, imposta il colore al nero, abbassalo Opacità a 5%, cambiare il Modalità di fusione a Moltiplicare e vai a Effetto> Artistico> Grana del film. Immettere le proprietà mostrate nell'immagine seguente e fare clic ok.

4. Crea le crepe

Passo 1

Disabilita la griglia (Visualizza> Nascondi griglia) e lo snap alla griglia (Visualizza> Aggancia alla griglia). Usando il Strumento penna (P) o il Pennello (B), creare tre semplici percorsi all'incirca come mostrato nell'immagine seguente. Seleziona tutti questi nuovi percorsi e concentrati sul Aspetto pannello. Assicurati che non vi sia alcun colore impostato per il riempimento e aggiungi un semplice tratto nero di 1 px.

Passo 2

Assicurati che i tuoi percorsi neri siano ancora selezionati e vai a Effetto> Distorci e trasforma> Zig Zag. Immettere le proprietà mostrate nell'immagine seguente e fare clic ok.

Passaggio 3

Assicurati che i tuoi percorsi neri siano ancora selezionati, concentrati su Aspetto pannello e fare semplicemente clic su Ictus per aprire il Ictus pannello a scomparsa. Aumentare il Peso a 5 px e selezionare Profilo di larghezza 4 dal Profilo menu a discesa. Basta fare clic sul Flip Along pulsante se si desidera invertire l'orientamento del percorso.

Passaggio 4

Assicurati che i tuoi percorsi neri siano ancora selezionati e concentrati su Aspetto pannello. Seleziona il tratto, vai al Pendenza pannello e aggiungi il gradiente lineare mostrato nell'immagine seguente. Dovrai invertire l'angolo del gradiente lineare usato per il tuo percorso a sinistra. Questo può essere fatto abbastanza rapidamente usando il Gradiente inverso pulsante dal Pendenza pannello.

Passaggio 5

Assicurati che i tuoi tre percorsi siano ancora selezionati e vai a Effetto> Stilizzazione> Bagliore interno. Immettere le proprietà mostrate nell'immagine seguente, fare clic su ok, e vai a Effetto> Stilizzazione> Sfalsa ombra. Immettere gli attributi mostrati di seguito e fare clic ok.

5. Aggiungi una Texture di Grungier

Passo 1

Riseleziona il tuo "didietro"forma, crea una copia di fronte (Control-C, Control-F), e portalo in primo piano (Maiusc-Control-]). Assicurati che questa copia rimanga selezionata e si concentri su Aspetto pannello. Per prima cosa, rimuovi semplicemente il riempimento nero usando il Elimina elemento selezionato pulsante situato nell'angolo in basso a sinistra del pannello.

Quindi, apri il Bagliore interno applicato per il riempimento rimanente e sostituire gli attributi esistenti con quelli mostrati nell'immagine seguente. Ritorna al Aspetto pannello e assicurati che il tuo riempimento sia ancora selezionato. Abbassare la sua Opacità a 20%, cambiare il Modalità di fusione a Moltiplicare e sostituire il colore di riempimento esistente con il gradiente radiale mostrato di seguito. Concentrati sulla tua tavola da disegno e usa il Strumento sfumatura (T) per allungare la sfumatura come mostrato nell'immagine seguente. Inoltre, tieni presente che lo zero giallo dal Pendenza immagine sta per Opacità percentuale. Questo significa semplicemente che devi selezionare quel cursore sfumatura, concentrarti su Opacità scatola (dal Pendenza pannello) e impostarlo su 0%. Infine, passa al Livelli pannello, trova la forma creata in questo passaggio e rinominala "struttura".

Passo 2

Assicurati che il tuo "struttura"la forma è ancora selezionata, si concentra su Aspetto pannello e aggiungere un secondo riempimento utilizzando lo stesso Aggiungi nuovo riempimento pulsante. Seleziona questo nuovo riempimento, imposta il colore al nero, abbassalo Opacità a 50%, cambiare il Modalità di fusione a Luce soffusa, e vai a Effetto> Artistico> Spugna. Inserisci le proprietà mostrate nella finestra in alto (nella seguente immagine), clicca ok e vai di nuovo a Effetto> Artistico> Spugna. Immettere le proprietà mostrate nella finestra in basso e fare clic ok.

6. Mascherare le forme e aggiungere il testo

Passo 1

Seleziona tutte le forme fatte finora e colpisci Controllo-G a Gruppo loro. Sposta in Livelli pannello, rinomina questo nuovo gruppo "pietra sepolcrale"e quindi aprilo. Seleziona il tuo"struttura"forma, crea una copia di fronte (Control-C, Control-F), e trascinarlo fuori dal gruppo, in cima al Livelli pannello.

Assicurati che questa copia rimanga selezionata e premi semplicemente il tasto D pulsante dalla tastiera per sostituire l'esistente Aspetto attributi con quelli predefiniti (riempimento bianco e 1 px, tratto nero). Concentrarsi sul Aspetto pannello, rimuovi quel tratto nero e mantieni il riempimento bianco.

Ora, seleziona questa forma bianca insieme al tuo "pietra sepolcrale"gruppo, apri il Trasparenza pannello (Finestra> Trasparenza) e fare clic su Crea maschera pulsante. Se non si è un utente di Illustrator CC, è necessario aprire il menu a comparsa di Trasparenza pannello e fare clic su Crea maschera di opacità comando. Alla fine le cose dovrebbero assomigliare alla quarta immagine.

Passo 2

Prendi il Tipo Strumento (T), fai clic sulla tua tavola da disegno e aggiungi "riposa in pace."testo. Imposta il suo colore su R = 70 G = 70 B = 70 e usa il Viner Hand ITC carattere con la dimensione impostata su 25 px.

Assicurati che il tuo testo rimanga selezionato e vai su Effetto> Stilizzazione> Bagliore interno. Immettere le proprietà mostrate nell'immagine seguente, fare clic su ok, e vai a Effetto> Stilizzazione> Sfalsa ombra. Immettere gli attributi mostrati di seguito e fare clic ok.

7. Crea la base della pietra tombale

Passo 1

Abilita la griglia (Visualizza> Mostra griglia) e Snap to Grid (Visualizza> Aggancia alla griglia). Usando il Strumento rettangolo (M), creare un 160 x 10 px forma, riempilo con il gradiente lineare mostrato sotto e posizionalo come mostrato nella prima immagine. Concentrati sul lato superiore di questo nuovo rettangolo e passa a Strumento di selezione diretta (A). Seleziona entrambi i punti di ancoraggio e inserisci semplicemente 5 px nel angoli scatola. Sposta in Livelli pannello, trova la forma creata in questo passaggio e rinominala "base".

Passo 2

Disattiva Snap alla griglia (Visualizza> Aggancia alla griglia). Assicurati che il tuo "base"la forma è selezionata e crea due copie davanti (Control-C, Control-F, Control-F). Seleziona la copia in alto e spostala 1 px giù. Riselezionare entrambe le forme fatte in questo passaggio e fare clic su Fronte meno pulsante dal esploratore pannello. Riempi la forma risultante con il nero, abbassala Opacità a 20%, e cambia il Modalità di fusione a Luce soffusa.

Passaggio 3

Assicurati che il tuo "base"la forma è selezionata e vai a Oggetto> Percorso> Percorso offset. Entrare in un -Offset di 1 px e fare clic ok. Seleziona la forma risultante e fai una copia davanti (Control-C, Control-F). Seleziona questa copia e spostala 1 px giù. Riselezionare entrambe le forme fatte in questo passaggio e fare clic su Fronte meno pulsante dal esploratore pannello. Riempi la forma risultante con il bianco, abbassala Opacità a 10%, e cambia il Modalità di fusione a Luce soffusa.

Passaggio 4

Assicurati che il tuo "base"la forma rimane selezionata, si concentra su Aspetto pannello e aggiungere un secondo riempimento utilizzando lo stesso Aggiungi nuovo riempimento pulsante. Seleziona questo nuovo riempimento, imposta il colore al nero, abbassalo Opacità a 30%,e cambia il Modalità di fusione a Luce soffusa.

Continua a concentrarti sul Aspetto pannello e aggiungi un terzo riempimento per la tua forma. Selezionalo, imposta il colore al nero, abbassalo Opacità a 5%, cambiare il Modalità di fusione a Moltiplicare e vai a Effetto> Artistico> Grana del film. Immettere le proprietà mostrate nell'immagine seguente e fare clic ok.

Passaggio 5

Riseleziona il tuo "base"forma, concentrarsi sul Aspetto pannello, assicurati di aver selezionato l'intero percorso (fai semplicemente clic su di esso "Sentiero"pezzo di testo dalla cima del Aspetto pannello), e vai a Effetto> Stilizzazione> Sfalsa ombra. Inserisci le proprietà mostrate nella finestra di sinistra (nella seguente immagine), clicca ok, e vai di nuovo a Effetto> Stilizzazione> Sfalsa ombra. Inserire gli attributi mostrati nella finestra di destra e fare clic ok.

8. Aggiungi una candela e alcuni fiori

Passo 1

Per questo passo avrai bisogno di un'immagine di candela. Basta scaricare il file Ai allegato al fantastico tutorial di Cheryl, copiare la candela (Control-C) e incollarlo (Controllo-V) all'interno del documento.

Gruppo (Controllo-G) tutte le forme che formano la candela, quindi ridimensionarla e posizionarla approssimativamente come mostrato nell'immagine seguente. Usando il Strumento ellisse (L), creare un 10 px cerchio e posizionarlo come mostrato. Imposta il suo colore di riempimento a R = 247 G = 148 B = 30 e vai a Effetto> Sfocatura> Sfocatura gaussiana. Entrare in un Raggio di 10 px e fare clic ok.

Passo 2

Successivamente, prenderemo dei fiori da questo articolo: 70+ Free Graphics: Vintage Vector Flowers e Floral Ornament Sets. Scarica il Fiori ABC file e aprirlo. Copia il gruppo di fiori blu e incolla all'interno del documento.

Passaggio 3

Concentrati sui tuoi fiori, mantieni le forme evidenziate nella prima immagine ed elimina il resto. Seleziona i fiori rimanenti e Gruppo loro (Controllo-G).

Passaggio 4

Contrai il tuo gruppo di fiori, mettilo sulla lapide e poi aggiungi i tre Ombra esterna effetti (Effetto> Stilizzazione> Sfalsa ombra) mostrato di seguito.

9. Crea lo sfondo

Passo 1

Scegli il Strumento rettangolo (M) e fai clic sulla tua tavola da disegno per aprire il Rettangolo finestra. accedere 620 nel Larghezza e  Altezza caselle, quindi fare clic su ok pulsante. Assicurarsi che la forma risultante rimanga selezionata, inviarla indietro (Shift-Control-[) e impostare il colore di riempimento su R = 167 G = 169 B = 172. Sposta in Livelli pannello e rinominare questo nuovo rettangolo "sfondo".

Successivamente, dovrai centrare il tuo "sfondo"forma, quindi apri il Allineare pannello (Finestra> Allinea). Imposta l'allineamento su tavola da disegno (apri il menu a tendina e vai a Mostra opzioni se non riesci a vedere il Allinea a sezione mostrata qui), assicurarsi che la forma sia selezionata e fare clic su Centro allineamento orizzontale e Centro di allineamento verticale pulsanti. Alla fine il tuo quadrato dovrebbe coprire l'intera tavola da disegno.

Passo 2

Assicurati che il tuo "sfondo"la forma è ancora selezionata, si concentra su Aspetto pannello e aggiungi un secondo riempimento. Seleziona questo nuovo riempimento e aggiungi il gradiente radiale mostrato nell'immagine seguente. Non dimenticare che lo zero giallo dal Pendenza immagine sta per Opacità percentuale.

Passaggio 3

Assicurati che il tuo "sfondo"la forma è ancora selezionata, si concentra su Aspetto pannello e aggiungere un secondo riempimento. Seleziona questo nuovo riempimento, imposta il colore al nero, abbassalo Opacità a 5%, cambiare il Modalità di fusione a Moltiplicare, e vai a Effetto> Artistico> Grana del film. Immettere le proprietà mostrate di seguito e fare clic ok.

Passaggio 4

Usando il Strumento rettangolo (M), crea un nuovo 620 px piazza e centra usando il Centro allineamento orizzontale e Centro di allineamento verticale pulsanti dal Allineare pannello. Assicurati che questa nuova forma rimanga selezionata, riempila con la sfumatura lineare mostrata sotto, abbassala Opacità a 80%, e cambia il Modalità di fusione a Colore brucia.

Congratulazioni! Hai finito!

Ecco come dovrebbe apparire. Spero ti sia piaciuto questo tutorial e puoi applicare queste tecniche nei tuoi progetti futuri.

Dopo aver creato la tua pietra tombale, perché non unirti al nostro cimitero di designer?