En este tutorial veremos cómo crear un botón para colocarlo en nuestra página web o blog.
Una de las cosas más importantes en una página web es el diseño, que aunque no lo parezca tiene mucha importanica. Es lo primero que ve el usuario al entrar y es por donde se guía. Si el diseño le agrada estará encantado de seguir navegando por tu web!
En este tutorial vamos a crear un botón para nuestro site, gracias al uso de photoshop.
Lo primero como siempre será abrir un nuevo documento( Archivo->nuevo), demosle unas dimensiones de 400×400px para trabajar comodamente, y de fondo transparente:
Ahora crearemos el fondo del botón. Para ello seleccionamos la “herramienta rectangulo redondeado” con la que dibujaremos ese fondo, simplemente haciendo click y arrastrando hasta un resultado semejante al siguiente:
Ahora vamos a ser click en resterizar capa(Menú de capas->botón derecho del ratón->resterizar capa).
Bien, demosle algo de color. Para darle color eligiremos la herramienta degradado. Seleccionamos dos colores semejantes que funcionen de degradado, como los siguientes:
Ahora elegimos las opciones de nuestro degradado, que bienen a ser las siguientes:
Una vez hecho esto nos dirigimos de nuevo al menú de capas, y hacemos click en “Bloquear pixeles transparentes”:
Elegimos la herramienta degradado y aplicamos el degradado sobre el botón, con este resultado:
Lo que nos queda es escribir un texto. Con la herramienta texto escogemos la fuente que más nos guste y eligimos un texto dependiendo de la función del botoón. El mio quedó asi:
Es recomendable guardarlo en formato gif para que pese menos.
