Share
Nel seguente tutorial ti mostrerò come creare un'illustrazione di un marker. Questo tutorial prevede abilità di costruzione di figure vettoriali intermedie in Illustrator per creare i marcatori, insieme ad alcuni livelli e all'uso degli script per creare gli effetti di testo. Iniziamo.
Crea un documento RGB da 700px per 630px. Innanzitutto, attiva la griglia (Visualizza> Griglia) e la Scatta alla griglia (Visualizza> Aggancia alla griglia). Successivamente, avrai bisogno di una griglia ogni 2px. Vai a Modifica> Preferenze> Guide e griglia, inserisci 2 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.
Iniziamo con il marker. Seleziona lo strumento Rettangolo (M) e crea una forma a 64 px per 172 px. Passare allo strumento di selezione diretta (A) e concentrarsi sui punti di ancoraggio inferiori. Seleziona il punto di ancoraggio sinistro e spostalo di 8px verso destra, quindi seleziona il punto di ancoraggio corretto e spostalo di 8px a sinistra. Snap to Grid dovrebbe facilitare il tuo lavoro. Alla fine la tua forma dovrebbe assomigliare alla seconda immagine mostrata. Selezionalo, duplicalo e rendi invisibile questa copia. Ne avrai bisogno qualche passo dopo.
Seleziona la forma rimanente visibile e vai a Effetto> Deformazione> Fisheye. Immettere i dati mostrati di seguito, fare clic su OK e quindi andare su Oggetto> Espandi aspetto. Riselezionare lo strumento Rettangolo (M) e creare una forma simile a quella grigia mostrata nella seconda immagine. Selezionalo insieme alla forma espansa e fai clic sul pulsante Interseca dal pannello Elaborazione tracciati.
Torna alla forma visibile fatta nel secondo passaggio. Selezionalo e vai su Effetto> Deformazione> Fisheye. Inserisci i dati mostrati di seguito, fai clic su OK e quindi vai a Effetto> Stilizzazione> Angoli arrotondati. Inserisci un raggio di 5px, 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 Unite dal pannello Pathfinder.
Ora dovresti avere una sola forma sulla tua tavola da disegno e dovrebbe apparire come la prima immagine qui sotto. Facciamo un piccolo aggiustamento per questo percorso. Disabilitare lo snap alla griglia (Visualizza> Aggancia alla griglia) e quindi afferrare lo strumento Elimina punto di ancoraggio (-). Rimuovere i due punti di ancoraggio evidenziati nella prima immagine e quindi riempire la forma risultante con R = 152, G = 220 e B = 98.
Ora aggiungiamo alcuni nuovi riempimenti per questa forma verde. Selezionalo e vai al pannello Aspetto. Aprire il menu a comparsa e fare clic su Aggiungi nuovo riempimento. Ovviamente questo aggiungerà un secondo riempimento per la tua forma. Selezionalo dal pannello Aspetto e riempilo con il gradiente lineare in alto a sinistra mostrato sotto. Lo zero giallo dall'immagine del gradiente indica la percentuale di opacità.
Utilizzare la stessa tecnica per aggiungere un terzo riempimento per questa forma e utilizzare il gradiente lineare superiore superiore mostrato di seguito. Ora, aggiungiamo un quarto riempimento per questa forma usando una tecnica diversa. Riselezionare questa forma, andare al pannello Aspetto, selezionare il riempimento superiore e fare clic sul pulsante Duplica elemento selezionato dal pannello Aspetto. Ovviamente, questo aggiungerà una copia del riempimento selezionato.
Seleziona questo nuovo riempimento. Per prima cosa, abbassa la sua Opacità all'80% e quindi sostituisci la sfumatura lineare esistente con la sfumatura inferiore sinistra mostrata sotto. I numeri bianchi dall'immagine del gradiente rappresentano la percentuale di posizione. Ciò significa che devi selezionare quella piccola icona a forma di diamante e trascinarla a sinistra al 30%. Infine, aggiungi un quinto riempimento per la tua forma e utilizza il gradiente lineare inferiore destro mostrato di seguito. Non dimenticare di selezionarlo dal pannello Aspetto e abbassare la sua Opacità all'80%.
Riattiva lo snap alla griglia. Afferra lo strumento Rettangolo (M) e concentrati sull'area superiore. Crea una forma a 64 px per 6 px, riempila con la sfumatura lineare mostrata di seguito, quindi posizionala come mostrato nella prima immagine. Successivamente, è necessario aggiungere un effetto di rotondità discreto per i punti di ancoraggio superiori di questa forma. Lo script Round Any Corner sarà utile per questo.
Salvalo sul tuo disco rigido. Ora prendi lo strumento selezione diretta (A). Seleziona i punti di ancoraggio superiori (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. Alla fine la tua forma dovrebbe assomigliare alla seconda immagine mostrata.
Continua a concentrarti sull'area in alto e seleziona lo strumento Rettangolo (M). Crea una forma a 56px per 4px, riempila con la sfumatura lineare mostrata di seguito e posizionala come mostrato nella prima immagine.
Anche in questo caso, utilizzare lo strumento Rettangolo (M) per creare una forma 56px per 44px. Posizionalo come mostrato nella prima immagine, quindi afferra lo Strumento selezione diretta (A). Seleziona il punto di ancoraggio sinistro e spostalo di 20px verso destra, quindi seleziona il punto di ancoraggio corretto e spostalo di 20 px verso sinistra. Ora, la tua forma dovrebbe apparire come un trapezio. Selezionalo e vai su Effetto> Deformazione> Spremere. Inserisci i dati mostrati di seguito, fai clic su OK, quindi vai su Oggetto> Espandi aspetto.
Ora, modifichiamo la forma creata nel passaggio precedente. Seleziona lo strumento Rettangolo (M) e crea due forme nere mostrate nella prima immagine. Selezionali insieme alla forma creata nel passaggio precedente e fai clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. La forma risultante dovrebbe assomigliare alla seconda immagine mostrata.
Riselezionare la forma creata nel passaggio precedente, riempirla con R = 32, G = 31 e B = 35. Ora seleziona lo strumento di selezione diretta (A). Seleziona i punti di ancoraggio superiori e vai su File> Script> Altro script. Ancora una volta, apri il Round Any Corner Script, inserisci un 2px Radius e fai clic su OK. Alla fine la tua forma dovrebbe assomigliare alla seconda immagine mostrata.
Disattiva lo snap alla griglia, quindi vai a Modifica> Preferenze> Generale e inserisci 0,5 nella casella Incremento tastiera. Seleziona la forma modificata nel passaggio precedente e crea una copia in primo piano (Ctrl + C> Ctrl + F). Seleziona questa copia, colpisci la freccia sinistra cinque volte, quindi duplicala. Ancora una volta, seleziona questa nuova copia e premi la freccia sinistra cinque volte. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 147, G = 149 e B = 152.
Seleziona la forma modificata nell'undicesimo passo e crea una copia davanti (Control + C> Control + F). Seleziona questa copia, colpisci la freccia destra sei volte e poi duplicala. Ancora una volta, selezionare questa nuova copia e premere la freccia destra quattro volte. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 109, G = 110 e B = 113.
Seleziona la forma creata nella dodicesima fase, vai a Effetto> Sfocatura> Sfocatura gaussiana, quindi inserisci un raggio di 3 pixel e fai clic su OK. Seleziona la forma creata nel passaggio precedente, vai a Effetto> Sfocatura> Sfocatura gaussiana, quindi inserisci un raggio di 2,5 px e fai clic su OK. Riseleziona queste forme sfocate e raggruppale (Control + G).
Seleziona la forma modificata nell'undicesimo passo, crea una copia in primo piano e riempila di bianco. Selezionalo insieme al gruppo creato nel passaggio precedente e vai al pannello Trasparenza. Aprire il menu a comparsa e fare clic su Crea maschera di opacità.
Abilita lo snap alla griglia. Ancora una volta, seleziona la forma modificata nell'undicesimo passo e fai una copia in primo piano. Ora seleziona lo strumento Rettangolo (M) e crea una forma come quella mostrata nel secondo passaggio. Seleziona questa nuova forma insieme alla nuova copia e fai clic sul pulsante Interseca dal pannello Elaborazione tracciati. Riempi la forma risultante con il gradiente lineare mostrato nella terza immagine e portalo in primo piano (Shift + Control + tasto Right Bracket).
Seleziona lo strumento Rettangolo (M), crea una forma 12px per 20px, posizionala come mostrato nella prima immagine e poi afferra lo Strumento selezione diretta. Seleziona il punto di ancoraggio in alto a sinistra e spostalo di 6px in basso. La forma risultante dovrebbe assomigliare alla seconda immagine qui sotto.
Selezionalo e vai a Effetto> Stilizzazione> Angoli arrotondati. Immettere un raggio di 2 pixel, fare clic su OK, quindi selezionare Oggetto> Espandi aspetto. Riempi la forma risultante con il gradiente lineare mostrato sotto, invialo indietro (Shift + Control + tasto Left Bracket), quindi duplicalo.
Seleziona lo strumento Ellisse (L), crea una forma di 12 px per 22 px e posizionalo come mostrato nella prima immagine. Prendi lo Strumento selezione diretta (A), seleziona il punto di ancoraggio sinistro e spostalo verso il basso di 6 pixel. Ora la tua forma dovrebbe assomigliare alla seconda immagine mostrata. Selezionalo insieme alla copia effettuata nel passaggio precedente e fai clic sul pulsante Interseca dal pannello Elaborazione tracciati. Riempi la forma risultante con il gradiente lineare mostrato nella quarta immagine.
Disabilita lo snap alla griglia. Seleziona la forma creata nel passaggio precedente e crea due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in basso, quindi premi la freccia destra una volta e la freccia giù due volte. 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 terza immagine e vai a Effetto> Sfocatura> Sfocatura gaussiana. Immettere un raggio di 0,5 px e fare clic su OK.
Duplica le forme realizzate nei passi diciassettesimo e diciottesimo. Seleziona queste copie e fai clic sul pulsante Unite dal pannello Pathfinder. Riempi la forma risultante con il bianco e portalo in primo piano (Shift + Control + tasto Right Bracket). Selezionalo insieme alla forma sfocata creata nel passaggio precedente, apri il menu a comparsa del pannello Trasparenza e fai clic su Crea maschera di opacità.
Duplica tutte le forme create finora, tranne quelle mascherate. Seleziona tutte queste copie e fai clic sul pulsante Unite dal pannello Pathfinder. Riempi la forma risultante con none e aggiungi un 1pt, nero, allineato al tratto esterno. Selezionalo e vai su Oggetto> Espandi, quindi riempi il percorso risultante con il gradiente lineare mostrato nell'immagine seguente.
Ancora una volta, duplicate tutte le forme create finora, aspettatevi quelle mascherate. Seleziona queste copie e fai clic sul pulsante Unite dal pannello Pathfinder. Manda indietro la forma risultante (Shift + Control + tasto Left Bracket), riempila di bianco, quindi vai a Effetto> Stilizzazione> Sfalsa ombra. Inserire i dati mostrati di seguito e fare clic su OK. Ora il tuo creatore è completo. Seleziona tutte le forme create finora e raggruppale (Control + G).
Seleziona il gruppo marcatore, duplicalo e spostalo a sinistra. Facciamola rosa. Seleziona il corpo dell'indicatore e vai al pannello Aspetto. Innanzitutto, sostituisci il verde piatto con il rosa piatto mostrato di seguito, quindi sostituisci i gradienti esistenti con quelli mostrati nell'immagine seguente.
Ora, passiamo alla cima dell'indicatore. Usa il primo, due gradienti lineari per le forme superiori, il terzo gradiente per la forma sfocata e il quarto gradiente per il tratto espanso.
Crea una copia dell'indicatore rosa e sostituisci i colori in uscita con quelli mostrati nelle immagini seguenti.
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 il bianco. Quindi, afferra lo strumento griglia rettangolare, fai clic sulla tua tavola da disegno, inserisci i dati mostrati di seguito, quindi fai clic su OK. Una grande griglia dovrebbe apparire sulla tua tavola da disegno. Aggiungi un tratto di 0,5 pt (R = 28, G = 117 e B = 188), abbassa la sua opacità al 20%, quindi posizionalo sopra il rettangolo bianco. Infine, blocca questa griglia e il rettangolo bianco. In questo modo non dovrai selezionare o spostare la forma accidentalmente.
Seleziona lo Strumento testo (T), aggiungi il testo e prova a utilizzare un font scritto a mano. Useremo questo testo come modello, non farà parte dell'illustrazione finale. Successivamente, è necessario un semplice pennello calligrafico. Vai al pannello Pennelli (Finestra> Pennelli), apri il menu a comparsa e fai clic su Nuovo pennello. Controllare il pennello calligrafico, fare clic su OK, inserire i dati visualizzati nell'immagine finale e fare clic su OK.
Ora usa questo pennello fresco insieme allo strumento Pennello (B) per disegnare i tracciati lungo il tuo testo, con i colori mostrati sotto. Sicuramente, non sembrerà perfetto. Dovrai utilizzare lo Strumento selezione diretta e alcuni strumenti del punto di ancoraggio (Aggiungi strumento Punto di ancoraggio, Elimina strumento Punto di ancoraggio e Converti strumento di selezione) per modificare questi percorsi.
Ruota i marcatori verdi e rosa e posizionali come mostrato nella prima immagine. Ora seleziona i percorsi verdi creati nel passaggio precedente e vai su Oggetto> Espandi aspetto. Seleziona il gruppo di forme risultante e fai clic sul pulsante Unite dal pannello Pathfinder, quindi vai su Oggetto> Percorso composto> Crea.
Riselezionare il percorso effettuato nel passaggio precedente e aggiungere un secondo riempimento. Rendilo nero, abbassa la sua Opacità al 3%, cambia la modalità di fusione in Moltiplica, quindi vai a Effetto> Artistico> Grana della pellicola. Immettere i dati mostrati di seguito, fare clic su OK, quindi riselezionare l'intero percorso e modificare la modalità di fusione in Moltiplica.
Riseleziona il percorso modificato nel passaggio precedente e fai una copia davanti (Control + C> Control + F). Seleziona questa copia e premi il tasto D. Questo aggiungerà le proprietà di default (riempimento bianco e 1pt, tratto nero) per la tua forma. Rimuovi il tratto, quindi seleziona la forma bianca rimanente, insieme alla forma modificata nel passaggio precedente e vai al pannello Trasparenza. Aprire il menu a comparsa e fare clic su Crea maschera di opacità.
Passa ai percorsi rosa. Espandili, unisci i percorsi risultanti, trasformali in un percorso composto, quindi aggiungi gli stessi effetti e le stesse tecniche utilizzate per il percorso verde.
Riseleziona il percorso verde e fai una copia davanti (Control + C> Control + F). Seleziona questa copia, sostituisci il verde con R = 107, G = 208 e B = 255. Ora colpisci la freccia destra e la freccia su cinque volte. Inoltre, ruota l'indicatore blu e posizionalo come mostrato nella seconda immagine.
Afferra lo strumento Pennello (B) e usa lo stesso pennello calligrafico per aggiungere i percorsi mostrati nella prima immagine. Espandili e trasformali in percorsi composti, quindi aggiungi le tecniche e gli effetti usati per i percorsi di testo.
L'immagine finale è sotto.
Accentsconagua