Combina l'arte disegnata a mano con Photoshop

Incorporare la grafica disegnata a mano con Photoshop è una tendenza in circolazione da un po 'di tempo. È uno stile che dona immediatamente al tuo lavoro un tocco spigoloso e che si traduce in progetti di stampa o basati sul web.

Ho fornito tutte le illustrazioni disegnate a mano per completare questo tutorial, ma imparerai di più e conferirai un tocco personale creando i tuoi schizzi e disegni personali. Come scoprirai, tracceremo l'immagine principale del modello, quindi non devi necessariamente essere un artista di talento per ottenere un risultato finale eccezionale.


risorse

Oltre all'arte disegnata a mano, dovrai afferrare le seguenti risorse.

  • "IMG_4680.JPG" da queste trame grunge
  • Entrambe le versioni comp e media risoluzione di questo modello di moda
  • Uccello
  • Cervo
  • Albero
  • fiorisce

Avrai anche bisogno di questo font calligrafico.


Crea i tuoi schizzi

Come ho già detto, tutte le immagini disegnate a mano sono fornite nella cartella "fonte", ma otterrai molto di più da questo tutorial creando la tua versione personale di questa illustrazione, piuttosto che una copia carbone della mia.

Prima di abbozzare il modello, avremo bisogno di un po 'di materiale iniziale; quindi prenditi un po 'di matite, penne e un blocco per schizzi e divertiti a fare scarabocchi e scarabocchi casuali - e, se ti senti davvero avventuroso, spruzza anche un po' di vernice! Questi possono quindi essere scansionati a 300 dpi, memorizzati su un'unità esterna e richiamati come richiesto.


Passo 1

Apri "Start.jpg" dalla cartella "source", fai doppio clic sul livello "Background" per sbloccarlo e etichettalo "Pale grunge". Questo sarà il tuo file di progetto durante il tutorial.


Passo 2

Aggiungi un livello di regolazione del bilanciamento del colore e altera i cursori di mezzitoni, ombre e luci come mostrato.



Passaggio 3

Quindi, aggiungi un livello di regolazione Livelli e imposta i cursori di punto medio e punto bianco di input come di seguito.


Passaggio 4

Scarica e apri "IMG_4680.JPG" da queste trame grunge. Vai a Immagine> Ruota di 90 gradi in senso antiorario, quindi ruota in orizzontale.

Afferra lo strumento Bacchetta magica (W), imposta la Tolleranza su 100 e deseleziona l'opzione Contigua. Ora seleziona le aree più scure e Copia negli Appunti.

Incolla la selezione come nuovo livello nel tuo file di lavoro, quindi premi Comando + T per Trasforma, etichettalo "Distress", quindi imposta il suo metodo di fusione su Luce soffusa. Ora rilascia tutti questi livelli in una cartella di gruppo denominata "BACKGROUND".



Passaggio 5

Importa "Paint_1.jpg" dalla cartella "source" sopra la cartella "BACKGROUND". Trasforma / posiziona come mostrato, quindi imposta la modalità di fusione su Moltiplica, l'opacità al 42% e etichettala "Lavaggio 1."


Passaggio 6

Apri "Paint_2.jpg" dalla cartella "source" e usa lo strumento Lazo (L) per selezionare approssimativamente come mostrato.

Copia> Incolla come nuovo livello nel tuo file di lavoro, imposta il metodo di fusione su Moltiplica e etichettalo "Lavaggio 2". Ora premi Opzione mentre aggiungi un livello di regolazione Tonalità / Saturazione. Nella seguente finestra selezionare Crea maschera di ritaglio, selezionare l'opzione Colorize e copiare le impostazioni di seguito. Successivamente, diminuisci l'effetto, riducendo l'opacità del livello di regolazione al 49%.



Passaggio 7

Incolla di nuovo la selezione dal passaggio precedente, imposta la modalità di fusione su Moltiplica e chiama "Lavaggio 3". Non preoccuparti di come questi livelli cercano ora: possono essere riposizionati in seguito.


Passaggio 8

Lancia una lavatura di vernice diversa da "Paint_2.jpg", Copia> Copia in modalità di moltiplicazione e etichettala "Lavaggio 4". Ora agganciare un livello di regolazione Tonalità / Saturazione come fatto al punto 6 usando le impostazioni mostrate. Questi livelli possono ora essere rilasciati in una cartella di gruppo con l'etichetta "BASE WASHES".


