Duplica uno stile di disegno vintage per creare un'illustrazione di primavera

Cosa starai creando

Risorse Tutorial

  • Illustrazioni di primavera vintage da The Vintage Remix su Etsy!
  • PhotoDune Trifogli di fiori rossi 
  • MagicPicker

1. Analisi di stile vintage: ciò che rende unico questo stile?

Immagina che un cliente ti si avvicini e dice: "Sto cercando un'illustrazione vintage per il mio prodotto". 

Quindi pensi "Come posso creare un'illustrazione vintage?" 

La cosa migliore da fare è raccogliere alcune immagini di riferimento di illustrazioni vintage. Se sei fortunato, il tuo cliente potrebbe averti inviato alcune immagini che gli piacciono.

Quindi, come analizziamo un'immagine? 

Per prima cosa diamo un'occhiata a un esempio di illustrazione vintage. Questo esempio è abbastanza tipico dell'aspetto che stiamo cercando di creare. Iniziamo con le basi: cosa rappresenta in genere un'illustrazione vintage? 


Da questo esempio abbiamo:

  • una piccola ragazza
  • un agnello
  • alcune decorazioni per le feste
  • un semplice motivo di sfondo

Nota che non sempre il contenuto definisce lo stile, ma in questo caso i temi sono in genere abbastanza simili:

  • giovani ragazze e ragazzi
  • piccoli animali, ad es. anatroccoli, agnelli, cuccioli, gattini
  • giocattoli
  • fiori


toni

Ora diamo un'occhiata al tono generale del pezzo. In Adobe Photoshop ho attivato i livelli sull'immagine di riferimento premendo Controllo-L

Guardando questo grafico possiamo vedere tre frecce: nero, grigio e bianco. I picchi sul grafico mostrano i valori, che in questo caso sono per lo più grigi e bianchi, per lo più toni medi. Ci sono solo alcune luci e ombre. Questa è un'ottima informazione quando cerchi di ricreare un look autentico.


Per vedere i toni più accuratamente, ho desaturato l'immagine di riferimento premendo Control-Shift-U. Gli oscuri più scuri sono intorno alle pupille, le ciglia, gli zoccoli dell'agnello e i capelli della bambina. Questo è qualcosa da considerare nell'immagine finale.


Colore

Guardando di nuovo l'immagine a colori, possiamo vedere che i colori sono per lo più pastelli e rossi / rosa ad alta saturazione. Notate come i neri non sono usati come ombre, e nell'agnello le ombre sono blu e viola. 


Nell'immagine in basso ho mostrato il trittico di illustrazioni vintage per mostrare chiaramente le loro tavolozze, che possiamo vedere sono tutte disattivate. Quando componi la tua tavolozza per un'illustrazione vintage, assicurati di mantenere i colori morbidi.



medio

Il mezzo usato in questi sembra essere acquerello, tempera e inchiostri - materiali tradizionali. Questi effetti possono essere replicati digitalmente e tradizionalmente, o in alternativa utilizzare una miscela dei due con texture personalizzate scansionate.

Forma e scala

Se guardiamo all'anatomia dei bambini, vediamo che hanno teste grandi rispetto ai loro corpi. Gli occhi grandi sono carini, che sono enfatizzati al massimo effetto. Le teste sono impostate con le caratteristiche nel terzo inferiore della faccia. 

Dimensioni relative

Nei volti dei bambini, la larghezza degli occhi corrisponde alla larghezza della bocca e il naso è piccolo.


Rotondità

Queste illustrazioni sono rese così carine da tutte le forme rotonde, dalle forme morbide e dalle curve delicate. Gli occhi grandi e le teste di grandi dimensioni sono una caratteristica dei giovani di tutte le specie animali. Nota come sono le caratteristiche nel terzo inferiore della testa, con menti a forma di arco, labbra grandi e guance rosee. Informazioni essenziali per rendere la nostra illustrazione carina e giovane!


Altri fattori che rendono questo stile così particolare sono:

Texture e Pattern 

Nota i bordi consumati, che aggiungono la storia al pezzo. Ci sono solo alcuni modelli nelle illustrazioni, come punti e strisce. Nessun modello complicato come paisley.

Composizione

L'uso dello spazio nella composizione favorisce la parte inferiore del pezzo, consentendo un banner o un testo in alto.

Linea

Quando è stata utilizzata la linea, è sottile, in genere per definire bordi rigidi come il viso e l'orecchio. Oltre le forme più morbide è difficilmente visibile in aree come pelliccia, capelli o piume. Questa è una considerazione per quando crei la tua grafica al tratto e come realizzerai il pezzo. 

