Com Es Fan Botons Per A Un Lloc Web A Photoshop

Taula de continguts:

Com Es Fan Botons Per A Un Lloc Web A Photoshop
Com Es Fan Botons Per A Un Lloc Web A Photoshop

Vídeo: Com Es Fan Botons Per A Un Lloc Web A Photoshop

Vídeo: Com Es Fan Botons Per A Un Lloc Web A Photoshop
Vídeo: Web Template Design In Photoshop CC Step By Step | UI Design | 2024, De novembre
Anonim

La fàcil navegació és la clau per fer que un lloc web sigui còmode de visitar i atractiu tant per al propietari com per als visitants en línia. Els elements de menú i de navegació han de ser clars, agradables i concisos, i és una bona idea crear botons atractius per al vostre lloc web a l’editor gràfic Adobe Photoshop. Això no és difícil de fer.

Com es fan botons per a un lloc web a Photoshop
Com es fan botons per a un lloc web a Photoshop

Instruccions

Pas 1

Creeu un document nou i seleccioneu l'eina de rectangle arrodonit a la barra d'eines. Dibuixeu un rectangle arrodonit estret i, a continuació, seleccioneu l'eina Elliptical Marquee Tool a la caixa d'eines i dibuixeu un cercle a la part esquerra del rectangle que se superposi a les seves vores i el vagi més enllà.

Pas 2

Feu clic amb el botó dret a la capa de rectangle i seleccioneu l'opció Rasterize Layer i, al centre de la selecció, torneu a fer clic i seleccioneu l'opció Layer via Cut al menú contextual per copiar la selecció a una nova capa.

Pas 3

Obriu el menú de configuració de la capa i, a la pestanya Ombra, definiu el mode de fusió a Normal, l’opacitat al 23% i la distància a 3 píxels. A la pestanya Superposició de colors, configureu el color desitjat amb el mode de fusió Normal i transparència al 100%. Hauríeu de tenir una imatge de dos colors.

Pas 4

Torneu a seleccionar l'eina de marquesina el·líptica a la caixa d'eines i dibuixeu un cercle dins de la selecció de colors de l'esquerra. Feu clic a Suprimeix. Després, transferiu la selecció a una nova capa i empleneu-la amb qualsevol color.

Pas 5

Obriu de nou el menú Estil de capa i ajusteu la pestanya Superposició de degradat en els colors que s'adaptin a l'esquema de colors del vostre lloc. Estableix l'estil radial al degradat. A continuació, a la pestanya Traç, definiu el pes del traç a 2 píxels, la posició exterior del camí i l’opacitat al 30%. Seleccioneu un farciment de degradat per al traç. Feu clic a D'acord.

Pas 6

A la caixa d’eines, seleccioneu un pinzell de color blanc, ajusteu-lo perquè quedi suau i el diàmetre del pinzell sigui de 10 píxels. A la part superior dreta del cercle que heu pintat, dibuixeu un punt per dibuixar un ressaltat.

Pas 7

A continuació, seleccioneu la capa amb la part principal del botó i, al menú Estil de capa, configureu el paràmetre Ombra interior amb el mode de fusió múltiple i l'opacitat del 33%. Definiu un gradient lineal amb un 25% d’opacitat. El vostre botó està a punt; només queda afegir-hi una inscripció.

Recomanat: