Questo tutorial è stato originariamente pubblicato nel dicembre 2010 come tutorial Tuts + Premium. Ora è disponibile gratuitamente per la visualizzazione. Sebbene questo tutorial non utilizzi l'ultima versione di Adobe Photoshop, le sue tecniche e processi sono ancora rilevanti.
Un metodo popolare per disegnare illustrazioni stampabili su schermo è quello ispirato all'illustrazione xilografica. Mentre questo metodo è solitamente realizzato con la stampa solo in nero, creeremo un trattamento tipografico line art a quattro colori.
Indipendentemente dal fatto che tu sia un illustratore esperto, questo tutorial ti insegnerà un metodo sistematico per disegnare da capo grafica ricca e convincente..
Hai bisogno di una soluzione più veloce? Sfoglia la nostra fantastica selezione di stili di Adobe Photoshop Layer su GraphicRiver per creare fantastici effetti di testo personalizzati. Oppure avvaliti dell'aiuto di un professionista di Envato Studio per aiutarti con tutte le tue esigenze tipografiche personalizzate.
La prima cosa da fare è calibrare le impostazioni del documento e del pennello. Sto lavorando su un grande A2 Poster Format, ma ridimensionato a un A3 funziona bene anche A un certo punto, andremo a vettorializzare l'intera cosa tramite la funzione di tracciamento della linea di Illustrator, quindi qualsiasi cosa sopra il formato A3 poster funzionerà. Tuttavia, se non hai Illustrator e decidi di creare il tutto in Photoshop, pensa alle dimensioni finali prima di iniziare. Dal momento che stiamo disegnando tutto da zero e non avremo bisogno di immagini ad alta risoluzione, il cielo è il limite. Oppure, potenza della CPU piuttosto. Quindi crea un pennello, utilizzando le impostazioni trovate di seguito.
Inoltre, lascia che ti dichiari ovvio dicendoti che avrai bisogno di un tablet. Questo è un semplice tablet però; un tablet di base con semplici opzioni di pressione della penna sarà sufficiente.
Per prima cosa tracceremo le lettere dalla parola "materia". Il Forma, Peso e Rotazione è qualcosa che probabilmente cambierà nel tempo, quindi assicurati di creare ogni lettera su un livello separato.
Poiché la parola verrà successivamente strutturata con le foglie, è opportuno mantenere la forma semplice. Fluido, ma semplice dove possibile. Ho creato il 'a' come unellisse, quindi collegato al resto della parola.
Mentre si tiene traccia della curvatura della parola, delineare il resto.
Crea la parte superiore 'a' come la parentesi della prima lettera 't'.
Quindi collega la terza parola alla fine. Potresti ritrovarti a cambiare queste lettere per assomigliare alla corona di un albero.
Ora verso la parte più complicata e laboriosa. Disegnare le foglie non è molto complicato, ma richiede molto tempo. L'ho scomposto in modo sistematico per renderlo più facile da seguire. Raccomando di farlo in questo modo, in quanto contribuirà a creare un risultato finale uniforme. L'ultima cosa che vuoi è creare più schemi attraverso il fogliame.
Inizia foderando le foglie su un livello separato con bianco e a Pennello da 25 px (se si lavora su un A2 formato).
D'ora in poi, ogni azione che fai dovrebbe essere su un livello separato. Il mio file finale ha circa 300 livelli, che in realtà non sono molti per questo tipo di lavoro. Meglio prevenire che curare.
Mantieni il Dimensione del pennello, crea un livello diverso e contorna l'intera sezione con un contorno nero.
Ora stiamo andando a Riempire le foglie con ombra. Piuttosto che farlo chiaramente, aggiungeremo un po 'di illuminazione dinamica. Per vedere come immaginare il lancio di luci e ombre, vedi il seguente passaggio. Per prima cosa, lascia che ti spieghi come eseguire una procedura semplice Pendenza sopra le foglie.
Creare una transizione graduale dal buio alla luce è una questione di utilizzo di questi tre tipi di foglie. Mentre si tenta di mantenere una transizione uniforme nel complesso, inserire alcune istanze casuali per renderlo più realistico.
Per creare la foglia scura, usa questi tre passaggi. Innanzitutto, disegna l'icona a forma di foglia, quindi arrotonda la parte superiore e traccia la linea media in basso. In terzo luogo, cambia il Colore di primo piano al bianco e disegnare due tratti sopra l'area specificata (figura 2). Il tuo risultato finale dovrebbe essere come la fig. 3.
Usa questa tecnica per riempire dinamicamente la prima lettera. Immagina la tua fonte di luce come nell'angolo in alto a destra e crea i tre tipi di foglie come nell'immagine qui sotto.
Ripeti questa tecnica per disegnare le linee, i contorni e i riempimenti delle foglie nelle lettere successive.
Esegui la tecnica sulle lettere rimanenti.
Dal momento che il lato destro è più esposto alla fonte di luce, ho cercato di tenerlo generalmente più leggero.
Il tuo risultato finale dovrebbe sembrare qualcosa di simile a questa immagine.
Il prossimo passo è disegnare il resto dell'albero. Inizia con i rami. Cerca di evitare di renderle piatte facendo andare avanti, oltre e dietro il testo. Ne ho evidenziato alcuni con ciano per facilitare l'individuazione.
Ora possiamo passare al resto delle parole. Inizia a tracciare la parola "vita".
Cerca di mantenere le lettere semplici, ma ricorda che puoi sempre modificarle tenendo tutto su un livello separato.
Termina questa parola espandendo la "e" alla fine dell'albero.
Se abbassato abbastanza, la e commerciale può essere letta tra le parole "vita" e "morte". Disegnalo allo stesso modo.
Transizione del fondo della e commerciale in una lettera 'd'.
Inizia a tracciare la sezione centrale della parola "morte", tenendo di nuovo traccia della curvatura.
Termina la parola disegnando le lettere finali.
È ora di iniziare la trama della corteccia. Questa è una cosa complicata, e Zoom dentro e fuori mentre il disegno è altamente raccomandato. Non lasciarti trasportare trascinando le linee inutilmente. È facile lasciarsi trasportare e perdere coerenza visiva su tutte le lettere.
Il modo più facile per iniziare è mappare i punti salienti con a 50 px linea.
Per iniziare la trama della corteccia, crea alcune linee nere sparse sull'evidenzia di peso. Tieni traccia dell'orientamento della lettera in ogni momento (segui la direzione dei loop) ma aggiungi un po 'di varietà.
Dopo il passaggio precedente, avrai bordi bianchi netti dappertutto. Mentre si utilizza il bianco come colore di primo piano, disegnare su quei bordi taglienti per creare un motivo a linee ondulate.
D'ora in poi continuerai a alternare tra bianco e nero per appianare i bordi taglienti, mentre disegni linee ondulate. stampa 'D' per ripristinare i colori in bianco e nero e 'X' alternare tra i due.
Replicare gli ultimi passaggi su tutte le parti evidenziate in bianco. Ricorda di non allungare troppo questo schema all'interno della lettera.
Man mano che approfondisci la parola, disegna prima i punti salienti con a Pennello da 50 px, quindi vai avanti con i dettagli con a Pennello da 25 px.
Ricordarsi di tenere traccia della fonte di luce in ogni momento e disegnare il punto sulla "i". Questo diventerà più tardi una mela.
I contorni bianchi disegnati creano anche profondità. Ad esempio, puoi decidere quale parte di una lettera viene visualizzata sopra o dietro una lettera.
Completa questa parte con le lettere finali. Aggiungi rami spezzati alle estremità e come parentesi per la 't'.
A questo punto, la tua immagine dovrebbe assomigliare a qualcosa del genere.
Applica questa tecnica all'albero. Poiché l'albero ha la forma attuale dell'albero, la trama sembra più reale.
Successivamente, abbiamo bisogno di aggiungere più dettagli alla trama. Lo facciamo non solo aggiungendo più linee sottili e corte (cerchiate), ma anche riducendo le dimensioni Dimensione del pennello a 10-15 px). Affila la maggior parte delle estremità delle linee bianche e nere esistenti.
Crea nuove linee più nitide, ma modifica anche quelle esistenti le cui estremità sono troppo arrotondate.
Ripeti questo processo sul resto delle lettere e dell'albero.
Il tuo risultato finale dovrebbe assomigliare a questo.
Questa prossima parte è facoltativa, ma raccomandata. Un modo rapido per ripulire l'illustrazione è Tracciamento in tempo reale dentro Illustratore. copia una versione di fusione del tuo file (Comando-Opzione-C) e incollalo un nuovo file di Illustrator. Le impostazioni del documento non contano davvero.
Vai a Oggetto> Traccia live> Opzioni di traccia. Utilizzare le seguenti impostazioni o adattarle alla propria illustrazione.
Una volta che l'immagine è finita Traccia dal vivo, Espandilo (Oggetto> Espandi).
Prendi il Strumento di selezione diretta (A - freccia bianca) e deseleziona tutto Fare clic su una porzione bianca, quindi selezionare il resto delle forme bianche nell'illustrazione (Seleziona> Stesso> Colore di riempimento).
Elimina tutto bianco, prendi il Strumento freccia (V) e fare clic sull'oggetto rimanente. copia esso.
Incolla l'immagine in una nuova Poster A2 (o qualunque formato tu voglia). Consiglio di tenerlo a Oggetto intelligente.
Poiché l'oggetto ha solo contorni neri, colorarlo è semplice come disegnare al di sotto. Per ogni lettera, crea a Nuovo Layer sotto il contorno Oggetto intelligente strato.
Disegnare il fogliame è semplice in teoria, ma richiede un modello casuale ma uniforme. Prendi un Spazzola e inizia le foglie verdi con questo colore: # 2bb778
.
Ripeti questo disegno sull'intera scrittura del fogliame e sulla mela.
I prossimi due colori del fogliame sono luminosi (# ffd600
) e senape (# b58e55
) giallo. Assicurati di lasciare anche le foglie bianche.
Utilizzare la stessa tonalità di senape di giallo come toni medi per i rami. Li ho posizionati sopra i contorni nella prima immagine solo per mostrare la loro posizione.
Infine, cambia il colore del contorno per Facendo doppio clic sul livello. Aggiungere un Sovrapposizione colore effetto e scegli questo colore: # 483.135
.
Questo è tutto! Seguendo questo tutorial, si dovrebbe fare in circa 7 ore, o meno se si è più esperti. Se non l'hai mai fatto prima, questo può richiedere decine di ore. Se sei appassionato di arte della linea, spero che questo tutorial sia un buon punto di partenza, o almeno ti convinca che è un'abilità raggiungibile. Nonostante le mie insicurezze, prove e tribolazioni, posso assicurarti che lo è. Ora vai a fare qualcosa di fantastico.
Ti piace creare illustrazioni tipografiche ma sei a corto di tempo? Quindi sfoglia la nostra incredibile selezione di stili di livelli di Photoshop su GraphicRiver per creare incredibili effetti di testo in pochi clic. E controlla uno dei nostri preferiti qui sotto!
Trasforma le tue citazioni o intestazioni preferite con questo fantastico pacchetto di stili di strati di legno. Questo pacchetto include cinque stili di Photoshop di alta qualità con diverse trame di legno tra cui scegliere. Fai risaltare i tuoi progetti con il semplice clic di un pulsante!