Come creare un set di icone dello zodiaco cinese stilizzato in Adobe Illustrator

Cosa starai creando

Perfetto per il capodanno cinese! In questo tutorial imparerai come disegnare personaggi animali da zero, tracciare i loro contorni e aggiungere dettagli in Adobe Illustrator CC 2014. Inoltre, li prepareremo per la stampa, assicurandoci che ci siano solo due oggetti per icona design, in modo che siano pronti per essere compilati in un calendario zodiacale con Grace Fussell.

1. Impostazione del documento

Passo 1

Aprire Adobe Illustrator CC 2014 e creare a Nuovo documento. Le mie misure 800 px di 600 px e ha la modalità colore impostata su RGB. È possibile modificare entrambe queste impostazioni in qualsiasi momento quando si lavora in Illustrator.

Passo 2

Seleziona il Strumento griglia rettangolare dal ToolbarSinistra-Click il tavola da disegno per far apparire le opzioni dello strumento. Inserisci i seguenti attributi:

  • Larghezza: 800 px
  • Altezza: 600 px
  • Divisori orizzontali: 2
  • Divisori verticali: 3

Colpire okAllineare la tua griglia appena creata al tuo tavola da disegno. Ora hai 12 celle in cui disegnare ogni icona. Serratura la griglia rettangolare nella tua Livelli pannello.

2. Disegnare animali: ratto, bue e tigre

Passo 1

Iniziamo a delineare le icone degli animali! Puoi farlo in Adobe Illustrator, Adobe Photoshop, un altro programma di disegno o su carta e importarli nel programma. 

Se stai lavorando in Illustrator, ho trovato più facile usare il Strumento Pennello blob (Shift-B), mantenendo il Fedeltà al centro del cursore, un pennello rotondo e entrambi TagliaVariazione della pressione6 pt.

Disegna ciascuna icona in uno dei celle della griglia rettangolare e Gruppo (Control-G) insieme i componenti dell'icona prima di passare al design successivo per mantenere il tuo Livelli pannello organizzato.

Passo 2

Inizieremo con il topo!

  1. La testa è un cerchio bitorzoluto o una forma simile a una mela. Considera i due lati inferiori come le piccole guance paffute del topo.
  2. Ho disegnato grandi ellissi per le orecchie. Fai l'orecchio più a destra più piccolo e oscurato dalla testa.
  3. Il corpo è un'ellisse. Nota come queste forme sono imperfette. Hai sicuramente la possibilità di utilizzare strumenti di forma o modelli, se necessario.
  4. Segui la curva e il contorno della forma del corpo e portala ad un punto, curvando verso il corpo stesso. Questo ti aiuterà a creare la coda del topo, le gambe e la maggior parte del corpo.

Passaggio 3

Ora disegneremo le gambe, la coda e i dettagli del topo.

  1. Continua il contorno esterno del corpo del topo per formare la coda. È sottile, simile a una frusta e forma una forma a C.
  2. I piedi sono triangoli curvi. La gamba esterna è un semicerchio.
  3. Entrambi i piedi anteriori sono triangoli curvi con un lato mancante (vedi sotto).
  4. Il volto è semplice: due forme a U per gli occhi, una X per la bocca e tre piccoli baffi su entrambi i lati. Userò le stesse forme degli occhi (o simili) per l'intero set di icone.

Passaggio 4

Il prossimo è il bue.

  1. Inizia con un triangolo il cui angolo più a sinistra è arrotondato.
  2. Ritaglia un triangolo dal lato sinistro. Questo forma la bocca. Se si lavora con Adobe Illustrator, utilizzare Strumento Gomma (Shift-E) o semplicemente disegnare un piccolo triangolo su quel lato. Inizia il corpo disegnando un cerchio sul lato destro, vicino al viso.
  3. Collega il cerchio al triangolo con una linea curva in alto e una grande curva nella parte inferiore del corpo. Disegna una U allungata per l'orecchio del bue.
  4. Le gambe iniziano con linee semplici: tre dritte e una curva.
  5. Le gambe sembrano delle W allungate. Disegna una piccola linea sul lato destro del fondo del bue per la coda.
  6. Infine, disegna due corna, una faccia e considera i dettagli di pettine per poi incorporarle nel disegno finale.

