miércoles, 9 de mayo de 2012

Cómo crear un botón para tu blog


1.- Abrir Photoshop y en el menú de archivo dar Archivo>"Nuevo":


Los valores que he dado han sido anchura 100 píxeles, altura 50, resolución 72. Posiblemente un botón más pequeño a 50 píxeles de anchura  y 25 de altura, también quede bien. Damos OK.

2.- Nos vamos de nuevo al menú Imagen>"tamaño de imagen" para dar allí los valores en cms. Hay que desactivar la casilla "remuestrear imagen" para no perder resolución, y damos los valores de anchura (1 cm) y altura (0,5 cm).


3.- En la barra de herramientas elegimos "forma personalizada" tal como muestra la imagen siguiente:


4.- En la barra de opciones que se nos abre, pinchar en el botón "forma personalizada" y en el apartado "forma" que hay a la derecha en la pestaña correspondiente, elegir una flecha que nos guste.


5.- Abrir la ventana "capas" desde el menú y duplicar la capa "fondo".


6.- Elegir el color (color frontal) que mejor se ajuste a lo que buscamos en función de los colores que habitualmente tenemos en el blog:


7.- Teniendo activada la herramienta de "forma personalizada" trazar la flecha elegida en el interior de lo que será nuestro botón.


8.- Con las teclas "contro" + "T", pulsando ambas al mismo tiempo, se activan los tiradores que se observan en la imagen siguiente, con los que podremos adaptar la forma y tamaño de la flecha al rectángulo que tenemos.


9.- Con la herramienta "degradado" trazamos de forma vertical (en mi caso) u horizontal según nuestro gusto, para dar color y sensación de volumen al botón.


10.- En el menú, ir a "capa">"estilo de capa">"bisel y relieve" y dar los parámetros que vemos en la imagen siguiente o experimentar con otros valores según preferencias personales:


11.- En el menú, en capa, dar "combinar visibles" para combinar las capas creadas:


12.- Dar "guardar como", elegir el formato JPEG u otro que admita nuestro blog y listo. Este sería el resultado:


En la entrada "disparar en modo P", he puesto este mismo botón y se puede ver cómo queda y cómo funciona.

Aquí dejo otros modelos que podéis descargar de forma libre

 

 

 

 

 

 

 

 

No hay comentarios:

Publicar un comentario

Gracias por tu comentario.