Suggerimento rapido crea un set semplice di cursori Web

Nel seguente tutorial imparerai come creare un semplice set di cursori. Per prima cosa, utilizzeremo lo strumento Rettangolo e gli effetti Angoli arrotondati per creare le forme base. Quindi, utilizzando alcune opzioni Offset e Pathfinder, creeremo le forme di evidenziazione. Infine, per i colori utilizzeremo diversi gradienti lineari e radiali, alcuni semplici effetti e tecniche di fusione di base.


Passo 1

Crea un documento RGB 600 x 600 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.


Passo 2

Seleziona lo strumento Rettangolo (M) e crea una forma 15 per 460 pixel. Riempi con il gradiente lineare mostrato sotto e vai a Effetto> Stilizzazione> Angoli arrotondati. Immettere un raggio di 3 pixel, fare clic su OK e andare su Oggetto> Espandi aspetto. I numeri bianchi dall'immagine del gradiente rappresentano la percentuale di posizione.


Passaggio 3

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 la forma creata nel passaggio precedente e vai su Oggetto> Tracciato> Tracciato offset. Seleziona la forma risultante e crea una copia in primo piano (Comando + C> Comando + F). Selezionalo e premi la freccia destra una volta (per spostarlo di 1px a destra). Riselezionare queste due nuove forme, aprire il pannello Pathfinder (Finestra> Pathfinder) e fare clic sul pulsante Meno anteriore. Riempi la forma risultante con il bianco.


Passaggio 4

Riselezionare il rettangolo arrotondato creato nel secondo passaggio e concentrarsi sul pannello Aspetto. Innanzitutto, aggiungi un tratto 1pt. Imposta il suo colore a R = 160 G = 160 B = 160 e allinearlo verso l'interno. Successivamente, assicurati che nessun riempimento o tratto sia selezionato (nel pannello Aspetto) e vai a Effetto> Stilizzazione> Sfalsa ombra. Immettere i dati mostrati nell'immagine seguente, fare clic su OK, quindi andare di nuovo su Effetto> Stilizzazione> Sfalsa ombra. Ancora una volta, inserire i dati mostrati nell'immagine seguente e fare clic su OK.


Passaggio 5

Riattiva lo snap alla griglia (Visualizza> Aggancia alla griglia). Seleziona lo strumento Rettangolo (M), crea una forma 15 x 20 px e posizionala come mostrato nell'immagine seguente. Riempi con il gradiente lineare mostrato sotto e vai a Effetto> Stilizzazione> Angoli arrotondati. Immettere un raggio di 3 pixel, fare clic su OK e andare su Oggetto> Espandi aspetto. Ricorda che il numero bianco dall'immagine del gradiente indica la percentuale di posizione.


Passaggio 6

Disabilitare lo snap alla griglia (Visualizza> Aggancia alla griglia), selezionare nuovamente la forma creata nel passaggio precedente e andare su Oggetto> Tracciato> Percorso offset. Seleziona la forma risultante, crea una copia in primo piano (Comando + C> Comando + F) e spostalo di 1 pixel a destra. Riselezionare queste due nuove forme e fare clic sul pulsante Minus Front dal pannello Pathfinder. Riempi la forma risultante con R = 205 G = 205 B = 205.


Passaggio 7

Riselezionare il rettangolo arrotondato creato nel quinto passaggio e aggiungere un tratto 1pt. Imposta il suo colore a R = 110 G = 110 B = 110 e allinearlo verso l'interno.


Passaggio 8

Riattiva lo snap alla griglia (Visualizza> Aggancia alla griglia). Scegli lo Strumento Rettangolo (M), crea un quadrato di 5px, riempilo con R = 88 G = 88 B = 88 e posizionalo come mostrato nella prima immagine. Passare allo strumento selezione diretta (A), concentrarsi su questo quadrato, selezionare i punti di ancoraggio superiori e andare su Oggetto> Percorso> Media.

Seleziona il pulsante Entrambi e fai clic su OK. Questo dovrebbe trasformare il tuo quadrato in un triangolo. Selezionalo e vai a Effetto> Stilizzazione> Angoli arrotondati. Inserisci un raggio di 1 pixel, fai clic su OK e vai a Effetto> Stilizzazione> Sfalsa ombra. Inserire i dati mostrati di seguito e fare clic su OK. Riseleziona questo triangolo insieme alle forme create e modificate negli ultimi tre passaggi e raggruppale (Comando + G).


Passaggio 9

Riseleziona il gruppo creato nel passaggio precedente e duplicalo (Comando + C> Comando + F). Seleziona questo nuovo gruppo, trascinalo verso il basso, posizionalo come mostrato nella seconda immagine, quindi vai su Oggetto> Trasforma> Rifletti. Controlla il pulsante Orizzontale e clicca OK. Riselezionare entrambi i gruppi e inviarli di nuovo indietro (Maiusc + Comando + Parentesi quadrata sinistra).


Passaggio 10

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), crea una forma 13 per 100 px e posizionala come mostrato nell'immagine seguente. Riempi con il gradiente lineare mostrato sotto e vai a Effetto> Stilizzazione> Angoli arrotondati. Immettere un raggio di 2 pixel, fare clic su OK e andare su Oggetto> Espandi aspetto.


Passaggio 11

Riseleziona la forma creata nel passaggio precedente e vai su Oggetto> Tracciato> Tracciato offset. Seleziona la forma risultante, crea una copia in primo piano (Comando + C> Comando + F) e spostalo di 1 pixel a destra. Riselezionare queste due nuove forme e fare clic sul pulsante Minus Front dal pannello Pathfinder. Riempi la forma risultante con R = 101 G = 232 B = 255.


Passaggio 12

Riselezionare il rettangolo arrotondato creato nel passaggio 10, concentrarsi sul pannello Aspetto e aggiungere un secondo riempimento utilizzando il pulsante Aggiungi nuovo riempimento. È la piccola icona quadrata bianca dalla parte inferiore del pannello Aspetto. Selezionalo, sostituiscilo con Sovrapponi e riempilo con il gradiente radiale mostrato sotto. Lo zero giallo dall'immagine del gradiente indica la percentuale di opacità. Assicurati che il rettangolo blu arrotondato sia ancora selezionato e aggiungi un tratto di 1pt. Imposta il suo colore a R = 19 G = 138 B = 160 e allinearlo verso l'interno.


Passaggio 13

Scegli lo Strumento Rettangolo (M) e crea tre forme da 5 a 1 pixel Riempi con R = 19 G = 137 B = 159 e vai a Effetto> Stilizzazione> Sfalsa ombra. Inserisci i dati mostrati di seguito, fai clic su OK e il gioco è fatto.


Conclusione

Ora il tuo lavoro è finito. Ecco come dovrebbe apparire.