Share
Nel seguente suggerimento rapido imparerai a creare un sigillo di soddisfazione garantito con forme e gradienti di base. Scoprirai che la struttura di base di questo grafico può essere riutilizzata più volte per creare un insieme di risorse web perfette per l'e-commerce. Iniziamo!
Creare un documento 700 x 700 pixel. Inizia accendendo la griglia e lo snap alla griglia, quindi vai a Modifica> Preferenze> Guide e griglie. Inserisci "5" nella casella "Linea guida ogni" e "1" nella casella "Sottodivisioni". Ora, dovrai creare 9 cerchi concentrici.
Qui puoi dare un'occhiata più da vicino alle forme create finora. Successivamente, dovrai selezionare le forme da 2 a 9 e renderle invisibili (per il momento).
Disattiva la griglia e lo snap alla griglia. Ora concentriamoci sulla forma n. 1. Selezionalo, aggiungi l'effetto Zig Zag, quindi vai su Oggetto> Espandi aspetto. Innanzitutto, riempilo con il gradiente lineare e aggiungi un 1pt allineato al tratto esterno (R = 204 G = 204 B = 204). Successivamente, aggiungi un nuovo riempimento nero. Seleziona questo riempimento (dal pannello Aspetto), abbassa la sua opacità al 3% e aggiungi l'effetto Grano. Infine, riseleziona l'intero percorso e aggiungi l'effetto Ombra esterna (Effetto> Stilizzazione> Sfalsa ombra).
Crea una copia della forma "1", quindi seleziona lo strumento Rettangolo (M) e crea una forma simile a quella rossa mostrata nell'immagine n. Seleziona queste due forme e fai clic sul pulsante Interseca dal pannello Elaborazione tracciati. Riempi la forma risultante con il nero, abbassa la sua opacità al 10% e spostalo sopra la forma n. 1 (assicurati che rimanga lì fino alla fine).
Gira 2,3,4,5,8 e 9 torna a visibile. Per prima cosa, riempire i punti 2,4 e 8 con il bianco, quindi riempire i punti 3,5 e 9 con il gradiente radiale mostrato di seguito.
Girare la forma "7" di nuovo a visibile. Seleziona lo strumento Tipo su tracciato, fai clic sul percorso ("7") per far apparire un cursore lampeggiante, quindi aggiungi il testo Soddisfazione garantita. Usa il carattere Arial Black con una dimensione di 40px. Riseleziona questo testo e vai su Oggetto> Espandi. Selezionare le forme risultanti, riempirle di bianco, quindi andare su Oggetto> Percorso composto> Crea. Assegna un nome alla forma risultante "Testo". Girare il cerchio "6" di nuovo a visibile. Duplica "testo". Seleziona questa copia insieme al cerchio "6" e fai clic sul pulsante Interseca dal pannello Elaborazione tracciati. Seleziona il gruppo di forme risultante, riempilo con R = 251 G = 188 B = 12, quindi abbassa la sua opacità al 10%.
Seleziona lo Strumento testo e aggiungi il testo al 100% nel mezzo del cerchio # 9. Usa il font Impact (110px per il testo e 80px per il segno di percentuale). Espandi questo testo, riempi le forme risultanti con il bianco, quindi vai su Oggetto> Percorso composto> Crea. Seleziona la forma risultante, vai su Oggetto> Percorso> Offset Path, inserisci uno scostamento "-3px" e premi OK. Riempi la forma risultante con il gradiente lineare.
Scegli lo Strumento Stella e crea una forma a stella come quella mostrata nell'immagine n. Tieni premuto Control mentre fai clic e trascina per aumentare / diminuire il volume della tua stella. Riempilo con il gradiente radiale e aggiungi un bianco di 5pt, allineato all'esterno, tratto. Riseleziona lo strumento Stella e crea quattro forme stellari più piccole. Riempi li con lo stesso gradiente radiale ma usa una diversa dimensione del tratto.
Crea una copia della forma "2", quindi seleziona lo strumento Rettangolo (M) e crea una forma simile a quella rossa mostrata nell'immagine n. Ora, seleziona entrambe le forme e fai clic sul pulsante Interseca dal pannello Elaborazione tracciati. Riempi la forma risultante con il bianco e abbassa la sua opacità al 15%.
Ora, creiamo i nastri. Attiva la griglia e lo snap alla griglia. Seleziona lo strumento Rettangolo (M) e crea una forma da 100 per 250 pixel. Seleziona questo rettangolo e vai su Oggetto> Percorso> Aggiungi punti di ancoraggio. Seleziona lo strumento di selezione diretta (A), seleziona il punto di ancoraggio evidenziato nell'immagine 1 e spostalo di 50px in alto. Riseleziona l'intera forma, aggiungi l'effetto Arco (Effetto> Deformazione> Arco), quindi vai a Oggetto> Espandi aspetto.
Duplica le forme create nel passaggio precedente. Ora, ruota queste due forme e posizionale come mostrato nell'immagine qui sotto. Riempili entrambi con lo stesso gradiente radiale quindi aggiungi un 5pt allineato all'interno, tratto (R = 242 G = 242 B = 242).
Infine, aggiungi l'effetto Ombra esterna e il gioco è fatto. Questo stile grafico è particolarmente utile per i siti di e-commerce in quanto può essere ridipinto per soddisfare esigenze diverse.
Accentsconagua