Passaggio 5

Il nostro prossimo simbolo zodiacale è la tigre.

  1. La parte inferiore della testa ha una forma a V larga.
  2. La cima è una curva di collegamento.
  3. Inizia il corpo con le due zampe anteriori: due linee leggermente curve su entrambi i lati della testa.
  4. Il fondo dei piedi viene portato in due punti con una curva al centro per il fondo del torace.
  5. Inizia il resto del corpo con una curva che si estende verso destra.
  6. La gamba e i piedi sono simili a quelli del topo, che abbiamo disegnato in precedenza.

Passaggio 6

Continuiamo con la tigre.

  1. Le orecchie sono triangoli arrotondati su entrambi i lati della testa.
  2. Quando si disegna la coda, si consideri una forma a S libera, con la punta che è bulbosa e spessa e si assottiglia verso il basso.
  3. Disegnai le strisce della tigre come piccoli triangoli sparsi lungo i bordi del disegno, rivolti verso l'interno.
  4. Infine, il viso ha gli occhi a forma di U e triangoli per il naso e la bocca.

3. Disegnare animali: coniglio, drago e serpente

Passo 1

Il coniglio o la lepre è l'icona successiva nel nostro set di icone.

  1. La faccia del coniglio è simile a quella del topo: sorta di circolare con un fondo piatto (o vicino al piano).
  2. Le orecchie sono come una M. molto arrotondata. Nota come sono angolati nell'angolo in alto a destra.
  3. Poiché il coniglio è seduto, il suo corpo inizia con il lato destro come C indietro.
  4. Disegna una linea retta sul fondo del disegno andando a sinistra e delle piccole linee curve per prendere nota di ciascun arto (visibile).

Passo 2

Aggiungi linee dritte e ad angolo per i piedi del coniglio e dettagli smerlati per la coda del coniglio. La faccia è simile a quella del ratto, disegnata in precedenza in questo tutorial.

Passaggio 3

Passiamo al drago.

  1. La testa inizia con un triangolo.
  2. Aggiungi un quadrato sul lato destro del triangolo.
  3. Partendo dal lato destro, disegna una forma curva lunga e irregolare che forma il corpo del drago.
  4. Disegna una linea più piccola sul lato sinistro del primo per mostrare quanto è spesso il corpo del drago.
  5. Aggiungi triangoli per spuntoni e corna su tutto il corpo del drago.
  6. Aggiungi un'ala simile a un pipistrello sul lato destro del corpo.
  7. Infine, inserisci dettagli come arti, un occhio e una narice.

Passaggio 4

Il serpente è costruito come il drago: dai triangoli e dalle forme a forma di S.

  1. Inizia con un triangolo il cui punto in basso è un bordo piatto.
  2. Partendo dall'angolo più a sinistra, traccia una forma a S ricurva sul lato destro per formare il corpo del serpente.
  3. Aggiungi un sonaglio irregolare alla punta della coda del serpente.
  4. Disegna una lingua serpentina biforcuta per dare più personalità al serpente. Nella mia immagine finale, ho deciso di posizionare la lingua sul lato sinistro in modo che potesse essere più facilmente visibile. La composizione del tuo design, tuttavia, dipende interamente da te.
  5. Infine, addensare il corpo del serpente e disegnare una piccola faccia. Ricordati di Gruppo insieme i componenti di ciascuna icona man mano che si completa ogni disegno.

4. Disegnare animali: cavallo, capra e scimmia

Passo 1

 Il cavallo ha un design simile al bue.

  1. Inizia con un triangolo la cui estremità più a sinistra è stata appiattita.
  2. Continua la testa del cavallo con due linee rette che vanno verso destra e verso il basso (nota che non forma un angolo di 90 ° perfetto).
  3. Il corpo del cavallo è di forma jellybean o renale.
  4. Come il bue, la gamba più a sinistra del cavallo si incurva verso l'interno e viene ripresa.
  5. Le altre gambe sono rettangoli.
  6. Due triangoli formano le orecchie del cavallo.
  7. Infine, aggiungi dettagli come la faccia, la criniera, la coda e la sella.

