Nel seguente tutorial imparerai come creare una semplice barra di impaginazione. Imparerai come usare il pannello Aspetto, le sfumature e gli effetti di trasformazione per modellare una barra di impaginazione. Cominciamo!
Apri Illustrator e premi Comando + N per creare un nuovo documento. Inserire 600 nella casella di larghezza e 300 nella casella di altezza, quindi fare clic sul pulsante Avanzate. Seleziona RGB, schermo (72ppi) e assicurati che la casella "Allinea nuovi oggetti in griglia pixel" sia deselezionata prima di fare clic su OK. Abilita la griglia (Visualizza> Mostra griglia) e la cattura alla griglia (Visualizza> Aggancia alla 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), crea una forma 215 per 25px, riempila con la sfumatura lineare mostrata sotto e vai a Effetto> Stilizzazione> Angoli arrotondati. Immettere un raggio di 2 pixel, fare clic su OK e andare su Oggetto> Espandi aspetto.
Disattiva lo snap alla griglia (Visualizza> Blocca sulla griglia) quindi vai a Modifica> Preferenze> Generale e assicurati che l'incremento della tastiera sia impostato su 1 pixel. Riseleziona il rettangolo arrotondato creato nel passaggio precedente e crea due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Passa al pannello Livelli, seleziona la copia in alto e spostala di 1 pixel verso il basso usando la freccia giù dalla tastiera. Riselezionare entrambe le copie, aprire il pannello Pathfinder e fare clic sul pulsante Meno anteriore. Riempi la forma risultante con il nero e abbassa la sua opacità al 5%.
Riselezionare il rettangolo arrotondato creato nel secondo passaggio e concentrarsi sull'aspetto. Aggiungi un tratto 3pt e selezionalo. Allinearlo all'interno, renderlo nero e abbassare la sua opacità al 5%. Mantieni la messa a fuoco sul pannello Aspetto, assicurati che il tratto sia ancora selezionato e fai clic due volte sul pulsante Duplica elemento selezionato (indicato dalla piccola freccia blu). Questo aggiungerà due copie del tuo tratto nero. Seleziona la copia in basso e rendila larga 2pt, quindi seleziona la copia in alto e rendila larga 1pt. Alla fine il rettangolo arrotondato dovrebbe apparire come nell'immagine seguente.
Abilita lo snap alla griglia (Visualizza> Aggancia alla griglia). Per i seguenti passaggi avrai bisogno di una griglia ogni 1 pixel. Quindi, vai a Modifica> Preferenze> Guide e griglia e inserisci 1 nella griglia ogni casella. Concentrati sul lato destro delle forme esistenti e afferra lo strumento Rettangolo (M). Crea un quadrato di 19 px, riempilo con il gradiente lineare mostrato di seguito, posizionalo come mostrato nell'immagine seguente e vai a Effetto> Stilizzazione> Angoli arrotondati. Immettere un raggio di 2 pixel, fare clic su OK e andare su Oggetto> Espandi aspetto.
Riseleziona il quadrato arrotondato creato nel passaggio precedente e vai a Effetto> Stilizzazione> Sfalsa ombra. Inserisci i dati mostrati di seguito, fai clic su OK quindi premi Ctrl + Maiusc + E. Questo aggiungerà un secondo effetto identico. Assicurati che il tuo quadrato sia ancora selezionato e vai al pannello Aspetto. Aggiungi un 2pt, tratto bianco, allinearlo all'interno e abbassarne l'opacità al 50%. Fai una copia di questo tratto, selezionalo e riduci le sue dimensioni a 1pt.
Riselezionare il quadrato arrotondato, mettere a fuoco sul pannello Aspetto e aggiungere un secondo riempimento utilizzando il pulsante Aggiungi nuovo riempimento. Seleziona questo nuovo riempimento, trascinalo nella parte inferiore del pannello Aspetto, rendilo nero, abbassa l'opacità al 7% e vai a Effetto> Tracciato> Tracciato offset. Inserisci un offset 2px, fai clic su OK e vai su Effetto> Distorci e trasforma> Trasforma. Inserire i dati mostrati di seguito e fare clic su OK.
Seleziona lo strumento Rettangolo (M), crea un quadrato di 5px e riempilo con R = 156 G = 156 B = 156. Concentrati su questa nuova forma, afferra lo Strumento selezione diretta (A), seleziona i punti di ancoraggio giusti e vai su Oggetto> Percorso> Media (Alt + Control + J). Seleziona il pulsante Entrambi e fai clic su OK. Questo trasformerà il tuo quadrato in un triangolo. Selezionalo e vai a Effetto> Stilizzazione> Angoli arrotondati. Immettere un raggio di 1 pixel, fare clic su OK e andare su Oggetto> Espandi aspetto.
Disabilita lo snap alla griglia (Visualizza> Aggancia alla griglia). Riseleziona la forma creata 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 usando la freccia giù. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 105 G = 105 B = 105. Riseleziona la forma creata nel passaggio precedente e vai a Effetto> Stilizzazione> Sfalsa ombra. Inserire i dati mostrati di seguito e fare clic su OK.
Riselezionare le due forme create nelle due fasi precedenti, raggrupparle (Control + G) e aprire il pannello Allinea. Seleziona questo nuovo gruppo insieme al quadrato arrotondato, fai clic sul bordo del quadrato arrotondato (dovrebbe essere enfatizzato), quindi fai clic sui pulsanti Centro allineamento orizzontale e Centro allineamento verticale dal pannello Allinea. Questo centrerà la tua piccola freccia. Riseleziona il gruppo creato all'inizio del passo insieme al quadrato arrotondato e raggruppali (Control + G).
Abilita lo snap alla griglia (Visualizza> Aggancia alla griglia). Seleziona lo strumento Rettangolo (M) e crea una forma da 105 per 19 px. Riempi con il gradiente lineare mostrato di seguito, posizionalo come mostrato nell'immagine seguente e vai a Effetto> Stilizzazione> Angoli arrotondati. Immettere un raggio di 2 pixel, fare clic su OK e andare su Oggetto> Espandi aspetto.
Riseleziona la forma creata nel passaggio precedente e fai una copia davanti (Control + C> Control + F). Selezionalo, rimuovi il gradiente lineare dal riempimento e aggiungi un tratto nero. Rendilo largo 1pt, allineatelo all'interno e vai su Oggetto> Tracciato> Tracciato contorno. Riempi il percorso risultante con il gradiente lineare mostrato nell'immagine finale.
Riseleziona il rettangolo arrotondato creato nell'undicesimo passo e vai a Effetto> Stilizzazione> Sfalsa ombra. Inserisci i dati mostrati di seguito, fai clic su OK e vai al pannello Aspetto. Aggiungi un tratto 2pt, rendilo bianco e allinearlo all'interno.
Seleziona lo strumento Rettangolo (M) e crea una forma 1 per 17 pixel. Riempi con il gradiente lineare mostrato sotto, posizionalo come mostrato nella prima immagine 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.
Riseleziona il rettangolo sottile creato nel passaggio precedente e vai a Effetto> Distorci e trasforma> Trasforma. Inserire i dati mostrati di seguito e fare clic su OK.
Riseleziona il gruppo creato nel decimo passaggio e vai su Oggetto> Trasforma> Rifletti. Controlla il pulsante Verticale e fai clic sul pulsante Copia. Questo creerà una copia capovolta del tuo gruppo. Seleziona questo nuovo gruppo, trascinalo a destra e posizionalo come mostrato nella terza immagine.
Disabilita lo snap alla griglia (Visualizza> Aggancia alla griglia). Prendi lo strumento testo (T) e aggiungi il testo mostrato nell'immagine seguente. Utilizzare il carattere Calibri con la dimensione impostata su 10pt e il colore su R = 105 G = 105 B = 105. Seleziona tutto il tuo testo, raggruppalo (Control + G) e vai a Effetto> Stilizzazione> Sfalsa ombra. Inserire i dati mostrati di seguito e fare clic su OK.
Abilita lo snap alla griglia (Visualizza> Aggancia alla griglia). Seleziona lo strumento Rettangolo (M), crea una forma 18 x 15 px, riempila con la sfumatura lineare mostrata di seguito e posizionala come mostrato nell'immagine seguente. Passare al pannello Livelli, selezionare questo nuovo rettangolo e trascinarlo sotto il gruppo con il testo. Ecco come sarà la pagina attiva.
Infine, aggiungiamo uno sfondo semplice. Seleziona lo strumento Rettangolo (M), crea una forma della dimensione della tua tavola da disegno e invialo indietro (Shift + Control + Left Square Bracket). Riempilo con la sfumatura radiale mostrata di seguito, quindi concentrati sul pannello Aspetto. Aggiungi un secondo riempimento per questa forma e selezionalo. Rendilo nero, abbassa la sua opacità al 2%, cambia 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 il rettangolo arrotondato creato nel secondo passaggio e concentrarsi sul pannello Aspetto. Assicurati che nessun riempimento o tratto sia selezionato e vai a Effetto> Stilizzazione> Sfalsa ombra. Immettere i dati visualizzati nella finestra di sinistra, fare clic su OK e andare di nuovo su Effetto> Stilizzazione> Sfalsa ombra. Inserisci i dati visualizzati nella finestra di destra, fai clic su OK e il gioco è fatto.
Ora il tuo lavoro è finito. Ecco come dovrebbe apparire.