Crea un'illustrazione di un rullo di vernice con un effetto testo grungy e dipinto

Nel seguente tutorial imparerai come creare un'illustrazione di un rullo di vernice con un effetto di testo sgangherato. Useremo metodi collaudati per la creazione di pixel vettoriali perfetti, aggiungere effetti di illuminazione e Opacità e tracciare effetti grunge raster in tracciati vettoriali. Impara tutti i passaggi di come creare questo effetto del testo del rullo di vernice.


Passo 1

Premi Comando + N per creare un nuovo documento. Inserisci 1350 nella casella della larghezza e 1000 nella casella dell'altezza, quindi fai clic sul pulsante Avanzate. Seleziona RGB, schermo (72ppi) e assicurati che la casella Allinea nuovi oggetti a griglia pixel sia deselezionata prima di fare clic su OK. Ora, attiva la griglia (Visualizza> Griglia) e lo snap alla griglia (Visualizza> Aggancia alla griglia).

Successivamente, avrai bisogno di una griglia ogni 1 pixel. Vai a Modifica> Preferenze> Guide e griglia, inserisci 1 nella griglia ogni casella e 1 nella casella Sottori. Puoi anche aprire il pannello Informazioni (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.


Passo 2

Seleziona lo strumento Rettangolo (M), crea cinque forme da 25 per 1 pixel, posizionale una sotto l'altra e riempile con i colori mostrati di seguito. Seleziona tutti questi percorsi e vai al pannello Pennelli (Finestra> Pennelli). Aprire il menu a comparsa, fare clic su Nuovo pennello, selezionare il pulsante Pennello pattern e fare clic su OK.

La finestra Opzioni pennello pattern dovrebbe aprirsi. Inserisci i dati mostrati di seguito, fai clic su OK e troverai il nuovo pennello pattern nel pannello Pennelli. Riseleziona questi sette rettangoli grigi e cancellali dal pannello Livelli. Non ne avrai più bisogno.


Passaggio 3

Per il seguente passaggio avrai bisogno di una griglia ogni 5px. Quindi, vai a Modifica> Preferenze> Guide e griglia e inserisci 5 nella griglia ogni casella. Afferra lo strumento Penna (P) e disegna un percorso semplice come quello nero mostrato nell'immagine seguente.

Non ti preoccupare, lo Snap to Grid faciliterà il tuo lavoro. Passare allo strumento Rettangolo (M), creare una forma di 110 per 30 px e riempirla con R = 240, G = 240, B = 240. Ora crea una forma di 20 per 60 px e riempila con R = 62 G = 143 B = 209. Posiziona questi due rettangoli come mostrato di seguito. Ancora una volta, lo Snap to Grid faciliterà il tuo lavoro.


Passaggio 4

Riseleziona il percorso nero creato nel passaggio precedente e vai al pannello Aspetto. Assicurati di non avere alcun colore impostato per il riempimento, quindi seleziona il tratto. Passare al pannello Pennelli, fare clic sul pennello pattern e andare su Effetto> Stilizzazione> Angoli arrotondati. Immettere un raggio di 2 pixel e fare clic su OK.


Passaggio 5

Ritorna a "gridline ogni 1px". Quindi, vai a Modifica> Preferenze> Guide e griglia e inserisci 1 nella griglia ogni casella. Concentrati sulla forma blu e scegli lo strumento selezione diretta (A). Seleziona il punto di ancoraggio in alto a sinistra e spostalo di 2 px a destra, quindi seleziona il punto di ancoraggio superiore destro e spostalo di 2 pixel a sinistra. La forma risultante dovrebbe apparire come nella seconda immagine.


Passaggio 6

Riseleziona la forma blu e vai a Effetto> Stilizzazione> Angoli arrotondati. Inserisci un raggio di 3 pixel, fai clic su OK e vai su Effetto> Deformazione> Arco inferiore. Immettere i dati mostrati di seguito, fare clic su OK e andare su Oggetto> Espandi aspetto.


Passaggio 7

Disattiva lo snap alla griglia (Visualizza> Blocca sulla griglia), quindi vai a Modifica> Preferenze> Generale e assicurati che l'incremento della tastiera sia impostato su 1 pixel. Riseleziona la forma blu e vai su Effetto> Tracciato> Tracciato offset. Inserisci un offset di -1,5 px e fai clic su OK.

Riempi la forma risultante con il bianco e fai una copia in primo piano (Comando + C> Comando + F). Seleziona questa copia e premi due volte la freccia destra. Riselezionare entrambe le forme bianche e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Seleziona la forma risultante e abbassa la sua Opacità al 30%.


Passaggio 8

Riseleziona la forma blu e vai su Effetto> Tracciato> Tracciato offset. Inserisci un offset di -1,5 px e fai clic su OK. Ancora una volta, riempi la forma risultante con il bianco e fai una copia in primo piano (Comando + C> Comando + F). Seleziona questa copia e premi due volte la freccia sinistra. Riselezionare entrambe le forme bianche e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Seleziona la forma risultante e abbassa la sua Opacità al 30%.


Passaggio 9

Riattiva lo snap alla griglia (Visualizza> Aggancia alla griglia). Seleziona lo strumento Ellisse (L), crea un cerchio di 4px e posizionalo come mostrato nella prima immagine. Selezionalo insieme alla forma blu e fai clic sul pulsante Minus Front dal pannello Pathfinder.


Passaggio 10

Riseleziona la forma blu, concentrati sul pannello Aspetto e fai semplicemente clic sul pulsante Aggiungi nuovo riempimento. È il quadratino bianco dalla parte inferiore del pannello Aspetto. Ovviamente, questo aggiungerà un nuovo riempimento per la tua forma.

Selezionalo dal pannello Aspetto, abbassa l'Opacità al 30% e utilizza il gradiente lineare mostrato nell'immagine seguente. Lo zero giallo dall'immagine del gradiente indica la percentuale di opacità. Assicurati che questo nuovo riempimento sia ancora selezionato e vai su Effetto> Percorso> Percorso offset. Inserisci un offset di -1,5 px e fai clic su OK.


Passaggio 11

Riseleziona la forma blu e un primo tratto. Rendilo largo 1.5pt, allineatelo all'interno e imposta il suo colore a R = 153, G = 200, B = 220. Assicurati che questa forma sia ancora selezionata e fai clic sul pulsante Aggiungi nuova traccia dalla parte inferiore del pannello Aspetto. Seleziona questo nuovo stoke, rendilo largo 0,75pt, allineatlo verso l'interno e imposta il suo colore su R = 32, G = 93, B = 153.


Passaggio 12

Seleziona lo strumento Rettangolo (M), crea una forma 5 x 6 px e una forma 6 x 3 px, quindi posizionali come mostrato di seguito. Seleziona la forma superiore e vai su Effetto> Deformazione> Arco inferiore. Immettere i dati mostrati di seguito, fare clic su OK e andare su Oggetto> Espandi aspetto. Seleziona la forma in basso e vai su Effetto> Deformazione> Arco superiore. Immettere i dati mostrati di seguito, fare clic su OK e andare su Oggetto> Espandi aspetto.


Passaggio 13

Riseleziona il percorso con il pennello pattern e crea una copia in primo piano (Command + C> Command + F). Seleziona questa copia e vai su Oggetto> Espandi aspetto. Seleziona il gruppo di forme risultante e fai clic sul pulsante Unite dal pannello Pathfinder. Duplica il percorso risultante (Comando + C> Comando + F).


Passaggio 14

Seleziona la forma superiore creata nel dodicesimo passaggio, insieme a una delle forme create nel passaggio precedente, e fai clic sul pulsante Intersezione dal pannello Elaborazione tracciati. Riempi la forma risultante con il nero e abbassa la sua opacità al 15%. Seleziona la forma inferiore creata nel dodicesimo passaggio, insieme alla forma rimanente creata nel passaggio precedente e fai clic sul pulsante Intersezione dal pannello Elaborazione tracciati. Riempi la forma risultante con il nero e abbassa la sua opacità al 20%.


Passaggio 15

Sposta al rettangolo grigio. Selezionalo e vai a Effetto> Stilizzazione> Angoli arrotondati. Inserisci un raggio di 2 pixel, fai clic su OK e vai su Effetto> Deformazione> Bulge. Immettere i dati mostrati di seguito, fare clic su OK e andare su Oggetto> Espandi aspetto.


Passaggio 16

Riselezionare la forma modificata nel passaggio precedente e concentrarsi sul pannello Aspetto. Seleziona il riempimento e sostituisci il colore piatto con il gradiente lineare mostrato sotto. Assicurati che questo riempimento sia ancora selezionato e vai su Effetto> Stilizzazione> Bagliore interno. Inserire i dati mostrati di seguito e fare clic su OK.


Passaggio 17

Riselezionare la forma modificata nel passaggio precedente, aggiungere un nuovo riempimento e selezionarlo dal pannello Aspetto. Imposta il suo colore a R = 240, G = 240, B = 240. Ora abbassa la sua Opacità al 10%, cambia la modalità di fusione in Moltiplica e vai a Effetto> Artistico> Spugna. Inserire i dati mostrati di seguito e fare clic su OK.


Passaggio 18

Riselezionare la forma modificata nel passaggio precedente e aggiungere il primo tratto. Rendilo largo 1.5pt, allineatelo all'interno e imposta il suo colore a R = 240, G = 240, B = 240. Selezionalo dal pannello Aspetto e vai a Effetto> Distorci e trasforma> Irrigidisci. Inserire i dati mostrati di seguito e fare clic su OK.

Assicurati che questo tratto sia ancora selezionato e fai clic sul pulsante Duplica elemento selezionato. È la piccola icona del file nella parte inferiore del pannello Aspetto. Ovviamente, questo aggiungerà una copia della dose selezionata. Selezionalo, riduci le dimensioni a 0,75 pt e imposta il colore su R = 209, G = 211, B = 212.


Passaggio 19

Seleziona lo strumento Rettangolo (M), crea due forme da 3 a 8 pixel e posizionale come mostrato nell'immagine seguente. Seleziona entrambe le forme e vai a Effetto> Stilizzazione> Angoli arrotondati. Immettere un raggio di 1 pixel e fare clic su OK.

Seleziona solo la forma sinistra e vai a Effetto> Deformazione> Arco superiore. Immettere i dati mostrati di seguito, fare clic su OK e andare su Oggetto> Espandi aspetto. Seleziona il rettangolo giusto e vai su Effetto> Deformazione> Arco inferiore. Ancora una volta, inserisci i dati mostrati di seguito, fai clic su OK e applica Oggetto> Espandi aspetto.


Passaggio 20

Riselezionare le due forme create nel passaggio precedente, riempirle con R = 230, G = 231, B = 232 e aggiungere uno stoke 0.75pt. Allinearlo all'interno e impostarne il colore su R = 147, G = 149, B = 152. Passa al pannello Livelli e trascina queste due forme sotto la forma arrotondata. Alla fine dovrebbe apparire come la seconda immagine mostrata.


Passaggio 21

Seleziona lo strumento Rettangolo (M), crea una forma 12 per 3 pixel e posizionalo come mostrato nell'immagine seguente. Riempi con R = 230, G = 231, B = 232, e vai a Effetto> Stilizzazione> Angoli arrotondati. Inserisci un raggio di 1 pixel, fai clic su OK e vai su Effetto> Deformazione> Arco superiore. Immettere i dati mostrati di seguito, fare clic su OK e applicare Oggetto> Espandi aspetto.


Passaggio 22

Riselezionare la forma creata nel passaggio precedente e aggiungere un tratto di 0,75 punti. Imposta il suo colore a R = 147, G = 149, B = 152, e allinearlo a dentro.


Passaggio 23

Seleziona tutte le forme create finora e raggruppale (Comando + G). Seleziona questo nuovo gruppo e vai a Effetto> Stilizzazione> Sfalsa ombra. Inserire i dati mostrati di seguito e fare clic su OK.


Passaggio 24

Riseleziona il gruppo creato nel passaggio precedente e fai una copia in primo piano (Comando + C> Comando + F). Concentrati su questo nuovo gruppo e cambia il colore della maniglia. Sostituisci le proprietà esistenti con quelle mostrate nell'immagine seguente.


Passaggio 25

Continuiamo con lo sfondo. Seleziona lo strumento Rettangolo (M), crea una forma delle dimensioni della tua tavola da disegno e riempila con la sfumatura radiale mostrata sotto. Il numero bianco dall'immagine del gradiente indica la percentuale di posizione. Ciò significa che è necessario selezionare l'icona piccolo diamante e trascinarlo in posizione: 65%.


Passaggio 26

Riselezionare il rettangolo creato nel passaggio precedente, aggiungere un nuovo riempimento e renderlo nero. Selezionalo dal pannello Aspetto, riduci l'Opacità al 20%, modifica la modalità di fusione in Moltiplica e vai a Effetto> Schizzo> Carta Nota. Inserire i dati mostrati di seguito e fare clic su OK.


Passo 27

Ancora una volta, seleziona la forma creata nel passaggio precedente e aggiungi un terzo riempimento. Seleziona se dal pannello Aspetto, riduci l'opacità al 10%, modifica la modalità di fusione in Moltiplica e utilizza il gradiente radiale mostrato sotto.


Passaggio 28

Scegli lo strumento Penna (P) e disegna alcune semplici linee che compongono il tuo testo. Seleziona questi percorsi, rimuovi il colore dal riempimento, aggiungi un tratto di 110px, bianco, quindi vai a Oggetto> Percorso> Traccia contorno. Questo espanderà il tratto. Passa al pannello Livelli, concentrati su queste nuove forme e dai loro un nome. Sarà più facile per te trovarli nei passaggi successivi.


Passaggio 29

Ruotare i gruppi del rullo di vernice e posizionarli come mostrato nell'immagine seguente.


Passaggio 30

Concentriamoci su una delle forme bianche. Inizierò con il "T2". Selezionalo, passa al pannello Aspetto e rimuovi il colore dal riempimento. Crea una copia di questo percorso, selezionalo e riempilo di nero.


Passaggio 31

Riseleziona la forma nera creata nel passaggio precedente e vai a Effetto> Tratto pennello> Tratto spruzzato. Immettere i dati mostrati di seguito, fare clic su OK e andare su Oggetto> Espandi aspetto.


Passo 32

Riselezionare il percorso creato nel passaggio precedente. Per prima cosa, vai su Oggetto> Live> Trace> Crea, quindi vai su Oggetto> Traccia in diretta> Opzioni di tracciamento. Immettere i numeri mostrati di seguito, assicurarsi che la casella Ignora bianco sia selezionata e fare clic su Traccia.


Passaggio 33

Riselezionare la forma modificata nel passaggio precedente e andare su Oggetto> Traccia in diretta> Espandi. Seleziona il gruppo di forme risultante e vai su Oggetto> Percorso composto> Crea.


Passaggio 34

Riseleziona "T2" e crea una nuova copia in primo piano (Comando + C> Comando + F). Riempi questa copia con il bianco, quindi seleziona il percorso composto creato nel passaggio precedente e riempilo con R = 35, G = 31, B = 32.


Passaggio 35

Riselezionare i due percorsi modificati nel passaggio precedente e andare al pannello Trasparenza (Finestra> Trasparenza). Aprire il menu a comparsa, fare clic su Crea maschera di opacità, quindi deselezionare la casella Clip. Riseleziona questa forma mascherata e vai a Effetto> Sfocatura> Sfocatura gaussiana. Immettere un raggio di 1 pixel e fare clic su OK.


Passaggio 36

Riseleziona "T2", crea una nuova copia in primo piano (Comando + C> Comando + F) e portalo in primo piano (Maiusc + Comando +]). Riempi con il nero e vai a Effetto> Schizzo> Carta per appunti. Inserire i dati mostrati di seguito e fare clic su OK.


