![Tutorial: Crear un botón para tu web [Photoshop]](https://storage.posteamelo.com/assets-adonis/assets/2014/02/06/BienvenidosAMiNuevoPost.png-SRSmPh2EV_x.webp)
-Bienvenidos a este nuevo post , esta vez les traigo un tutorial propio sobre como crear un botón en photoshop para usarlo por ejemplo en una página web o en un post.
La tipografía usada en el texto se llama "AGE"
-Para seguir el tutorial recomiendo Photoshop CS6 o CC.
-Al final , si te gusta el post puedes dejar puntos, añadirlo a favoritos y también compartirlo.
![Tutorial: Crear un botón para tu web [Photoshop]](https://storage.posteamelo.com/assets-adonis/assets/2014/02/08/Seguirme-3EXKwpxi6PF.webp)
Puedes Seguirme , así verás mis demás aportes.
1-Creamos un documento en Photoshop con estas especificaciones:
2- Tendremos algo como esto:
3- Luego nos dirigiremos a la herramienta de formas y seleccionaremos rectángulo redondeado:
![Tutorial: Crear un botón para tu web [Photoshop]](https://storage.posteamelo.com/assets-adonis/assets/2014/02/08/Captura-03-zrX9yPCxnFX.webp)
4- Cuando hayamos seleccionado la herramienta vamos al documento y cremos un rectángulo así:
5- Cuando tengamos la forma creada vamos a la parte superior para establecer el color y el trazo de nuestro botón:
6- Luego de que tenemos el color y el trazo de nuestro botón , vamos a añadirle un texto, para esto vamos a la herramienta texto horizontal (o presionamos la tecla "T":
![Tutorial: Crear un botón para tu web [Photoshop]](https://storage.posteamelo.com/assets-adonis/assets/2014/02/08/Captura-06-b-ezZKK5scx.webp)
7- Vamos a proceder a crear el texto dando clic afuera del botón (en la parte blanca que es el fondo) , escribimos el texto y lo movemos a donde creamos que esté centralizado, también podemos ir a la parte superior (como en el fondo del botón) para cambiar el color del texto.
8- Ahora quiero que presten mucha atención, vamos a proceder a eliminar la capa de fondo que tenemos en la pestaña capa, la arrastraremos hasta el bote de basura que está en la esquina inferior derecha de la pestaña, hago esto para que la imagen al ser guardada en formato PNG guarde transparencia y no tenga el fondo blanco, y así los bordes quedarán perfectamente redondeados en las esquinas (esto es opcional).
9- Luego procederemos a guardar nuestro botón, iremos al menú ARCHIVO--> GUARDAR COMO:
![Tutorial: Crear un botón para tu web [Photoshop]](https://storage.posteamelo.com/assets-adonis/assets/2014/02/08/Captura-12-4Qxc6bwyg0y.webp)
10- Nos saldrá una ventana como esta en la que pondremos en la opción "TIPO" .PNG , y en nombre el que deseemos , luego haremos clic en guardar.
11- Como resultado final obtendremos algo como esto:
![Tutorial: Crear un botón para tu web [Photoshop]](https://storage.posteamelo.com/assets-adonis/assets/2014/02/08/Comentarios-QWlu54P4snI.webp)
-Esto fue todo, espero que les haya sido de ayuda y que también les haya gustado.
