Botón Web en Photoshop

Los botones son una parte importante del diseño de una web. Con éste tutorial aprenderemos una sencilla forma de hacer botones. 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 este layer lo llamaremos “original”.

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%.

Leave a Reply