Come utilizzare le maschere di ritaglio in Adobe Illustrator per creare un effetto di testo affettato

Cosa starai creando

Nei seguenti passaggi, imparerai come creare un effetto testo affettato in Adobe Illustrator. Per i principianti, imparerai come impostare una griglia semplice e come creare lo sfondo e una semplice porzione di testo.

Sfruttando appieno la griglia e la funzione Snap to Grid, imparerai come creare un set di forme perfette per i pixel. Usando una serie di maschere di ritaglio, imparerai come dare al tuo testo un aspetto a fette. Infine, usando alcuni trucchi di sfocatura e di sfocatura e altre maschere di ritaglio, imparerai come aggiungere ombreggiature e luci per l'area affettata.

Per ulteriori informazioni su come regolare o migliorare l'effetto del testo finale, puoi trovare molte risorse su GraphicRiver.

1. Come creare un nuovo documento e impostare una griglia

Colpire Control-N per creare un nuovo documento. Selezionare pixel dal unità menu a discesa, immettere 850 nella casella di larghezza e 600 nella casella altezza, quindi fare clic su Più configurazioni pulsante. Selezionare RGB per il Modalità colore, impostare il Effetti raster a Schermo (72 ppi), e quindi fare clic Crea documento.

Abilita la griglia (Visualizza> Mostra griglia) e lo snap alla griglia (Visualizza> Aggancia alla griglia). Avrai bisogno di una griglia ogni 5 px, quindi semplicemente vai Modifica> Preferenze> Guide e griglia, ed entra 5 nel Gridline ogni scatola e 1 nel suddivisioni scatola. Cerca di non scoraggiarti da tutta questa griglia: renderà più facile il tuo lavoro e tieni presente che puoi facilmente abilitarlo o disabilitarlo usando il Controllo-" scorciatoia da tastiera.

Puoi imparare di più sul sistema di griglia di Illustrator in questo breve tutorial di Andrei Stefan: Capire il Grid System di Adobe Illustrator.

Dovresti anche aprire il Informazioni pannello (Finestra> Informazioni) per un'anteprima dal vivo con le dimensioni e la posizione delle tue forme. Non dimenticare di impostare l'unità di misura su pixel da Modifica> Preferenze> Unità. Tutte queste opzioni aumenteranno significativamente la tua velocità di lavoro.

2. Come creare lo sfondo e il testo

Passo 1

Scegli il Strumento rettangolo (M) e creare un 870 x 620 px forma. Assicurati che questo rettangolo copra tutta la tua tavola da disegno, quindi riempila con la sfumatura lineare mostrata sotto.

Passo 2

Scegli il Tipo Strumento (T) e apri il Personaggio pannello (Finestra> Tipo> Carattere). Seleziona il carattere Robinson e imposta la dimensione su 270 px. Passa alla tua tavola da disegno, fai clic su di essa e digita il testo. Sto usando "Trancher", che è una parola francese che significa "tagliare".

Assicurati che questo pezzo di testo rimanga selezionato e apri il Allineare pannello (Finestra> Allinea). Imposta l'allineamento su tavola da disegno (aprire il menu a comparsa e andare a Mostra opzioni se non riesci a vedere il Allinea a sezione come mostrato nell'immagine seguente), quindi fare clic su Centro allineamento orizzontale e Centro di allineamento verticale pulsanti. Questo sposterà il tuo testo al centro della tavola da disegno.

3. Come creare le maschere di ritaglio

Passo 1

Scegli il Strumento rettangolo (M), creare un 320 px piazza e posizionalo come mostrato nella prima immagine. Riempi questa nuova forma con il nero (R = 0 G = 0 B = 0) e abbassare il suo Opacità a 30%.

Assicurati che il tuo quadrato rimanga selezionato, scegli il Elimina strumento Punto di ancoraggio (-), e fai semplicemente clic sul punto di ancoraggio in alto a destra per rimuoverlo. Questo trasformerà il tuo quadrato in un triangolo, come mostrato nella seconda immagine.

Passo 2

Duplica il tuo triangolo (Control-C> Control-V). Seleziona la copia, ruotala 180 gradi, e posizionarlo come mostrato nell'immagine seguente. Assicurati che i tuoi due triangoli siano perfettamente allineati.

Passaggio 3

Scegli il Strumento penna (P), e creare la forma a quattro punte mostrata nell'immagine seguente. La griglia e il Aggancia alla griglia la funzione renderà le cose più facili. Riempi questa nuova forma con il rosso e abbassala Opacità a 30%.

Passaggio 4

Seleziona il triangolo giusto e aggiungi una copia davanti (Control-C> Control-F). Seleziona questa nuova forma, cambia il colore di riempimento in giallo, quindi spostalo 5 px su e 5 px a destra. Ancora una volta, la griglia e il Aggancia alla griglia funzionalità sarà utile.

Sposta il triangolo a sinistra e aggiungi una copia in primo piano (Control-C> Control-F). Seleziona questa nuova forma, cambia il colore di riempimento in giallo, quindi spostalo 5 px giù e 5 px a sinistra.