Se lavori tradizionalmente, potresti voler mantenere la linea molto fine e aggiungere una linea alla fine del pezzo con vernice o inchiostro. Nel nostro caso Mary Winkler lo renderà in Adobe Illustrator, quindi le linee che creerò mostreranno tutte le forme in modo che possa definire con precisione le aree, e quindi aggiungere una linea più pesante, se necessario.

2. Il nostro breve

Quindi, ora che abbiamo visto come è composta l'opera d'arte, dobbiamo guardare a ciò che stiamo descrivendo. Il nostro breve è:

  • Iscrizione a mano: SPRING HAS SPRUNG!
  • agnello
  • Trifoglio rosso
  • Ragazza 
  • Semplice sfondo fantasia

Quindi, cosa possiamo ricavare dalla nostra analisi per aiutarci a creare linee d'arte vintage in stile illustrazione? Per questa fase possiamo ignorare la trama e i colori, anche se se completassi questa illustrazione da solo, ciò sarebbe utile per riferimenti futuri. 

Il peso della linea può essere una considerazione se si intende utilizzare questa linea artistica come parte dell'immagine finita. In questo caso Mary renderà questa immagine in Adobe Illustrator, quindi posso lasciarle quelle scelte. 

Dobbiamo assicurarci di ottenere la composizione giusta, le forme morbide e le proporzioni dell'anatomia. Questo è ciò che venderà il pezzo come vintage.

3. Anteprime

Thumbnailing è un ottimo modo per ottenere idee rapidamente e assicurarsi che la composizione sia leggibile. Da quanto abbiamo appreso dal brano precedente, stiamo lavorando su un rapporto da 2/3 a 1/3 di testo e spazio. 

Passo 1

Ho creato un documento con rettangoli verticali. Puoi farlo in modo approssimativo con il tuo software di disegno preferito o su carta. Estraggo prima le forme del documento in modo che, una volta ottenuto il flusso, posso semplicemente saltare al rettangolo successivo e disegnare un'altra idea. 


Passo 2

Qui ho abbozzato i nostri elementi come da nostro breve. Come puoi vedere, non è necessario che siano precisi, ma un'idea approssimativa di posa e contenuto è un must.


Da questi decido che i miei due preferiti sono 5 e 6. Parlando con Mary, decidiamo di andare con 5 perché è il più adorabile!

Passaggio 3

Quindi ridimensioniamo il grezzo alla dimensione del documento dell'illustrazione disegnando un riquadro rettangolare attorno alla selezione, tagliando la miniatura fuori, incollandola su un Nuovo strato e trasformandolo premendo Control-T. Elimina o nascondi le altre miniature come desiderato.

Passaggio 4

Qui ho inserito rapidamente nel nostro testo l'illustrazione "La primavera è spuntata!" in un font standard: Times. L'ho fatto solo per avere un'idea di dove sarà la scrittura - questo non è un indicatore di stile per il testo finale.


Passaggio 5

Ho creato un rettangolo grigio per assicurarmi di non avvicinarmi troppo al bordo del documento. Inoltre, se si fa riferimento alle illustrazioni vintage originali, hanno un bordo bianco in cui è possibile mostrare un po 'di usura e consistenza, quindi è bene mantenere lo spazio libero dai dettagli.


4. Disegnare i moduli base

Passo 1 

Riduci l'opacità dell'anteprima e spezza la faccia in tre parti. Ruvido in bocca nel terzo inferiore, occhi al centro e sopracciglia sopra.


Passo 2

Ricordando le nostre forme rotonde dalla nostra analisi dell'illustrazione, crea due grandi ovali nel terzo inferiore per le guance e un piccolo mento. Nella parte superiore del terzo inferiore, aggiungi un pulsante. 

Ciò che rende questi bambini vintage carini è la giustapposizione di grandi e piccoli. Piccoli nasi, grandi guance; grandi occhi, piccole orecchie. Per la testa, rendila grande rispetto al resto delle caratteristiche: c'è ancora quella giustapposizione! Pensa ai bambini: quanto sono grandi i loro occhi e quanto sono grandi le loro teste. Man mano che gli umani crescono, i nostri occhi non cambiano le dimensioni, ma il resto delle nostre funzioni si riempie e c'è meno contrasto in scala. 


Step 3: The Body

Per ottenere la forma del busto ho usato una forma triangolare quasi curva. Questo aiuta anche a pianificare le proporzioni del corpo per il bambino, poiché voglio 1/3 di essere parte superiore del corpo con 2/3 come inferiore.