Passo 2

Costruiremo la capra, un altro disegno simile al cavallo e al bue, diversamente dal momento che abbiamo già familiarità con la loro costruzione.

  1. La testa inizia come meno di (<) symbol.
  2. Due triangoli formano le orecchie insieme a una linea diritta per la parte superiore della testa tra di loro.
  3. L'occhio è una forma V o U..
  4. Forme curve e appuntite formano ciascuna delle corna di capra.

Passaggio 3

  1. La parte superiore del corpo della capra è a forma di U, mentre la coda è simile a una piuma e disegnata sul lato destro.
  2. Inizia la gamba più a sinistra con una lunga linea curva dal centro della testa e indica il petto e la pancia della capra con due curve.
  3. Come il bue, la capra ha quattro zoccoli.
  4. Infine, aggiungi dettagli come linee di pelliccia o bordi smerlati lungo il corpo della capra.

Passaggio 4

Passiamo al nono design del set di icone dello zodiaco cinese: la scimmia.

  1. Inizia con un cuore per la faccia (simile a una scimmia dal naso camuso o scimmia della neve).
  2. Disegna due forme C per ciascun orecchio e una curva per la parte superiore della testa sopra la faccia del cuore.
  3. Il corpo inizia con la schiena verso la coda, disegnando una curva dal centro del viso verso il basso. Notate anche che la gamba inizia con una curva come tutti noi, simile a come venivano disegnate le zampe per il topo e il coniglio.
  4. I piedi sono a forma di cuneo e le braccia iniziano con due linee ad un angolo di 90 °.
  5. Continua con le annotazioni a tratteggio per le mani e i piedi della scimmia.
  6. Infine, aggiungi dettagli come il viso e la coda a forma di S.

5. Disegnare animali: Gallo, Cane e Cinghiale

Passo 1

E così iniziamo il set finale delle nostre icone dello zodiaco cinese, a cominciare dal gallo.

  1. Come molti dei progetti precedenti, il gallo inizia con un triangolo, questa volta formando un becco.
  2. La parte inferiore del corpo ha una forma a U larga, mentre la coda è simile a quella della capra.
  3. Disegna punti assortiti che si incurvano nella parte superiore del disegno per il pettine del gallo.
  4. Un'altra ampia forma a U forma l'ala del gallo.
  5. Una W piccola e sinuosa forma i bargigli del gallo, mentre due piccole zampe sono disegnate da V e linee rette.
  6. Infine, aggiungi una U e una linea dritta per formare rispettivamente l'occhio e la bocca del gallo.

Passo 2

Il prossimo è il cane.

  1. Inizia con una forma a U per l'orecchio.
  2. Due linee curve che si incontrano al centro formano la sommità della testa e del viso.
  3. Il muso del cane è una forma a V curva.
  4. Il suo corpo è simile a quello del gallo in quanto è formato da ampie forme a U, o curve che iniziano vicino alla testa. Nota quanto a lungo il corpo appare rispetto alle forme del gallo.
  5. Aggiungi una piccola coda sul lato destro del disegno, simile alla forma del muso del cane.
  6. Ho disegnato un colletto veloce in modo che il disegno apparisse più simile a un cane che a quello di un'anatra.

Passaggio 3

Infine, dettagli come le piccole V a punta per le gambe e una piccola faccia completano splendidamente il design del cane.

Passaggio 4

Il nostro design dell'icona finale è quello del cinghiale. Il mio è più simile a un porcellino carino, in linea con lo stile di design del resto del set.

  1. L'orecchio del cinghiale è simile a una foglia oa un cuore.
  2. Disegna una linea leggermente curva da destra a sinistra per formare la sommità della testa.
  3. Questa piccola curva forma la parte superiore del muso del verro.
  4. Una grande linea curva, che inizia nella parte inferiore del naso del cinghiale, si muove verso il basso per completare la testa del cinghiale.

