Riproduci con miscele e traccia immagine per creare una semplice scena gatto in Adobe Illustrator

Cosa starai creando

Chi segue i miei tutorial saprà che ci sono tre temi comuni: ritratti, gatti e sagome. In questo tutorial, creerò una semplice scena cat di tramonto senza penne, utilizzando Blends e Image Trace. Se stai utilizzando una versione di Adobe Illustrator precedente a CC, Image Trace sarà conosciuto come Live Trace con più o meno le stesse impostazioni, quindi non preoccuparti, puoi partecipare!

Questo è perfetto per i principianti, quindi restiamo bloccati.

Risorse Tutorial

Per completare questo progetto, dovrai trovare l'immagine di un gatto che cammina. Se non stai usando il tuo gatto, ti consiglio di utilizzare la seguente immagine che puoi acquistare da PhotoDune:

  • Vista laterale di un gatto nero che cammina, isolato su bianco (Extra Small va bene per questo scopo)

1. Crea la miscela Sunset

Passo 1

Una volta creato un nuovo documento orizzontale in Adobe Illustrator, creiamo quattro rettangoli con il Strumento rettangolo (M). Ho creato il primo rettangolo e poi lo ho copiato e incollato davanti, usato il Strumento di trasformazione gratuito (E) e ridotto l'altezza di esso e cambiato il colore. Quindi ho ripetuto il processo per gli altri due rettangoli. Questo è così che mantengono la stessa larghezza e sono tutti allineati al fondo del rettangolo iniziale.

Ho usato i seguenti colori:

  • Giallo: # f7931d
  • Rosso: # be1e2d
  • Blu: # 262.261
  • Blu nero: # 0d0d12

Passo 2

Seleziona tutti e quattro i rettangoli e crea una fusione andando a Oggetto> Miscela> Crea (Alt-Control-B). Se non hai ottenuto un gradiente di colore uniforme, mantieni selezionato il gruppo Blend e vai a Oggetto> Miscela> Opzioni di fusione e cambia il Spaziatura a Colore liscio

2. Creare un recinto da una miscela

Passo 1

Usando il Strumento rettangolo (M), crea un rettangolo lungo e sottile su un lato della tua tavola da disegno. Quindi duplicalo e spostalo dall'altro lato. Se hai Guide intelligenti (Controllo-U) abilitato, quindi dovresti essere in grado di allinearlo. Tuttavia, se questo non è il caso, selezionare entrambi gli oggetti e andare nel Allineare pannello e selezionare Verticale Allinea in basso.

Passo 2

Seleziona entrambe le forme e crea un Miscela con loro (Alt-Control-B). Questo potrebbe creare il risultato mostrato di seguito, ma non preoccuparti, ti mostrerò come correggerlo nel passaggio successivo.

Passaggio 3

Per modificare la spaziatura della miscela, mentre il gruppo di fusione è selezionato, vai a Oggetto> Miscela> Opzioni di fusione e cambia il Spaziatura a Distanza specificata e cambiare l'unità in 25 mm.

3. Completa il tuo recinto

Passo 1

Voglio un po 'più di un aspetto di picchetto, quindi per fare questo ho bisogno di modificare le due forme nella miscela. Con Guide intelligenti abilitato (Controllo-U) e usando il Strumento Penna, Ho intenzione di aggiungere punti nella metà superiore di entrambi i rettangoli nella fusione. Ora non preoccuparti, stiamo usando lo strumento Penna solo per aggiungere un singolo punto su ciascuna delle due forme.

Ricorda di aggiungere i punti a entrambi i rettangoli e nello stesso punto per assicurarti di avere una miscela omogenea.

Quindi usa i tasti freccia per spostare il punto verso l'alto, un numero uguale per ciascuno dei tuoi post, per creare un triangolo in alto per i tuoi picchetti.

Passo 2

Per tenere insieme tutti i picchetti dovrai creare un paio di ringhiere. Quindi con Strumento rettangolo (M), Disegna due ringhiere lunghe e sottili come mostrato di seguito.

Passaggio 3

C'è un problema qui ... il recinto galleggia sopra la superficie del pavimento. Dovremo trasformare alcuni di questi picchetti in post che sono bloccati nel terreno.

Per modificare alcuni dei picchetti come post, dovremo modificare la lunghezza di alcune forme. In una fusione, puoi solo modificare le forme creando la fusione e non le forme creato da la miscela. Quindi per accedere alle forme di cui abbiamo bisogno, dovremo espandere la fusione.

Fai questo selezionando la miscela, quindi vai a Oggetto> Espandi e ticchettando tutte le impostazioni, quindi facendo clic ok.

Passaggio 4

Se si dovesse utilizzare lo strumento di trasformazione libera per estendere la lunghezza dei post così come sono attualmente, si distorcerebbe la parte superiore triangolare / appuntita dei picchetti. Non sarebbero tutti uniformi. Quindi quello che devi fare è usare il Strumento di selezione diretta (A) per selezionare i due punti in basso dei tuoi post, quindi utilizzare i tasti freccia per spostarli verso il basso.

Ho fatto ogni quattro picchetti un post.

4. Utilizzare Image Trace su un'immagine Cat

Passo 1

