Efecto sticker Firefox con Photoshop
Posteado el 07. Jul, 2010 por Webi in Efectos, Photoshop
PASO 1
Crear un nuevo documento de Photoshop de 500 x 500 con un color de fondo gris oscuro (#282828)
![firefox firefox](../../../wp-content/plugins/jquery-image-lazy-loading/images/grey.gif)
firefox
PASO 2
Arrastramos la imagen de cualquier textura de piedra a nuestro documento y le colocamos un modo de capa “Overlay”
![firefox firefox](../../../wp-content/plugins/jquery-image-lazy-loading/images/grey.gif)
firefox
PASO 3
Con la ayuda de la herramienta Rounded Rectangle Tool dibujamos un rectángulo con las puntas redondeadas con un color de relleno gris claro (#ebebeb)
![firefox firefox](../../../wp-content/plugins/jquery-image-lazy-loading/images/grey.gif)
firefox
PASO 4
Hacemos click derecho sobre la capa del rectángulo y vamos a la opción Rasterize Layer.
![firefox firefox](../../../wp-content/plugins/jquery-image-lazy-loading/images/grey.gif)
firefox
PASO 5
Con la herramienta Marquee Tool creamos una selección en la mitad de nuestro rectángulo.
![firefox firefox](../../../wp-content/plugins/jquery-image-lazy-loading/images/grey.gif)
firefox
PASO 6
Ahora con el comando Ctrl + T vamos a transformar nuestro rectángulo como se ve en la imagen.
![firefox firefox](../../../wp-content/plugins/jquery-image-lazy-loading/images/grey.gif)
firefox
PASO 7
Con la herramienta Smudge Tool vamos a crear varias irregularidades en la etiqueta. Un consejo traten de utilizar sepillos esfumados para obtener el mejor resultado.
![firefox firefox](../../../wp-content/plugins/jquery-image-lazy-loading/images/grey.gif)
firefox
PASO 8
Con la herramienta Burn Tool vamos a darle algunos toques de Oscuridad en la parte del centro como se ve en la imagen.
![firefox firefox](../../../wp-content/plugins/jquery-image-lazy-loading/images/grey.gif)
firefox
PASO 9
Con la herramienta Dodge Tool vamos a darle unos toques de claridad a nuestra etiqueta.
![firefox firefox](../../../wp-content/plugins/jquery-image-lazy-loading/images/grey.gif)
firefox
PASO 10
Repetimos el paso 8 y 9 en toda la etiqueta para tener algo como lo que se ve en la imagen.
![firefox firefox](../../../wp-content/plugins/jquery-image-lazy-loading/images/grey.gif)
firefox
PASO 11
Para añadirle más profundidad vamos a aplicarle a la etiqueta una Drop Shadow con los valores que se ven en la imagen.
![firefox firefox](../../../wp-content/plugins/jquery-image-lazy-loading/images/grey.gif)
firefox
PASO 12
También le aplicamos un Bevel and Emboss con los valores que se ven en la imagen.
![firefox firefox](../../../wp-content/plugins/jquery-image-lazy-loading/images/grey.gif)
firefox
PASO 13
Ahora con la herramienta Text Tool escribimos el texto que queramos en la etiqueta y lo rasterizamos.
![firefox firefox](../../../wp-content/plugins/jquery-image-lazy-loading/images/grey.gif)
firefox
PASO 14
Con la herramienta Marquee Tool creamos una selección en la mitad del texto y con el comando Ctrl + T transformamos la parte del texto y le damos la inclinación que tiene la etiqueta.
![firefox firefox](../../../wp-content/plugins/jquery-image-lazy-loading/images/grey.gif)
firefox
PASO 15
Con la herramienta Smudge Tool vamos a desplazar las sonas de la letra que esta sobre el dobles.
![firefox firefox](../../../wp-content/plugins/jquery-image-lazy-loading/images/grey.gif)
firefox
PASO 16
Ahora con la ayuda de las herramientas Dodge Tool y Burn Tool aplicamos brillo y sombra a nuestro texto.
![firefox firefox](../../../wp-content/plugins/jquery-image-lazy-loading/images/grey.gif)
firefox
PASO 17
Creamos una nueva capa sobre todas las demás y con la herramienta Paint Becket rellenamos con un color negro.
![firefox firefox](../../../wp-content/plugins/jquery-image-lazy-loading/images/grey.gif)
firefox
PASO 18
Con la herramienta Erraser Tool borramos en el centro de nuestra capa para que tengamos algo como lo que se ve en la imagen.
![firefox firefox](../../../wp-content/plugins/jquery-image-lazy-loading/images/grey.gif)
firefox
PASO 19
Listo ya tenemos nuestro efecto terminado.
![firefox firefox](../../../wp-content/plugins/jquery-image-lazy-loading/images/grey.gif)
firefox