Usa Photoshop e Illustrator per creare una tipografia per chitarra

Photoshop e Illustrator sono ottimi strumenti per aiutarti a creare cose che esistono solo nella tua immaginazione. In questo tutorial creeremo le parole per intrecciare le corde della chitarra. Iniziamo!


Risorse Tutorial

Le seguenti risorse sono state utilizzate durante la produzione di questo tutorial.

  • Texture di legno

1. Creare le stringhe in Illustrator

Passo 1

Inizieremo con Illustrator. Crea un nuovo documento andando a File> Nuovo (Comando / Ctrl + N). Ho usato la seguente dimensione del documento:

  • Larghezza impostato su 250 mm
  • Altezza impostato su 175 mm

Seleziona il Strumento Segmento di linea (\), e mentre si tiene premuto Cambio traccia una linea orizzontale lungo la larghezza del documento, da qualche parte nel quarto superiore della pagina. Ora impostato:

  • Colore riempimento (X) a nessuno
  • Peso del colpo a 5 pt
  • berretto per tappo rotondo
  • Angolo per arrotondare

Usando il Ruota strumento (R) ruotare la linea orizzontale di 11 °.

Usando il Sposta strumento andando a Oggetto> Trasforma> Sposta (Comando / Ctrl + Maiusc + M) duplica la riga con i seguenti valori:

  • Orizzontale: 0 mm
  • Verticale: 21 mm

Non dimenticare di fare clic copia invece di OK.

Duplicare la nuova linea 4 volte più semplicemente andando a Oggetto> Trasforma> Trasforma di nuovo (o Comando / Ctrl + D), quindi finisci con 6 linee in tutto.

Passo 2

Ora disegneremo le lettere.

Utilizzare il Scissors Tool (C) per tagliare il percorso superiore in due punti, in una distanza che è approssimativamente la lunghezza della prima parola. Usando il Strumento di selezione diretta (A) prendi il percorso nel mezzo e cancellalo. (Non dimenticare di premere Elimina due volte, quindi si eliminano anche i punti finali del percorso indesiderato.)

Usando il Strumento penna (P) fare clic sul punto finale destro del primo percorso per continuare il percorso e iniziare a disegnare la prima lettera. È una buona idea visualizzare i percorsi Vista struttura (Visualizza> Struttura, Comando / Ctrl + Y) essere in grado di lavorare in modo più preciso.

Le lettere possono essere costituite da diversi percorsi per ora, soprattutto perché alcuni percorsi devono essere duplicati (le due curve della 'm' sono simili, quindi la curva della 'u' ecc., Ma devono essere regolato in modo che siano collegati bene con la lettera successiva).

Questa fase del tutorial richiederà probabilmente un po 'di lavoro, modificando e correggendo i percorsi per rendere le curve impeccabili, ma questa è la base della nostra opera d'arte, quindi ha bisogno di sembrare perfetta.

Aggiungi tutte le lettere di cui hai bisogno su una stringa e regola l'estremità sinistra del secondo percorso di riga in modo che inizi dove termina l'estremità dell'ultima lettera.

Passaggio 3

Creiamo tutte le lettere su tutte e sei le stringhe. Le stesse lettere possono essere duplicate. Dopo aver tracciato tutti i percorsi, questo è il modo in cui dovrebbe apparire la nostra opera d'arte Vista struttura.

Ora dobbiamo unire tutti i percorsi, così finiamo con il fatto che ogni stringa è solo un percorso. Assicurarsi che i punti che devono essere uniti si trovino nella stessa posizione. Se non lo sono, aggiusta le loro posizioni usando il Strumento di selezione diretta (A).

Una volta posizionati nella giusta posizione, selezionare entrambi i punti finali con Strumento di selezione diretta (A), e Media loro (Oggetto> Percorso> Media, Comando / Ctrl + Opzione + J). Puoi omettere questo passaggio se sei assolutamente sicuro che i percorsi siano esattamente uno sopra l'altro. Poi Aderire loro (Oggetto> Percorso> Unisci, Comando / Ctrl + J). Passare attraverso l'intero documento e unire tutti i percorsi adiacenti, quindi ti rimangono solo 6 percorsi.

Passaggio 4

Successivamente creeremo il colore delle stringhe. Vai al Palette dei colori (Finestra> Colore), e aggiungi i valori.

  • C: 55
  • M: 60
  • Y: 65
  • K: 40

