Taller 4: Botón Web .

Botones Web con Photoshop


google_protectAndRun("render_ads.js::google_render_ad", google_handleError, google_render_ad);
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".


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


Página 1/3 - Página 2/3 - Página 3/3