Step 4: Sgrossatura nell'anatomia

Ho malmenato l'anatomia usando cerchi schiacciati per le parti del corpo. Cerco di tenerli al rapporto 2: 1, e finora lei sta cominciando a sembrare un tot cicciottello. Usare i cerchi per definire la forma è una vecchia tecnica, e se vuoi saperne di più sull'argomento consiglio di guardare i libri di Glenn Vilppu.

Per il busto, disegna un cerchio per il terzo superiore e uno più grande per il 2/3 inferiore e collega i due per creare una forma a fagiolo.


Passaggio 5: sgrossatura nell'agnello

Crea l'agnello con i cerchi come prima, usa le linee per semplificare le gambe e assicurati di avere la posa giusta. Cerca di mantenere le linee libere e dinamiche.


Passo 6: Sgrossatura nelle gambe dell'agnello

Disegna ovali per le sezioni delle gambe e gli zoccoli. Ricorda che non vogliamo bordi duri, anche in aree che sembrano abbastanza dritte come le gambe.


Passaggio 7

Aggiungi un inchino all'agnello, perché gli agnelli amano gli archi. Ho notato che la sua posizione della mano era un po 'strana, quindi ho cambiato la posizione delle dita. Questo è il momento di apportare modifiche alla posa, in quanto non perderai molto lavoro. È anche un buon momento per sperimentare!


Step 8: Capelli

Ruvido nei capelli della ragazza, ho deciso di fare trecce alte per aggiungere un tocco di dolcezza! Nota come le treccine non sono ben salde contro la testa. Avendoli liberi porta la morbidezza e il flusso della linea. Speriamo che ora la nostra foto sia calda e sfocata, con un pizzico di nostalgia!


5. Rough Art: Girl

Passo 1

Abbassa rapidamente l'opacità delle forme base creando un Nuovo strato (Control-Shift-N) che si riempie di bianco e quindi riducendo l'opacità. Pensala come una carta da lucido. Abbiamo bisogno di più informazioni per creare una linea pulita, quindi su a Nuovo strato siamo noiosi nella nostra anatomia e abbigliamento. 


Passo 2

Disegnare rapidamente le aree in cui vogliamo avere più dettagli, comprese le pieghe nel tessuto, la linea dei capelli, gli occhi, il viso e le mani. Questo dovrebbe darci abbastanza informazioni per iniziare a lavorare sulla nostra linea pulita.


6. Linea pulita: ragazza

Passo 1

Raggruppa tutti i tuoi rough esistenti creando un Gruppo premendo l'icona nella parte inferiore del Livelli pannello che assomiglia a una cartella. Creare un Nuovo strato (Control-Shift-N) sopra le forme base e riempirlo con un blu. Quindi, fai clic con il tasto destro su quel livello e seleziona Creare maschera di ritaglio. Questo dovrebbe trasformare tutto in quella cartella in blu. Cambiare il Gruppo opacità in cima al Livelli pannello. Questo può rendere più facile la pulizia con la grafica al tratto. 

Quindi creare un Nuovo strato e inizia a disegnare nel disegno al tratto. Inizia ovunque ti trovi bene. Mi piace iniziare con gli occhi.


Passo 2

Disegnare le curve senza problemi può essere complicato. Se lavorassi tradizionalmente, sarei in grado di girare il foglio di carta in modo che il mio braccio facesse il lavoro per creare una curva. Fortunatamente piuttosto che spostare la nostra tavoletta grafica sulla nostra scrivania o sul nostro giro, possiamo girare la tela! Puoi farlo mentre reggi R sulla tastiera e ruota la tela spostando il mouse o lo stilo. 

Se hai una tavoletta grafica puoi anche impostare una scorciatoia da tastiera come tasto di scelta rapida. Ruotro costantemente la tela, che può aiutare a prevenire eventuali tensioni.

Passaggio 3

Lavorando intorno al modulo, disegnare in tutte le aree in cui abbiamo bisogno di informazioni raffinate. Se non ti senti a tuo agio a creare lunghe linee esattamente dove le vuoi (io no!), Usa le linee corte e costruiscile gradualmente; L'ho fatto lungo la linea della mascella. Continua a ruotare la tua tela per lasciare che il tuo naturale movimento della bussola a gomito faccia il lavoro per te.


Passaggio 4

Concentrandomi sul viso, disegno in bocca e naso. Tenerlo in giro, tenerlo carino! Nessuna linea dura!