Per creare un colore brunastro. (Sto usando i valori CMYK perché questo disegno è stato creato per la stampa.) Trascina questo colore su campioni, quindi possiamo usarlo facilmente la prossima volta che ne abbiamo bisogno.

Successivamente definiamo i cursori del Pendenza (Finestra> Gradiente). Trascina il colore brunastro sul primo e sull'ultimo cursore del gradiente e trascina il Bianco al centro del gradiente, creando così un nuovo cursore. Questo cursore centrale dovrebbe essere al 50%. Trascina questo gradiente anche su Campioni.

Ora seleziona tutti i 6 percorsi e imposta il tratto sul gradiente appena creato.

Clicca su Applica il gradiente attraverso il tratto nella palette Gradiente per ottenere l'aspetto simile a una stringa.

La direzione di ciascun percorso dovrebbe andare da sinistra a destra, altrimenti le lettere non seguiranno la direzione della scrittura.

Nel caso in cui il percorso non sia impostato nella giusta direzione, utilizzare lo strumento Penna per fare clic sul punto finale destro del percorso per invertire l'ordine del percorso.

Passaggio 5

C'è solo un'ultima cosa che ci rimane da fare con le stringhe in Illustrator: prendersi cura dell'interblocco.

Usando il Strumento Penna disegnare un nuovo percorso attorno alla seconda stringa assicurandosi di lasciare fuori la parte che deve essere nascosta. Questo dovrebbe essere fatto in modo molto preciso. Assicurati di aver chiuso il percorso.

Quindi assicurati che si trovi di fronte al percorso della stringa (Oggetto> Disponi> Porta in primo piano), ma molto probabilmente lo sarà, come è stato creato in seguito. Selezionare entrambi i percorsi (il nuovo percorso chiuso e il percorso della stringa) e creare un Maschera di ritaglio (Oggetto> Maschera di ritaglio> Crea, Comando / Ctrl + 7). Ora parte della lettera "k" dovrebbe essere scomparsa dietro la parte inferiore della lettera "c".

Ripeti questo passaggio alla quarta stringa per la lettera 'f'.

La parte inferiore di "e" in "me" dovrebbe ora sovrapporsi sopra l'ascendente di "f".

Ora abbiamo finito con la parte vettoriale delle stringhe, dovrebbe apparire simile all'immagine qui sotto. Quindi, salva il file come 'stringhe'.


2. Crea i tasti in Illustrator

Passaggio 6

Sempre in Illustrator, crea un nuovo documento (Dimensioni: 350 x 350 mm), altrimenti le stesse impostazioni dell'ultima volta. Con il Strumento Segmento di linea Shift-draw una linea verticale, lunga circa 240 mm. Impostare il Colore riempimento (X) a nessuno, e Corsa Peso a 6,4 punti.

Premere verso il basso il tasto Opzione e con Strumento di selezione (V) Shift-trascinamento la linea a destra (circa 35 mm). Ripeti questo passaggio con la seconda linea, ma questa volta riduci leggermente la distanza (circa 45 mm). Ripeti ancora, con una distanza ancora maggiore (55 mm). (Puoi anche usare il Sposta strumento per questi passaggi.)

Seleziona tutte e quattro le linee e usa il Ruota strumento (R) per ruotarli di 11 °. Imposta il colore del tratto su bianco. Salva il documento come 'tasti'. È ora di passare a Photoshop.


3. Prepara la base dell'opera d'arte in Photoshop

Passaggio 7

In Photoshop crea un Nuovo documento (File> Nuovo, Comando / Ctrl + N) con i seguenti valori:

  • Larghezza: 175 mm
  • Altezza: 250 mm
  • Risoluzione: 300 pixel / pollice
  • Modalità colore: Colore CMYK

