Share
Quando stiamo lavorando a un progetto di web design, spesso abbiamo bisogno di icone per mostrare comandi come aggiungere, eliminare o modificare. Con la tendenza Web 2.0, l'uso di badge e 3D sottili è diventato molto popolare. In questo tutorial, ti mostrerò come creare un effetto 3D davvero semplice e molto carino da utilizzare in pulsanti e icone o elementi che richiedono una certa profondità.
Crea un nuovo documento e seleziona lo strumento Ellisse (U). Non importa che colore usi perché verrà sostituito in seguito con gli stili di livello.
Fare doppio clic sul livello dell'ellisse per aprire la finestra di dialogo Stile livello. Quindi seleziona la sovrapposizione sfumatura e utilizza una sfumatura blu e una tonalità più chiara di blu per i colori sfumati. Per lo stile usa Radial. Quindi aggiungere un smusso e rilievo come mostrato di seguito.
Suggerimento: sposta il gradiente radiale più verso l'alto del cerchio. Per farlo con la finestra di dialogo Stile livello ancora aperta, assicurati di essere nella sezione Sovrapposizione sfumatura, quindi fai clic e tieni premuto il pulsante e inizia a spostare la sfumatura.
Duplica il livello del cerchio e ridimensionalo per renderlo leggermente più piccolo, come l'immagine qui sotto.
Fare doppio clic sul nuovo livello per aprire la finestra di dialogo Stili livello. Deseleziona tutti gli effetti precedenti (Smusso e rilievo e Sovrapposizione sfumatura). Ora selezionare Traccia e per il tipo di riempimento selezionare Gradiente. Per i colori selezionare bianco per entrambe le estremità della sfumatura e cambiare l'opacità a 0% per l'inizio e 100% alla fine.
Seleziona lo Strumento tipo orizzontale (T) e crea un livello testo. Assicurati che questo strato sia in alto. Ora apri la casella Stili livello e cambia la Sovrapposizione colore in bianco, quindi seleziona Ombra interna e utilizza le impostazioni mostrate sotto.
Raggruppa i tre strati e chiamalo "Cerchio blu".
Seleziona lo strumento Poligono (U) e modifica alcune impostazioni come mostrato di seguito per creare un badge stella. Duplica il livello e ridimensionalo come abbiamo fatto nel passaggio 3.
Invece di applicare gli stili di livello al livello, basta copiare lo stile dall'icona precedente che abbiamo creato e incollarlo sul nostro nuovo livello. Per farlo, seleziona il livello su cui desideri copiare lo stile del livello, fai clic con il pulsante destro del mouse (Mac: Opzione-Clic) e scegli Copia stile livello. Quindi selezionare il livello a cui si desidera aggiungere lo stile e fare nuovamente clic con il tasto destro e scegliere Incolla stili layer.
L'unica cosa che dovrai modificare saranno i colori del gradiente sotto Sovrapposizione sfumatura.
Questo è uno dei modi più semplici per creare un fantastico pulsante di stile 3D. Puoi modificare alcune impostazioni come il colore sfumato del tratto e creare diversi stili 3D.
Accentsconagua