Passaggio 9

Carica "Grunge_brushes.abr" dalla cartella "source". Aggiungi un nuovo livello impostato a Moltiplica sopra le cartelle del gruppo e chiamalo "Pennelli gialli". Usa il Selettore colore per selezionare # eae870 come colore di Primo piano, quindi aggiungi alcuni schizzi casuali usando una selezione dei nuovi pennelli. Ricordarsi di regolare le dimensioni del pennello e le impostazioni di rotazione mentre si lavora per evitare la ripetizione.



Passaggio 10

Aggiungi un altro livello, ancora in modalità Moltiplica e chiamalo "Pennelli rosa". Usa la stessa tecnica per aggiungere ulteriori pennellate usando # f5aad0.


Passaggio 11

Aggiungi un ultimo livello in modalità Moltiplica e chiamalo "Pennelli neri". Adesso usa una varietà di pennelli neri come mostrato. Questi layer possono ora essere aggiunti in una cartella di gruppo con l'etichetta "BRUSHES".


Passaggio 12

Rivisita "Paint_2.jpg" dalla cartella "source" e Copia> Incolla un ulteriore lavaggio nel tuo file di lavoro. Impostare la modalità su Moltiplicare e denominarla "Wash 5." Quindi, agganciare un livello di regolazione Tonalità / Saturazione e utilizzare le impostazioni seguenti.

Ripeti con un'altra selezione da "Paint_2.jpg" in Modalità multipla e chiamala "Lavaggio 5." Ora taglia un livello di regolazione dei livelli come mostrato.



Passaggio 13

Ora utilizzeremo l'immagine del modello come guida. Questo alla fine sarà disegnato a mano - il mio modo di lavorare è di scaricare inizialmente una comp bassa a bassa risoluzione per vedere come funziona prima di acquistare una versione a risoluzione più alta.

Aprire il modello, impostare lo strumento bacchetta magica su Tolleranza al 100% e selezionare Contiguo, quindi selezionare approssimativamente lo sfondo bianco. Ora premi Maiusc + Comando + I in Inversa e Copia negli Appunti.

Quindi, incolla il modello all'interno di una nuova cartella di gruppo chiamata "ELEMENTS". Trasforma / posiziona centralmente ed etichetta "Temp". Questo strato servirà da guida temporanea.



Passaggio 14

Iniziamo ad aggiungere altri elementi all'illustrazione; apri l'uccello e vai su Immagine> Ruota quadro> Rifletti orizzontale. Scegli Seleziona> Gamma colori e fai clic in qualsiasi punto del cielo. Impostare il cursore Fuziness su 136, selezionare il pulsante Inverti e fare clic su OK.

Ora Copia> Incolla la selezione come nuovo livello all'interno della cartella "ELEMENTS" sotto il livello "Temp" e ridimensiona. Quindi, fai Command-click sulla miniatura del livello per generare una selezione e riempi con # a83f7c, cambia la modalità di miscelatura in Moltiplica e etichetta "Uccello".

Apri "Scribble_a.jpg" dalla cartella "origine", Seleziona tutto e Copia. Tornando al tuo file di progetto, assicurati che il livello "Uccello" sia mirato, quindi genera una selezione dal suo contenuto facendo clic con il tasto Comando sulla sua miniatura. Ora premi Maiusc + Comando + V per incollare. Ora avrai un nuovo livello che puoi impostare su Moltiplicare e nominare "Scarabocchio di uccello".

Questo livello appare automaticamente con una maschera, che a questo punto è scollegata, il che significa che puoi posizionare / ridimensionare il contenuto del livello in modo indipendente.

Una volta che sei felice, fai clic tra le icone di livello e maschera per collegarli. Ricorda che puoi ancora trasformare / riposizionare i livelli "Uccello" e "Scarabocchio degli uccelli" facendo clic tenendo premuto Maiusc e facendo clic sul loro livello..



Passaggio 15

Nei prossimi passi utilizzeremo Illustrator per accedere ad alcuni file vettoriali. Scarica e apri questa immagine vettoriale, quindi copia il cervo negli Appunti.

