En el disseny de llocs, sovint s’utilitzen elements de navegació tridimensionals. Aquests botons es poden fer a l'editor gràfic Photoshop, simulant el volum mitjançant ombres i omplir degradats.
Necessari
Programa Photoshop
Instruccions
Pas 1
Creeu un document nou en un editor gràfic mitjançant l'opció Nou del menú Fitxer. Seleccioneu la mida del document nou per ajustar-lo al botó i feu que el fons sigui transparent.
Pas 2
Activeu l'eina de rectangle arrodonit. Si voleu un botó lleugerament arrodonit, a la barra Opcions de l'eina, configureu el radi a un mil·límetre. Dibuixeu un rectangle arrodonit amb l'eina seleccionada. La forma resultant serà la base del botó.
Pas 3
Feu clic amb el botó dret a la capa i seleccioneu l'opció Rasterize Layer. Carregueu la selecció amb l’opció Carrega selecció del menú Selecciona.
Pas 4
Utilitzeu l'eina Gradient per omplir el botó amb un degradat de dos colors, escollint una combinació adequada de colors entre els valors predeterminats de la paleta de degradats. L'estil de degradat ha de ser lineal, seleccioneu-lo fent clic al botó Gradient lineal situat al menú principal. La part superior del botó després d'omplir-la ha de ser més lleugera que la inferior.
Pas 5
Apliqueu un estil a la capa. Per fer-ho, utilitzeu l'opció Opcions de fusió del menú contextual. Seleccioneu la pestanya Ombra i introduïu un valor de cent vint graus per al paràmetre Angle. Establiu el paràmetre Size a tres píxels.
Pas 6
A la pestanya Ombra interior, configureu el mateix valor per al paràmetre Angle i, per a la mida, definiu el valor a cinc píxels. Apliqueu l’estil prement la tecla Retorn.
Pas 7
Feu una ombra per al botó. Per fer-ho, feu clic al botó Crea una nova capa i ompliu de negre l'àrea seleccionada de la nova capa. Seleccioneu l'eina del cub de pintura. Desmarqueu amb Ctrl + D.
Pas 8
Apliqueu un filtre de desenfocament gaussià des del grup de desenfocament del menú Filtre al rectangle negre. Establiu el radi a quatre píxels. Arrossegueu la capa d'ombra sota la capa de botons i eleveu l'ombra de tres a quatre píxels cap amunt. Per fer-ho, activeu l'eina Mou i moveu l'ombra amb els botons del cursor. Reduïu l’opacitat d’aquesta capa al seixanta per cent.
Pas 9
Feu la capa activa amb el botó i carregueu-ne una selecció. Reduïu la selecció en dos píxels mitjançant l’opció Contracte del grup Modifica del menú Selecció.
Pas 10
Creeu una capa nova i ompliu la selecció resultant amb un gradient lineal de blanc a transparent de manera que la part blanca quedi a la part inferior del botó. Desmarqueu la selecció. Mitjançant l’opció Transformació gratuïta del menú Edita, reduïu l’àrea coberta pel degradat verticalment. Apliqueu la transformació amb la tecla Retorn.
Pas 11
Canvieu el mode de fusió de la capa de degradat a Superposició. Això es pot fer seleccionant un mode a la llista desplegable a la part esquerra de la paleta Estils. Reduïu l’opacitat de la capa al seixanta per cent.
Pas 12
Amb l’eina de tipus horitzontal, escriviu el text que hauria d’estar al botó.
Pas 13
Recopileu totes les capes en una carpeta mitjançant l'opció Grup de capes del menú Capa, seleccionant-les mentre manteniu premuda la tecla Ctrl. Deseu el botó en un fitxer psd mitjançant l’opció Desa del menú Fitxer.