Passaggio 37

Riselezionare il percorso creato nel passaggio precedente. Per prima cosa, vai su Oggetto> Live> Trace> Crea, quindi vai su Oggetto> Traccia in diretta> Opzioni di tracciamento. Immettere i numeri mostrati di seguito, assicurarsi che la casella Ignora bianco sia selezionata e fare clic su Traccia.


Passaggio 38

Riselezionare la forma modificata nel passaggio precedente e andare su Oggetto> Traccia in diretta> Espandi. Seleziona il gruppo di forme risultante e applica Oggetto> Percorso composto> Crea.


Passaggio 39

Riseleziona "T2" e crea una nuova copia in primo piano (Comando + C> Comando + F). Riempi questa copia con il bianco, quindi seleziona il percorso composto creato nel passaggio precedente e riempilo con R = 35, G = 31, B = 32.


Passaggio 40

Riselezionare i due percorsi modificati nel passaggio precedente e andare al pannello Trasparenza (Finestra> Trasparenza). Aprire il menu a comparsa, fare clic su Crea maschera di opacità, quindi deselezionare la casella Clip. Riseleziona questa forma mascherata e vai a Effetto> Sfocatura> Sfocatura gaussiana. Immettere un raggio di 1 pixel e fare clic su OK.


Passaggio 41

