Share
Nei seguenti passaggi imparerai come creare una semplice barra del volume. È un semplice tutorial che ti introdurrà agli strumenti, agli effetti e alle tecniche di base usati in Adobe Illustrator. Inizierai con un rettangolo e un cerchio semplici, quindi utilizzando più riempimenti, tratti e diversi effetti semplici insieme ad alcune belle tecniche di fusione e mascheratura creerai la tua barra del volume.
Crea un documento RGB da 600 x 800 px. 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 20 per 410 px. Riempilo con il gradiente lineare mostrato sotto e rimuovi il colore dal tratto.
Riselezionare la forma creata nel passaggio precedente e aggiungere un primo tratto. Imposta il suo colore a R = 88 G = 88 B = 88, rendilo largo 2pt e allinearlo all'esterno. Assicurati che questa forma sia ancora selezionata e vai al pannello Aspetto (Finestra> Aspetto). Basta fare clic sul pulsante Aggiungi nuovo tratto. È il quadratino nero dalla parte inferiore del pannello Aspetto.
Ovviamente, questo aggiungerà un nuovo tratto per la tua forma. Selezionalo dal pannello Aspetto, imposta il suo colore a R = 190 G = 190 B = 190, rendilo largo 1pt e allinearlo all'esterno. Continua nel pannello Aspetto, assicurati che nessun riempimento o tratto sia selezionato e vai a Effetto> Stilizzazione> Angoli arrotondati. Inserisci un raggio di 10 px e fai clic su OK. Alla fine, l'effetto dovrebbe essere posizionato nella parte superiore del pannello Aspetto.
Seleziona lo strumento Rettangolo (M), crea una forma 10 x 400 px e posizionala come mostrato nell'immagine seguente. Riempi con il gradiente lineare mostrato sotto, rimuovi il colore dal tratto e vai a Effetto> Stilizzazione> Angoli arrotondati. Inserisci un raggio di 5px e fai clic su OK.
Riseleziona la forma creata nel passaggio precedente e fai una copia in primo piano (Comando + C> Comando + F). Seleziona questa copia e riempila con la sfumatura lineare mostrata sotto.
Riseleziona la forma creata nel passaggio precedente e fai una copia in primo piano (Comando + C> Comando + F). Seleziona questa copia e concentrati sul pannello Aspetto. Innanzitutto, rimuovi il gradiente lineare dal riempimento. Successivamente, aggiungi un tratto bianco. Selezionalo dal pannello Aspetto, ingrandisci 2 volte, allinearlo e modificarne la modalità di fusione su Sovrapponi. Aggiungi un secondo tratto per questa forma e rendilo largo 1pt. Ancora una volta, selezionalo dal pannello Aspetto, imposta il suo colore su R = 88 G = 88 B = 88, allineatlo verso l'interno e modifica la modalità di fusione su Moltiplicare.
Seleziona lo strumento Penna (P), disegna un percorso verticale di 400 px e posizionalo come mostrato nella prima immagine. Selezionalo, rimuovi il colore dal riempimento e aggiungi un semplice 1pt, tratto nero. Riseleziona, aumenta la dimensione del tratto a 10pt e apri il pannello Traccia (Finestra> Traccia). Innanzitutto, seleziona la casella Linea tratteggiata e il pulsante "Allinea tratteggiata agli angoli ...". Quindi, immettere 1pt nella casella del trattino e 40pt nella casella spazio. Alla fine il tuo percorso dovrebbe assomigliare alla seconda immagine.
Riseleziona il percorso creato nel passaggio precedente e vai su Oggetto> Percorso> Cenni di struttura. Questo creerà un gruppo con un percorso composto e due percorsi semplici. Sposta nel pannello Livelli apri questo gruppo ed elimina i due percorsi. Seleziona il percorso composto e separalo (Command + Shift + G). Riempilo con il gradiente lineare mostrato sotto e modifica la sua modalità di fusione in Moltiplica. Gli zeri gialli dall'immagine del gradiente indicano la percentuale di opacità.
Seleziona lo strumento Rettangolo (M), crea una forma di 20 per 165 pixel, riempila con il nero e posizionala come mostrato nella prima immagine. Sposta nel pannello Livelli seleziona questo percorso nero e trascinalo sopra la forma riempita con il gradiente giallo in arancione. Ora, seleziona queste due forme e vai al pannello Trasparenza. Aprire il menu a comparsa, fare clic su Crea maschera di opacità, quindi deselezionare la casella Clip. Alla fine la tua forma gialla / arancione dovrebbe assomigliare alla seconda immagine.
Seleziona lo strumento Ellisse (L) e crea due cerchi da 20 px. Posizionali come mostrato nell'immagine seguente e riempili con il gradiente lineare mostrato di seguito. Concentrati sul pannello Aspetto, assicurati che questi a cerchi siano ancora selezionati e aggiungi i due tratti mostrati nell'immagine seguente.
Per il prossimo passo avrai bisogno di una griglia ogni 1px. Quindi, vai a Modifica> Preferenze> Guide> Griglia e inserisci 1 nella griglia ogni casella. Seleziona lo strumento Rettangolo (M) e concentrati sul cerchio superiore creato nel passaggio precedente. Disegna un 2 x 8 px, riempilo con il bianco e posizionalo come mostrato nella prima immagine. Assicurati che questo rettangolo bianco sia ancora selezionato e vai su Oggetto> Trasforma> Ruota.
Immettere un angolo di 90 gradi e fare clic sul pulsante Copia. Ora, seleziona questi due rettangoli bianchi e fai clic sul pulsante Unite dal pannello Pathfinder (Finestra> Pathfinder). Continuare con lo strumento Rettangolo (M) e mettere a fuoco e il secondo cerchio creato nel passaggio precedente. Crea una forma 8 per 2 pixel, riempila con il bianco e posizionala come mostrato nella terza immagine.
Seleziona lo strumento Ellisse (L) e crea un cerchio di 14px. Riempilo con la sfumatura lineare mostrata sotto e posizionala come mostrato nell'immagine seguente.
Riseleziona la forma creata nel passaggio precedente e vai su Oggetto> Tracciato> Tracciato offset. Inserisci un offset di -1px e fai clic su OK. Riempi la forma risultante con il bianco, quindi crea una copia in primo piano (Comando + C> Comando + F). Seleziona questa copia e premi la freccia su una volta. Riselezionare questi due cerchi bianchi e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. La forma risultante dovrebbe apparire nella quarta immagine.
Riselezionare la forma creata nella dodicesima fase e aggiungere un tratto di 1pt. Allinearlo all'interno, impostare il proprio colore su R = 130 G = 130 B = 130 e passare a Effetto> Stilizzazione> Sfalsa ombra. Inserire i dati mostrati di seguito e fare clic su OK.
Continuiamo con lo sfondo. Scegli lo Strumento Rettangolo (M), crea una forma delle dimensioni della tua tavola da disegno, riempila con R = 188 G = 188 B = 188 e invialo indietro (Shift + Comando + Braccio quadrato sinistro). Assicurati che questa nuova forma sia ancora selezionata, passa al pannello Aspetto e aggiungi un nuovo riempimento usando il pulsante Aggiungi nuovo riempimento. È la piccola icona quadrata bianca dalla parte inferiore del pannello Apperceive. Seleziona questo nuovo riempimento, fallo nero, riduci l'opacità al 3%, modifica la modalità di fusione in Moltiplica e vai a Effetto> Artistico> Grana pellicola. Inserire i dati mostrati di seguito e fare clic su OK.
Riselezionare la forma creata nel passaggio precedente e aggiungere un terzo riempimento. Selezionalo dal pannello Aspetto e usa il gradiente radiale mostrato sotto. Ricorda che lo zero giallo dall'immagine del gradiente indica la percentuale di opacità.
Riseleziona i due cerchi creati nel passaggio 10 insieme alla forma creata nel secondo passaggio (e modificati nel terzo passaggio) 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, è così che dovrebbe apparire. Spero che tu abbia apprezzato questo tut.
Accentsconagua