Riempi lo sfondo con Predefinito nero (C: 91 M: 79 Y: 62 K: 97 o # 000000).

Aperto Struttura in legno da Risorse e trascina la miniatura del livello nel nuovo documento per creare un nuovo livello. Utilizzare il Strumento di trasformazione gratuito (Modifica> Trasformazione libera, Comando / Ctrl + T) per ruotare e Shift-ridurre la dimensione della texture come mostrato nella palette Info. Fai doppio clic sul nome del livello per rinominarlo 'legna'. Imposta l'opacità all'83%.

Ora stiamo andando Aggiungi una maschera di livello cliccando Livello> Maschera livello> Mostra tutto. Utilizzare un bordo grande e morbido Pennello (B) (circa 350 px, durezza 0%) per disegnare sulla maschera. Fare clic sul punto sinistro del lato superiore dell'immagine legno, quindi tenere premuto Cambio e clicca sul punto giusto, per disegnare una linea retta. Fai lo stesso nella parte inferiore dell'immagine del legno.

Scollegare la maschera, quindi blur (Filtro> Sfocatura> Sfocatura gaussiana) la maschera con un raggio di 160 px.

Comando / Ctrl clic sulla maschera a Carica selezione, poi Crea un nuovo livello di regolazione luminosità / contrasto (l'icona si trova nel piè di pagina o nella scheda Livelli) con i seguenti valori.

  • Luminosità impostato su -27
  • e Contrasto impostato su 52

Comando / Ctrl clic sulla maschera a Carica selezione di nuovo, e Crea un nuovo livello di regolazione tonalità / saturazione con:

  • colore impostato su -3
  • Saturazione impostato su +41
  • e Leggerezza impostato su -10.

Seleziona questi 3 strati ('legna' strato e i 2 livelli di regolazione), e Gruppo loro (Comando / Ctrl + G). Dai il nome al gruppo legno bg.


4. Aggiungi tasti all'opera

Passaggio 8

Tornare a Illustrator e copia le quattro linee di Frets, poi Incolla nel file Photoshop (in alternativa, resta in Photoshop e Posto (File > Posto) il file 'tasti'). Di solito incollo dati vettoriali come Oggetti intelligenti per mantenerli modificabili per un uso successivo, ma puoi anche incollarli come pixel adesso. Assicurati di incollare / posizionare i tasti al 100% (controlla il Tavolozza informazioni). Posiziona le linee come mostrato di seguito. Assegna un nome al livello 'tasti'.

Comando / Ctrl clic sulla maschera di strato 'legno' a Carica selezione, e Aggiungi una maschera di livello (Livello> Maschera livello> Mostra selezione) al livello 'Preoccupare'. Ora aggiungeremo i seguenti tre stili di livello: Smusso e rilievo, Sovrapposizione colore e Sfalsa ombra, con i valori mostrati di seguito.

La nostra grafica dovrebbe assomigliare a questo ora.

Passaggio 9

Ok, come possiamo vedere, i lati della chitarra ancora non si fondono bene con lo sfondo.

Utilizzare il Ellipse Tool (U) per creare un'ellisse che si estende sulla larghezza del nostro documento.

Usando il Strumento di trasformazione gratuito (Comando / Ctrl + T) ruotare l'ellisse di 11 ° e spostarla leggermente.

Carica selezione (Comando / Ctrl clic sul livello dell'ellisse) e spegnere Visibilità (fai clic sull'icona dell'occhio a sinistra della miniatura del livello), ma puoi anche eliminare questo livello. stampa Maiusc + F6 (Seleziona> Modifica> Piuma) a Piuma la selezione e imposta il Raggio di piume a 250 pixel.

stampa Comando / Ctrl + Maiusc + I (Seleziona> Inversa) a Inverti selezione, premi D per assicurarti che il colore di riempimento sia impostato su nero, Crea un nuovo livello (Livello> Nuovo livello),e Riempi la selezione colpendo Opzione / Alt + Backspace. Imposta il livello Modalità di fusione moltiplicare, il livello Opacità al 30%. Premi Opzione + D per deselezionare.  Nome il livello 'scurire'.

Duplicare questo strato (trascinandolo sul Crea una nuova icona di livello), impostare il Opacità al 73% e ingrandirlo a circa il 148% (con il Strumento di trasformazione gratuito). Dai un nome a questo livello 'scurire di più'.


5. Aggiungi le stringhe all'opera d'arte

Passaggio 10

E 'ora di farlo Posto le nostre corde, allo stesso modo in cui abbiamo posizionato i tasti (Copia-incolla o luogo). Dovremo allargarlo a circa il 120%. Assegna un nome al livello 'stringhe'.

Lo faremo ora Inserisci Due Stili di livello: Smussatura ed effetto rilievo e ombra discendente, come mostrato.

Modifica il Ordine dei livelli, così che 'stringhe' va sotto 'scurire di più'.

Passaggio 11

Successivamente creeremo un effetto di luce per rendere le nostre stringhe più tridimensionali. Carica selezione di 'stringhe' (Comando / Ctrl clic sul livello) e Contratta la selezione (Seleziona> Modifica> Contratto) di 3 px. stampa Comando / Ctrl + Maiusc + I a Inverti selezione, e fare clic su Livello di regolazione delle curve. Set è come mostrato.

Carica selezione del 'stringhe' ancora (Comando / Ctrl clic sullo strato), Inverti selezione e riempire la maschera del livello di regolazione con il nero. blur la maschera con un raggio di 1,5 pixel.

Imposta il livello Modalità di fusione a Dodge Color, il Opacità al 35%. Assegna un nome al livello 'luci'. Seleziona il 'Strings Layer' e il livello di regolazione delle curve, Gruppo loro, e nominare il gruppo 'testo'.

Passaggio 12

All'interno del gruppo, aggiungi un altro Livello di regolazione delle curve per rendere l'opera d'arte ancora più oscura. Imposta il livello come mostrato.

Clicca sul 'stringhe' livello e aggiungi un Livello di regolazione luminosità / contrasto con i valori mostrati. Attiva il Icona di ritaglio (o Creare maschera di ritaglio dal Palette Livelli, Comando / Ctrl + Opzione / Alt + G) per limitare la regolazione allo strato sottostante ('stringhe' solo).

La nostra grafica dovrebbe assomigliare a questo ora:


6. Creare indossando sul legno

Passaggio 13

Lasciamo le corde per un po 'e creiamo l'usura della parte in legno. Carica selezione delle corde (Comando / Ctrl clic sul livello), e Aggiungi la selezione del livello 'tasti' (Comando / Ctrl + Maiusc clic sul livello, ma non sulla maschera). Espandi la selezione (Seleziona> Modifica> Espandi) di 50 pixel.

Ora imposta il Raggio di piume (Maiusc + F6) a 40 pixel e aggiungere a Livello di regolazione tonalità / saturazione con valori impostati come mostrato.

Passaggio 14

Carica selezione dell'ultimo strato che abbiamo creato (Livello di regolazione tonalità / saturazione), e Inverti la selezione.

Usando il Strumento Lazo (L) sottrarre le parti superiore e inferiore della selezione. Contratta la selezione quello è andato via (Seleziona> Modifica> Contratto) di 50 pixel.

Aggiungere un Livello di regolazione del bilanciamento del colore come mostrato.

Possiamo ulteriormente perfezionare la maschera facendo clic su Affina il bordo della maschera nel Tavolozza Proprietà. Assicurarsi Modalità di visualizzazione è acceso copertura, in questo modo è facile vedere come cambia la maschera.

Impostalo come mostrato.

Ora l'uso sul legno dovrebbe essere simile a questo:


7. Crea intarsi

Passaggio 15

Usiamo il Strumento selezione ellittica (M) per fare una selezione rotonda (tenere premuto Cambio per renderlo un cerchio regolare). Fai il diametro di circa 0,8 mm (puoi controllare la larghezza / altezza nel Tavolozza informazioni).

Impostare il Colore di primo piano a:

  • C: 39
  • M: 37
  • Y: 36
  • K: 16

e il Colore di sfondo a

  • C: 51
  • M: 51
  • Y: 52
  • K: 46

Impostare il Strumento sfumatura (G) a Primo piano a sfondo e Gradiente lineare nel Barra delle opzioni, Opacità dovrebbe essere al 100%. Crea un nuovo livello e riempilo con il gradiente. Assegna un nome al livello 'intarsio punto'.

Inserisci un po Rumore (Filtro> Disturbo> Aggiungi disturbo) come mostrato, quindi dissolvenza il rumore (Modifica> Dissolvenza Aggiungi disturbo, Comando / Ctrl + Maiusc + F) al 68%.

Diamo Inserisci Due Stili di livello: Smusso e rilievo e Ombra esterna, e applicare le seguenti impostazioni.

Passaggio 16

Duplicare il 'intarsio punto' strato due volte e posizionare i nuovi punti come mostrato.

Crea un nuovo livello e Carica la selezione dei tre punti (Comando / Ctrl fai clic sul livello, quindi premi Comando / Ctrl + Maiusc clic sugli altri due livelli). Impostare il Pennello (B) a 130 px, durezza a 0% nel Barra delle opzioni, il Colore di primo piano al bianco e dipingi i lati in alto a destra di tutti e tre i punti per aggiungere punti salienti.

Assegna un nome al livello 'mette in risalto'. Seleziona i tre livelli di "punti inlay" più il livello "evidenziazioni", raggruppali e assegna un nome al gruppo 'intarsio'.


8. Migliora le stringhe

Passaggio 17

Ora è tempo di tornare alle nostre corde per perfezionarle.

Mettiamo le ombre sulle corde per aggiungere più profondità a loro. L'ho fatto manualmente prima Selezione aree (con il Strumento lazo) su quale ombra deve essere proiettata. Assicurati che la selezione sia precisa dove divide le diverse aree (aree con e senza ombra).

Avanti la Selezione di stringhe deve essere intersecati con la selezione corrente (o Comando / Ctrl + Opzione / Alt + Maiusc clic sul livello 'stringhe' o fai clic sul livello 'stringhe' e vai su Seleziona> Carica selezione, e fare clic Interseca con Selection).

Impostare il Colore di primo piano a un grigio brunastro:

  • C: 66
  • M: 67
  • Y: 69
  • K: 58

Crea un nuovo livello e usando approssimativamente Pennello largo 80 px inizia a dipingere le ombre. (Puoi Nascondi selezione premendo le "formiche in marcia" che disturbano Comando / Ctrl + H, o Visualizza> Extra).

Imposta il livello Modalità di fusione a Moltiplicare, Opacità all'84%. Assegna un nome al livello 'ombre'.

Passaggio 18

Ripetere Passaggio 17 per ogni singola area in cui le curve del testo si incontrano o si intersecano. Questo è un passo che richiede tempo, ma è importante farlo bene perché aggiunge davvero vita all'opera d'arte.

Una volta che le ombre sono finite, Carica selezione di stringhe ancora una volta, fare clic su 'ombre' e blur con un raggio di 5,0 pixel.

Passaggio 19

Crea un nuovo livello all'interno del gruppo 'testo' e chiamalo 'ritoccare'. Clicca sul Strumento timbro clone (S), e impostare Campione allineato a Tutti i livelli nel Barra delle opzioni. Ora puoi ritoccare le imperfezioni delle lettere "m", "g" e "o".


9. Tocchi finali

Passaggio 20

Penso che abbiamo ancora bisogno di rendere i lati o l'opera d'arte un po 'più scuri, quindi facciamo clic su Strumento selezione ellittica (M) e posizionare il cursore al centro dell'opera d'arte (sia in orizzontale che in verticale). Tieni premuto Opzione / Alt e crea un'ellisse simile a questa.

stampa MAIUSC + F6 a Piuma la selezione di 200 pixel. Invertire la selezione, Crea un nuovo livello, premi D e Riempire lo strato con il nero. stampa Comando / Ctrl + D a Deseleziona. Imposta il livello Modalità di fusione a Moltiplicare, Opacità al 21%. Assegna un nome al livello 'confine'.

Passaggio 21

Rimane solo un'ultima cosa da fare. Aggiungiamo i crediti centrati orizzontalmente in basso.

Fai clic sul livello "Sfondo" e trascina una guida dal righello sinistro al centro. Impostato Paragrafo a Allineamento centrale, clicca sul Strumento di tipo orizzontale (T), fare clic esattamente sulla guida e Copia incolla il seguente testo:

Testo: Sleepy Brown | La musica mi fa sentire così bene

Usa il carattere 'Aller' con una dimensione di 5 pt. Impostare 'Sleepy Brown' su Aller Bold.


Conclusione

Grazie per aver dedicato del tempo per completare questo tutorial. Ricapitoliamo rapidamente ciò che abbiamo imparato.

  • Abbiamo creato gli elementi vettoriali in Illustrator
  • Abbiamo creato la base della chitarra in Photoshop
  • Abbiamo aggiunto i componenti della chitarra e utilizzato gli strumenti di Photoshop per ottenere un aspetto realistico

Spero che tu abbia trovato questo tutorial comprensibile, interessante ed educativo. Domande, commenti e suggerimenti sono ben accetti.