Creazione di tipografia in stile Origami semplice in Illustrator

In questo tutorial imparerai come creare un semplice pezzo di tipografia in stile Origami. Creerai un set di forme base per creare lettere e vedrai come perfezionarle in un aspetto più realistico del tuo tipo. Le sfumature e il pannello Aspetto ci aiuteranno a creare il tipo finale completamente personalizzato.


Passo 1

Inizieremo con un nuovo documento di dimensioni 600x200 mm.


Passo 2

Prima di iniziare a creare il tipo, faremo uno sfondo. Le lettere saranno bianche e quindi impostare uno sfondo per primo, ci aiuterà a vedere effettivamente quello che stiamo facendo.

Riempi un rettangolo delle stesse dimensioni della tela con il marrone. Per dare più profondità applicheremo una sovrapposizione sfumatura. Apri il pannello Aspetto e duplica il riempimento marrone e sostituiscilo con un semplice gradiente dal nero al bianco. Cambia la direzione dei gradienti a -90ø, imposta la modalità di fusione su Luce soffusa e Opacità su 20%.


Passaggio 3

La prima lettera che creeremo è la "O." L'ho scelto per via della sua forma semplice, il cerchio, che può essere facilmente trasformato in un rettangolo che è stato piegato da un sottile foglio di carta.

Sceglierò una larghezza di 20 mm per questa striscia di carta. Ma non lo creerò piegando una forma in Illustrator, ma creerò un insieme di forme che posso usare anche per altre lettere. Le lettere non saranno quadrate, perché non è molto buono da leggere come font.

Per iniziare, creeremo un rettangolo bianco 80x100 mm nel mezzo della tela.


Passaggio 4

Duplica il rettangolo e cambia la sua larghezza a 40 mm e qualsiasi altezza. L'altezza non è importante per ciò che vogliamo raggiungere. Ora duplica nuovamente la forma, questa volta cambiando la sua altezza a 60 mm e la larghezza a qualsiasi numero.


Passaggio 5

Seleziona tutte le forme bianche e apri il pannello Pathfinder. Ora usa l'opzione Divide per creare più forme.


Passaggio 6

Non avrai bisogno di tutte le forme che abbiamo appena creato. Separa le forme ed elimina tutte le forme che si trovano al di fuori della nostra forma base e la forma nel mezzo.


Passaggio 7

Usa lo strumento Elimina punto di ancoraggio per eliminare tutti gli angoli delle forme negli angoli esterni della "O." Sarai lasciato con 4 rettangoli e 4 triangoli.


Passaggio 8

Seleziona uno dei rettangoli e il triangolo accanto ad esso, quindi unisci queste 2 forme. Fai lo stesso con il resto delle forme. Finirai con 4 forme che hanno un angolo di 45 ° ad una estremità. Quelle saranno le nostre forme di base. Possono essere successivamente copiati e riutilizzati per più lettere.


Passaggio 9

Ora abbiamo finito di creare le nostre forme di base, con le quali saremo in grado di creare la maggior parte delle lettere dell'alfabeto. Continueremo aggiungendo una certa profondità alle forme. Seleziona una forma e applica un riempimento sfumato ad essa. Voglio che vada dal bianco al grigio molto chiaro con un angolo di 90 °. Questo sarà il nostro gradiente / luce globale.


Passaggio 10

Ora applicheremo una sfumatura che darà l'impressione di un'ombra dalla carta sopra la forma che abbiamo selezionato. Duplicherò il riempimento sfumato nel pannello Aspetto e cambierà il grigio chiaro con un'ombra più scura. Imposta questo riempimento sfumato per moltiplicarlo.

Se si utilizza Illustrator CS4 o versioni successive, è possibile impostare il cursore del gradiente bianco su Opacità 0%. Non è necessario impostare il riempimento per moltiplicarlo. Questo dipende da come vuoi che guardi.

Puoi anche impostare il cursore del gradiente destro sul nero e modificare l'opacità del riempimento con quello che ti sembra più adatto. Sei libero di provare diverse impostazioni finché non sei soddisfatto del risultato.


Passaggio 11

L'ombra non sembra ancora giusta. Per cambiare questo, sposteremo la posizione delle parti bianche del gradiente al 97%. Ora sembra più un'ombra.


Passaggio 12

Con la forma ancora selezionata, ora apri il pannello Stili grafica. Assicurati che nessun elemento nel pannello Aspetto sia selezionato e crei un nuovo stile grafico. Applica questo stile alle altre 3 forme che abbiamo creato in precedenza.


Passaggio 13