Riseleziona "T2", portalo in primo piano (Shift + Command + tasto Right Bracket), e riempilo con il gradiente lineare mostrato sotto. Abbassa la sua opacità al 30% e vai a Effetto> Sfocatura> Sfocatura gaussiana. Immettere un raggio di 1 pixel e fare clic su OK.


Passaggio 42

Riseleziona le due forme mascherate, abbassa la loro Opacità al 60%, quindi selezionale (insieme alla forma modificata nel passaggio precedente) e raggruppale (Comando + G).


Step 43

Concentrati sulla forma "V2" e ripeti le tecniche utilizzate negli ultimi tredici passaggi.


Passaggio 44

Usa le stesse tecniche per la forma "T1". L'unica differenza è che dovrai mascherare il gruppo finale. Crea una copia di "T1" e trascinala sopra il gruppo (nel pannello Livelli). Riempi con il gradiente lineare mostrato sotto e vai a Effetto> Sfocatura> Sfocatura gaussiana. Immettere un raggio di 1 pixel e fare clic su OK.


Passaggio 45

Seleziona la forma creata nel passaggio precedente, insieme al gruppo "T1" e vai al pannello Trasparenza. Aprire il menu a comparsa e fare clic su Crea maschera di opacità. Alla fine il tuo gruppo dovrebbe assomigliare alla seconda immagine mostrata.


Passaggio 46

Passare alla forma "V1", ripetere le tecniche menzionate nei passaggi precedenti e il gioco è fatto.


Conclusione

Ora il tuo lavoro è finito. Ecco come dovrebbe apparire.