Come creare un simpatico personaggio simile a un nerd in Adobe Illustrator

Segui questo tutorial e impara come disegnare un simpatico personaggio di serpente dall'aspetto da nerd in Adobe Illustrator. Il tutorial è composto da due parti principali, creando la testa e creando il corpo. Partirai dalle forme di base e con alcune tecniche di distorsione che coinvolgono gli strumenti Selezione diretta, Arrotondare qualsiasi angolo, Disegna, Irregolare e Trasforma, potrai creare facilmente le forme che ti servono. Lo strumento di fusione svolge anche un ruolo importante in questo tutorial insieme ad alcuni pennelli Art Brush e Blend incorporati. Questo personaggio serpente è divertente da creare, quindi iniziamo!


1. Inizia un nuovo progetto

Avvia Illustrator e vai a File> Nuovo aprire a Nuovo documento vuoto. Digita un nome e imposta le dimensioni, quindi seleziona pixel come unità e RGB come Modalità colore.

Avanti, vai a Modifica> Preferenze> Generale e impostare il Incremento della tastiera a 1px. Queste impostazioni ti aiuteranno durante il processo di disegno.


2. Creare la forma base della testa

Passo 1

Prendi il Strumento Poligono e disegna un semplice poligono con le dimensioni mostrate. Con il Strumento di selezione diretta (A) seleziona solo i due punti dall'alto poi vai a File> Script> Arrotonda qualsiasi angolo e applicare a Raggio di 15.

Puoi scaricare Round Any Corner Script tramite Tuts +, installarlo e riavviare Illustrator. Dovresti trovare lo script nel File menu sotto Script.

Passo 2

Prendi il Aggiungi strumento Punto di ancoraggio (+) e aggiungi un punto in più nella parte superiore del poligono. Con il Strumento di selezione diretta (A) seleziona solo questo punto e spostalo 10px verso il basso premendo il tasto Giù chiave di freccia sulla tastiera dieci volte. Utilizzare il Converti strumento punto di ancoraggio (Shift-C) per generare le maniglie e trasformare i tre punti nella parte superiore dall'angolo alla liscia.

Passaggio 3

Seleziona solo i punti sinistro e destro poi vai a File> Script> Arrotonda qualsiasi angolo e applicare a Raggio di 10. Di conseguenza otterrete gli angoli arrotondati. Ora, seleziona i quattro punti indicati e spostali 5px verso il basso premendo il tasto Giù chiave di freccia cinque volte.

Passaggio 4

Con il Aggiungi strumento Punto di ancoraggio (+) aggiungi un punto in più nel centro dei lati superiore sinistro e destro, quindi spostali leggermente verso l'interno. Quindi, seleziona solo i punti in basso e spostali 10px su.

Passaggio 5

Prendi di nuovo il Aggiungi strumento Punto di ancoraggio (+) e aggiungere un punto in più sui lati inferiore sinistro e destro della forma. Con il Strumento di selezione diretta (A) seleziona solo il punto aggiunto sul lato sinistro e vai a Oggetto> Trasforma> Sposta. Nel Orizzontale e Verticale tipo di campi 5px e 10px poi colpisci ok. Spostare anche il punto aggiunto sul lato destro, ma utilizzare le altre impostazioni mostrate. Quando hai finito, esegui il Round Any Corner script e applica a Raggio di 20 per trasformare questi due punti in punti morbidi.

Passaggio 6

Spostare leggermente verso l'interno i punti inferiori usando il Tasti freccia quindi eseguire il Round Any Corner script e applica a Raggio di 30.

Passaggio 7

A questo punto la forma principale della testa è praticamente pronta. Tutto quello che devi fare è assicurarti che ogni punto di ancoraggio abbia due maniglie (non abbiamo bisogno di angoli) e che le curve siano lisce. Chiamerò questa forma "basic-head".


3. Colora la testa del serpente

Passo 1

copia e Incolla sul retro (Control-B) la "base-testa" e bloccare la forma originale per un momento. Prendi il Strumento di selezione diretta (A) e trascina una selezione sui punti in basso come indicato, quindi sposta questi punti verso il basso. Il percorso arancione è quello che dovresti ottenere e chiamerò questa forma "basic-mouth". Quindi, riempire la "base-testa" con il colore indicato.

Passo 2

