Con questo tutorial ti mostrerò come creare un effetto di testo Bazinga reso famoso da Sheldon dalla sitcom The Big Bang Theory in Adobe Illustrator. Useremo alcune tecniche per aggiungere più effetti a una singola forma, anche duplicando e copiando oggetti rapidamente, così come creando un pattern e persino ruotando quel pattern senza interrompere la forma che è stata applicata anche.
Mancia: Si prega di essere consapevoli del fatto che potrebbe essere necessario installare i caratteri prima di aprire Illustrator affinché venga visualizzato nell'elenco dei caratteri.
Iniziamo preparando il nostro documento. Apri Illustrator e premi Comando + N creare un Nuovo documento. Puoi rendere il tuo documento di qualsiasi dimensione ma per questo tutorial userò una dimensione predefinita per il desktop, quindi inserisci 1024 nella casella di larghezza e 768 nella casella dell'altezza, quindi fare clic su Pulsante avanzato. Selezionare RGB, Schermo (72ppi) e assicurarsi che il Allinea nuovi oggetti a Pixel Grid la casella è deselezionata prima del tuo clic ok.
Ora creeremo il colore dello sfondo che si adatta al nostro testo. Seleziona il Strumento rettangolo (M) dalla barra degli strumenti, quindi fare clic in qualsiasi punto dell'area di disegno per creare un rettangolo delle stesse dimensioni della tela 1024 x 768 px. Una volta che il rettangolo è stato reso possibile abilitare il Strumento di selezione (V) dalla barra degli strumenti e trascinalo per adattarlo alla tela del documento. Non preoccuparti di essere troppo preciso con il posizionamento. In pochi passaggi allineeremo lo sfondo perfettamente con la tavola da disegno.
Con il rettangolo creato, facciamolo stile. Mentre il rettangolo è ancora selezionato, vai a Pannello Aspetto (Finestra> Aspetto) e rimuovere l'elemento Tratto trascinando l'elemento sull'icona del cestino nella parte inferiore del pannello. Ora seleziona la voce Riempi e riempila con un colore rosso come indicato di seguito.
Ti invitiamo a fermarci qui, ma diamo un po 'di profondità allo sfondo e aggiungiamo anche un gradiente. Mentre nel Pannello Aspetto (Finestra> Aspetto) clicca il Aggiungi nuovo riempimento pulsante nella parte inferiore del pannello. Questo creerà un altro livello di riempimento rosso, ma lo cambieremo ora. Vai a Pannello sfumatura (Finestra> Gradiente) e creare un gradiente radiale nero opaco al trasparente con i seguenti attributi.
Per finire lo sfondo seleziona il Strumento ellisse (L) quindi fare clic una volta sul documento e creare una cerchia 580px largo e 580px alta. Cambiamo quindi il colore in bianco puro.
Avremo bisogno di centrare il cerchio all'interno della nostra forma rettangolare ora. Per fare ciò abilitare il Strumento di selezione (V) poi SHIFT-CLICK entrambe le nostre forme per selezionarle entrambe. Ora vai al Allinea pannello (Finestra> Allinea) e selezionare il pulsante Allinea a in basso a destra del pannello e scegliere Allinea alla tavola da disegno opzione dal menu che appare. Ora, sotto l'intestazione Align Objects, scegli il secondo pulsante da sinistra etichettato Centro allineamento orizzontale Quindi selezionare il secondo pulsante da destra etichettato Centro di allineamento verticale.
Con il nostro background fuori mano prendiamo le cose divertenti, il trattamento del testo! Stiamo usando un font gratuito disponibile da dafont.com chiamato "Badaboom BB", che puoi scaricare qui. Seleziona il tuo Tipo Strumento (T) quindi fai clic sulla tavola da disegno e scrivi "BAZINGA!" in tutte le parti. Assicurati di non avvicinarti troppo a nessuno dei bordi della forma dello sfondo, altrimenti il testo cercherà di aderire a quella forma. Una volta che il tuo testo è stato scritto, vai a Pannello caratteri (Finestra> Tipo> Carattere) quindi scegli il tuo carattere e cambia il Dimensione del font a 305px e il puntamento a -7.
Ora regoleremo l'angolo su cui è scritto il nostro testo. Abilita il Strumento di selezione (V) e CLIC DESTRO con il mouse sopra il testo e scegliere Trasforma> Taglio dal menu che appare. Quando il Pannello di taglio apre le opzioni indicate di seguito. Allineamo anche il testo nella posizione corretta nel documento navigando verso Allinea pannello (Finestra> Allinea) e selezionare il pulsante Allinea a in basso a destra del pannello e scegliere Allinea alla tavola da disegno opzione dal menu che appare. Ora, sotto l'intestazione Align Objects, scegli il secondo pulsante da sinistra etichettato Centro allineamento orizzontale Quindi selezionare il secondo pulsante da destra etichettato Centro di allineamento verticale. Quindi mentre si tiene CAMBIO sulla tastiera premi il tasto SU freccia sulla tastiera quattro volte per spostare leggermente il testo di 40 pixel.
Una volta che il nostro testo è a posto, naviga verso Pannello Aspetto (Finestra> Aspetto) regola la voce Fill in nero. Quindi, abilitare il Strumento di selezione (V) e scegliere Oggetto> Espandi per espandere il testo per modellare i livelli. Poi CLIC DESTRO sul testo e scegli Separa.
Torna al Pannello Aspetto (Finestra> Aspetto) e selezionare la voce di riempimento nera. Clicca il Aggiungi un nuovo effetto pulsante (appare come le lettere "fx") nella parte inferiore del pannello Aspetto, quindi selezionare Percorso> Percorso di offset e inserire gli attributi descritti di seguito. Clicca il Aggiungi un nuovo effetto di nuovo il pulsante e scegliere Distorci e trasforma> Trasforma e inserisci gli attributi come mostrato di seguito.
Aggiungiamo un'altra voce di riempimento. Nel Pannello Aspetto (Finestra> Aspetto) seleziona il Aggiungi nuovo riempimento pulsante nella parte inferiore del pannello. Riempi questo oggetto con un colore bianco piatto come indicato di seguito.
Ancora una volta aggiungeremo una voce Fill. Nel Pannello Aspetto (Finestra> Aspetto) seleziona il Aggiungi nuovo riempimento pulsante nella parte inferiore del pannello. Riempi questo oggetto con un bel giallo senape come indicato di seguito. Ora fai clic sul Aggiungi un nuovo effetto pulsante e scegliere Distorci e trasforma> Trasforma e inserisci gli attributi come mostrato di seguito.
Ora nel Pannello Aspetto (Finestra> Aspettoindividuare l'oggetto Stroke e fare clic e trascinarlo nella parte più in alto nel pannello Aspetto se non è già presente. Vai a Pannello Stroke (Finestra> Corsa) e regolare gli attributi come mostrato di seguito.
Per contribuire ad aggiungere qualcosa di più al testo, creeremo e applicheremo un pattern. Per creare il nostro modello selezioniamo il nostro Strumento rettangolo (M) quindi fai clic sulla tavola da disegno e crea un 15 X 15px quadrato pieno di nero piatto.
Con il nostro quadrato creato abilita il Strumento di selezione (V) e selezionare il quadrato facendo clic su di esso. Poi CLIC DESTRO il quadrato e scegli Trasforma> Taglio quindi inserire i seguenti attributi.
Con la forma ancora selezionata lo faremo copia (Comando + C) poi Incolla davanti (Comando + F). Poi CLIC DESTRO sulla forma e scegliere Trasforma> Rifletti e inserire i seguenti attributi.
Ora che la forma è capovolta, CLIC DESTRO un'ultima volta e scegli Trasforma> Sposta e inserire i seguenti attributi.
Adesso SHIFT-CLICK entrambe le forme e navigare verso Pannello Pathfinder (Finestra> Pathfinder) quindi fare clic sulla prima opzione sotto l'intestazione Modi di forma intitolata Unire. Entrambi gli oggetti dovrebbero ora essere uniti in uno solo.
Infine, con la selezione della forma combinata Modifica> Definisci modello e dai il nome al tuo modello come meglio credi. Abbiamo completato il nostro schema! Puoi cancellare questa forma a forma di chevron e tornare al tuo testo.
Riselezioniamo tutto il testo di SHIFT-CLICCANDO ogni forma quindi naviga verso Pannello Aspetto (Finestra> Aspetto) e fare clic su Aggiungi nuovo riempimento pulsante nella parte inferiore del pannello. Trova il modello appena creato dal Pannello Campioni e applicarlo a questa voce Fill quindi selezionare il Modalità di fusione a copertura e rilasciare il Opacità a 36%.
Per finire l'effetto del testo lo faremo CLIC DESTRO sul testo e scegli Trasforma> Ruota e inserire i seguenti attributi. Assicurati di deselezionare gli oggetti in modo da assicurarti di ruotare solo il modello e non il testo stesso.
Completiamo questo tutorial creando la forma di alleggerimento sotto il testo. Seleziona il Strumento rettangolo (M) quindi fai clic sulla tua tavola da disegno e crea un rettangolo che è 160 pixel di larghezza 60 alto pixel.
Ora duplichiamo e trasferiamo questa forma per creare un totale di sei rettangoli. Per duplicare e spostare rapidamente il rettangolo avremo bisogno di usare il Trasforma Ciascuno strumento. Con il rettangolo che abbiamo appena creato ancora evidenziato, CLIC DESTRO sul rettangolo e scegliere Trasforma> Trasforma ognuno quindi inserire i seguenti parametri e fare clic copia, non bene. Facendo clic su OK si sposta semplicemente il rettangolo, ma facendo clic su Copia si sposta e lo si duplica.
Ora dovremmo avere due rettangoli affiancati che formano una forma a gradino. Questo nuovo rettangolo che è stato creato dovrebbe essere selezionato, quindi facciamolo CLIC DESTRO sul rettangolo e scegliere Trasforma> Trasforma di nuovo. Ripeti il Trasforma di nuovo Passa altre quattro volte finché non hai sei rettangoli che formano una scala allungata.
Abilita il tuo Strumento di selezione (V) e trascina una selezione sui sei rettangoli per selezionarli tutti contemporaneamente. Quindi vai al Pannello Pathfinder (Finestra> Pathfinder) e fare clic sulla prima opzione sotto l'intestazione Modi di forma intitolata Unire. Tutti gli oggetti dovrebbero ora essere uniti a uno.
Con la forma della scala ancora selezionata, CLIC DESTRO sulla forma e scegliere Trasforma> Taglio e inserire gli attributi descritti di seguito.
Ripeteremo questo passaggio di tosatura solo cambiando l'angolazione. Di nuovo CLIC DESTRO sulla forma e scegliere Trasforma> Taglio e inserire gli attributi descritti di seguito.
Per finirlo, abilitiamo il nostro Strumento di selezione diretta (A) e selezionare il punto in alto a destra della forma e anche in basso a sinistra della forma. Dopo aver selezionato questi punti, premere ELIMINA (backspace) sulla tastiera.
Questo ci lascerà con una forma aperta che dovremo porre rimedio. Per fare naviga verso Oggetto> Percorso> Partecipa per chiudere la fine del percorso. Fatelo due volte per chiudere entrambe le estremità della forma.
Ora spostiamo il fulmine nella sua posizione finale. Vai a Allinea pannello (Finestra> Allinea) e selezionare il pulsante Allinea a: in basso a destra del pannello e scegliere Allinea alla tavola da disegno opzione dal menu che appare. Ora, sotto l'opzione Allinea oggetti: scegliere il secondo pulsante da sinistra etichettato Centro allineamento orizzontale Quindi selezionare il secondo pulsante da destra etichettato Centro di allineamento verticale. Quindi mentre si tiene CAMBIO sulla tastiera premi il tasto GIÙ freccia sulla tastiera 15 volte per spostare la forma verso il basso di 150 pixel.
Spero di essere stato in grado di mostrarti alcune tecniche in Illustrator che puoi usare altrove nella tua vita in vettoriale. Sentiti libero di giocare con questo effetto e aggiungilo a tuo piacimento. Spero che tu abbia un subdolo giorno d'aprile!