About Taringa!

Popular channels

Tutorial: Boton Circular

Bueno armo este tutorial para ver si queda claro como armar un boton, con un borde con estilo y una sombra

1- Primero lo que vamos a hacer es crear un documento nuevo, en este caso para el tutorial lo hice de 400x400, en ese documento en una capa nueva, creamos un circulo y lo pintamos de negro, luego con la barita magica selecionamos el circulo y vamos a Seleccion > Modificar > Contraer y le damos un valor entre 15 o 20 pixels y apretamos suprimir, de esta forma se borraria el centro del circulo y nos quedaria un aro.


2- Ahora lo que vamos a hacer es darle unos estilos al aro, siguiendo las imagenes que dejo a continuacion







3- Ahora ya con el estilo aplicado en el aro, lo que hacemos es agregar en una nueva capa la imagen que queremos usar, haciendo un click con la barita magica en el centro del aro nos va a quedar una seleccion. Con esa seleccion nos paramos sobre la imagen que tenemos en la nueva capa y vamos a Seleccion > Invertir y le damos a la tecla Suprimir.




4- Ahora lo que vamos a hacer es crear la sombra, para esto, vamos a crear un circulo en una nueva capa del mismo tamaño que el aro y lo pintamos de negro.
A este circulo le vamos a dar un filtro, para eso vamos a Filtro > Desenfoque > Desenfoque Gaussiano y le damos un valor de 10 pixels. Luego de eso vamos a Edicion > Transformacion Libre (CTRL+T) y achicamos el circulo.





5- En mi caso la sombra luego de achicarla, le volvi a dar Desenfoque Gaussiano como dice le paso 4, pero esta vez de 7 pixels y la baje la Opacidad a 80%

6- Por ultimo busque el logo del juego y lo ubique en la parte inferior del boton y bueno eso seria todo


0No comments yet
      GIF