Crea un portafoglio di cuoio realistico con Illustrator

Nella maggior parte delle illustrazioni vettoriali, gli oggetti sottostanti sono piuttosto semplici. Sono i dettagli e la levigatura che aggiungi che li fanno davvero prendere vita. In questo tutorial, inizieremo con elementi di base, quindi utilizzeremo texture ed effetti per aggiungere realismo. Iniziamo!


INIZIARE

Passo 1

Questo tutorial userà effetti raster, come Gaussian Blur. Prima di iniziare, vai al menu Effetti e seleziona Impostazioni effetti raster documento e impostalo su Alto.

Userò anche il plugin VectorScribe di Astute Graphics. Puoi scaricare una versione di prova gratuita qui.

Innanzitutto, disegna un rettangolo di 500 pixel di larghezza per 400 pixel di profondità. Sotto il menu Finestra, vai a VectorScribe> Pannello Angoli Dinamici.


Passo 2

Utilizzando lo strumento Selezione diretta (A), selezionare i due punti sul lato destro del rettangolo. Fare clic sul pannello Angoli dinamici per attivare lo strumento. Immettere 45 nel campo raggio, quindi premere Applica a selezione.


Passaggio 3

Fai lo stesso con l'angolo in basso a sinistra, ma questa volta inserisci 100 nel campo del raggio.


Passaggio 4

Disegna un'ellisse 130 x 70. Allinearla alla forma rettangolare arrotondata come mostrato. Accendere le Smart Guides (Command + U) aiuterà.


Passaggio 5

Aggiungi un punto al rettangolo alla tangente in cui si incontrano l'ellisse e il rettangolo. Può essere difficile riuscire a farlo bene. Ancora una volta, le guide intelligenti possono aiutarti. Puoi anche trascinare una guida regolare e / o bloccare l'ellisse in modo da non aggiungere accidentalmente un punto.


Passaggio 6

Utilizzando lo strumento selezione diretta, trascinare il punto d'angolo verso l'alto fino a quando non si allinea con il punto sinistro sull'ellisse.


Passaggio 7

Ora prendi lo Strumento di creazione forme (MAIUSC + M) e trascinalo dall'ellisse all'area sovrapposta. Questo creerà un angolo curvo con un raggio che corrisponde all'ellisse. Ora avrai due forme che assomigliano all'immagine qui sotto.


Passaggio 8

Disegna un nuovo rettangolo per la parte posteriore del portafoglio. Allinea a sinistra alla forma originale. Crea un angolo come prima, usando lo strumento Angoli Dinamici.


Passaggio 9

Usando lo Strumento Generatore di forme, rimuovi l'angolo in alto a sinistra tenendo premuto il tasto Opzione / Alt mentre lo trascini su di esso. Quindi aggiungere a due forme rimanenti. È quindi possibile eliminare il rettangolo extra. Ora hai la struttura di base del portafoglio.


DAVANTI

Passaggio 10

Per prima cosa lavoreremo sulla parte anteriore, quindi puoi trascinare la sezione posteriore per il momento. Seleziona la forma e vai su Oggetto> Tracciato> Offset Path, quindi inserisci -18.


Passaggio 11

Spostare i due punti a sinistra in modo che si allineino con il bordo della forma principale. Regola le maniglie d'angolo sul punto superiore in modo che la curva sia liscia.


Passaggio 12

Riempi entrambe le forme con un marrone caldo. Applica un effetto Bagliore interno (Effetto> Stilizzazione> Bagliore interno) alla forma sfalsata, come mostrato nell'immagine qui sotto. Utilizzare un marrone più scuro per il colore dell'incandescenza e la modalità di fusione Moltiplica.


Passaggio 13

Copia la forma interna e incollala davanti (Comando + F). Vai al menu mobile nel pannello Aspetto e seleziona Cancella aspetto. Traccia questa forma con lo stesso marrone più scuro utilizzato nella bagliore interno. Aumenta la larghezza a 12 punti. Usa le forbici per tagliare il percorso di offset nei punti mostrati e scartare il tratto rimanente.


Passaggio 14

Mantieni selezionato il percorso marrone e vai su Oggetto> Tracciato> Traccia contorno. Usa lo Strumento di creazione forme per rimuovere forme che pendono dal bordo.


