Tipografia di Illustrator usando la palette Aspetto

Adobe Illustrator è un'app fantastica per creare arrangiamenti tipografici vettoriali complessi. L'applicazione è così grande e complicata, anche se ci possono volere anni per capire come ricreare alcuni dei fantastici effetti che hai visto altrove senza inventare soluzioni complicate.

Oggi elimineremo parte del mistero del lavorare con tratti e riempimenti tuffandoci nella tavolozza dell'aspetto per vedere non solo come funziona, ma come manipolare gli oggetti all'interno per creare effetti davvero fantastici.

Palette Aspetto 101

Per iniziare, apri Illustrator e seleziona Finestra> Aspetto nella barra dei menu. Questo dovrebbe attivare la tua tavolozza di aspetto. Questa piccola tavolozza spesso viene ignorata, ma è in effetti una delle caratteristiche principali che rendono Illustrator un così potente strumento per la creazione e la modifica di grafica vettoriale.

Oggi ci concentreremo sulla tipografia, ma è importante notare che la palette Aspetto funziona praticamente su tutto ciò che si crea in Illustrator, non solo sul testo. I principi illustrati in questo articolo possono essere facilmente applicati anche alle forme (anche se ci sono alcune differenze). In effetti, iniziamo con una forma di base solo per vedere come funziona la tavolozza. Prendi il tuo strumento Ellisse, disegna un cerchio e, con il cerchio selezionato, dai un'occhiata alla tavolozza dell'aspetto.

Come puoi vedere, senza alcuno sforzo, la tavolozza è già piena di contenuti. Il tipo di elemento è elencato nella parte superiore (percorso) e l'elemento contiene tre attributi per impostazione predefinita: tratto, riempimento e opacità. Nota che non abbiamo ancora applicato un tratto, ma uno appare comunque. Poiché il tratto è già presente, possiamo facilmente manipolarne le impostazioni proprio qui nella tavolozza dell'aspetto. Sotto ho dato un tratto al tratto e ne ho regolato la larghezza a 7 punti.

Ogni oggetto che vedi nella tavolozza dell'aspetto è un pezzo separato del puzzle che costituisce il tuo oggetto forma o tipo. Questi pezzi funzionano in modo simile ai livelli nella tavolozza degli strati e possono essere organizzati e manipolati in modo indipendente. Ad esempio, un tratto può essere posizionato sotto o sopra un riempimento. Notare anche i pulsanti lungo la parte inferiore della tavolozza e quanto sono simili a quelli nella tavolozza dei livelli.

Aspetto del testo

Ora che hai il succo di come funziona la tavolozza delle apparenze, prendi il tuo tipo di strumento e crea del testo. Noterai che il comportamento della palette Aspetto è un po 'diverso qui. Dimostra che abbiamo un? Type? oggetto selezionato, ma il riempimento e il tratto non si vedono da nessuna parte nonostante il fatto che il testo abbia ovviamente un riempimento.

Questo perché la tua selezione è più complicata di quanto sembri. Invece di un oggetto di testo, al momento hai più lettere selezionate, ognuna delle quali può avere i propri attributi. Puoi vedere come questo cambia quando selezioni lettere specifiche piuttosto che l'intero oggetto. Ora il tratto e il riempimento diventano evidenti.

Ciò consente di eseguire facilmente una varietà di tecniche, come dare lettere specifiche a tratti diversi, riempimenti ed effetti anche se fanno parte di un'unità coesiva.

Aggiunta di più tratti

Ora deseleziona i caratteri specifici nella stringa di testo e torna semplicemente a fare clic sull'oggetto di testo nel suo insieme con lo strumento Selezione. Nonostante al momento non ci siano riempimenti o tratti applicati all'oggetto nel suo insieme, questo è in effetti il ​​modo in cui procederemo per lavorare con l'oggetto. Dato che renderemo tutte le nostre lettere uguali, sarà molto più efficiente in questo modo che aggiungere a ogni lettera.

Con l'intero oggetto ancora selezionato, fare clic sul primo pulsante nella striscia lungo la parte inferiore della tavolozza Aspetto per aggiungere un nuovo tratto. Probabilmente sei abituato ad aggiungere tratti usando un metodo diverso, ma questo è il modo migliore per assicurarti di avere il controllo completo sull'aspetto del tratto.

Si noti che questo ha posizionato il tratto nella parte superiore dell'elenco, sopra il riempimento e i caratteri. Questo va bene per alcuni usi, ma può complicare le cose quando si aumenta la larghezza del tratto. Vedi come il tratto copre le lettere in un modo piuttosto brutto?

Per risolvere questo problema, rilascia il punto più in fondo alla pila. Ora, a prescindere da quanto spesso tu faccia il tratto, non infrangerà lo spazio occupato dal testo.

