Share
Nel seguente tutorial imparerai come creare un'illustrazione per microfono con effetto testo cavo sovrapposto. Utilizzeremo tecniche di creazione di forme vettoriali, maschere di opacità, sfumature, effetti, pennelli pattern e altri strumenti di Adobe Illustrator per rendere questa illustrazione ispirata alla musica. Preparati a fare rock!
Crea un documento RGB da 1370 px per 670 px. Innanzitutto, attiva la griglia (Visualizza> Griglia) e la Scatta alla griglia (Visualizza> Aggancia alla griglia). Successivamente, avrai bisogno di una griglia ogni 2,5 px. Vai a Modifica> Preferenze> Guide> Griglia, inserisci 2,5 nella griglia ogni casella e 1 nella casella Sottori.
Puoi anche aprire il pannello Informazioni (Finestra> Informazioni) per un'anteprima dal vivo con le dimensioni e la posizione delle tue forme. Non dimenticare di sostituire l'unità di misura in pixel da Modifica> Preferenze> Unità> Generale. Tutte queste opzioni aumenteranno significativamente la tua velocità di lavoro.
Scegli lo strumento Ellisse (L) e fai semplicemente clic sulla tua tavola da disegno. Una nuova finestra dovrebbe aprirsi. Inserisci 102.5 nelle caselle larghezza e altezza, quindi fai clic su. Ciò creerà una forma 102.5 px per 102.5 px. Riempilo con R = 50, G = 50, B = 50.
Afferra lo strumento Rettangolo (M), crea un quadrato di 2.5 px per 2.5 px e riempilo con qualsiasi colore. Snap to Grid faciliterà il tuo lavoro. Seleziona questa nuova forma e vai a Effetto> Distorci e trasforma> Trasforma. Inserisci i dati mostrati nella prima finestra di trasformazione, fai clic su OK, quindi vai di nuovo su Effetto> Distorci e trasforma> Trasforma.
Immettere i dati visualizzati nella seconda finestra di trasformazione, fare clic su OK, quindi su Oggetto> Espandi aspetto. Seleziona il gruppo di forme risultante e vai su Oggetto> Percorso composto> Crea. Questo trasformerà il tuo gruppo in un unico percorso.
Apri il pannello Allinea (Finestra> Allinea). Seleziona il percorso fatto nel passaggio precedente insieme al cerchio, seleziona lo strumento Selezione (V), fai clic sul bordo del cerchio (dovrebbe essere enfatizzato), quindi fai clic sui pulsanti Centro allineamento orizzontale e Centro allineamento verticale. Ora, le tue forme dovrebbero essere posizionate come mostrato nella seconda immagine.
Riselezionare il percorso composto, riempirlo con R = 88, G = 89, B = 91. Ora aggiungi un 0.25pt, allineato al tratto esterno e imposta il suo colore a R = 30, G = 30, B = 30. Riseleziona l'intero percorso e vai a Effetto> Stilizzazione> Angoli arrotondati. Inserisci un raggio di 0,5 px, fai clic su OK, quindi vai su Effetto> Deformazione> Fisheye. Inserisci i dati mostrati di seguito, fai clic su OK, quindi vai al pannello Aspetto. Assicurati che questi due effetti siano posizionati sopra il riempimento e il tratto, come mostrato nell'immagine che segue.
Seleziona la forma del cerchio e crea una copia in primo piano (Comando + C> Comando + F). Seleziona questa copia, portala in primo piano (Shift + Comando + tasto Destra parentesi), e riempila di bianco. Seleziona questa forma bianca insieme al tracciato composto e vai al pannello Trasparenza (Finestra> Trasparenza). Aprire il menu a comparsa e fare clic su Crea maschera di opacità. Alla fine la tua illustrazione dovrebbe assomigliare alla quarta immagine mostrata.
Riselezionare la forma del cerchio e creare una nuova copia in primo piano. Selezionalo, portalo in primo piano (Shift + Command + tasto Right Bracket), quindi riempilo con il gradiente lineare mostrato nella seconda immagine. Il numero giallo dall'immagine del gradiente indica la percentuale di opacità, mentre il numero bianco indica la percentuale di posizione. Significa che devi selezionare il cursore del gradiente e abbassarne l'opacità a 0%, quindi selezionare l'icona a forma di piccolo diamante e trascinarla al 25%.
Seleziona lo strumento Rettangolo (M) e crea una forma 140 px per 67,5 px. Riempi il nero, posizionalo come mostrato nella prima immagine, quindi afferra lo Strumento selezione diretta (A). Seleziona il punto di ancoraggio in alto a sinistra e spostalo verso il basso di 15 px. Ora seleziona il punto di ancoraggio in basso a sinistra e spostalo di 15px in alto. Alla fine la tua forma dovrebbe assomigliare alla seconda immagine mostrata.
Riseleziona la forma creata nel passaggio precedente e vai su Effetto> Deformazione> Arco inferiore. Inserisci i dati mostrati di seguito, fai clic su OK, quindi vai su Effetto> Deformazione> Arco superiore. Inserisci i dati mostrati nell'immagine seguente, fai clic su OK, quindi vai su Oggetto> Espandi aspetto.
Scegli lo strumento Penna (P) e disegna due percorsi verticali. Rendili alti 67,5 e posizionali come mostrato nella prima immagine. È possibile aggiungere un tratto rosso discreto per questi percorsi per distinguerli dal resto delle forme. Seleziona il percorso a sinistra e vai a Effetto> Deformazione> Arco inferiore.
Inserisci i dati mostrati di seguito, fai clic su OK, quindi seleziona il percorso corretto e vai su Effetto> Deformazione> Arco inferiore. Ancora una volta, inserisci i dati mostrati di seguito, quindi riseleziona entrambi i percorsi e vai su Oggetto> Espandi aspetto. Seleziona questi due percorsi curvi insieme alla forma nera e fai clic sul pulsante Dividi dal pannello Elaborazione tracciati. Questo creerà un gruppo con tre forme semplici. Selezionalo e separalo (Shift + Command + G).
Concentrati sulla forma sinistra creata nel passaggio precedente. Per prima cosa aggiungiamo un effetto di rotondità discreto per i punti di ancoraggio sinistro. Avrai bisogno del Round Any Corner Script, che può essere trovato nell'articolo Vectortuts + 20 Free e utili script di Adobe Illustrator.
Salvalo sul tuo disco rigido e seleziona lo Strumento selezione diretta (A). Seleziona i punti di ancoraggio sinistro (evidenziati nella prima immagine) e vai su File> Script> Altro script. Apri lo script Round Any Corner, inserisci un Raggio 3px e fai clic su OK. Ora la tua forma dovrebbe assomigliare alla seconda immagine qui sotto. Selezionalo e crea due copie in primo piano (Comando + C> Comando + F> Comando + F), quindi vai a Modifica> Preferenze> Generale e inserisci 0,5 nella casella Incremento tastiera.
Disabilitare lo snap alla griglia (Visualizza> Aggancia alla griglia), quindi selezionare la copia superiore e premere due volte la freccia sinistra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il gradiente lineare mostrato nella quarta immagine.
Riselezionare la forma nera modificata nel passaggio precedente e creare due nuove copie. Seleziona la copia in alto e premi una volta la freccia sinistra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Porta in primo piano la forma risultante (Shift + Comando + tasto Destra parentesi) e assicurati che sia nera.
Riselezionare la grande forma nera, aggiungere due nuovi riempimenti e utilizzare il gradiente lineare mostrato nelle prime due immagini. Non dimenticare di modificare le percentuali di opacità e posizione come mostrato di seguito. Successivamente, aggiungi un quarto riempimento per questa forma. Selezionalo dal pannello Aspetto, rendilo nero, abbassa Opacità al 2%, quindi vai a Effetto> Artistico> Grana pellicola. Immettere i dati mostrati di seguito, quindi fare clic su OK.
Passiamo alla forma centrale di colore nero. Selezionalo e fai due copie davanti. Seleziona la copia in alto e premi due volte la freccia sinistra, quindi seleziona nuovamente entrambe le copie e fai clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il gradiente lineare mostrato nella terza immagine.
Riselezionare la forma centrale, nera e creare due nuove copie. Seleziona la copia in alto e premi una volta la freccia sinistra, quindi seleziona nuovamente entrambe le copie e fai clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Porta in primo piano la forma risultante (Shift + Comando + tasto Destra parentesi), e assicurati che sia riempita di nero.
Aggiungi due nuovi riempimenti per questa grande forma nera e usa i gradienti lineari mostrati nelle prime due immagini. Aggiungi un quarto riempimento per questa forma e rendilo nero. Abbassa la sua opacità al 2%, quindi vai a Effetto> Artistico> Grana pellicola. Inserire i dati mostrati nell'immagine finale e fare clic su OK.
Passa alla forma nera finale. Sostituisci il nero piatto con il gradiente lineare mostrato nella prima immagine, quindi crea due copie davanti a questa forma. Seleziona la copia in alto e premi la freccia sinistra, quindi seleziona nuovamente entrambe le copie e fai clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il gradiente lineare mostrato nella terza immagine, quindi riduci la sua Opacità al 75% e modifica la modalità di fusione in Sovrapposizione.
Riseleziona la forma scura del cerchio e vai su Oggetto> Tracciato> Tracciato offset. Inserisci un offset di 1px, fai clic su OK e porta la forma risultante in primo piano (Maiusc + Comando + Tasto parentesi destra).
Riattiva lo snap alla griglia. Seleziona lo strumento Rettangolo (M), crea una forma 15 per 107,5, riempila con qualsiasi colore e posizionala come mostrato nella prima immagine. Selezionalo e vai su Effetto> Deformazione> Arco. Inserisci i dati mostrati di seguito, fai clic su OK, quindi vai su Oggetto> Espandi aspetto. Seleziona la forma risultante insieme alla forma creata nel passaggio precedente e fai clic sul pulsante Interseca dal pannello Elaborazione tracciati.
Ancora una volta, avrai bisogno dello script Round Any Corner per aggiungere una certa rotondità a questa nuova forma. Seleziona lo Strumento selezione diretta (A), seleziona i punti di ancoraggio evidenziati nella terza immagine e vai su File> Script> Altro script. Apri lo script Round Any Corner, inserisci un raggio di 1px e fai clic su OK.
Disabilita lo snap alla griglia (Visualizza> Aggancia alla griglia). Seleziona la forma creata nel passaggio precedente, riempila con il gradiente lineare mostrato di seguito (stesso gradiente utilizzato nel passaggio n. 17), quindi crea due copie in primo piano. Seleziona la copia in alto e premi la freccia destra una volta. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il gradiente lineare mostrato nell'immagine finale, quindi riduci la sua Opacità al 75% e modifica la modalità di fusione in Sovrapposizione.
Riselezionare la forma modificata nel passaggio precedente e creare due nuove copie. Seleziona la copia in alto e premi due volte la freccia sinistra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il gradiente lineare mostrato sotto, quindi abbassa la sua Opacità al 75% e modifica la modalità di fusione su Sovrapposizione.
Riattiva la funzione Blocca sulla griglia, quindi seleziona lo strumento Ellisse (L) e crea una forma da 32,5 x 57,5 px. Riempilo con il gradiente lineare mostrato sotto, abbassa la sua Opacità al 15%, quindi posizionalo come mostrato nell'immagine seguente.
Seleziona tutte le forme create finora e duplicale. Seleziona queste copie e fai clic sul pulsante Unite dal pannello Pathfinder. Invia indietro la forma risultante (Shift + Command + tasto Left Bracket). Riempi con il bianco e aggiungi un 0,5 pt, nero, allineato al tratto esterno, quindi vai a Effetto> Stilizzazione> Sfalsa ombra.
Inserisci i dati mostrati di seguito, fai clic su OK, quindi fai una copia di questa forma sul retro (Comando + C> Comando + B). Seleziona questa copia, apri l'effetto Ombra esterna dal pannello Aspetto e sostituisci i numeri esistenti con quelli mostrati nell'immagine finale.
L'illustrazione del microfono è completa. Seleziona tutte le forme create finora, raggruppale (Comando + G), quindi crea una copia di questo gruppo. Spostalo e concentrati sulle due forme indicate nell'immagine seguente. Sostituisci il gradiente in uscita con quello mostrato nell'immagine seguente.
Posiziona i due microfoni come mostrato nell'immagine seguente. Ora, continuiamo con il resto dell'illustrazione. Inizia con lo sfondo. Seleziona lo strumento Rettangolo (M), crea una forma delle dimensioni della tua tavola da disegno e riempila con R = 241, G = 242, B = 242, quindi aggiungi un secondo riempimento.
Selezionalo dal pannello Aspetto e imposta il suo colore su R = 194, G = 181, B = 155. Quindi abbassa la sua Opacità al 30% e cambia la modalità di fusione in Moltiplica. Aggiungi un terzo riempimento per questo rettangolo. Avrai bisogno di un modello di build per questo nuovo riempimento. Vai al pannello Campioni, apri il menu a comparsa e vai a Apri libreria campioni> Motivo> Grafica di base> Grafici_Tempi di base. Questo aprirà una nuova finestra con alcuni bei modelli. Seleziona il terzo riempimento dal pannello Aspetto.
Abbassa la sua Opacità al 15% e cambia la modalità di fusione in Moltiplicare, quindi usa lo schema Diamante e vai a Effetto> Artistico> Grana del film. Immettere i dati mostrati di seguito, fare clic su OK, quindi aggiungere un riempimento finale per questa forma. Abbassa la sua Opacità al 50%, cambia il metodo di fusione in Sovrapponi, quindi usa il gradiente radiale mostrato nell'immagine seguente. Infine, blocca questo rettangolo. In questo modo non lo selezionerai o lo sposti casualmente.
Continuiamo con il cavo. Avrai bisogno di una griglia ogni 0,5 px. Vai a Modifica> Preferenze> Guide> Griglia e inserisci 0,5 nella griglia ogni casella. Seleziona lo strumento Rettangolo (M), crea una forma 40 x 6 px e riempilo con il nero. Continuare con lo strumento Rettangolo (M), creare una forma di 40 x 1,5 px, riempirla con R = 88, G = 89, B = 91. Posizionalo come mostrato nella seconda immagine.
Seleziona queste due forme e vai su Oggetto> Miscela> Crea, quindi vai su Oggetto> Miscela> Opzioni di fusione. Seleziona Passi specificati dal menu a discesa Spaziatura e inserisci 15 nella casella. Riselezionare lo strumento Rettangolo (M), creare una forma di 40 x 0,5 px e riempirlo con R = 128, G = 130, B = 133. Ora posizionalo come mostrato nell'immagine finale.
Seleziona le forme create nel passaggio precedente e raggruppale (Comando + G). Ora apri il pannello Pennelli (Finestra> Pennelli). Seleziona questo nuovo gruppo, apri il menu a comparsa del pannello Pennelli e fai clic su Nuovo pennello. Controlla Pattern Brush, fai clic su OK, chiamalo "Cable", quindi fai clic su OK. Questo aggiungerà un nuovo pennello pattern nel pannello Pennelli.
Ora per una parte un po 'più difficile. Dovrai passare un po 'di tempo per questo passaggio. Seleziona lo strumento Penna (P) o lo strumento Pennello (B) e traccia il percorso del testo. Puoi provare a usare un font calligrafico come modello. Una volta raggiunto un risultato soddisfacente, aggiungi il pennello pattern creato nel passaggio precedente, quindi vai a Effetto> Stilizzazione> Sfalsa ombra.
Immettere i dati mostrati nella prima immagine, quindi eseguire di nuovo una copia di questo percorso (Command + C> Command + B). Seleziona questa copia, apri l'effetto Ombra esterna dal pannello Aspetto e sostituisci i numeri esistenti con quelli mostrati nell'immagine finale.
Seleziona i due percorsi creati nel passaggio precedente e duplicali, quindi seleziona le copie e spostale di 15 px a destra.
Riselezionare lo strumento Penna (P) e disegnare un secondo percorso di testo, come mostrato nella prima immagine. Aggiungi il pennello pattern e l'effetto ombra esterna, quindi duplica questo percorso e modifica l'effetto ombra esterna, come hai fatto per il percorso precedente. Ancora una volta, duplica questi due percorsi di testo, quindi sposta le copie 10px in alto e a sinistra.
Finalmente, creiamo il piccolo jack per i cavi. Avrai bisogno di una griglia ogni 1 pixel, quindi vai a Modifica> Preferenze> Guide> Griglia e inserisci 1 nella griglia ogni casella. Seleziona lo strumento Rettangolo (M) e crea il gruppo di forme mostrato nella prima immagine. Snap to Grid dovrebbe facilitare il tuo lavoro.
Riempili con i colori mostrati sotto, quindi afferra lo Strumento selezione diretta e concentrati sulla forma a sinistra. Seleziona il punto di ancoraggio in alto a sinistra e spostalo di 1 pixel verso il basso, quindi seleziona il punto di ancoraggio in basso a sinistra e spostalo di 1 pixel in alto. Successivamente, concentrati sulla forma giusta. Seleziona questo quadrato e ruotalo di 45 gradi, come mostrato nella seconda immagine.
Aggiungiamo un po 'di rotondità per queste forme. Usa Effetto> Stilizzazione> Angoli arrotondati per aggiungere gli effetti puntati sotto, quindi seleziona tutte queste forme e vai su Oggetto> Espandi Aspetto.
Seleziona le tre forme evidenziate nella prima immagine e fai clic sul pulsante Unite dal pannello Pathfinder. Un'ultima volta, avrai bisogno dello script Round Any Corner. Seleziona i quattro punti di ancoraggio evidenziati nella seconda immagine e vai su File> Script> Altro script. Apri lo script Round Any Corner, inserisci un raggio di 1px e fai clic su OK. Alla fine, la tua forma dovrebbe assomigliare a quella della terza immagine.
Concentrati sulla forma dall'estremità sinistra. Selezionalo e crea una copia in primo piano, quindi seleziona lo strumento Rettangolo e crea tre forme sottili, come mostrato nella seconda immagine. Selezionali, quindi riempili con R = 35, G = 31, B = 32. Ora vai su Oggetto> Percorso composto> Crea. Seleziona il percorso risultante insieme alla nuova copia e fai clic sul pulsante Interseca dal pannello Elaborazione tracciati. Ancora una volta, seleziona le forme risultanti (immagine n. 4) e vai su Oggetto> Percorso composto> Crea.
Disattiva lo snap alla griglia, quindi vai a Modifica> Preferenze> Generale e inserisci 1 nella casella Incremento tastiera. Spostati a destra e concentrati sulla forma successiva. Selezionalo e fai delle copie di fronte. Seleziona la copia in alto e premi due volte la freccia su. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 35, G = 31, B = 32.
Riselezionare il rettangolo arrotondato e fare una copia davanti. Selezionalo e tocca la freccia su tre volte, quindi fai una copia in primo piano. Seleziona questa nuova copia e premi la freccia su una volta. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 35, G = 31, B = 32. Ora abbassa la sua opacità al 50%.
Ancora una volta, seleziona il rettangolo grande e arrotondato e fai una copia in primo piano. Selezionalo e premi due volte la freccia giù, quindi fai una copia in primo piano. Seleziona questa nuova copia e premi due volte la freccia giù. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 70, G = 70, B = 70 e abbassa la sua opacità al 70%. Seleziona lo strumento Rettangolo, crea sette forme sottili (1 per 13 px) e riempili con R = 35, G = 31, B = 32. Ora posizionali come mostrato nell'immagine finale.
Vai a Modifica> Preferenze> Generale e inserisci 0.5 nella casella Incremento tastiera, quindi spostati a destra e concentrati sulla forma successiva. Seleziona questa forma piccola e crea due copie davanti. Seleziona la copia in alto e premi la freccia su una volta. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 88, G = 89, B = 91.
Riseleziona la forma piccola e crea una nuova copia in primo piano. Selezionalo e premi la freccia giù due volte, quindi duplicalo. Ancora una volta, seleziona questa nuova copia e premi due volte la freccia giù. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 209, G = 211, B = 212.
Spostati a destra e concentrati sulla forma rimanente. Selezionalo e fai due copie in primo piano, quindi seleziona la copia in alto e premi la freccia su una volta. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 147, G = 149, B = 152.
Riselezionare la forma dal passaggio precedente e creare due copie in primo piano. Seleziona una di queste copie e colpisci la freccia su tre volte, quindi fai una copia in primo piano. Seleziona questa nuova copia e premi la freccia su solo una volta, quindi riseleziona entrambe le copie e fai clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 188, G = 190, B = 192. Ora selezionalo insieme alla copia rimanente e fai clic sul pulsante Interseca dal pannello Elaborazione tracciati.
Ancora una volta, seleziona la forma dal passaggio precedente e crea due copie in primo piano. Seleziona una di queste copie, quindi premi due volte la freccia giù, quindi crea una copia in primo piano. Seleziona questa nuova copia e premi la freccia giù una sola volta, quindi seleziona nuovamente entrambe le copie e fai clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 241, G = 242, B = 242. Ora selezionalo, insieme alla copia rimanente, e fai clic sul pulsante Interseca dal pannello Elaborazione tracciati.
Riseleziona la grande sagoma grigia e vai su Oggetto> Tracciato> Tracciato offset. Immettere un offset di -1,5 px, fare clic su OK e riempire la forma risultante con R = 220, G = 221, B = 222.
Seleziona la grande forma grigia insieme alla forma creata nel passaggio precedente e vai a Oggetto> Fondi> Crea. Ora vai su Oggetto> Miscela> Opzioni di fusione. Seleziona Passi specificati dal menu a discesa Spaziatura e inserisci 11 nella casella bianca, quindi fai clic su OK. Riattiva lo snap alla griglia (Visualizza> Aggancia alla griglia), crea due rettangoli semplici (2 per 7px) e riempili con R = 65, G = 64, B = 66. Quindi posizionali come mostrato nell'immagine finale.
Infine, aggiungi una piccola porzione di cavo nella parte posteriore come mostrato nell'immagine seguente.
Seleziona le forme che costituiscono il jack e trascinalo nel pannello Campioni per trasformarle in un motivo. Chiamalo "Jack", quindi vai al pannello Pennelli e fai doppio clic sul tuo pennello. Fai clic sulla casella Fine riquadro (indicata dalla freccia), quindi seleziona il modello "Jack" dall'elenco e fai clic su OK. Alla fine, il tuo cavo dovrebbe assomigliare all'immagine finale.
L'immagine finale è sotto.
Accentsconagua