Passaggio 15

Per dare una piccola dimensione ai bordi del portafoglio, aggiungi un paio di forme arrotondate a sinistra, in alto e in basso. Se stai utilizzando il plug-in VectorScribe, puoi farlo facilmente utilizzando lo strumento PathScribe. Aggiungi un punto vicino alla parte superiore della banda marrone scuro, quindi trascina il tracciato per farlo piegare.

La tua illustrazione dovrebbe assomigliare all'immagine qui sotto.


Passaggio 16

Ora per lo smalto che porterà questo oggetto alla vita. Duplica la forma interna, quella con l'effetto Bagliore interno. Rimuovi la metà destra di questa forma trascinandoti con lo strumento Gomma tenendo premuto il tasto Opzione / Alt.


Passaggio 17

Riempi questa nuova forma con un gradiente lineare da bianco a nero. Cambia la sua modalità di fusione su Schermo nel pannello Trasparenza e riduci la sua Opacità al 30%. Posizionalo sul lato sinistro come mostrato. Puoi mettere a punto la sfumatura aggiungendo una battuta grigio scuro sul bordo sinistro per aggiungere una dimensione.


Passaggio 18

Per dare una certa rotondità ai bordi, traccia 1 o 2 tratti di tratto che seguono i bordi. Usa un profilo di larghezza ovale per i tratti, applica un effetto Sfocatura gaussiana di circa 3 pixel, quindi modifica i loro metodi di fusione su Schermo o Sovrapposizione.

Puoi creare diversi tratti con colori e opacità diversi per un look più ricco. Rendi leggermente più luminosi i tratti degli angoli. La tua illustrazione dovrebbe assomigliare all'immagine qui sotto.


Passaggio 19

Daremo al wallet una texture complessiva utilizzando Live Trace. Per creare una texture, prima trova una fotografia con texture astratta. Sto usando una foto di un muro di stucco. Inseriscilo nel documento Illustrator, quindi accedi a Oggetto> Traccia live> Opzioni di tracciamento. Scegli Bianco e Nero come modalità e assicurati che Ignora bianco sia selezionato. Fare clic sul pulsante Anteprima e regolare il dispositivo di scorrimento Soglia fino a ottenere una traccia di circa il 50% di nero. Fare clic su Trace, quindi espandere la traccia.

Se la tua immagine e traccia di origine sono più grandi del portafoglio, puoi cancellare parte della trama o selezionare solo l'area che desideri con lo strumento Lazo ed eliminare il resto.

Posiziona la texture sul portafoglio. Cambiare il colore in un marrone da medio a scuro, quindi modificare la modalità di fusione su Schermo nel pannello Trasparenza. Ridurre l'opacità a circa il 10 percento. L'idea è di dare ricchezza e realismo alla forma, ma di evitare distrazioni.

Crea un duplicato della forma del portafoglio principale. Portalo davanti alla trama, selezionali entrambi, poi vai su Oggetto> Maschera di ritaglio> Crea.


Passaggio 20

Posiziona la trama sulla forma del portafoglio. È possibile aggiungere graffi al portafoglio utilizzando pennellate di gesso sottile, con Schermo come modalità di fusione, come la trama.

La parte anteriore del portafoglio è terminata e dovrebbe apparire come l'immagine qui sotto.


INDIETRO

Passaggio 21

Afferra la forma della schiena che hai messo da parte prima. Ne fai una copia. Riempi con una sfumatura da tonalità scura, quindi sembra avere un'ombra su di essa. Ora inviarlo alla schiena.


Passaggio 22

Sulla copia di questa forma, taglia il percorso nei luoghi mostrati. Scartare la sezione inferiore e dare al percorso rimanente un tratto più spesso e un colore marrone più chiaro. Posizionalo sopra la forma piena di sfumature come mostrato.


Passaggio 23

Aggiungi una sfumatura alla nuova forma, per dare l'illusione della profondità, come mostrato.


Passaggio 24