copia e Incolla davanti (Control-F) la "testa di base" quindi portarla davanti a tutto andando a Oggetto> Disponi> Porta in primo piano (Shift-Control-]). Ora prendi il Strumento ellisse (L) e disegna un'ellisse sopra la testa con le dimensioni mostrate. Seleziona questa ellisse e anche la copia della "testa base" e premi intersecare nel esploratore pannello. Riempi la forma risultante con il gradiente lineare mostrato e imposta l'angolo su 90 gradi.

Passaggio 3

Prima fai un'altra copia della "testa di base" davanti e disegna un'ellisse sopra. Selezionare entrambi e premere intersecare nel esploratore pannello. Riempi la forma risultante con il gradiente lineare mostrato e imposta l'angolo su 90 gradi.

Passaggio 4

Ora seleziona le tre forme verdi create e poi vai Oggetto> Miscela> Opzioni di fusione e scegliere 40 passaggi specificati. Ritornare a Oggetto> Miscela> Rendi (Alt-Control-B).


4. Crea la bocca del serpente

Passo 1

Crea un'altra copia della "testa base" e portala davanti. Seleziona "basic-mouth" e "basic-head" e premi Sottrarre nel esploratore pannello. Riempi la forma risultante con il gradiente radiale mostrato. Chiamerò questa forma "bocca".

Passo 2

copia e Incolla davanti (Control-F) la "bocca" poi prende il Scissors Tool (C) e fare clic sui due punti indicati (1). Questo taglierà la forma in due percorsi e sarà necessario mantenere solo quella dal basso (2). Traccia questo percorso con un Pennello artistico chiamato "Colpo affusolato"che puoi trovare in Menu Librerie di pennelli> Artistico> Artistico_Inchiostro. Impostare il Peso del colpo a 0.5pt (3). Aggiungi un altro attributo Stroke dal menu a comparsa di Aspetto pannello e per questo, usa un nero Blend Art Brush. Impostare il Peso del colpo a 0,75 pt (4). Usa i colori dei tratti indicati.

Ho spiegato come creare questo Blend Art Brush nel mio tutorial sulle stelle di valutazione dei lucidi, al punto 9. Solo che invece di 200 x 5 px questo ha le dimensioni 100 x 3 px. Questa è la versione nera ma sarà necessario anche la versione bianca in seguito. Quindi assicurati di creare entrambi, quindi salvali nel Libreria di pennelli.


5. Crea il muso del serpente

Passo 1

Disegna un'ellisse con le dimensioni mostrate sopra la testa del serpente (1). Distorsione di questa ellisse spostando leggermente verso l'esterno i punti di ancoraggio sinistro e destro e spostando anche le maniglie (2). Fai una copia di "basic-head" e portalo davanti (3). Ora seleziona questa copia e la nuova forma e premi intersecare nel esploratore pannello. Riempi la forma risultante con il colore indicato (4). Chiamerò questa forma "muso-1".

Passo 2

Con il Strumento ellisse (L) disegnare un'ellisse come nell'immagine allora copia e Incolla davanti (Control-F) "Muso-1". Seleziona questa copia e l'ellisse e premi intersecare nel esploratore pannello. Riempi la forma risultante con il gradiente lineare mostrato e imposta l'angolo su 90 gradi. Chiamerò questa forma "snout-2".

Passaggio 3

Seleziona "snout-1" e "snout-2" quindi vai a Oggetto> Miscela> Opzioni di fusione e scegliere 40 passaggi specificati. Ritornare a Oggetto> Miscela> Rendi (Alt-Control-B).


6. Crea gli occhi del serpente

Passo 1

Prendi il Strumento ellisse (L) e disegna due 40 x 60 px le ellissi quindi le sistemano come nell'immagine. Mentre le pupille disegnano due cerchi e li riempiono con il gradiente mostrato. Infine, disegna due cerchi più piccoli e seleziona il bianco come colore di riempimento.

Passo 2

Quindi, prendi il Strumento penna (P) e disegna tre paia di sentieri seguendo i bordi degli occhi. Traccia questi percorsi con il nero Blend Art Brush quindi fare doppio clic nel Aspetto pannello sul tratto applicato per aprire il Opzioni del tratto finestra. Lì, imposta il colorazione a tinte e colpisci ok. Ora, cambia i colori del tratto come indicato. Il Peso del colpo per i percorsi blu è 2pt e per il resto 1pt.