Incolla come pixel sopra il livello "Scarabocchio dell'uccello", quindi Rifletti orizzontalmente e ridimensiona. Riempi il contenuto del livello utilizzando lo stesso colore rosa dell'uccello (# a83f7c), modifica la modalità di miscelatura in Moltiplica e etichettala "Addio al celibato".

Ora segui la stessa procedura per aggiungere "Scribble_a.jpg" come hai fatto con l'uccello. Assegna un nome a questo livello "Scribble addio al celibato".



Passaggio 16

Scarica e apri questi alberi vettoriali con Illustrator e copia l'albero in alto a destra negli Appunti.

Incolla nuovamente i pixel sopra il livello "Scarabocchio addio al celibato", quindi trasforma e imposta il metodo di fusione su Moltiplica. Potrebbe anche essere necessario riposizionare i livelli "Bird" e "Bird scarabocchio" per adattarlo.



Passaggio 17

Importa "Scribble_b.jpg" dalla cartella "source" e posizionalo sotto la cartella "ELEMENTS". Imposta la modalità di fusione su Moltiplica e Opacità al 74%, quindi assegnagli il nome "Scribble 1."

Ripeti usando "Scribble_c.jpg" in modalità Moltiplica. Etichetta "Scribble 2" e imposta la sua opacità all'88%.

Aggiungi "Scribble_d.jpg" in modalità multipla, mantenendo la sua opacità al 100% e chiamalo "Scribble 3."

Ripeti usando "Scribble_e.jpg", mantenendo la sua opacità al 100% e chiamandolo "Scribble 4."

Duplica "Scribble 4" e trasforma / riposiziona come mostrato. Assegna un nome a questo livello "Scribble 5."

Infine, apri "Scribble_f.jpg" e incolla in una selezione circolare. Trasforma usando le stesse tecniche del livello "Scarabocchio di uccello", quindi impostalo su Moltipica al 50% di Opacità. Assegna un nome a questo livello "Scribble 6."



Passaggio 18

Scarica e apri questi trofei vettoriali in Illustrator. Copia> Incolla la prima forma sotto la cartella "ELEMENTS" in Modalità multipla come mostrato e chiamala "Scorri 1."

Ripeti con una diversa forma vettoriale e chiamala "Scorri 2."

Copia> Incolla altri due livelli di scorrimento, organizza come mostrato ed etichetta di conseguenza.



Passaggio 19

Successivamente, è necessario scaricare l'immagine del modello di medie dimensioni per consentire dettagli sufficienti per la traccia. Apri l'immagine in Photoshop e stampa intorno al 130%.

Nastro di carta da lucido sulla stampa e utilizzare una matita morbida (ho usato un 2B) per tracciare le caratteristiche principali del modello. Usa una licenza artistica quando disegni i capelli e ricorda di tenere la punta della matita bella e nitida.

Quando hai finito, scansiona il disegno a 300 dpi, quindi usa un piccolo pennello bianco con bordi taglienti per ripulire eventuali macchie o il lavoro di linea non necessario. Successivamente, importa come nuovo livello ed etichettalo "Traccia" all'interno di una nuova cartella di gruppo chiamata "MODELLO". Imposta il metodo di fusione su Moltiplica e abbassa l'opacità al 50% per il posizionamento.

Impostare il metodo di fusione e Opacità su predefinito, quindi ritagliare una regolazione dei livelli come mostrato.


Passaggio 20

Ora puoi eliminare il livello "Temp" dal passaggio 13. Ora prendi lo strumento Penna (P) e usa l'opzione Percorsi per disegnare attorno all'intero modello. Ricordarsi di controllare Sottrai dall'area del percorso quando si disegnano i percorsi secondari interni per i capelli.

Salva il tuo percorso di lavoro come "Percorso 1", quindi fai Command-clic sulla sua miniatura per generare una selezione. Ora aggiungi un nuovo livello sotto il "Trace" e chiamalo "Off white fill". Riempi la selezione attiva con # ecebe4, a questo punto il tuo livello "Trace" dovrebbe essere impostato su Moltiplica.



Passaggio 21

Seguiremo la stessa procedura che abbiamo fatto con il livello "Scarabocchio di uccello" per aggiungere alcuni colori al disegno. Genera una selezione "Percorso 1" Apri "Paint_3.jpg" dalla cartella "origine" e Copia, scegli come target il tuo ultimo livello di regolazione Livelli e Incolla dentro. Ora posiziona il contenuto del livello, impostalo su Moltiplica, blocca la sua maschera ed etichetta "Colore 1."

