Share
Nei seguenti passaggi imparerai come creare un'icona di monitoraggio. È un suggerimento rapido piuttosto semplice che ti aiuterà a capire le tecniche di base per la creazione di forme vettoriali e alcuni degli effetti base di Illustrator. Non scoraggiarti per il numero di passaggi. Ogni passaggio è semplice e il più dettagliato possibile in modo che tu possa facilmente capirlo.
Creare un documento 700 x 700 pixel. Innanzitutto, abilitare la griglia (Visualizza> Mostra griglia) e la funzione Blocca sulla griglia (Visualizza> Blocca sulla griglia). Successivamente, avrai bisogno di una griglia ogni 5px. Vai a Modifica> Preferenze> Guide> Griglia, inserisci 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.
Seleziona lo strumento Rettangolo (M) e crea una forma di 40 per 20 pixel. Riempilo con il gradiente lineare mostrato sotto e aggiungi un tratto nero. Rendilo largo 1.75pt e allinearlo all'esterno. Vai al pannello Aspetto, seleziona il tratto esistente e fai clic sul pulsante Duplica elemento selezionato nella parte inferiore del pannello Aspetto. Questo aggiungerà un secondo tratto per la tua forma. Rendilo largo 0,75pt, imposta il suo colore a R = 147 G = 149 B = 152 e assicurati che sia allineato all'esterno.
Seleziona la forma creata nel passaggio precedente, crea una copia davanti (Control + C> Control + F) e afferra lo strumento Ellisse (L). Crea una forma di 120 x 25 px e posizionala come mostrato nella seconda immagine. Seleziona questo cerchio schiacciato insieme alla nuova copia e fai clic sul pulsante Interseca dal pannello Elaborazione tracciati. Riempi la forma risultante con il nero e abbassa la sua opacità al 20%.
Seleziona lo strumento Rettangolo (M), crea una forma da 110 per 5 pixel e posizionala come mostrato nella prima immagine. Riempi con il gradiente lineare mostrato di seguito, quindi vai su Effetto> Deformazione> Arco superiore. Inserisci i dati mostrati nella seconda immagine, fai clic su OK e vai su Oggetto> Espandi aspetto.
Disattiva lo snap alla griglia (Visualizza> Blocca sulla griglia) quindi vai a Modifica> Preferenze> Generale e inserisci 1 nella casella Incremento tastiera. Seleziona la forma creata nel passaggio precedente e crea due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in alto e premi la freccia giù 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. Riselezionare la forma creata nel passaggio precedente e aggiungere un tratto nero. Renderlo largo 0,75pt e allinearlo all'esterno.
Riattiva lo snap alla griglia (Visualizza> Aggancia alla griglia). Seleziona lo strumento Rettangolo (M), crea una forma di 220 x 130 px e posizionala come mostrato nell'immagine seguente. Riempi con il gradiente lineare mostrato sotto e vai a Effetto> Stilizzazione> Angoli arrotondati. Inserisci un raggio di 5px, fai clic su OK e vai su Oggetto> Espandi aspetto. I numeri bianchi dall'immagine del gradiente rappresentano la percentuale di posizione.
Disattiva la funzione Blocca sulla griglia, seleziona la forma creata nel passaggio precedente e crea due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in alto e premi la freccia giù 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.
Riattiva lo snap alla griglia, quindi seleziona la forma creata nel sesto passo e fai una copia davanti (Control + C> Control + F). Seleziona lo strumento Rettangolo (M), crea una forma da 230 per 70 pixel e posizionala come mostrato nella prima immagine. Seleziona questo nuovo rettangolo insieme alla nuova copia e fai clic sul pulsante Interseca dal pannello Elaborazione tracciati. Riempi la forma risultante con il gradiente lineare mostrato nella seconda immagine e abbassa la sua opacità al 5%.
Riseleziona la forma fatta nel sesto passo e aggiungi un tratto nero. Rendilo largo 1.75pt, allinearlo all'esterno e aggiungere un secondo tratto per questa forma. Renderlo largo 0,75pt, allinearlo all'esterno e impostare il colore a R = 147 G = 149 B = 152.
Seleziona lo strumento Rettangolo (M), crea una forma da 200 x 110 px e posizionala come mostrato nell'immagine seguente. Riempi con R = 30 G = 30 B = 30 e vai a Effetto> Stilizzazione> Angoli arrotondati. Inserisci un raggio di 1,5 px, fai clic su OK e vai su Oggetto> Espandi aspetto.
Seleziona lo strumento Ellisse (L), crea una forma 200 x 70 px e posizionala come mostrato nella prima immagine. Riempi con R = 128 G = 130 B = 133, abbassa la sua opacità al 60% e vai a Effetto> Distorci e trasforma> Pucker & Bloat. Trascina il cursore a -90% e fai clic su OK.
Riseleziona la forma creata nel passaggio precedente e vai a Effetto> Distorci e trasforma> Zig Zag. Inserisci i dati mostrati di seguito, fai clic su OK, quindi vai a Effetto> Sfocatura> Sfocatura gaussiana. Inserisci un raggio di 20px e fai clic su OK.
Successivamente, è necessario mascherare la forma creata nel passaggio precedente. Seleziona la forma creata nel decimo passaggio e crea una copia in primo piano (Ctrl + C> Ctrl + F). Riempi con il bianco e portalo in primo piano (Shift + Control + Right Square Bracket). Seleziona questa forma bianca insieme alla forma sfocata creata nel passaggio precedente e vai al pannello Trasparenza (Finestra> Trasparenza). Aprire il menu a comparsa e fare clic su Crea maschera di opacità. Riduci l'opacità di questa forma mascherata al 60%. Alla fine dovrebbe apparire nella terza immagine. Vai al pannello Livelli e blocca questa forma.
Riseleziona la forma fatta al decimo passaggio, fai una copia davanti (Control + C> Control + F) e portalo in primo piano (Shift + Control + Right Square Bracket). Riempi questa copia con none, ma aggiungi un tratto. Renderlo largo 1pt, allinearlo all'interno e impostare il colore a R = 15 G = 15 B = 15. Aggiungi un secondo tratto per questa forma, rendilo largo 0,5, allineatilo all'esterno e imposta il colore a R = 88 G = 89 B = 91.
Per il prossimo passo avrai bisogno di una griglia ogni 2,5 px. Vai a Modifica> Preferenze> Guide> Griglia e inserisci 2,5 nella griglia ogni casella. Seleziona lo strumento Rettangolo (M), crea una forma 2,5 x 5 px e posizionalo come mostrato nell'immagine seguente. Riempi questo semplice rettangolo con il gradiente lineare mostrato sotto.
Facciamo alcune modifiche per la forma fatta nel passaggio precedente. Selezionalo e aggiungi un primo tratto. Renderlo largo 1pt, allinearlo all'esterno e impostare il colore a R = 28 G = 117 B = 188. Aggiungi un secondo tratto per questa forma, rendilo largo 0,5, allineatilo all'esterno e imposta il colore a R = 39 G = 230 B = 225. Riseleziona l'intero percorso e vai a Effetto> Stilizzazione> Angoli arrotondati. Inserisci un raggio di 1,5 px e fai clic su OK.
Seleziona lo strumento Rettangolo (M), crea una forma 7,5 x 5 px, riempila con il bianco e posizionala come mostrato nella prima immagine. Seleziona questo rettangolo bianco 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à. Alla fine la tua forma dovrebbe assomigliare alla terza immagine.
ss = "tutorial_image">
Seleziona tutte le forme create fino a quel momento (tranne quelle mascherate) e fai una copia indietro (Control + C> Control + B). Seleziona quelle copie e fai clic sul pulsante Unite dal pannello Pathfinder. Riempi la forma risultante con R = 88 G = 89 B = 91 e vai a Effetto> Stilizzazione> Sfalsa ombra. Inserisci i dati mostrati di seguito, fai clic su OK e il gioco è fatto.
Ora il tuo lavoro è finito. Ecco come dovrebbe apparire.
Accentsconagua