Share
In questo tutorial, imparerai come creare un set di stelle di valutazione dettagliate. Useremo gli strumenti di Pathfinder di Illustrator per costruire le forme base delle stelle. Quindi colora ogni sfaccettatura della stella con sfumature semplici. Puoi utilizzare queste tecniche professionali per creare la tua grafica a cinque stelle di alta qualità.
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 a griglia pixel sia deselezionata prima del tuo clic OK.
Scegli lo strumento Stella, quindi tieni premuto Maiusc e Alt per creare la forma della stella. Larga approssimativamente 50px, riempila con R = 180 G = 180 B = 180 e assicurati che non vi sia alcun colore impostato per il tratto.
Vai a Modifica> Preferenze> Generali e assicurati che l'incremento della tastiera sia impostato su 1px. Riseleziona la forma a stella e crea due copie davanti (Comando + C> Comando + F> Comando + F). Seleziona la copia in alto e premi una volta la freccia in giù (per spostarla di 1px in basso).
Riselezionare entrambe le copie, aprire il pannello Pathfinder e fare clic sul pulsante Meno anteriore. Seleziona il gruppo di forme risultante, trasformalo in un percorso composto (Oggetto> Percorso composto> Crea) e riempilo con R = 235 G = 235 B = 235.
Riseleziona la forma a stella e crea due copie davanti (Comando + C> Comando + F> Comando + F). Seleziona la copia in alto e spostala 1px in basso a destra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Seleziona il gruppo di forme risultante, trasformalo in un percorso composto (Oggetto> Percorso composto> Crea) e riempilo con R = 235 G = 235 B = 235.
Riselezionare la forma a stella e concentrarsi sul pannello Aspetto. Aggiungi un tratto 3pt, imposta il suo colore su R = 165 G = 165 B = 165 e allinearlo verso l'interno. Continua a concentrarti sul pannello Aspetto, assicurati che la forma della stella sia ancora selezionata e aggiungi un nuovo tratto utilizzando il pulsante Aggiungi nuova traccia. È la piccola icona quadrata nera situata nell'angolo in basso a sinistra del pannello Aspetto.
Seleziona questo nuovo tratto, rendilo largo 1pt, imposta il suo colore a R = 120 G = 120 B = 120 e allinearlo all'esterno. Assicurati che questo tratto sia ancora selezionato e apri il pannello Traccia. Concentrati sulla sezione Corner e fai semplicemente clic sul pulsante Round Join. Questo dovrebbe aggiungere un po 'di rotondità agli angoli del tratto.
Riselezionare la forma a stella e concentrarsi sul pannello Aspetto. Assicurati che nessun riempimento o tratto sia selezionato e vai a Effetto> Stilizzazione> Sfalsa ombra. Inserisci i dati mostrati di seguito (nella finestra in alto a sinistra), fai clic su OK e vai di nuovo su Effetto> Stilizzazione> Sfalsa ombra. Inserisci i dati mostrati di seguito (nella finestra in alto a destra), fai clic su OK e vai di nuovo su Effetto> Stilizzazione> Sfalsa ombra. Immettere i dati mostrati di seguito (nella finestra in basso) e fare clic su OK.
Seleziona tutte le forme create finora e raggruppale (Comando + G). Seleziona questo nuovo gruppo e vai a Effetto> Distorci e Trasforma> Trasforma. Immettere le proprietà mostrate nell'immagine seguente e fare clic su OK.
Passare al pannello Livelli e aprire il gruppo creato nel passaggio precedente. Riseleziona la forma a stella e fai una copia in primo piano (Comando + C> Comando + F). Selezionalo, riempilo con R = 255 G = 222 B = 23 e trascinalo fuori dal gruppo, nella parte superiore del pannello Livelli. Infine, blocca il gruppo creato nel passaggio precedente.
Concentrati sulla stella gialla creata nel passaggio precedente e attiva le guide intelligenti (Visualizza> Guide intelligenti o Comando + U). Scegli lo strumento Penna (P) e traccia un percorso che va da un angolo esterno all'angolo interno della stella. Assicurati che inizi e finisca sopra un punto di ancoraggio a stella. Le guide intelligenti ti daranno indicazioni visive.
Aggiungi un tratto nero per questo percorso per renderti più facile notarlo. Continuare con lo strumento Penna (P) e aggiungere altri quattro percorsi come mostrato nella seconda immagine. Quando hai finito puoi disabilitare le Smart Guides (Command + U)
Riseleziona la stella gialla e fai una copia davanti (Comando + C> Comando + F). Seleziona questa copia, insieme ai percorsi creati nel passaggio precedente e fai clic sul pulsante Dividi dal pannello Elaborazione tracciati.
Passare al pannello Livelli e aprire il gruppo di forme risultante. Potresti trovare alcune forme minuscole. Se lo fai, cancellali. Alla fine avrai solo bisogno delle dieci forme grandi evidenziate nella terza immagine qui sotto.
Mantieni la concentrazione sul gruppo di forme creato nel passaggio precedente. Seleziona le cinque forme evidenziate nell'immagine seguente e riempili con la sfumatura lineare mostrata sotto.
Mantieni la concentrazione sul gruppo di forme creato nel decimo passaggio. Seleziona le cinque forme evidenziate nell'immagine seguente e riempili con la sfumatura lineare mostrata sotto.
Seleziona la forma evidenziata nella prima immagine e crea due copie in primo piano (Comando + C> Comando + F> Comando + F). 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 R = 255 G = 255 B = 0 e concentrati sul suo lato destro. Afferra lo strumento Elimina punto di ancoraggio (-) e fai semplicemente clic sul punto di ancoraggio superiore. Alla fine, la tua forma acuta dovrebbe assomigliare alla quarta immagine mostrata.
Seleziona la forma evidenziata nella prima immagine e crea due copie in primo piano (Comando + C> Comando + F> Comando + F). Seleziona la copia in alto e spostala di 1 pixel a sinistra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati.
Riempi la forma risultante con R = 255 G = 255 B = 0 e concentrati sul suo lato superiore. Afferra lo strumento Elimina punto di ancoraggio (-) e fai semplicemente clic sul punto di ancoraggio sinistro. Alla fine, la tua forma acuta dovrebbe assomigliare alla quarta immagine mostrata.
Seleziona la forma evidenziata nella prima immagine e crea due copie in primo piano (Comando + C> Comando + F> Comando + 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 = 255 G = 255 B = 0 e concentrati sul suo lato sinistro. Afferra lo strumento Elimina punto di ancoraggio (-) e fai semplicemente clic sul punto di ancoraggio inferiore. Alla fine, la tua forma acuta dovrebbe assomigliare alla quarta immagine mostrata.
Seleziona la forma evidenziata nella prima immagine e crea due copie in primo piano (Comando + C> Comando + F> Comando + F). Seleziona la copia in alto e spostala di 1 pixel a destra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati.
Riempi la forma risultante con R = 255 G = 255 B = 0 e concentrati sul suo lato inferiore. Afferra lo strumento Elimina punto di ancoraggio (-) e fai semplicemente clic sul punto di ancoraggio corretto. Alla fine, la tua forma acuta dovrebbe assomigliare alla quarta immagine mostrata.
Seleziona la forma evidenziata nella prima immagine e crea due copie in primo piano (Comando + C> Comando + F> Comando + F). Seleziona la copia in alto e spostala di 1 pixel a destra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati.
Riempi la forma risultante con R = 255 G = 255 B = 0 e concentrati sul suo lato inferiore. Afferra lo strumento Elimina punto di ancoraggio (-) e fai semplicemente clic sul punto di ancoraggio superiore. Alla fine, la tua forma acuta dovrebbe guardare la quarta immagine mostrata.
Riseleziona la stella gialla, fai una copia in primo piano (Comando + C> Comando + F) e portalo in primo piano (Maiusc + Comando +]). Seleziona questa copia, rimuovi il colore dal riempimento e aggiungi un tratto di 3 punti. Imposta il suo colore su R = 237 G = 28 B = 36, allinearlo verso l'interno, abbassare l'opacità al 70% e cambiare la modalità di fusione su Sovrapposizione.
Riseleziona la stella gialla, fai una copia in primo piano (Comando + C> Comando + F), porta in primo piano (Shift + Comando +]) quindi fai una seconda copia (Comando + C> Comando + F). Seleziona questa nuova copia e spostala 1px in alto a sinistra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Trasforma il gruppo di forme risultante in un percorso composto e riempilo con R = 254 G = 171 B = 7.
Riseleziona la stella gialla, fai una copia in primo piano (Comando + C> Comando + F), porta in primo piano (Shift + Comando +]) quindi fai una seconda copia (Comando + C> Comando + F). Seleziona questa nuova copia e spostala 1 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 percorso composto e riempilo con R = 255 G = 255 B = 0.
Riseleziona la stella gialla, fai una copia in primo piano (Comando + C> Comando + F), porta in primo piano (Shift + Comando +]) quindi fai una seconda copia (Comando + C> Comando + F). Seleziona questa nuova copia e spostala 1px in basso a destra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Trasforma il gruppo di forme risultante in un percorso composto e riempilo con R = 255 G = 255 B = 0.
Riselezionare la stella gialla e mettere a fuoco il pannello Aspetto. Aggiungi un tratto 1pt, imposta il suo colore a R = 254 G = 192 B = 20 e allinearlo all'esterno. Selezionalo e controlla il pulsante Round Join dal pannello Traccia.
Seleziona tutte le forme create dall'ottavo passaggio e raggruppale (Comando + G). Seleziona questo nuovo gruppo e vai a Effetto> Distorci e Trasforma> Trasforma. Scegli un numero da 1 a 4 per la casella Copie, trascina il cursore Sposta-Orizzontale a 75px, fai clic su OK e hai finito.
Ora il tuo lavoro è finito. Ecco come dovrebbe apparire la tua grafica per la valutazione delle stelle.
Accentsconagua