Passaggio 5

  1. Il corpo del cinghiale è un grande ovale o un'ellisse che inizia alla fine della testa e curva intorno al centro dell'orecchio.
  2. Disegna una piccola forma a molla per la coda del cinghiale.
  3. Le sue gambe sono di forma allungata.
  4. Infine, la sua faccia è simile a quella delle icone precedenti: una U per l'occhio e una piccola linea curva per la bocca (se lo si desidera). Aggiungi piccole linee smerlate o fiori al corpo del cinghiale per completare il tuo disegno.

Passaggio 6

Ecco un'ultima occhiata ai miei schizzi con le icone degli animali. Ho pulito ciascuno di essi mantenendo gli schizzi sciolti raggruppate le componenti di ogni animale design insieme in modo che ci siano 12 gruppi separati nel mio Livelli pannello. Creare un Nuovo strato per ogni disegno di icona e posizionare il gruppo di schizzo corrispondente su di esso.

6. Tracciamento dei contorni di ciascuna icona

Passo 1

Invece di passare attraverso ogni design di icone, dimostrerò come ho abbattuto il contorno di ogni disegno per creare una semplice sagoma rossa. Userò l'icona della tigre come esempio qui sotto.

  1. Usando il Strumento penna (P), inizia con la testa e traccia il suo contorno. Questo è il momento di assicurarsi che ogni lato sia simmetrico come lo vuoi tu.
  2. Il mio prossimo passo era prendere ogni orecchio come forme separate. Ho tracciato quello di sinistra, Copiato (Control-C)Incollato (Control-V), e riflessa su a Asse verticale.
  3. Continua a tracciare ogni componente dell'animale. Poi ci sono il petto e le gambe.
  4. Quindi traccia il corpo e la coda.

Abbattere il design per parti ti consente un maggiore controllo con la sua silhouette, specialmente se il tuo schizzo è sciolto come il mio. Se lo schizzo era più lucido, potresti semplicemente tracciare il contorno del disegno in una volta sola. Ripeti questo passaggio per ognuno dei 12 disegni dell'icona.

Passo 2

Alcuni dei disegni di animali possono beneficiare dell'uso di altri strumenti.

  1. Una volta disegnata la testa del serpente, usa il Pennello Strumento (B) con un Pennello calligrafico 5 pt selezionato dal Spazzole pannello per delineare il corpo del serpente.
  2. Puoi disegnare il resto del corpo del serpente con il Strumento Penna, o disegnare rapidamente lo scarabocchio con il Strumento pennelloAderire i sentieri insieme alle loro estremità.
  3. Quando hai chiuso il percorso, imposta il colore del tratto su null e il colore di riempimento sullo stesso colore che stai utilizzando per il resto del tuo disegno.

Passaggio 3

Un'altra tecnica veloce da usare è copiaturaincollare arti identici e Riflettere loro sopra a Asse verticale nello stesso modo in cui ho descritto precedentemente con le orecchie della tigre. Fare così non solo accelera il tempo di produzione, ma continua anche a utilizzare lo stesso stile di disegno in ogni icona.

Passaggio 4

Quando sei soddisfatto di ogni design, Selezionare le sue singole componenti rosse e colpite Unire nel esploratore pannello per unirli in un unico Forma composta. Ripeti questo per ognuno dei tuoi 12 disegni.

Passaggio 5

Ecco uno sguardo a tutte le 12 delle mie sagome zodiacali. Nota come la maggior parte dei dettagli del contorno degli schizzi sono intatti, anche se alcuni dettagli cambiano tra cui la lingua del serpente, il collo del cane e la forma dei piedi del drago.

7. Dettagli superficie di disegno

Passo 1

Per iniziare, imposta il Fedeltà del Strumento Pennello blob più vicino a Liscio di quanto era stato impostato in precedenza. Cambiare il TagliaVariazione della pressione del pennello a 4 pt. Se non stai usando una tavoletta sensibile alla pressione, questo passaggio non ti sarà utile e potresti invece utilizzare il Pencil Tool (N)Strumento penna (P).

