Botones Web con Photoshop

Los botones Web son una parte importante del diseño de una web. Con éste tutorial aprenderemos una sencilla forma de hacer botones web. El método que veremos a continuación puede aplicarse a cualquier figura con formas redondeadas.

1) Comenzamos creando un nuevo documento (CTRL+N). Elegimos el color 161,161,161 de frente y llenamos el fondo con la herramienta “bote de
pintura” o presionamos ALT+Backspace. Creamos una nueva capa (SHIFT+CTRL+N) y en ella con la herramienta elipse creamos un óvalo. Lo llenamos con el color 131,131,131. A esta capa la llamaremos “original”.
photoshop

2) Haciendo CTRL+Click sobre esta capa, la seleccionamos. Creamos una nueva Capa, vamos a Selección>Calar y aplicamos 4 píxeles de valor. Luego contraemos la selección (Selección>Modificar>Contraer) otros 4 píxeles. Invertimos la selección (SHIFT+CTRL+I) y la llenamos con color Negro (D y luego Shift+F5 o bien con la herramienta “bote de pintura”). Hacemos CTRL+Click en la capa “original” para obtener su selección, invertimos y borramos (Delete). Luego, bajamos la opacidad de esta capa a un 70%.
photoshop

 

Leave a Reply