Share
Nei seguenti passaggi imparerai come creare un pulsante del volume. Tutto inizia con tre cerchi concentrici. Utilizzando alcune interessanti proprietà del tratto insieme agli effetti di base, creerai la linea del volume. Successivamente, utilizzando più riempimenti e tratti insieme alle opzioni di Pathfinder e alcuni nuovi effetti, creerai il resto del pulsante. Fai un tentativo e potresti imparare alcune cose nuove sul lavorare con i tratti.
Crea un documento RGB da 700 x 700 pixel. Per prima cosa, attiva la griglia (Visualizza> Mostra griglia) e la funzione Blocca sulla griglia (Visualizza> Blocca sulla griglia). Successivamente, avrai bisogno di una griglia ogni 10px. Vai a Modifica> Preferenze> Guide> Griglia, inserisci 10 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.
Per prima cosa vai al pannello Aspetto o alla barra degli strumenti e rimuovi il colore dal tratto. Ora scegli lo strumento Ellisse (L), crea una forma 460 per 460 px e riempilo con R = 154 G = 154 B = 152. Seleziona questa prima forma e vai su Oggetto> Tracciato> Tracciato offset. Immettere un offset a -30px, fare clic su OK e riempire la forma risultante con R = 213 G = 213 B = 213.
Ancora una volta, seleziona questa nuova forma e vai su Oggetto> Percorso> Percorso offset. Immettere un offset -15px, fare clic su OK e riempire la forma risultante con R = 247 G = 248 B = 250. Alla fine dovresti avere tre cerchi concentrici.
Ora, aggiungiamo lo sfondo. Seleziona lo strumento Rettangolo (M), crea una forma delle dimensioni della tua tavola da disegno e riempila con R = 236 G = 238 B = 237. Mandalo indietro (Shift + Control + Left Square Bracket) quindi 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, rendilo nero, riduci l'opacità al 5% e modifica la modalità di fusione in Moltiplica, quindi vai a Effetto> Artistico> Grana pellicola. Immettere i dati mostrati di seguito, fare clic su OK, quindi aggiungere un terzo riempimento per questa forma. Abbassa la sua opacità al 30% e modifica la modalità di fusione in Moltiplica, quindi riempila con la sfumatura radiale mostrata sotto. Lo zero giallo dall'immagine del gradiente indica la percentuale di opacità. Infine, vai al pannello Livelli e blocca questa forma per assicurarti di non selezionarla o spostarla accidentalmente.
Disabilitare la griglia (Visualizza> Nascondi griglia) e lo snap alla griglia (Visualizza> Blocca sulla griglia). Seleziona il cerchio più grande, imposta il colore di riempimento su none, quindi aggiungi un tratto 20pt. Imposta il suo colore a R = 128 G = 130 B = 133 quindi vai su Oggetto> Percorso> Aggiungi punti di ancoraggio. Seleziona lo strumento Selezione diretta (A), seleziona il punto di ancoraggio inferiore (evidenziato nella seconda immagine) e premi il tasto Canc dalla tastiera. Seleziona il percorso risultante e vai al pannello Traccia (Finestra> Traccia). Controlla quindi la casella Dash e inserisci 10pt nelle caselle dei trattini e degli spazi vuoti. Spostati a destra e controlla il pulsante che allinea i trattini agli angoli e alle estremità dei percorsi, regolando la lunghezza per adattarla. Passare alla sezione Profilo, aprire il menu a discesa e selezionare "Width Profile 4", quindi fare clic sul pulsante Flip Along.
Riseleziona il percorso creato nel passaggio precedente e vai a Oggetto> Espandi aspetto. Elimina le forme iniziali e finali (indicate dalle frecce), quindi seleziona il gruppo rimanente di forme e vai su Oggetto> Percorso composto> Rendi.
Seleziona il percorso composto creato nel passaggio precedente e aggiungi un tratto. Renderlo largo 1pt, allinearlo all'interno e impostarlo a R = 88 G = 89 B = 91. Seleziona questo tratto dal pannello Aspetto e fai clic sul pulsante Duplica elemento selezionato nella parte inferiore del pannello Aspetto. Ovviamente, ciò creerà una copia del tratto selezionato. Seleziona questo nuovo tratto, rendilo largo 0,5pt, imposta il suo colore a R = 247 G = 248 B = 250 e abbassa la sua opacità all'80%. Riseleziona l'intero tracciato composto e vai a Effetto> Stilizzazione> Sfalsa ombra. Immettere i dati mostrati di seguito, quindi fare clic su OK.
Passiamo alla prossima cerchia. Per prima cosa, riempilo con R = 35 G = 31 B = 32. Seleziona questo riempimento dal pannello Aspetto e vai a Effetto> Stilizzazione> Bagliore interno. Immettere i dati mostrati di seguito, fare clic su OK, quindi aggiungere un secondo riempimento. Rendilo nero, abbassa l'opacità all'8% e modifica la modalità di fusione in Moltiplica, quindi vai a Effetto> Artistico> Grana pellicola. Ancora una volta, inserire i dati mostrati di seguito, quindi fare clic su OK.
Continua a concentrarti sulla forma del passaggio precedente. Riseleziona e aggiungi un tratto. Renderlo largo 5pt, allinearlo all'esterno e impostarlo a R = 147 G = 149 B = 152. Aggiungi un secondo tratto per questa forma, rendilo largo 3pt e imposta il suo colore a R = 247 G = 248 B = 250. Riseleziona l'intero percorso e vai a Effetto> Stilizzazione> Sfalsa ombra. Immettere i dati mostrati di seguito, quindi fare clic su OK.
Seleziona il cerchio più piccolo e crea due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in alto e premi la freccia giù una volta quindi riseleziona entrambe le copie e fai clic sul pulsante Meno davanti dal pannello Elaborazione tracciati. Otterrai una forma piuttosto sottile. Portalo in primo piano e riempilo con R = 154 G = 154 B = 152.
Riselezionare il cerchio più piccolo e riempirlo con R = 85 G = 86 B = 88. Seleziona questo riempimento e vai a Effetto> Stilizzazione> Bagliore esterno. Immettere i dati mostrati di seguito, fare clic su OK, quindi aggiungere un secondo riempimento. Rendilo nero, abbassa l'opacità all'8% e modifica la modalità di fusione in Moltiplica, quindi vai a Effetto> Artistico> Grana pellicola. Immettere i dati mostrati di seguito, fare clic su OK, quindi aggiungere un tratto semplice. Renderlo largo 1pt, allinearlo all'interno, impostare il suo colore a R = 109 G = 110 B = 113 e abbassare la sua opacità al 70%.
Seleziona le due forme del cerchio e duplicale. Seleziona queste copie e fai clic sul pulsante Minus Front dal pannello Pathfinder. Seleziona la forma risultante e premi D dalla tastiera. Ciò aggiungerà le proprietà predefinite (riempimento bianco e tratto nero) per questa forma.
Seleziona la forma creata nel passaggio precedente, rimuovi il tratto e riempilo con il gradiente radiale mostrato sotto l'immagine n. Aggiungi un secondo riempimento per questa forma e usa il gradiente radiale mostrato sotto l'immagine # 2. Aggiungi un terzo riempimento per questa forma e usa il gradiente radiale mostrato sotto l'immagine # 3, quindi aggiungi un quarto riempimento e usa la sfumatura radiale mostrata di seguito, quindi l'immagine finale.
Scegli lo strumento Ellisse (L) e fai semplicemente clic sulla tua tavola da disegno. Inserire 20 nelle caselle larghezza e altezza, quindi fare clic su OK. Ciò creerà una forma 20 per 20 pixel. Riempi con R = 88 G = 89 B = 91 quindi vai su Oggetto> Percorso> Percorso offset. Immettere un offset -2px, quindi fare clic su OK, Riempi la forma risultante con R = 45 G = 41 B = 42, quindi crea due copie in primo piano. Seleziona la copia in alto e premi la freccia giù una volta quindi riseleziona entrambe le copie e fai clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. La forma risultante dovrebbe apparire nella quarta immagine.
Riselezionare la forma da 20 a 20 px creare nel passaggio precedente. Seleziona il riempimento esistente dal pannello Aspetto e vai a Effetto> Stilizzazione> Bagliore interno. Immettere i dati mostrati di seguito, fare clic su OK, quindi aggiungere un tratto. Renderlo largo 2pt, allinearlo all'interno e impostarlo a R = 128 G = 130 B = 133. Aggiungi un secondo tratto per questa forma, rendilo largo 3pt e imposta il suo colore a R = 247 G = 248 B = 250. Riseleziona l'intero percorso e vai a Effetto> Stilizzazione> Sfalsa ombra. Immettere i dati mostrati di seguito, quindi fare clic su OK.
Abilita la griglia (Visualizza> Mostra griglia) e lo snap alla griglia (Visualizza> Blocca sulla griglia). Riselezionare le forme create nei due passaggi precedenti e raggrupparle. Seleziona questo gruppo e posizionalo come mostrato nell'immagine seguente.
Disabilitare la griglia (Visualizza> Nascondi griglia) e lo snap alla griglia (Visualizza> Blocca sulla griglia). Riselezionare il percorso composto e fare una copia in primo piano. Seleziona questa copia, vai al pannello Aspetto e sostituisci i due colori mostrati sotto.
Seleziona lo strumento Rettangolo (M), crea una forma bianca e posizionala come mostrato nella prima immagine. Dovrebbe coprire la metà sinistra del percorso composto. Selezionalo insieme al percorso composto creato nel passaggio precedente e vai al pannello Trasparenza. Aprire il menu a comparsa e fare clic su Crea maschera di opacità. Alla fine il tuo pulsante dovrebbe apparire come nella terza immagine.
Infine, aggiungiamo del testo. Usa il carattere di Britannic Bold o qualsiasi altro tipo di carattere che ti piace. Aggiungi il testo come mostrato di seguito, imposta il suo colore a R = 65 G = 64 B = 66 quindi vai a Effetto> Stilizzazione> Sfalsa ombra. Inserisci i dati mostrati di seguito, fai clic su OK, quindi seleziona "Volume" e vai su Effetto> Deformazione> Arco. Inserire i dati mostrati di seguito e fare clic su OK. Inoltre, aggiungi due piccoli cerchi sopra il testo "Min" e "Max". Riempili con R = 65 G = 64 B = 66 e aggiungi lo stesso discreto effetto Ombra esterna.
Ecco il risultato finale. Per completare ulteriormente questo tutorial, puoi provare alcuni colori diversi o altri stili di pulsanti per creare un set. Spero che tu abbia apprezzato questo tut.
Accentsconagua