Come hai fatto nel passaggio 18, aggiungi tracciati per dare ai bordi l'aspetto della rotondità. Puoi semplicemente copiare quelli del passaggio 18 e usarli sul retro. Non è necessario aggiungere alcuno al centro, poiché in seguito verrà oscurato. Se necessario, sposta gli oggetti in modo che siano allineati con la parte anteriore del portafoglio, come mostrato.


Passaggio 25

Per un aspetto più rifinito, disegna una forma sottile come mostrato e posizionala sul bordo superiore degli oggetti del portafoglio composito. Aumentare lo zoom per effettuare una regolazione fine, se necessario.


CHIUSURA

Passaggio 26

Per il cinturino o la fibbia, disegna un rettangolo di 130 x 90. Usa lo strumento Angoli Dinamici come hai fatto al punto 2 per arrotondare l'angolo in basso a sinistra 15 punti.

Disegna un cerchio 90 x 90. Usando le guide sensibili per aiutare, centra il cerchio all'interno del rettangolo e allinea il suo bordo sinistro al bordo sinistro del rettangolo.

Usa lo Strumento di creazione forme per rimuovere i due angoli a sinistra (tieni premuto Opzione / Alt mentre trascini). Quindi aggiungi le altre due forme.


Passo 27

Aggiungi un punto vicino all'angolo in alto a destra, quindi trascina il punto d'angolo appena un po '. Utilizzare lo strumento PathScribe per creare una curva, come al punto 15.


Passaggio 28

Come hai fatto nel passaggio 17, crea un'evidenziazione per il lato destro della chiusura. Invece di copiare la forma della chiusura, questa volta disegneremo semplicemente un rettangolo semplice e lo riempiremo con un gradiente lineare e lo maschereremo nel passaggio successivo. Imposta la modalità di fusione su Schermo, come prima, e regola Opacità.


Passaggio 29

Aggiungi un po 'di consistenza come hai fatto al punto 19. Mettilo sulla forma del fermaglio e regola la modalità di fusione e l'opacità. Ora copia la forma di chiusura di base e portala in primo piano. Seleziona il rettangolo e la trama, quindi crea una maschera di ritaglio. Posizionalo sopra la forma della chiusura.


Passaggio 30

Come hai fatto al punto 25, aggiungi una forma sottile che segue il contorno della forma della chiusura, per dare alla fibbia una certa dimensione. Puoi utilizzare un duplicato della forma originale, tagliare il tracciato, quindi aggiungere la larghezza, come mostrato.


SNAP

Passaggio 31

Per lo snap, disegna un cerchio e riempilo con una sfumatura radiale colorata con toni di ottone, come mostrato.

Puoi aggiungere una texture se ti piace per un look antico.

Aggiungi punti salienti creando forme a mezzaluna sottili e posizionandole sui bordi. Riempili con una sfumatura radiale e usa la modalità fusione schermo.

Come nel passaggio 18, puoi creare profondità aggiungendo un tratto più scuro e sfocato sul bordo inferiore.

Per una luce brillante, crea un ovale e riempilo con un gradiente lineare bianco e nero. Cambia la sua modalità di fusione per schermo e posizionala al centro in alto.


Passo 32

Per l'ombra dello snap sulla fibbia in pelle, disegna un cerchio leggermente più grande dello snap. Riempilo con una sfumatura radiale che è nera al centro, poi marrone chiaro e poi bianca. Cambia la modalità di fusione in Moltiplica.


Passaggio 33

Disporre la fibbia e scattare sulla forma del portafoglio. Per un'ombra per la chiusura, duplica la forma di base e cancella il lato destro, come hai fatto al punto 16. Riempila con un marrone più scuro, aggiungi un effetto Sfocatura gaussiana e modifica la modalità di fusione in Moltiplica. Posizionalo dietro la chiusura e spingi leggermente verso il basso per ottenere un effetto ombra.


Passaggio 34

C'è una lacuna in cui la chiusura "avvolge" il portafoglio. Disegna un oggetto a forma di D, riempilo di nero e posizionalo dietro la fibbia per riempire lo spazio.


Conclusione

Il portafoglio è finito, ora puoi riempirlo con contanti, carte e ID!

Chiunque può lanciare qualche forma insieme per fare un'illustrazione vettoriale. Spendere il tempo per aggiungere dettagli e lucidare renderà le tue illustrazioni distinguersi dalla massa.