Creación de botones con photoshop

Con este tutorial, crearemos un botón que podremos usar en cualquier pagina web o aplicación multimedia de un modo muy sencillo usando la herramienta photoshop.

Para realizarlo siga estos pasos:

  1. Cree un archivo nuevo con el fondo de color blanco

  2. Sobre el dibujaremos la forma de nuestro botón, en este caso un botón alargado de forma horizontal para un menú web.

  3. Seleccione la herramienta Rectángulo redondeado.

  4. Introduzca el radio de calado que desee para las esquinas, en este caso 10 px y rellenelo del color que desee.

    Nota: Si desea realizar el mismo del ejemplo, el color es: #A2C6A2


  5. Seleccione la forma creada y cree una nueva capa (layer)

  6. Sobre esta capa y con la forma seleccionada aplique un degradado de ángulo tomando colores de la gama del verde en distintas tonalidad para producir el efecto deseado.
  7. Para darle un efecto más vistoso, jugaremos con los efectos de la herramienta: situado en la capa donde tiene la forma, haga clic sobre los efectos de capa y juegue con ellos haciendo pruebas hasta conseguir el efecto que desee.

    En el caso del ejemplo, le hemos aplicado:


    Este es el efecto del botón hasta el momento.


  8. Para añadir el texto del botón: seleccione la herramienta texto y haga clic sobre el botón. Introduzca el texto que irá en el botón y seleccione la tipográfia más adecuada.

Este es el resultado final del botón. Recuerde que puede variar formas y colores hasta conseguir modelos de gran originalidad.


Manual procedente de www.dondetepique.com



Nombre:

Email:

Comentario:

© 2014 - Todos los derechos reservados Ciberaula España - USA - México - Colombia - Chile - Argentina
Aviso legal

Lo más buscado y visitado en Ciberaula

Masters: Programación Web | Diseño Gráfico | Java | Flash MX | PHP | 3D Studio Max
Cursos: GNU/Linux | OpenOffice Impress | OpenOffice Writer | PHP 5 | HTML | J2EE | J2SE | Dreamweaver | Flash MX | Photoshop Diseño Web | Photoshop Diseño Gráfico | Adobe Premiere | Freehand MX | 3d Studio Max | 3d Studio Iluminación | 3d Studio Modelado | Word | Excel | Access
Secciones: Formación a Distancia | Formación a Empresas | Cursos SENCE | Servicios a Empresas | Cursos a Distancia | Cursos On-Line | E-learning | Ofimática
Recomendados: departamento jurídico | ofertas vuelos | vuelos baratos | Partituras | Deontología | Deontologia



Copyright 2014 Guillermo González-Vallés Saco - Reservados Todos los Derechos