Passaggio 3

Con il Strumento penna (P) disegna quattro forme come sotto e seleziona il bianco come colore di riempimento. copia e Incolla davanti (Control-F) queste forme e riempirle con un gradiente lineare dal nero al bianco. Ora, seleziona una delle forme bianche e anche la copia sopra di essa e seleziona Crea maschera di opacità dal menu a comparsa di Trasparenza pannello. Ripeti la stessa cosa per le altre forme. Finalmente, Gruppo (Control-G) le quattro riflessioni ottenute e ridurre il Opacità a 50%.


7. Crea le narici del serpente

Passo 1

Usando il Strumento ellisse (L) Disegna due ellissi e disponili sopra il muso come nell'immagine. Riempili con il gradiente mostrato poi vai a Effetto> Stilizzazione e applicare il Ombra esterna effetto. Usa le impostazioni mostrate per la narice sinistra e destra.

Passo 2

Ora devi mascherare l'ombra. Per prima cosa, fai una copia di "snout-1" e portala davanti a tutto. Elimina il colore di riempimento esistente. Seleziona, questa copia e anche le narici e vai Oggetto> Maschera di ritaglio> Rendi (Control-7).

Passaggio 3

Prendi il Strumento penna (P) e disegna due percorsi seguendo i bordi superiori delle narici. Colpiscili con il nero Blend Art Brush quindi imposta il colorazione a tinte come hai fatto prima e cambia il colore del tratto.

Passaggio 4

Disegna una forma a mandorla ("dentro-narice-1") quindi vai a Oggetto> Trasforma> Scala, genere 20% nel Scala campo e colpisci copia. Otterrai la forma più piccola nel mezzo e riempila con verde scuro ("dentro-narice-2"). Disporre queste due forme sulla narice destra, quindi riflettere sull'altro lato.

Seleziona "dentro-narice-1" e "dentro-narice-2" sopra la narice destra, poi vai Oggetto> Miscela> Opzioni di fusione e scegliere 20 passaggi specificati. Ritornare a Oggetto> Miscela> Rendi (Alt-Control-B). Ripeti la stessa cosa usando la "dentro-narice-1" e "dentro-narice-2" sopra la narice sinistra.

Passaggio 5

Tra le narici aggiungiamo alcune lentiggini per migliorare la carineria. Disporre alcuni piccoli cerchi come nell'immagine e riempirli con un gradiente radiale dal nero al bianco. Gruppo (Control-G) tutti quindi impostano il gruppo La modalità di fusione si moltiplica e 15% di opacità.


8. Crea le zanne e la lingua biforcuta

Passo 1

Per le zanne del serpente semplicemente disegnare due forme come sotto usando il Strumento penna (P). Il colore di riempimento indicato è nero al 5%. Manda le zanne dietro il muso del serpente.

Passo 2

Ora, creiamo la lingua biforcuta. Innanzitutto, prendi il Strumento penna (P) e disegna due percorsi come di seguito. Colpiscili con un Pennello artistico chiamato "Tapered - Sharp"che puoi trovare nel Menu Librerie di pennelli> Artistico> Artistico_Inchiostro. Impostare i pesi del tratto come indicato. Vai a per trasformare i tratti in riempimenti Oggetto> Espandi Aspetto poi Separa (Shift-Control-G) due volte.

Selezionare le forme risultanti e premere Inserisci nel esploratore pannello per ottenere un percorso composto. A questo punto, apporta alcune regolazioni in alto e la lingua è pronta.

Passaggio 3

Riempi la lingua con il gradiente lineare mostrato, quindi mandalo dietro il muso del serpente.


9. Crea gli occhiali Nerd

Passo 1

Utilizzare il Strumento ellisse (L) per disegnare un'ellisse quindi distorcerlo spostando alcuni dei punti di ancoraggio e le maniglie come nell'immagine. Riempi l'obiettivo con il bianco e riduci il Opacità a 35% (per motivi di chiarezza, ho usato un altro colore invece del bianco). Rifletti la lente giusta per ottenere la sinistra.

Passo 2