Ora dobbiamo cambiare la direzione del gradiente "ombra" su ogni forma. La forma superiore avrà un angolo di -180ø, la forma corretta sarà 90ш e la forma di fondo 180ø. Puoi farlo manualmente o usare lo strumento Gradiente. Fallo solo con il secondo gradiente, il primo rimarrà com'è, poiché è la nostra luce globale.


Passaggio 14

Ora abbiamo creato la nostra prima lettera Origami: "O." La "O" è un'ottima base per le altre lettere che creeremo.


Passaggio 15

Non spiegherò in dettaglio ogni lettera, ma qui ci sono 3 esempi su come gestire i gradienti ombra. La gamba della "R" avrà bisogno di 2 riempimenti sfumati con un angolo che mostra un'ombra dai 2 pezzi di carta che sono sopra di esso.

La barra nel mezzo della "G" avrà solo il gradiente generale, in quanto non è al di sotto di un altro pezzo di carta. Anche la traversa "A" ha bisogno di 2 gradienti ombra, su ciascun lato.


Passaggio 16

Ecco una panoramica di come ho "piegato" le strisce di carta.

Quando disponi le lettere, sii consapevole del flusso che le pieghe assumono. Otterrai il risultato migliore e più tridimensionale, avendo sempre la prossima piega, sotto la parte che segue. Con la "O" questo si tradurrà anche in un cerchio chiuso.

Le gambe del cavallo "R" e "M" sono le parti più difficili. Non puoi piegare quelli semplici come il resto. Per mantenere la larghezza della carta delle stesse dimensioni, la cimatura delle forme non darà un buon risultato. Funziona meglio per dare alle forme un angolo diverso. Ho segnato alcuni degli angoli, per darti un'idea di come le strisce si piegherebbero se fossero piegate per davvero, il che manterrebbe l'autenticità di questo effetto testo.


Passaggio 17

Se mai ti senti insicuro su come piegare una lettera? fallo per davvero!

Soprattutto, la "M" mi stava dando problemi, e averlo costruito per davvero mi ha aiutato a capire come dovrebbe essere piegato. Ci sono altre lettere che potresti voler creare, come "S" o "K." Se lo provi per davvero, capirai meglio come dovrebbero apparire.


Passaggio 18

Ora hai un semplice set di lettere in stile Origami. Se vuoi lavorare ulteriormente sul loro aspetto, puoi farlo facilmente. Trasforma semplicemente ogni lettera in un gruppo e modifica l'aspetto dei gruppi.

Iniziamo cambiando il colore! Se vuoi che le tue lettere siano rosa, seleziona il gruppo e apri il pannello Aspetto. L'icona nella parte inferiore del pannello Aspetto, che consente di creare nuovi riempimenti, verrà visualizzata in grigio quando si seleziona un gruppo. Puoi aggiungere un nuovo riempimento, facendo clic sulla freccia nell'angolo in alto a destra e scegliere "Aggiungi nuovo riempimento". Seleziona il colore che desideri utilizzare sulle lettere e imposta la modalità di fusione su Moltiplica.


Passaggio 19

Puoi anche aggiungere una texture alle tue lettere. Pertanto, userò un effetto Photoshop, che è disponibile in Illustrator. Vai a Effetto> (Effetti di Photoshop) Texture> Texturizer. Ho usato le impostazioni che puoi vedere qui sotto. Fondamentalmente, l'effetto non dovrebbe essere troppo pesante, semplice e sottile sembra sempre migliore.


Passaggio 20

Puoi combinare i passaggi 18 e 19 per avere colore e trama sulle tue lettere. E puoi aggiungere un'ombra esterna. Poiché abbiamo già creato ombre da carta su carta, possiamo applicare nuovamente questo effetto a un gruppo.

Vai a Effetto> Stilizzazione> Sfalsa ombra e modifica le impostazioni sui valori che più ti interessano. Preferisco sempre un'ombra 90 ° dall'alto. Per ottenere ciò, scelgo 0 mm per l'offset X. Per avere un'ombra forte e solo leggermente sfocata, ho impostato l'offset Y su un valore che è il doppio della sfocatura.


Passaggio 21

Se desideri avere un aspetto più astratto delle tue lettere, puoi applicare un Offset al percorso. Per fare ciò, dovrai separare una lettera e cancellare gli stili grafici da ogni forma. Applicare un semplice riempimento bianco alle forme. Ora vai su "Effect> Path> Offset Path" e modifica le impostazioni.


Immagine finale

Puoi giocare con gli effetti e le loro impostazioni per creare un tipo completamente personalizzato. Sposta le lettere intorno e cambia le loro dimensioni. C'è così tanto che puoi fare, basato su questi semplici disegni di lettere.