Fare clic sull'icona Crea nuovo tracciato, quindi disegnare attorno al viso e alle mani del modello, escludendo i capelli. Assegna un nome al nuovo percorso "Percorso 2", quindi genera una selezione. Scegli come target la tua nuova maschera di livello e riempi con il nero.

Importa "Paint_4.jpg" in modalità Moltiplica usando le stesse tecniche di Incolla e mascheratura. Regola la sua opacità al 61% e etichettala "Colore 2".


Ora abbiamo bisogno di alcune aree di lavaggio del colore all'interno del viso dei modelli. Creare un altro percorso indipendente e disegnare attorno alle aree dell'ombra facciale come gli occhi, il naso, la bocca, il collo e le parti della mano. Assegna un nome a questo percorso "Percorso 2", quindi genera una selezione. Apri "Paint_5.jpg" e incolla la selezione come nuovo livello ed etichettala "Colore 3". Questo livello dovrebbe anche essere impostato su Moltiplicare e l'Opacità all'80%. È inoltre possibile utilizzare lo strumento Clona (S) impostato su Livello corrente per riempire le aree mancanti all'interno della selezione attiva.

Quindi, dipingi sulla maschera usando un pennello piccolo e con bordi taglienti per rivelare il bianco degli occhi.

Incolla "Scribble_f.jpg" nella stessa selezione, impostalo su Moltiplica / 80% e posiziona sopra gli occhi. Incolla di nuovo "Scribble_f.jpg", questa volta la posizione sul collo e impostala su Moltiplicare / 100%. Ricordarsi di modificare le maschere come richiesto, quindi etichettare i livelli di conseguenza.

Ora per un ultimo strato di lavaggio; apri "Paint_6.jpg" e incolla in una selezione da "Percorso 1". Imposta la modalità di fusione su Luce soffusa ed etichettala "Colore 6".

Fare doppio clic sull'icona del livello per accedere alla finestra Stile livello, quindi fare Option-clic sul cursore Blend in alto (per dividerlo) e tirare il mezzo cursore sinistro su 216.

Disattiva temporaneamente la visibilità del livello "Traccia". I tuoi strati "Colore" dovrebbero assomigliare a questo.



Passaggio 22

Apri il "Ball.jpg" dalla cartella "source" e convertilo in modalità RGB. Agganciare un livello di regolazione Tonalità / Saturazione, quindi impostare l'opacità di regolazione su 30%.

Rilasciare lo "Sfondo" su un livello normale e impostarlo su Moltiplica. Rilascia un nuovo livello sotto di esso, quindi afferra un pennello a spigoli vivi e riempi tutta la palla con #eddadc sullo strato inferiore.

Inserisci un altro livello e dipingi i segmenti selettivi della palla bianca.

Successivamente, riempire le aree con # f97da8 e # 782d83 su livelli separati, quindi appiattire. Infine, seleziona con lo strumento Selezione ellittica (M), quindi spingi, Espandi o Contatta per adattarlo e Copia negli Appunti.



Passaggio 23

Incolla la selezione nel tuo file di lavoro nella parte superiore della cartella "ELEMENTS". Trasforma / posiziona dietro la testa del modello e etichettala "Cluster cardiaco".



Passaggio 24

Quindi, procurati alcune immagini floreali idonee per il tracciamento; Ho scelto il fiore 1 da henry3717, il fiore 2 da BeverlyLR e il fiore 3. Questi possono essere ritagliati e stampati in modo abbastanza piccolo (circa 60 mm). Ora traccia e scansiona.

Apri la tua prima scansione - o usa il "Fiore_1.jpg" in dotazione dalla cartella "fonte" e converti in Modalità RGB. Rilascia il livello "Sfondo". Ora usa lo strumento bacchetta magica per selezionare ed eliminare lo sfondo, quindi imposta il livello su Moltiplicare.

Inversa la selezione, aggiungi un livello inferiore e riempilo con # f97da8.

Aggiusta un altro livello e riempie l'area centrale con # 8b2677. Ora premi Shift + Comando + E per Unisci visibili.


Passaggio 25

