Come creare un effetto testo Blueprint in Adobe Illustrator

Cosa starai creando

Nei seguenti passaggi imparerai come creare un effetto testo di cianografia in Adobe Illustrator. 

Per i principianti imparerai come impostare una griglia semplice e come creare le forme che costituiranno i componenti del tuo pattern pattern. Successivamente, imparerai come salvare e rinominare i pattern e come salvare un pattern pattern piuttosto semplice. Usando tratti semplici, tecniche di fusione di base e diversi effetti di trasformazione, creerai lo sfondo della carta da disegno.

Andando avanti, imparerai come creare un effettivo effetto di testo e come rendere il tuo lavoro più semplice usando gli stili grafici. Infine, imparerai come creare un semplice pezzo di gesso usando l'effetto Estrusione e smusso 3D, alcune sfumature lineari e il pannello Aspetto.

Per maggiore ispirazione, puoi trovare sempre una varietà di stili grafici (compresi gli stili grafici di cianografia) presso Envato Market.

1. Creare un nuovo documento e impostare una griglia

Colpire Control-N per creare un nuovo documento. Selezionare pixel dal unità menu a discesa, immettere 600 nelle caselle larghezza e altezza, quindi fare clic su Avanzate pulsante. Selezionare RGB, Schermo (72ppi) e assicurarsi che il Allinea nuovi oggetti a Pixel Grid la casella è deselezionata prima di fare clic ok.

Abilita la griglia (Visualizza> Mostra griglia) e lo snap alla griglia (Visualizza> Aggancia alla griglia). Avrai bisogno di una griglia ogni 10 px, quindi semplicemente vai Modifica> Preferenze> Guide> Griglia ed entra 10 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 e su come può facilitare il tuo lavoro 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à> Generale. Tutte queste opzioni aumenteranno significativamente la tua velocità di lavoro.

2. Crea e salva un pennello pattern

Passo 1

Scegli il Strumento rettangolo (M) e concentrati sulla tua barra degli strumenti. Rimuovi il colore dal tratto e quindi seleziona il riempimento e imposta il suo colore su R = 255 G = 0 B = 7. Passa alla tua tavola da disegno e crea semplicemente un 63 px quadrato - la griglia e il Aggancia alla griglia funzione dovrebbe rendere più facile.

Assicurati che la tua forma appena fatta rimanga selezionata, apri la Trasparenza pannello (Finestra> Trasparenza) e abbassare il Opacità a 10%.

Passo 2

Usando il Strumento rettangolo (M), creare un 30 x 3 px forma, riempilo con il nero e posizionalo esattamente come mostrato nell'immagine seguente. Ancora una volta, la griglia e il Aggancia alla griglia la funzione lo renderà più facile.

Passaggio 3

Usando il Strumento rettangolo (M), creare un 3 x 15 px forma, riempilo con il nero e posizionalo come mostrato nella prima immagine.

Concentrati sul lato superiore di questo nuovo rettangolo e seleziona il Strumento di selezione diretta (A). Seleziona entrambi i punti di ancoraggio e vai a Oggetto> Percorso> Media (Alt-Control-J). Controlla il Tutti e due casella e fare clic su ok pulsante, e il tuo rettangolo si trasformerà in un triangolo, come mostrato nella seconda immagine.

Mantieni la concentrazione sui punti di ancoraggio modificati, passa a Elimina punti di ancoraggio (-), e fai semplicemente clic su quel punto per rimuovere uno dei due punti di ancoraggio sovrapposti.

Passaggio 4

Assicurati che il tuo triangolo sia ancora selezionato e vai a Oggetto> Ordito> Rigonfiamento. Immettere gli attributi mostrati di seguito, fare clic su ok pulsante, quindi vai a Oggetto> Espandi Aspetto.

Duplica la forma risultante (Control-C> Control-V), selezionare la copia, ruotarla 90 gradi, e quindi posizionarlo come mostrato nella seconda immagine.

Passaggio 5

Continua a concentrarti sui tuoi due triangoli e scegli il Strumento di selezione diretta (A). Seleziona i due punti di ancoraggio evidenziati nella prima immagine, attiva la barra delle opzioni e inserisci semplicemente 0,2 px In ciò angoli scatola.

La funzione Live Corners è disponibile solo per gli utenti CC. La migliore soluzione per sostituire questo effetto sarebbe il Round Any Corner script che può trovare in questo articolo: 20 script di Adobe Illustrator gratuiti e utili. Salvalo sul tuo disco rigido, torna a Illustrator e prendi il Strumento di selezione diretta (A). Seleziona gli stessi due punti di ancoraggio e vai a File> Script> Altro script. Apri il Script di Any Any Round, entrare in un 0.2 raggio e fare clic ok.

