Share
Segui questo suggerimento rapido e impara come creare stelle di valutazione lucide. Aggiungeremo i punti salienti con l'aiuto dello strumento di fusione e un pennello artistico e in questo modo otterremo un aspetto lucido piuttosto semplice. Inoltre, in base alla tavolozza dei colori di alcuni siti Web, proveremo diverse varianti di colori.
Apri un nuovo documento Web e iniziamo con lo sfondo. Prendi lo Strumento Rettangolo (M) e disegna un rettangolo di 600 x 400 px, quindi riempilo con il gradiente radiale mostrato sotto.
Ora vai nel pannello Aspetto, apri il menu a comparsa e scegli Aggiungi nuovo riempimento. Useremo il modello Diamante che puoi trovare nel menu Librerie di Swatch sotto Modelli> Grafica di base> Grafica_Tempi di base. Successivamente, dopo aver selezionato questo secondo riempimento nel pannello Aspetto, andare al menu Oggetto> Trasforma> Scala, selezionare 80% e selezionare solo l'opzione Motivi. Infine, imposta la modalità di fusione su Moltiplica e riduci l'opacità al 50%.
Passiamo alle stelle. Prendi lo strumento Stella, fai clic sulla tua tavola da disegno e inserisci i valori mostrati. Dobbiamo ruotare un po 'la stella risultante quindi andare al menu Oggetto> Trasforma> Ruota e scegliere un angolo di 30 gradi. Per ottenere gli angoli arrotondati useremo il Round Any Corner Script che puoi trovare qui. Dopo averlo salvato, puoi trovarlo nel menu File in Script. Esegui lo script e seleziona un 2 Raggio.
Mancia: In alternativa puoi anche usare l'effetto Round Corners (menu Effetto> Stili) ma assicurati di selezionare Espandi Aspetto e Separa in seguito.
Riempi la stella con il grigio scuro, quindi vai al menu Effetto> Stilizzazione e applica l'effetto Bagliore interno usando le impostazioni mostrate.
Copia e incolla indietro la stella (il percorso rosso), quindi vai al menu Oggetto> Trasforma> Scala, scegli 115% e premi Copia. Otterrai una stella più grande (il percorso verde).
Riempi la copia della stella con il gradiente lineare mostrato e modifica l'angolo a meno 40 gradi. Successivamente, riempire la stella più grande con lo stesso gradiente, basta ridurre l'opacità allo 0%. Naturalmente, queste due stelle devono trovarsi dietro la stella principale e averle entrambe selezionate, vai al menu Oggetto> Miscela> Opzioni di fusione e scegli 20 punti specificati. Ora, torna al menu Oggetto> Miscela e seleziona Crea. Riduci l'opacità del gruppo di blend risultante all'80% e hai appena ottenuto la prima stella di valutazione vuota.
Continuiamo con le stelle colorate. Crea una copia della stella principale usata finora e riempila con il gradiente lineare mostrato. Cambia l'angolo a meno 45 gradi. Questi colori hanno un ruolo importante nella fase successiva.
Con la stella selezionata, vai al menu Oggetto> Trasforma> Scala, scegli 80% e premi Copia. Riempi la stella più piccola risultante con il rosa. Successivamente, con entrambe le stelle selezionate, vai a Menu Oggetto> Miscela> Opzioni di fusione, scegli 20 punti specificati, quindi torna al menu Oggetto> Miscela e seleziona Crea.
Copia e incolla davanti alla stella più piccola del passaggio precedente, ma vai al pannello Livelli e trascinala fuori dal gruppo Blend perché non lo vogliamo lì. Usa lo strumento Ellisse (L) per disegnare una forma ovale e disporla come nell'immagine qui sotto. Seleziona entrambe le forme (blu e nero) e fai clic su Aree forma di intersezione> Espandi dal pannello Pathfinder. Riempi la forma risultante con un gradiente lineare da bianco a nero e modifica l'angolo a meno 60 gradi. Imposta la modalità di fusione su Più chiara (il nero diventa trasparente) e abbassa l'opacità al 20%.
Quindi, prendi lo strumento Ellisse (L) e disegna un'ellisse piatta di 200x5 pixel. Utilizzare lo strumento selezione diretta (A) per selezionare solo i punti destro e sinistro e fare clic sull'opzione Converti punti di ancoraggio selezionati sull'angolo. Con questa forma selezionata, vai al menu Oggetto> Tracciato> Offset Path e applica un offset di meno 2,2 px per ottenere la forma più piccola al centro. Riduci l'opacità per la forma più grande allo 0%, quindi con entrambe le forme selezionate, vai al menu Oggetto> Miscela> Opzioni di fusione. Qui scegli 20 punti specificati, quindi torna al menu Oggetto> Miscela> Crea. Trascina il gruppo Blend risultante nel pannello Pennelli per definire un nuovo pennello Art.
Ora prendi lo strumento Penna (P) e disegna i tre percorsi bianchi come mostrato di seguito. Tracciali con il pennello artistico salvato nel passaggio precedente quindi imposta i pesi del tratto come indicato per ciascun percorso. Riduci l'opacità al 40% per tutti loro.
Infine, seleziona il gruppo di fusione rosa senza le alte luci e vai al menu Effetto> Stilizzazione> Sfalsa ombra. Usa le impostazioni mostrate per aggiungere l'ombra e, a questo punto, la prima stella di valutazione è pronta.
Ecco come creare l'intero set. Seleziona la stella di valutazione vuota creata all'inizio e vai al menu Oggetto> Trasforma> Sposta. Sotto Orizzontale seleziona 70 px, quindi premi Copia e otterrai la seconda stella vuota. Premi tre volte Control + D che è la scorciatoia per Transform di nuovo per ottenere il resto delle stelle.
Ora seleziona l'intera riga, quindi vai al menu Oggetto> Trasforma> Sposta e questa volta in Verticale scegli meno 60 px. Otterrai la seconda fila di stelle e premendo nuovamente Control + D tre volte otterrai gli altri.
A questo punto tutto ciò che devi fare è sostituire alcune delle stelle vuote con le stelle rosa e tutte saranno perfettamente disposte.
A seconda della tavolozza dei colori di alcuni siti web, potresti desiderare colori diversi, quindi ecco tre alternative. Tutto quello che devi fare è fare una copia della stella rosa, quindi sostituire i gradienti e riempire i colori come mostrato nelle immagini qui sotto. Tutte le altre impostazioni rimangono invariate, come mostrato nei passaggi precedenti.
A seconda dei colori scelti (più scuri o più chiari) i valori di opacità potrebbero variare. Come puoi vedere qui sotto sono un po 'diversi da quelli usati per la stella rosa, quindi devi regolarli come necessario.
Ecco la versione blu:
E la mia preferita, la versione arancione:
Ecco l'immagine finale e spero che ti piacciano queste stelle colorate. Si prega di creare il proprio set e fammi sapere come si sono rivelati.
Accentsconagua