Mostrando entradas con la etiqueta Cómo crear un botón para mi blog. Mostrar todas las entradas
Mostrando entradas con la etiqueta Cómo crear un botón para mi blog. Mostrar todas las entradas

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