sábado, 6 de noviembre de 2010

[Tutorial] Único estilo de botón "Play"

[Tutorial] Único estilo de botón "Play"


Hola!! En este post les enseñare como crear la siguiente imagen [también creada por mi]:



1) Creamos un nuevo documento tamaño 1000 x 600px
2) Utilizando la herramienta "Gradient Tool" rellenaremos como muestra la imagen:



3) Duplicamos la capa, y con la herramienta de transformacion libre (Ctrl + T) La modificaremos para obtener el siguiente efecto:



4) Creamos una nueva capa llamada "Circulo" y utilizamos la herramienta "Eclipse Tool"




Obteniendo el siguiente efecto:



En la capa "Circulo" aplicaremos "Blending Options":

Drop Shadow



Inner Shadow



Bevel and Emboss



Color Overlay



Gradient Overlay



Y obtendremos un efecto como este [pueden cambiar el color, a cualquier otro que quieran]:



5) Creamos una copia de la capa "Circulo" cambiamos Modo a Overlay - Opacity a 30%. Nos dirijimos "Edit > Transform > Warp" y modificaremos la imagen redondeandolo a 50% con el circulo que creamos. Quedando un efecto asi:



Podemos utilizar la transformacion libre (Ctrl + T) para modificarlo a nuestro gusto.

6) Creamos una nueva capa llamada "Play" utilizamos la herramienta de "Polygon Tool" modificamos Sides: 3, podemos utilizar la transformacion libre (Ctrl + T) para modificarla a nuestro gusto, logrando lo siguiente:



Ahora en la capa que creamos, aplicaremos "Blending Options":

Drop Shadow



Inner Glow



Bevel and Emboss



Gradient Overlay



Obteniendo el siguiente efecto:



Duplicamos la capa "Play" y usando la transformacion libre (Ctrl + T) la moveremos un poco al costado logrando:



7) Duplicamos la capa "Circulo" y quitaremos los efectos, excepto "Bevel and Emboss" y "Gradient Overlay"

Bevel and Emboss



Gradient Overlay



Ahora con la herramienta de transformacion libre (Ctrl + T) modificaremos el circulo [hacer 3 copias mas] y obtener:

8) Ahora crearemos la sombra, creamos una nueva capa llamada "Sombra" usando la herramienta "Brush Tool" utilizamos un tamaño de pincel grande, de color negro, y damos doble click en la imagen, luego utilizando la herramienta de transformacion libre (Ctrl + T) lo modificamos para ubicar la sombra a nuestro gusto, obteniendo:



Bueno el tutorial termina aca! Pero les agrego esta parte Opcional, el texto.

9) Escribimos el texto que deseamos poner en la imagen, le agregaremos "Blending Options"

Drop Shadow



Inner Glow



Bevel and Bless



Gradient Overlay



Obtendremos el siguiente efecto:



Bueno eso es todo en el tutorial, pronto creare otro enseñadoles como hacer su propia pagina web con Poto Shop

No hay comentarios:

Publicar un comentario