È ora di aggiungere un gatto che cammina casualmente lungo la nostra staccionata. Puoi usare il tuo gatto per questo o disegnare il tuo, tuttavia ho optato per un'immagine di un gatto.

Ciò che rende questa immagine particolarmente buona è che è su uno sfondo pulito e, naturalmente, il gatto stesso è nero. Questo lo rende un candidato purrfect per Image Tracing (vedi cosa ho fatto lì?).

Passo 2

Vai a File> Luogo e trova l'immagine del tuo gatto e posizionala sulla tua tavola da disegno. Avrai bisogno di ridimensionare l'immagine usando il Strumento di trasformazione gratuito (E), quindi le zampe stanno toccando i picchetti. Per fare ciò con precisione, cambia l'immagine in La modalità di fusione si moltiplica, Opacità 100% e nascondi lo sfondo del cielo. Quindi puoi allineare l'immagine.

Passaggio 3

Ora che il tuo gatto è in fila, selezioniamo Immagine traccia da lungo la barra in alto. C'è un pulsante che puoi selezionare che ti darà il Immagine traccia opzioni e puoi utilizzare le impostazioni seguenti per dare un contorno strutturato alla forma.

Passaggio 4

L'occhio aquilino di te noterà che con la staccionata e il gatto in cima al cielo, c'è un leggero contorno grigio. Questo perché i vettori sono anti-alias su uno schermo di pixel. Quindi quei pixel che si sovrappongono sullo sfondo sono opacità inferiori del nero impostato su Blending Mode Normal. Questo crea questo effetto alone attorno alla forma.

Poiché stiamo lavorando con forme piene di nero, possiamo impostarle La modalità di fusione si moltiplica per sbarazzarsi dell'effetto alone. Puoi vedere la differenza qui sotto.

5. Crea stelle da miscele

Passo 1

Per creare una stella, dovrai disegnare due cerchi con il Strumento ellisse (L), con il cerchio esterno impostato su Opacità 0% e riempito di bianco sporco. Questo è così la miscela cambia dal 100% nel mezzo a nulla all'esterno per dare un effetto luminoso. 

Tuttavia, quando crei una fusione da queste forme, ottieni un risultato diverso da quello che fai normalmente quando lo imposti Spaziatura: colore uniforme.

Passo 2

Questo perché entrambe le forme hanno lo stesso colore di riempimento, quindi non ci sono cambiamenti! L'unica cosa che sta cambiando è l'Opacità, quindi non c'è una progressione graduale nel colore. Per aggirare questo, è necessario modificare il Spaziatura a Passi specificati e inserisci un valore per creare una transizione graduale in opacità. Ho usato 20 passaggi Qui.

Passaggio 3

Il bagliore di questa stella non è "realistico" ... quindi aggiungiamo una forma aggiuntiva all'interno della miscela. Nel Livelli pannello, entra nel tuo gruppo di stelle e duplica uno dei cerchi. Quindi con il Strumento di trasformazione gratuito (E), rendilo solo più grande del gruppo più piccolo. Questa forma dovrebbe essere inserita tra gli altri due cerchi. 

Quindi cambia il Opacità a 30%. Questo quindi altera la transizione in opacità e crea un effetto bagliore più simile a una stella. 

Passaggio 4

Ora è possibile duplicare questa stella attraverso la tela e modificare le dimensioni delle forme, che sarebbe la cosa più semplice da fare ... non la più efficace però. Tuttavia questo è un tutorial e voglio mostrarti come farlo tramite un pennello di dispersione.

Con la stella selezionata, vai nel Spazzole pannello e selezionare New Brush. Nel pop-up, selezionare Pennello a dispersione e utilizzare le impostazioni di seguito, quindi fare clic su ok.

Passaggio 5

Usando il Pennello Strumento (B), aggiungi tre linee scarabocchiate nel cielo per creare le tue stelle.

Passaggio 6

Quindi altera l'opacità dei tratti per variare la luminosità delle stelle. La linea più bassa è impostata su Opacità 30% come il sole sta ancora tramontando e la visibilità delle stelle sarà debole.

6. Aggiungere i dettagli di finitura

Passo 1

Finiamo la nostra scena. La prima cosa che faremo è aggiungere un effetto vignetta. Potremmo farlo con un gradiente, ma poiché questo è un tutorial basato su miscele, usiamo invece quelli.

Un effetto vignetta scurirà i bordi. Per fare ciò, dobbiamo creare due cerchi con il Strumento ellisse (L) e rendere la forma centrale bianca e quella esterna nera. Quindi creare un Miscela (Alt-Control-B).

Passo 2

Imposta la miscela su La modalità di fusione si moltiplica. Questo renderà le forme bianche trasparenti, creando così un effetto sfumato radiale trasparente. Puoi quindi entrare nella miscela e regolare le dimensioni e il luogo delle forme.

Passaggio 3

Per rendere il gatto più visibile, vai nel gruppo di miscelazione per il cielo e regola semplicemente l'altezza del rettangolo blu per consentire una transizione più leggera a colori dietro al gatto.

Lavoro fantastico, hai fatto!

Ora hai finito! Mentre hai posizionato il tuo cielo entro i limiti della tua tavola da disegno, non preoccuparti delle forme sovrapposte. 

Buon Halloween e ti prenderò nel mio prossimo tutorial.