Passo 2

Sposta il gruppo di sketch sopra la forma della sagoma composta in Livelli pannello e bloccarli entrambi. Usando il Strumento Pennello blob, o lo strumento di disegno di tua scelta, per tracciare i dettagli della faccia semplice che abbiamo disegnato in precedenza per ogni disegno di icona. Nota come ho iniziato ad aggiungere ulteriori dettagli, come quelli sulle orecchie del topo.

Passaggio 3

Per mostrare il distinto tra arti e corpo, Zoom (Z) sull'icona e disegnare con attenzione le forme del nastro curvo per denotare lo spazio tra ogni braccio e gamba e il corpo dell'animale stesso. Assicurati che la fine di ogni forma bianca sia allineata con il bordo della sagoma rossa. Il tuo schizzo dovrebbe aiutarti a capire dove queste forme devono essere.

Passaggio 4

Come mezzo per unire ogni disegno con stile, ho iniziato a disegnare piccoli punti per sopracciglia, ciglia su alcuni e fiori su ogni animale. Inoltre, molti degli animali hanno disegni a pettine sulla schiena. Sta a te decidere quale tipo di design aggiungi ad ogni animale che unisce l'intero set con uno stile. Fiori, triangoli, vestiti minuscoli; qualunque cosa tu usi, assicurati che ogni simbolo dello zodiaco sia collegato in qualche modo.

Passaggio 5

Ad esempio, vedi i tre disegni seguenti per una piccola spiegazione su alcune delle loro caratteristiche di definizione:

  1. Il bue ha un collottolo appuntito e smerlato. Questo mostra dove finisce la testa e inizia il corpo. Funziona come un collare.
  2. Il drago ha le sue narici e alcune scale definite. Più tardi avrà anche fiori disegnati su di esso.
  3. La scimmia ha una corona di fiori disegnata sulla sua testa. Anche il suo viso è bianco, mentre le sue caratteristiche facciali sono rosse. Dovrai Unire le caratteristiche facciali rosse e colpire Fronte meno nel esploratore pannello per Sottrarre le caratteristiche dalla faccia bianca.

8. Prepara i tuoi disegni per la stampa

Passo 1

A questo punto, puoi chiamare i tuoi progetti completi. Nota come ognuno ha uno stile simile e puoi dire che sono un insieme coeso. Oppure puoi seguire i seguenti passaggi seguenti per semplificare i tuoi disegni e il numero di percorsi e punti che compongono ciascuno.

Passo 2

Dovrai ripetere i seguenti quattro passaggi per ciascuno dei 12 modelli dello zodiaco.

  1. SelezionareUnire i dettagli bianchi nel esploratore pannello. Assicurati, prima di farlo, che tutti i percorsi tracciati siano allargato in oggetti.
  2. copiaIncolla la sagoma rossa, cambia il colore in bianco e mettila da parte. Selezionare il gruppo di dettagli bianchi e la sagoma rossa e il colpo Fronte meno nel esploratore pannello per Sottrarre dal disegno rosso.
  3. Posiziona la sagoma bianca che hai messo da parte in precedenza dietro la forma ritagliata rossa nella Livelli pannello.
  4. Allineare la sagoma bianca dietro la forma rossa ritagliata ai loro centri nel Allineare pannello.

Ottimo lavoro, hai fatto!

Infine, aggiungi un tratto bianco a ciascuna delle icone bianche di 6 pt o così (lo spessore spetta a te) per farli davvero scoppiare da qualsiasi colore di sfondo che hai scelto per il tuo set di icone.

Ora che hai completato il set di simboli dello zodiaco cinese, continua questo progetto in Adobe InDesign con Grace Fussell in "Creazione di un calendario zodiacale per celebrare il capodanno cinese". Condividi i risultati del tuo design nella sezione commenti di ognuna di queste esercitazioni correlate.