Passaggio 5

Disattiva lo snap alla griglia (Controllo-") e poi andare a Modifica> Preferenze> Generale e impostare il Incremento della tastiera a 5 px.

Seleziona il tuo testo dal Livelli pannello (Finestra> Livelli) e aggiungere una copia in primo piano (Control-C> Control-F). Seleziona questa copia e spostala 10 px su e 20 px a sinistra. Usa i pulsanti freccia per apportare facilmente queste modifiche. Ricorda che premendo un pulsante una volta si sposta la selezione 5 px nella direzione specificata.

Seleziona il triangolo giallo a sinistra, insieme alla copia di testo aggiunta qualche istante fa, e vai semplicemente a Oggetto> Maschera di ritaglio> Crea (Control-7).

Passaggio 6

Riseleziona la tua parte di testo originale e aggiungi una nuova copia in primo piano (Control-C> Control-F). Seleziona questa copia e spostala 10 px giù e 20 px a destra. Usa i pulsanti freccia per apportare facilmente queste modifiche.

Seleziona il tuo triangolo giallo rimanente insieme alla copia del testo aggiunta pochi minuti fa e vai a Oggetto> Maschera di ritaglio> Crea (Control-7).

Passaggio 7

Seleziona la tua forma rossa e aggiungi una copia in primo piano (Control-C> Control-F). Seleziona questa copia insieme alla tua parte di testo originale e vai a Oggetto> Maschera di ritaglio> Crea (Control-7).

4. Come aggiungere ombreggiatura

Passo 1

Abilita lo snap alla griglia (Controllo-"). Seleziona il triangolo giusto e aggiungi una copia davanti (Control-C> Control-F). Seleziona questa copia, tieni premuto il Cambio e alt pulsanti, quindi ridimensiona il tuo triangolo in 240 px.

Passo 2

Assicurati che il tuo 240 px triangolo è selezionato e seleziona il Strumento di selezione diretta (A). Seleziona il punto di ancoraggio in alto a destra e premi semplicemente il tasto Elimina pulsante.

Assicurati che il percorso rimanente rimanga selezionato e concentrati su Aspetto pannello. Rimuovi il colore di riempimento e imposta il colore del tratto su R = 39 G = 0 B = 76, e quindi apri il Ictus pannello a scomparsa. Cambiare il Peso a 20 px e selezionare Profilo di larghezza 1 dal Profilo menu a discesa.

Passaggio 3

Sposta il triangolo a sinistra e aggiungi una copia in primo piano (Control-C> Control-F). Seleziona questa copia, tieni premuto il Cambio e alt pulsanti, quindi ridimensiona il tuo triangolo in 280 px.

Passaggio 4

Assicurati che il tuo 280 px triangolo è selezionato e seleziona il Strumento di selezione diretta (A). Seleziona il punto di ancoraggio in basso a sinistra e premi semplicemente il tasto Elimina pulsante.

Assicurati che il percorso rimanente rimanga selezionato, concentrati su Aspetto pannello e applicare gli stessi attributi utilizzati per l'altro percorso.

Passaggio 5

Per prima cosa, seleziona i tuoi due percorsi e copiali (Control-C), e poi andare a Effetto> Stilizzazione> Sfocatura gaussiana. Entrare in un Raggio di 13 px, clic ok, e poi Gruppo (Controllo-G) i tuoi due percorsi.

Passaggio 6

Seleziona i tuoi due triangoli e trasformali in un percorso composto (Oggetto> Percorso composto> Crea o Control-8). Porta questo percorso composto in primo piano (Controllo-]), selezionalo insieme al gruppo di percorsi tracciati nel passaggio precedente e vai a Oggetto> Maschera di ritaglio> Crea (Control-7).

5. Come aggiungere dettagli

Passo 1

Colpire Control-F per aggiungere le copie di quei due percorsi nello stesso posto. Assicurati che entrambi i percorsi rimangano selezionati e concentrati su Aspetto pannello.

Imposta il colore del tratto su bianco e diminuisci il Peso a 14 px. Cambiare il Modalità di fusione a Luce soffusa, e poi andare a Effetto> Sfocatura> Sfocatura gaussiana. Entrare in un 15 Raggio, clic ok, e poi Gruppo (Controllo-G) questi due percorsi.

Passo 2

Porta in primo piano la tua forma rossa (Maiusc-Control-]). Selezionalo insieme al gruppo di percorsi tracciati nel passaggio precedente e vai a Oggetto> Maschera di ritaglio> Crea (Control-7).

Congratulazioni! Hai finito!

Ecco come dovrebbe apparire. Spero ti sia piaciuto questo tutorial e puoi applicare queste tecniche nei tuoi progetti futuri. Non esitare a condividere il tuo risultato finale nella sezione commenti.

Sentiti libero di adattare il design finale e renderlo tuo. Puoi trovare alcune grandi fonti di ispirazione in GraphicRiver, con soluzioni interessanti per migliorare il tuo design.