Bienvenido a la Comunidad para todos los usuarios de photoshop, este lugar esta pensado para que compartas tus ideas, diseños, inquietudes y aprendamos todos juntos a utilizar todos los recursos y herramientas
Ver más- 808 Miembros
- 623 Temas
- 239 Seguidores
Tutorial: Boton Circular
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
- 6Calificación
- 5Seguidores
- 487Visitas
- 0Favoritos
Global
Argentina
Chile
Colombia
España
México
Perú
Uruguay
Venezuela
10 respuestas
es exactamente lo que yo decia
Muy bueno y práctico.
Gracias.
Sería bueno añadir la parte de como convertirlo en botón desde photoshop para que algunos conozcan esas herramientas para la web que tiene el PS.
Saludos amigo y buen tuto.
Claro pudy, es cuestion de darse maña.
Cambiando de tema, alguien sabe por que no salen mas los tags en los temas?
Faltaria una especie de media luna blanca, desemfocada en unos 10 o 15% de opacidad para dar un efecto de brillo sobre la imagen del juego
Si soiivan en este caso no la puse, porque ni se nota en la imagen, pero en otra imagen quedaria bien
si te digo que sos un capo! jajaja perfecto impecable el tuto! gracias esa sombra tan genial y tan facil de hacerla me encantoo! +1 (:
C= +1
Che no entendi como poner la imgen...
Bueno y un dia volvi, jaja. El aro lo tenes en una capa y la imagen la tenes en otra capa, lo que hice fue seleccionar el centro del aro, y despues fui a la capa de la imagen "inverti seleccion" y con la tecla suprimir borras todo el resto de la imagen y solo te queda la imagen con forma circular.
Despues ahi ubicas la imagen justo en el centro del Aro y listo, si no entendiste avisa
Nu entendi XD (Soy nuevo en PhotoShop)