In questo suggerimento rapido imparerai come creare una semplice barra del lettore audio. Questo riguarda principalmente le basi delle tecniche di costruzione di forme perfette di pixel. Inizieremo con un semplice rettangolo e l'effetto Angoli arrotondati. Successivamente, utilizzeremo alcune tecniche Offset e Pathfinder per creare i punti salienti. Infine, alcune tecniche di mascheramento / fusione e l'effetto Ombra esterna ci aiuteranno ad aggiungere i tocchi finali.
Crea un documento RGB da 600 x 300 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 525 per 30 px. Riempi con il gradiente lineare mostrato di seguito, assicurati che non vi sia alcun colore impostato per il tratto e vai a Effetto> Stilizzazione> Angoli arrotondati Inserisci un raggio di 5px, fai clic su OK e vai su Oggetto> Espandi Aspetto.
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 gradiente lineare mostrato sotto e vai a Effetto> Stilizzazione> Sfalsa ombra. Immettere i dati visualizzati nella finestra di sinistra, fare clic su OK, quindi andare di nuovo su Effetto> Stilizzazione> Sfalsa ombra. Immettere i dati visualizzati nella finestra di destra e fare clic su OK.
Per i seguenti passaggi 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 una forma 47 x 30 px. Riempilo con il gradiente lineare mostrato sotto, rimuovi il colore dal tratto e posizionalo come mostrato nell'immagine seguente. Snap to Grid dovrebbe facilitare il tuo lavoro.
Seleziona questo nuovo rettangolo e crea due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in alto e premi la freccia giù una volta. Grazie allo snap alla griglia, la tua forma si sposterà di 1 pixel verso il basso. Riselezionare entrambe le copie, aprire il pannello Pathfinder (Finestra> Pathfinder) e fare clic sul pulsante Meno anteriore. Riempi la forma risultante con il bianco.
Riselezionare le due forme create nel passaggio precedente e raggrupparle. Crea una copia (Control + C> Control + F) di questo gruppo e trascinala a destra come mostrato nell'immagine seguente.
Seleziona lo Strumento testo (T), aggiungi del testo semplice e posizionalo come mostrato nell'immagine seguente. Usa il font Tahoma quindi imposta la dimensione su 10pt e il colore impostato su R = 75 G = 75 B = 75. Assicurati che questo testo sia ancora selezionato e vai a Effetto> Stilizzazione> Sfalsa ombra. Inserire i dati mostrati di seguito e fare clic su OK.
Riselezionare il rettangolo arrotondato creato nel secondo passaggio e creare due copie. Seleziona la copia in alto e spostala di 1px in su. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il bianco e portalo in primo piano (Shift + Control + Right Square Bracket).
Seleziona lo strumento Rettangolo (M) e crea due rettangoli da 1 per 30 pixel. Collocateli uno accanto all'altro, quindi riempite la forma sinistra con R = 150 G = 150 B = 150 e la forma corretta con il bianco. Raggruppa questi due rettangoli e poi crea una copia del gruppo. Seleziona questo secondo gruppo e premi il pulsante Unite dal pannello Pathfinder. Riempi la forma risultante con il gradiente lineare mostrato sotto e apri il pannello Trasparenza (Finestra> Trasparenza).
I numeri bianchi dall'immagine del gradiente rappresentano la percentuale di posizione. Seleziona questa nuova forma insieme al gruppo creato all'inizio del passaggio, apri il menu a comparsa del pannello Trasparenza e fai clic su Crea maschera di opacità. Alla fine il tuo gruppo mascherato dovrebbe apparire nella quarta immagine.
Riselezionare il gruppo mascherato dal passaggio precedente e duplicarlo (Control + F). Sposta questo nuovo gruppo di alcuni pixel verso destra e vai su Oggetto> Trasforma> Rifletti. Controlla il pulsante Verticale e clicca OK. Riselezionare entrambi i gruppi e duplicarli (Control + C> Control + F). Trascina questi gruppi uno alla volta e posizionali come mostrato nell'immagine finale.
Seleziona lo strumento Rettangolo (M), crea un quadrato di 5px, riempilo con R = 95 G = 95 B = 95 e rimuovi il colore dal tratto. Continuare con lo strumento Rettangolo, creare una forma 5 x 11 px, riempirla con R = 95 G = 95 B = 95 e posizionarla come mostrato nella seconda immagine. Passa allo Strumento selezione diretta (A) e concentrati su questa nuova forma. Seleziona il punto di ancoraggio in alto a sinistra e spostalo di 4 pixel verso il basso, quindi seleziona il punto di ancoraggio in basso, a sinistra e spostalo di 4 pixel in alto.
Alla fine la tua forma dovrebbe assomigliare alla terza immagine. Ritorna allo Strumento Rettangolo (M), crea 1 da 3px, 1 da 7px e 1 px da 11 px, riempili con R = 95 G = 95 B = 95 e posizionali come mostrato nella quarta immagine. Seleziona tutte le forme create in questo passaggio, fai clic sul pulsante Unisci dal pannello Elaborazione tracciati e vai su Oggetto> Percorso composto> Crea.
Riselezionare il percorso composto creato nel passaggio precedente e posizionarlo come mostrato nella prima immagine. Concentrati su di esso e crea due copie davanti (Control + C> Control + F> Control + F). Seleziona la copia in alto e spostala di 2 pixel verso il basso. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Trasforma il gruppo di forme risultante in un tracciato composto (Oggetto> Percorso composto> Crea) e riempilo con R = 45 G = 45 B = 45. Riseleziona il percorso composto creato nel passaggio precedente e vai a Effetto> Stilizzazione> Sfalsa ombra. Inserire i dati mostrati nell'immagine finale e fare clic su OK.
Seleziona lo Strumento Rettangolo (M), crea due, 3 per 11 pixel, riempili con R = 95 G = 95 B = 95 e posizionali come mostrato nella prima immagine. Trasformali in un tracciato composto (Oggetto> Percorso composto> Crea) quindi crea due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F).
Seleziona la copia in alto e spostala di 2 pixel verso il basso. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Trasforma il gruppo di forme risultante in un tracciato composto (Oggetto> Percorso composto> Crea) e riempilo con R = 45 G = 45 B = 45. Riseleziona il percorso composto creato all'inizio di questo passaggio e vai a Effetto> Stilizzazione> Sfalsa ombra. Inserire i dati mostrati nell'immagine finale e fare clic su OK.
Seleziona lo strumento Rettangolo (M), crea una forma da 250 per 6 pixel, riempila con la sfumatura lineare mostrata di seguito e posizionala come mostrato nella prima immagine. Continua con lo Strumento rettangolo (M), crea una forma da 150 x 6 px, riempilo con R = 175 G = 175 B = 175 e posizionalo come mostrato nella seconda immagine.
Seleziona il primo rettangolo creato nel passaggio precedente e crea due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in alto e spostala di 1 pixel verso il basso. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 62 G = 62 B = 62, modifica il suo metodo di fusione su Schermo e portalo in primo piano (Shift + Control +]). Riselezionare il primo rettangolo creato nel passaggio precedente e aggiungere un tratto di 1pt. Imposta, il suo colore a R = 45 G = 45 B = 45, allinearlo verso l'interno. Assicurati che la tua forma sia ancora selezionata e vai su Effetto> Stilizzazione> Sfalsa ombra. Inserire i dati mostrati nell'immagine finale e fare clic su OK.
Seleziona lo strumento Rettangolo, crea una forma 60 per 6 pixel e una forma 30 per 6 pixel posizionale come mostrato nella prima immagine, quindi aggiungi le proprietà utilizzate per le forme create nei due passaggi precedenti.
Ora il tuo lavoro è finito. Ecco come dovrebbe apparire. Spero che tu abbia apprezzato questo tut.