Passaggio 6

Disattiva lo snap alla griglia (Controllo-"). Scegli il Pennello (B), apri il Spazzole pannello (Finestra> Pennelli) e seleziona il tuo 3 pt. Il giro pennello calligrafico.

Spostati nella tua tavola da disegno e disegna approssimativamente dei tracciati ondulati lungo i bordi delle tue forme nere come mostrato nell'immagine seguente. Assicurati che i tuoi percorsi non coprano gran parte delle tue forme nere.

Passaggio 7

Seleziona i due percorsi che seguono la tua forma nera più lunga e vai a Oggetto> Percorso> Corsa contorno. Selezionare le forme risultanti con quella forma nera che si trova nella parte posteriore, aprire il esploratore pannello (Finestra> Pathfinder) e fare clic su Fronte meno pulsante.

Passaggio 8

Spostati sulle altre due forme nere e ripeti la tecnica menzionata nel passaggio precedente.

Passaggio 9

Dai uno sguardo più ravvicinato alle tue forme nere e rendi più agevoli i punti di ancoraggio affilati.

Passaggio 10

Abilita lo snap alla griglia (Controllo-"). Usando il Strumento rettangolo (M), creare un 3 px quadrato nero e posizionarlo come mostrato nell'immagine seguente.

Passaggio 11

Seleziona il tuo rettangolo rosso, concentrati su Trasparenza pannello e abbassare il Opacità a 0%.

Ora, seleziona lo stesso rettangolo insieme alle tre forme nere evidenziate nell'immagine seguente, e trascinalo semplicemente all'interno campioni pannello (Finestra> Campioni) per salvarli come schema. Assicurati che il motivo appena aggiunto sia selezionato, apri il pannello a comparsa dal campioni pannello, e vai a Opzioni di swatch. Rinomina il tuo pattern "Angolo"e clicca qui ok pulsante.

Passaggio 12

Seleziona la forma nera evidenziata nell'immagine seguente e fai clic su New Brush pulsante dal Spazzole pannello. Controlla il Pattern Brush pulsante e quindi fare clic su ok pulsante per aprire il Opzioni pennello pattern pulsante.

Scegli un nome per il tuo nuovo pennello, trascina il Scala cursore a 70%, selezionare tinte per il Metodo di colorizzazione, e quindi concentrarsi sul Piastrella scatole. Per prima cosa, seleziona il Angolo esterno piastrella e aggiungi il tuo "Angolo"modello da quella lista, e quindi aprire il Tile angolo interno e selezionare Auto-Centered. Al termine, fai clic su ok pulsante.

3. Creare lo sfondo del modello

Passo 1

Per questo passaggio avrai bisogno di una griglia ogni 10 px, quindi vai Modifica> Preferenze> Guide e griglia ed entra 10 nel Gridline ogni scatola.

Usando il Strumento rettangolo (M), creare un 620 px quadrato, riempilo con R = 33 G = 61 B = 150 e assicurarsi che copra l'intera tavola da disegno come mostrato nell'immagine seguente.

Passo 2

Assicurati che il tuo quadrato blu sia ancora selezionato, concentrati su Aspetto pannello e aggiungere un secondo riempimento utilizzando il Aggiungi nuovo riempimento pulsante.

Seleziona questo nuovo riempimento, imposta il colore sul nero e poi vai a Effetto> Artistico> Grana del film. Immettere gli attributi mostrati di seguito, fare clic su ok pulsante e torna al menu Aspetto pannello. Clicca il "Opacità"pezzo di testo che rappresenta il tuo riempimento nero per aprire il Trasparenza pannello a comparsa, quindi abbassare il Opacità a 7% e cambia il Modalità di fusione a Moltiplicare.

Passaggio 3

Usando il Strumento penna (P), creare un 620 px percorso verticale e posizionarlo come mostrato nell'immagine seguente. Assicurati che questo percorso rimanga selezionato e ti concentri su Aspetto pannello.

Innanzitutto, assicurati che non vi sia alcun colore impostato per il riempimento e quindi seleziona il tratto. Rendilo bianco, abbassalo Opacità a 40%, e cambia il Modalità di fusione a copertura. Quindi vai a Effetto> Distorci e trasforma> Trasforma. Trascina il Spostare-Orizzontale cursore a 0,5 px, clicca il ok pulsante e poi andare di nuovo a Effetto> Distorci e trasforma> Trasforma. Questa volta, trascina il Spostare-Orizzontale cursore a 50 px ed entra 12 in quel fondo copie scatola.

Passaggio 4

Assicurati che il tuo percorso verticale sia ancora selezionato, continua a concentrarti sul Aspetto pannello e aggiungere un secondo tratto utilizzando il Aggiungi nuovo tratto pulsante.

Seleziona questo nuovo tratto e assicurati che il colore sia impostato su bianco. Abbassare la sua Opacità a 30% e cambia il Modalità di fusione a copertura, e poi andare a Effetto> Distorci e trasforma> Trasforma. Trascina il Spostare-Orizzontale cursore a 0,5 px, clicca il ok pulsante e poi andare di nuovo a Effetto> Distorci e trasforma> Trasforma. Questa volta trascina il Spostare-Orizzontale cursore a 5 px ed entra 120 in quel fondo copie scatola.

Passaggio 5

Usando il Strumento penna (P), creare un 620 px percorso orizzontale e posizionarlo come mostrato nell'immagine seguente. Assicurati che questo percorso rimanga selezionato e ti concentri su Aspetto pannello.

Innanzitutto, assicurati che non vi sia alcun colore impostato per il riempimento e quindi seleziona il tratto. Rendilo bianco, abbassalo Opacità a 40%,e cambia il Modalità di fusione a copertura. Quindi vai a Effetto> Distorci e trasforma> Trasforma. Trascina il Spostare-Verticale cursore a 0,5 px, clicca il ok pulsante e poi andare di nuovo a Effetto> Distorci e trasforma> Trasforma. Questa volta trascina il Spostare-Verticale cursore a 50 px ed entra 12 in quel fondo copie scatola.

Passaggio 6

Assicurati che il tuo percorso orizzontale sia ancora selezionato, continua a concentrarti sul Aspetto pannello e aggiungere un secondo tratto utilizzando lo stesso Aggiungi nuovo tratto pulsante.

Seleziona questo nuovo tratto e assicurati che il colore sia impostato su bianco. Abbassare la sua Opacità a 30% e cambia il Modalità di fusione a copertura, e poi andare a Effetto> Distorci e trasforma> Trasforma. Trascina il Spostare-Verticale cursore a 0,5 px, clicca il ok pulsante e poi andare di nuovo a Effetto> Distorci e trasforma> Trasforma. Questa volta, trascina il Spostare-Verticale cursore a 5 px ed entra 120 in quel fondo copie scatola.

4. Salva e usa stili grafici

Passo 1

Apri il Personaggio pannello (Finestra> Tipo> Carattere), seleziona il Tipo Strumento (T), e fai clic sulla tua tavola da disegno. Aggiungi il "BLU"Pezzo di testo e usa il font Demi di Franklin Gothic con le dimensioni impostate su 150 pt. Scegli un colore casuale per il tuo testo e posizionalo approssimativamente come mostrato nell'immagine seguente.

Passo 2

Assicurati che la tua parte di testo sia ancora selezionata, rimuovi il colore di riempimento esistente (che renderà il testo completamente invisibile) e concentrati sulla Aspetto pannello.

Aggiungi un tratto e selezionalo. Impostare il Peso a 0,5 px, sostituire il colore esistente con R = 233 G = 242 B = 248, e poi andare a Effetto> Distorci e trasforma> Irruvidisci. Immettere gli attributi mostrati di seguito e fare clic su ok pulsante.

Passaggio 3

Assicurati che la tua parte di testo sia ancora selezionata e continua a concentrarti su Aspetto pannello. Aggiungi un secondo tratto e selezionalo. Aggiungi semplicemente il tuo pennello pattern dal Spazzole pannello, e non dimenticare di impostare il suo colore su R = 233 G = 242 B = 248.

Con la tua porzione di testo ancora selezionata, apri il Stili grafici pannello (Finestra> Stili grafici) e fare clic su Nuovo stile grafico pulsante.

Passaggio 4

Riseleziona il Tipo Strumento (T), Aggiungi il "STAMPARE"Pezzo di testo, posizionalo come mostrato nell'immagine seguente e utilizza gli stessi attributi di carattere. Una volta terminato, applica semplicemente lo stile grafico e le cose dovrebbero apparire come la seconda immagine.

Passaggio 5

Assicurati che il tuo "STAMPARE"la parte di testo è ancora selezionata e si focalizza su Aspetto pannello. Seleziona il riempimento esistente, imposta il suo colore su R = 233 G = 242 B = 248 e poi andare a Effetto> Stilizzazione> Scribble. Immettere gli attributi mostrati di seguito, fare clic su ok pulsante, quindi tornare al menu Stili grafici pannello e fare clic su Nuovo stile grafico pulsante di nuovo per salvare il tuo secondo stile grafico.

Non avrai bisogno di questo nuovo stile grafico in questo tutorial, ma tieni presente che puoi sempre usarlo per applicare rapidamente i suoi attributi a qualsiasi tipo di testo, forma o percorso.

5. Crea un pezzo di gesso

Passo 1

Per questo passaggio avrai bisogno di una griglia ogni 5 px, quindi vai Modifica> Preferenze> Guide e griglia ed entra 5 nel Gridline ogni scatola.

Usando il Strumento ellisse (L), creare un 15 px cerchio, riempilo di giallo e posizionalo come mostrato nella prima immagine. Assicurati che questa nuova forma rimanga selezionata e vai a Effetto> 3D> Estrusione e smusso. Immettere gli attributi mostrati di seguito, quindi fare clic su ok pulsante.

Passo 2

Assicurati che il tuo cerchio giallo sia ancora selezionato e vai a Oggetto> Espandi Aspetto.

Seleziona il gruppo risultante e premi Maiuscole-Ctrl-G due volte a Separa queste forme Ora seleziona le due forme evidenziate nella prima immagine e fai clic su Unire pulsante dal esploratore pannello. Riempi la forma risultante con il gradiente lineare mostrato sotto, e tieni presente che i numeri blu dal Pendenza immagine stand per Posizione percentuale.

Passaggio 3

Seleziona la forma gialla rimanente e sostituisci la gialla con la sfumatura lineare mostrata sotto.

Passaggio 4

Riselezionare le due forme piene di gradienti lineari e creare copie davanti (Control-C> Control-F). Seleziona entrambe le copie e fai clic su Unire pulsante dal esploratore pannello. Riempi la forma risultante con il nero.

Passaggio 5

Assicurarsi che la forma nera creata nel passaggio precedente rimanga selezionata.

Per prima cosa, colpisci Controllo-[ due volte per inviare la forma selezionata dietro le due forme piene di gradienti lineari, quindi concentrarsi su Aspetto pannello. Assicurati che l'intero percorso sia selezionato (fai semplicemente clic su "Sentiero"pezzo di testo dalla parte superiore del pannello) e poi vai a Effetto> Distorsione e trasformazione> Distorsione libera. Trascina i punti all'incirca come mostrato di seguito, quindi fai clic su ok pulsante.

Passaggio 6

Assicurati che la tua forma nera sia ancora selezionata e continua a concentrarti su Aspetto pannello. Seleziona il riempimento esistente, abbassalo Opacità a 15% e vai a Effetto> Sfocatura> Sfocatura gaussiana. Entrare in un Raggio di 3 px e fare clic su ok pulsante.

Passaggio 7

Assicurati che la tua forma nera sia ancora selezionata, continua a concentrarti su Aspetto pannello e aggiungi un secondo riempimento. Seleziona questo nuovo riempimento, abbassalo Opacità a 20% e sostituire il colore esistente con il gradiente lineare mostrato di seguito. Tieni presente che lo zero giallo dal Pendenza immagine sta per Opacità percentuale.

6. Aggiungi una matita e scurisci l'illustrazione generale

Passo 1

Se desideri aggiungere anche una semplice matita alla tua illustrazione, segui questo semplice tutorial: Come creare un'illustrazione dettagliata delle matite in Adobe Illustrator.

Passo 2

Infine, duplica il quadrato blu che costituisce il tuo sfondo e porta la copia in primo piano usando il Maiusc-Control-] scorciatoia da tastiera.

Seleziona questa nuova forma e premi il tasto D pulsante dalla tastiera per sostituire rapidamente l'esistente Aspetto attributi con quelli predefiniti (riempimento bianco e tratto nero). Rimuovi il tratto nero e seleziona il riempimento. Abbassare la sua Opacità a 40%, cambiare il Modalità di fusione a copertura e sostituire il colore esistente con il gradiente radiale mostrato di seguito. Non dimenticare che lo zero giallo dal Pendenza immagine sta per Opacità percentuale.

Congratulazioni! Hai finito!

Ecco come dovrebbe apparire. Spero ti sia piaciuto questo tutorial e puoi applicare queste tecniche nei tuoi progetti futuri.

Se stai cercando un altro tutorial incentrato sul modello, dai un'occhiata a questo accurato tutorial di Ryan Quintal: Suggerimento rapido: come creare un modello.