copia e Incolla davanti (Control-F) le lenti, elimina il colore di riempimento e dai loro un Corsa 9pt usando qualsiasi colore premi il Allinea il tratto all'esterno icona nel Ictus pannello (1). Vai a per trasformare i tratti in riempimenti Oggetto> Espandi Aspetto poi Separa (Shift-Control-G) (2). Per modificare la forma dei frame, selezionare con Strumento di selezione diretta (A) i punti indicati e spostarli leggermente nella direzione indicata dalle frecce (3). Il risultato dovrebbe apparire come sotto (4).

Passaggio 3

Con il Strumento penna (P) disegnare una forma come nell'immagine come il ponte, quindi le due forme sui lati. Ora seleziona i frame, il bridge e i due angoli e premi Inserisci nel esploratore pannello. Riempi il percorso composto risultante con il nero.

Passaggio 4

copia e Incolla davanti (Control-F) il fotogramma ottenuto nel passaggio precedente e cambia il colore di riempimento (1). copia e Incolla davanti (Control-F) la cornice verde e spostala 3px a sinistra premendo il tasto Tasto freccia sinistra sulla tastiera (2). Ora, seleziona i riquadri verdi e arancioni e premi Sottrarre nel esploratore pannello. Riempi la forma risultante con il bianco e riduci il Opacità a 40% (3).

Passaggio 5

Quindi, disegna una forma rettangolare sul ponte e riempila con il gradiente lineare mostrato.

Passaggio 6

Gruppo (Control-G) tutte le forme che compongono gli occhiali e dal momento che tutto è vettoriale, ridimensionalo 44%. Posiziona gli occhiali sugli occhi del serpente e poi li mandi dietro le narici, ma davanti al muso. Infine, disegna due forme rettangolari come le gambe degli occhiali e inviali dietro tutto.

La testa del serpente è pronta ora e questa è la sua faccia carina:


10. Creare le forme base del corpo

Passo 1

Prendi il Strumento rettangolo arrotondato e disegna due forme con le dimensioni mostrate. Vai a Effetto> Deformazione e applicare il Arc Lower e Arco Superiore effetti. Quando hai finito, seleziona Espandi Aspetto e Separa (Shift-Control-G). Chiamerò le forme risultanti "body-large" e "body-small".

Ecco le impostazioni che ho usato:

Passo 2

Utilizzare il Strumento penna (P) disegnare un tracciato ondulato sul lato sinistro e accarezzarlo con il "Tapered - Round" Pennello artistico. Impostare il Peso del colpo a 2.25pt. Selezionare Espandi Aspetto poi Separa (Shift-Control-G) due volte. Segui la sequenza di immagini e modifica questa forma semplicemente spostando alcuni dei punti di ancoraggio. La forma blu è ciò che dovresti ottenere e lo chiamerò "body-neck".

Passaggio 3

Per la coda disegna un altro percorso ondulato come nell'immagine. Stroke con il "Tapered - Sharp" Pennello artistico e impostare il Peso del colpo a 0.56pt. Selezionare Espandi Aspetto poi Separa (Shift-Control-G) due volte. Rendi più spessa la parte inferiore della coda spostando alcuni punti di ancoraggio.


11. Colora il corpo del serpente

Passo 1

In primo luogo, selezionare "body-neck" e "body-large" e premere Inserisci nel esploratore pannello. La forma risultante è chiamata "body-full". Riempi questa forma con il gradiente da sinistra e imposta l'angolo su -90 gradi. Usa la stessa sfumatura per "body-small" ma imposta l'angolo a 0 gradi. Per la coda usa il gradiente da destra.

Passo 2

Utilizzare il Strumento penna (P) disegnare un percorso approssimativamente attraverso la metà di ogni parte del corpo. Ora seleziona "corpo pieno" e il percorso arancione sopra di esso e premi Dividere nel esploratore pannello allora Separa (Shift-Control-G). Otterrai due metà ma manterrai solo la forma verde chiaro selezionata sotto (chiamata "pancia") e cancellerai l'altra. Ripeti la stessa cosa per "body-small" e per la coda usando gli altri due percorsi arancioni.


12. Aggiungi texture sulla pancia del serpente

Passo 1

Disegna un percorso leggermente curvo con il Strumento penna (P) e dargli un 1pt nero Ictus per il momento. Trascinalo nel Spazzole pannello e scegliere Nuovo pennello di dispersione.

