miércoles, 11 de marzo de 2009
Botones para web en Photoshop
En el siguiente tutorial veremos como podemos crear botones para usarlos en nuestra web. 
1. Establecemos el lienzo
Como siempre nuestro primer paso es establecer el tamaño del lienzo, para esta practica los valores son: 100px de ancho por 40px de alto y como contenido de fondo "transparente".
2. Lineas guia
Trazaremos 4 lineas guias con posiciones a 2px y 98px en vertical; 2px y 38px en horizontal. Para ello iremos al menú Vista >> Guía nueva...
3. Dibujamos el botón
Seleccionamos la herramienta "Rectángulo redondeado" (U) y le aplicacos un radio de 3px, apoyandonos en las lineas guias dibujamos el botón en el lienzo.
4. Aplicamos el estilo de capa
Ya teniendo dibujado el boton, nos dirigimos al menú Capa >> Estilo de capa >> Opciones de fusión y establecemos los valores como en la siguiente imagen:
5. Agregamos algo de brillo
Añadimos una nueva capa, después volvemos a seleccionar la herramienta "Rectángulo redondeado" (U) y de nuevo apoyandonos en las lineas guias dibujamos un nuevo rectángulo de color blanco #ffffff, pero con la mitad de altura del primero. Habiendo hecho esto vamos a la ventana de capa y le asignamos una opacidad de 15%.
6. Texto
Ya casi terminamos el botón, lo restante es agregarle el texto que nosotros deseemos, para ello seleccionamos la herramienta Texto (T) y en una nueva capa escribimos "Buscar", de preferencia el color del texto asignen lo blanco #ffffff y de tipografía la Trebuchet MS nos da muy buenos resultados.
Y eso es todo, ya tenemos un botón el cual lo podemos utilizar en nuestra web o blog.
Entradas relacionadas con el tema.
No Response to "Botones para web en Photoshop"
Publicar un comentario