Trascina / rilascia il fiore in una nuova cartella denominata "FIORI". Ripeti il ​​passaggio precedente delle scansioni rimanenti o usa "Flower_2.jpg" e "Flower_3.jpg".

Mantieni ciascun fiore su un livello indipendente ed etichetta di conseguenza. Quindi, Trasforma / posiziona per nascondere gli angoli inferiore sinistro e destro del modello.



Passaggio 26

Crea un nuovo documento di Illustrator e imposta la prima linea di testo a circa 115pt utilizzando questo tipo di carattere. Per un aspetto professionale, regola la tua crenatura (spaziatura tra coppie di caratteri). Fai questo posizionando il cursore tra i personaggi che desideri influenzare e aumentare / diminuire la spaziatura come richiesto.

Imposta la seconda parola nella stessa dimensione del punto e anche kern.

Aggiungi il tipo più piccolo in 48pt e posiziona come mostrato.

Successivamente, aggiungi lo spostamento di base di -14pt su entrambi i caratteri iniziali delle parole più grandi.


Seleziona tutto, riempi con il bianco, quindi premi Maiusc + Comando + O per creare contorni. Infine, guarda in modalità Contorno (Comando Y), afferra lo Strumento selezione diretta (A) e sposta eventuali punti sovrapposti come richiesto.


Passo 27

Copia> Incolla il testo come nuovo livello in una nuova cartella denominata "GRAFICA SUPERIORE". Ridimensiona e posiziona come mostrato e nominalo di conseguenza.


Passaggio 28

Apri "Heart.ai" dalla cartella "origine" di Illustrator e Copia> Incolla come nuovo livello all'interno della cartella "UPPER GRAPHICS". Ridimensiona e posiziona sopra il livello "Testo" e chiamalo "Cuore".

Quindi, aggiungi una maschera alla cartella "MODELLO" e usa un pennello a spigoli vivi per dipingere la parte centrale sotto il cuore.



Passaggio 29

A questo punto ho sentito che c'era più spazio attorno alla composizione che era necessario. Questo è facile da aggiustare; premi Comando Opzione + C per accedere alla finestra Dimensione Canvas e inserisci rispettivamente 21 cm nella Larghezza e 24 cm nel campo Altezza. Fare clic su OK, quindi sul pulsante Procedi nella finestra successiva.



Passaggio 30

Ora allinea i tuoi elementi principali a una guida centrale, quindi sentiti libero di riposizionare / ridimensionare qualsiasi livello. È anche possibile aggiungere ulteriori strati di pittura e utilizzare lo strumento Gomma (E) sui livelli esistenti come richiesto.


Passaggio 31

Duplica il livello "Cluster cuore", ridimensiona e posiziona in basso a destra i capelli del modello. Successivamente, aggiungi alcuni piccoli riempimenti circolari rosa e gialli all'interno della cartella "UPPER GRAPHICS" utilizzando # a86e94, # a83e7c e # eceb70. Mantieni ciascun cerchio su livelli separati, quindi imposta le loro modalità di fusione su Luce rigida / morbida, Schermata o moltiplicazione e sulle loro opacità per adattarle.



Passo 32

Prendi lo strumento Poligono - trovato sotto lo Strumento forme personalizzate (U). Imposta l'opzione Lato su 3 e seleziona Riempi pixel. Scegli #bbbaae come colore di primo piano e aggiungi una serie di piccoli triangoli. Imposta le loro modalità di fusione su Moltiplica o Brucia lineare e regola le loro opacità a piacere.



Passaggio 33

Apri di nuovo il file di scorrimento di Illustrator e Copia> Copia un altro nella cartella "SCROLLS". Posiziona dietro al testo e riempi con # 922952, quindi riduci la sua opacità al 60%.


Passaggio 34

Infine, apri "Lines.jpg" dalla cartella "source", genera una selezione circolare e Copia> Incolla nella parte inferiore della cartella "ELEMENTS". Imposta la modalità di fusione su Moltiplica e Trasforma / posiziona dietro la testa del modello e etichettala "Gruppo di linee".



Conclusione e ambito

Spero che ti sia piaciuto questo tutorial e anche scoperto alcune nuove tecniche lungo la strada. Dai un'occhiata a questi link per qualche altra ispirazione disegnata a mano:

  • Fatoe
  • mydeadpony
  • Stina Persson
  • Web design disegnato a mano

L'immagine finale è sotto.