Uno dei migliori vantaggi dell'applicazione dei tratti con la tavolozza Aspetto è che è possibile creare più di uno su un singolo oggetto. Fare clic sullo stesso pulsante Crea tratto o persino copiare il tratto corrente, quindi rendere il tratto inferiore più spesso rispetto al tratto superiore. Ora rendi nero il tratto Bottom e il tratto superiore. Controlla il doppio schema che risulta.

Se fossi così incline, potresti davvero impazzire con questa tecnica e creare dei trattamenti di contorno complessi con tutti i tratti che desideri.

Un'immagine più attraente e reale può essere vista nell'immagine qui sotto. Guarda attentamente la parola? Viking? e nota quanti tratti separati sono stati applicati, ognuno con diverse larghezze e colori.

Lavorare con i riempimenti e gli effetti

L'aggiunta di più tratti ha vantaggi evidenti, ma il lavoro con più riempimenti potrebbe sembrare un po 'confuso. Perché dovresti impilare i riempimenti e wow li vedresti anche se si sovrappongono? La risposta sta nel compensare i riempimenti in direzioni diverse in modo che non si coprano completamente l'un l'altro. La domanda diventa quindi come compensare un riempimento o un tratto. Questo è qualcosa con cui ho lottato molto quando ero alle prime armi perché anche se sapevo che si poteva fare, la tecnica non è ovvia e può essere abbastanza frustrante da capire.

Per qualche ragione pazzesca, Illustrator non ti permette semplicemente di selezionare un riempimento o un tratto specifico e di spingerlo in giro. Invece devi passare attraverso la tavolozza degli effetti per farlo.Per iniziare, premi il secondo pulsante nella parte inferiore della palette Aspetto per creare un nuovo riempimento, quindi trascinalo in fondo alla pila come fatto in precedenza.

Ora, con il riempimento selezionato, fai clic sul pulsante degli effetti e vai a Distorci e trasforma> Trasforma. Assicurati di dare un'occhiata a tutti gli altri effetti. Ci sono un sacco di grandi cose qui come sfocatura e rugosità che possono davvero aggiungere molta varietà ai tuoi trattamenti di testo.

Ora, con la casella Anteprima selezionata, inizia a modificare i controlli Sposta nella parte inferiore. Come puoi vedere, il risultato è una sorta di ombra personalizzata. Potrebbe essere necessario cambiare il colore del riempimento per vedere l'effetto.

L'impilamento di questo effetto ti dà una bella smussatura che rispecchia un effetto popolare visto su molti siti web con un aspetto vintage, inciso per il tipo.

È importante notare che se vuoi tornare indietro e modificare l'offset del riempimento (e lo farai), non lo fai tornando al pulsante degli effetti. Questo aggiungerà un'altra trasformazione in cima a quella che hai già. Invece, espandi il riempimento che desideri modificare e fai clic sul testo Trasforma. Questo aprirà la finestra Trasforma che abbiamo visto sopra e ti permetterà di cambiare le impostazioni che hai già applicato.

Dai un'occhiata a queste tecniche al lavoro in un altro esempio di carta intestata di seguito. Questi ragazzi sfornano continuamente font davvero belli e trattamenti di tipo che mi fanno saltare in aria.

Fill vs. Stroke

Ci si potrebbe chiedere perché abbiamo eseguito quell'ultimo effetto con più riempimenti invece di tratti. La verità è che puoi davvero farcela con entrambi. Tuttavia, è molto più semplice lavorare con i riempimenti quando si usano gli offset perché si possono ottenere risultati strani e indesiderati con tratti. Per illustrare, considera la seguente immagine:

Notare come il riempimento ha un effetto ombra bello e pulito mentre il tratto è effettivamente vuoto all'interno. Se questo è ciò che stai cercando, allora usa assolutamente un tratto, se no, dovrai davvero aumentare lo spessore su quel tratto per farlo funzionare. Alla fine, è molto più semplice usare solo un riempimento.

Conclusione

Spero che questo tutorial ti abbia insegnato una cosa o due sull'utilizzo della palette Aspetto per ottenere alcuni effetti tipografici interessanti. Può essere uno strumento scoraggiante con cui lavorare all'inizio, ma prometto che lo raccoglierete in pochi minuti se seguirai questo articolo da vicino e giocherai un po 'con i tuoi esperimenti.

Ora è il momento per te di insegnarmi una cosa o due. Lascia un commento qui sotto e parlaci dei tuoi consigli e trucchi preferiti sulla palette Aspetto. Assicurati di lasciare un link a un'anteprima del trucco se hai un'immagine da mostrarci!