Passaggio 5

Quindi dobbiamo fare in modo che i suoi occhi siano più dolci della nostra ragazza con l'agnello nell'immagine di riferimento. Dalle le sue grandi ciglia fluttuanti! Capovolgi il documento per rendere più facile disegnare le curve delle ciglia. Puoi farlo andando a Immagine> Rotazione immagine> Capovolgi canvas orizzontale


Passaggio 6

Ribaltando di nuovo la tela, attiro alcune sopracciglia. Tuttavia, sento che sembra troppo sorpresa, quindi usando il laccio Strumento (L) Li seleziono individualmente e li sposta sul suo viso.


Passaggio 7 

Io uso Trasformare (T) per cambiare la rotazione. Lo faccio per entrambe le sopracciglia.


Step 8: Detailing

Mantenendo il tema cullato, le do dei calzini adorabili!


... e un lembo del sedere per il suo costume da bagno.


Passaggio 9

Siamo quasi arrivati ​​con la sua linea d'arte. Aggiungo dettagli con piccoli ricci nelle treccine e qualche ciocca di capelli direzionali. Sto amando come sta guardando!


Passaggio 10

Abbiamo solo le mani per finire. Mi piace pensare alle dita come se fossero una cosa sola e non fatte di giunture, e quindi aggiungere giunture quando ho la forma giusta. Le mani sono difficili, quindi è sicuramente una buona cosa praticare. Usare il metodo degli ovali lo rende molto più facile.


Quindi passiamo al suo simpatico amico!

7. Dettaglio ruvido: agnello

Passo 1

Continua la rotondità facendo apparire il vello dell'agnello su una varietà di cerchi e ovali. Crea le orecchie disegnando un grande ovale con un piccolo ovale all'estremità, quindi uniscile in una forma a fagiolo.


Passo 2

Continuare a creare il vello in questo modo, variando le dimensioni dei cerchi. Dare all'agnello occhi grandi e splendidi e contrastare con un naso piccolo.


Passaggio 3

Qui abbiamo il nostro agnello sbozzato pronto a pulire. Per una maggiore dolcezza, completa il look con un fiocco oversize!


8. Clean Line Art: Lamb

Passo 1

Per prima cosa creo a Nuovo strato (Control-Shift-N) e disegnare nell'arte della linea di prua. Lo faccio su un livello separato, perché potrei voler modificare la sua posizione in seguito. 


Passo 2

Avanti I Ruotare la tela premendo e tenendo premuto R, e dettaglio il vello usando meno linee d'arte possibili-periferia e alcuni dei riccioli interni. Aggiungi un po 'di peso alle ciglia dell'agnello per attirare l'attenzione dello spettatore sull'occhio dell'agnello.


Passaggio 3

Continuare su tutta l'agnello mantenendo le dimensioni del pennello coerenti. Mentre la linea d'arte per la gamba dell'agnello si sovrappone alla calza della ragazza, seleziona la linea d'arte della ragazza e cancella qualsiasi sovrapposizione.

Passaggio 4

Spegni lo strato ruvido di agnello per verificare che tutto sia bello e pulito.


Ecco la nostra linea ragazza e agnello completata! Successivamente passiamo ad abbellire le illustrazioni con un trifoglio primaverile.


9. Il trifoglio

Qui abbiamo un esempio di un trifoglio rosso. Ho scelto questo per il pezzo in quanto è un colore glorioso, perfetto per i colori pastello che abbiamo discusso in precedenza. È anche agnello! Senza ulteriori indugi, aggiungiamo alcuni nel nostro pezzo.


Passo 1

Ruvidi nei fiori nella mano e aggiungi fiori al bordo per incorniciare il pezzo.


Passo 2

A Nuovo strato, inizia disegnando i fiori di trifoglio. Ho raggiunto questo aspetto disegnando ovali piccoli e stretti attorno alla forma. Assicurati che si sovrappongano.

Passaggio 3

Aggiungi alcuni gambi attraverso la mano della ragazza.

Passaggio 4

Continua a disegnare nei petali. Questo è un lavoro ripetitivo, ma ripagherà! Disegna alcune foglie e, se hai un piccolo strabico, può aiutare a cambiare il colore che stai disegnando.


Passaggio 5

Perché questo è un lavoro ripetitivo, possiamo copia (Control-C) e Incolla (Controllo-V) le teste sugli altri ciuffi di trifoglio. Uso Trasformare (Control-T) per ruotare e scalare la testa.


Passaggio 6