Quindi, traccia un altro tracciato ondulato su "pieno-pieno" e accarezzalo con il Pennello a dispersione salvato. Se si fa doppio clic nel Aspetto pannello sul tratto applicato per aprire il Opzioni del tratto finestra è possibile modificare alcuni dei valori per Spaziatura, Rotazione e Taglia se necessario. L'importante è che i punti finali di ogni piccolo percorso attraversino i bordi della "pancia". Quando sei soddisfatto del tuo colpo, seleziona Espandi Aspetto e Separa (Shift-Control-G) due volte.

Ora, seleziona tutti i piccoli percorsi ottenuti e Gruppo (Control-G) loro. Fai una copia perché ne avrai bisogno di nuovo. Seleziona questo gruppo e la "pancia" e premi Dividere nel esploratore pannello. Riempi il gruppo di forme risultante con il gradiente radiale mostrato.

Queste sono le impostazioni che ho usato per Pennello a dispersione:

Passo 2

Porta davanti la copia del gruppo di piccoli sentieri. Ictus loro con il nero Blend Art Brush quindi duplicare questo Ictus attributo premendo il tasto Duplica elemento selezionato icona nella parte inferiore del Aspetto pannello. Avendo l'attributo Stroke dal fondo selezionato, vai a Effetto> Distorci e trasforma> Trasforma e applicare l'impostazione mostrata. Il Peso del colpo è 1pt e i colori dei tratti sono indicati (Colorizzazione impostata su Tinte).

Passaggio 3

Fai una copia della pancia e portala davanti a tutto. Elimina il riempimento sfumato esistente. Ora seleziona il gruppo di percorsi tracciati e la copia della pancia e vai a Oggetto> Maschera di ritaglio> Rendi (Control-7).

Ripeti lo stesso procedimento per aggiungere questa texture alle altre due parti del corpo ("body-small" e tail).


13. Aggiungi dettagli sul retro del serpente

Passo 1

Utilizzare il Strumento ellisse (L) disegnare alcune ellissi e riempirle con il colore indicato. Ruota e disponili lungo il bordo del "corpo pieno" come nell'immagine. Gruppo (Control-G) tutte le ellissi quindi vanno a Effetto> Distorci e trasforma> Irruvidisci e applicare le impostazioni mostrate di seguito. Quando hai finito, seleziona Espandi Aspetto.

Passo 2

Con il Strumento penna (P) disegnare un percorso sul retro del serpente. Ictus questo percorso con la versione bianca del Blend Art Brush. Impostato 10% di opacità.

Passaggio 3

copia e Incolla davanti (Control-F) "pieno di corpo" e portalo davanti a tutto andando a Oggetto> Disponi> Porta in primo piano (Shift-Control-]). Elimina il riempimento sfumato in uscita. Seleziona questa copia insieme al gruppo di ellissi scure e al percorso bianco e vai a Oggetto> Maschera di ritaglio> Rendi (Control-7).

Ripeti la stessa procedura per aggiungere questi dettagli sulle altre due parti del corpo.


14. Aggiungi dettagli sulla pancia del serpente

Con il Strumento ellisse (L) disegnare alcune piccole ellissi e riempirle con il colore indicato. Sistemali lungo il ventre del serpente, uno in ogni quadrato. Disporre anche alcune ellissi più piccole piene di bianco, da un posto all'altro. Fai la stessa cosa sul "body-small" e sulla coda.


15. Aggiungi l'ombra sotto il serpente

Innanzitutto, disegna due ellissi nella parte inferiore del serpente. Riempi entrambi con il nero ma riduci il Opacità per l'ellisse più grande a 0%. Avendo selezionato le ellissi, vai a Oggetto> Miscela> Opzioni di fusione e scegliere 50 passaggi specificati. Ritornare a Oggetto> Miscela> Rendi (Alt-Control-B). Invia il gruppo di blend risultante dietro a tutto andando a Oggetto> Disponi> Porta in secondo piano (Shift-Control- [) e hai finito.


Congratulazioni! Hai finito.

Spero che vi siate divertiti a creare questo simpatico personaggio da serpente dall'aspetto da nerd. So che l'ho fatto. Questo è anche il mio primo tutorial sui personaggi, quindi fammi sapere se ti è piaciuto.