Per evitare che i fiori sembrino troppo simili, ridisegna le foglie.


Passaggio 7

Continuare a copia, Incolla e Trasformare le teste. 


Passaggio 8

Qui ho cambiato una delle teste del trifoglio in blu per vedere cosa sto facendo. L'ho fatto selezionando quella testa e premendo Controllo-U per far apparire il Tonalità e saturazione dialogo, quindi cambia il cursore in blu. 

Ho disegnato foglie extra, steli e foglie di base. Sulla linea d'arte della ragazza ho cancellato le aree che andavano dietro le foglie.

Passaggio 9

Ripeti il ​​processo con l'agnello.

Un suggerimento per la composizione è di puntare gli elementi nell'illustrazione a dove vorresti che fosse l'attenzione, che è quello che ho fatto con il trifoglio. 


Passaggio 10

Cancellare parti della linea d'arte dell'agnello che vanno dietro ai fiori.

Passaggio 11

Desatura di tutti i disegni al tratto premendo Control-Shift-U su tutti i livelli di arte di linea.

10. Testo approssimativo

Passo 1 

Usando un font di base, Times, come base, comincio a delineare il testo. Voglio che qualcosa contrasti con la rotondità della nostra illustrazione, quindi faccio spigoli vivi e punti agli angoli.

Passo 2

Copia la prima parola, poiché è abbastanza simile a "Sprung", trascinando il ruvido disegno "Primavera" sull'icona Nuovo livello nella parte inferiore del pannello Livelli. Quindi, utilizzando il Sposta strumento (V), trascinare la copia sul segnaposto "Molleggiato".


Passaggio 3

Scala il secondo "Spring" premendo Control-T a Trasformare. Quindi, utilizzando il laccio Strumento (L), selezionare "i" nella copia "Spring" e premere Elimina.


Passaggio 4

Seleziona la "n" usando il laccio Strumento (L), e poi copia (Control-C)e Incolla (Controllo-V). Prossima stampa Control-T a Trasformare e ruotare "n" di 180 ° per creare una "u".

Passaggio 5 

Per quel tocco vintage, disegna in alcuni asterischi. Quindi abbiamo bisogno di ripulire la grafica per il testo!


11. Pulisci testo

Passo 1

Inizia riducendo l'opacità del testo grezzo. A Nuovo strato (Control-Shift-N) iniziare a ripulire la grafica come abbiamo fatto con l'illustrazione.


Passo 2

Può essere utile per curve difficili come con la "h" Ruotare la tela. Puoi farlo premendo R sulla tastiera e spostando la tela con il mouse o lo stilo. 


Passaggio 3

Continua su tutte le lettere e gli asterischi. Ora che la line art è pulita, dobbiamo riordinare la spaziatura tra le lettere.

Passaggio 4

Qui ho selezionato la "i" con il Strumento lazo (L) e l'ho spostato un po '.


Passaggio 5

Seleziona "n" e "g" con Strumento lazo (L) e premere Control-T a Trasformare. Sposta le lettere attraverso i tasti freccia orizzontali sulla tastiera.

Passaggio 6

Ora che tutto sembra dolce, dobbiamo controllare che l'intero testo sia centrato nel documento. Creare un Nuova guida al centro del documento andando a Visualizza> Nuova guida. Se conosci la larghezza del pixel (2480 pixel) del documento, digita la metà di quello (1240 pixel). Puoi anche solo digitare 50% e la guida apparirà nel punto centrale. 


Passaggio 7

Per essere sicuri che tutto sia seduto in modo uniforme, dobbiamo centrare il testo. Possiamo farlo selezionando tutti i livelli di testo tenendo premuto Cambio mentre fai clic su di essi, quindi premi Control-T a Trasformare

Ci sarà un mirino nel mezzo del Trasformare scatola. Allineare questo con la guida verticale. Questo può essere reso più facile assicurando Visualizza> Blocca su> Guide è selezionato. stampa accedere per completare la mossa. Alla fine rimuovi la guida andando a Visualizza> Cancella guide.

Impressionante lavoro, ora sei fatto!

Qui abbiamo la nostra linea arte completata!


Questa è la nostra linea d'arte vintage completa! Hai imparato come analizzare uno stile di grafica e ricrearlo con il tuo tocco personale, oltre a come creare rapidamente delle linee floreali.

Ora che la line art è completa, la mando a Mary Winkler, che ti mostrerà come creare l'illustrazione finale in Adobe Illustrator usando una combinazione di colori pastello limitata con alcuni effetti in difficoltà.