letterpress con css 3

alguna vez se han preguntado como realizar este efecto con una hoja de estilos, sin tener que recurrir a photoshop para lograrlo?
LetterPress con CSS
bueno pues buscando encontre algunos tutoriales sobre como hacerlo y voy a colocar algunos de los que me parecen mas sencillos.

1. Psd-tutorial
psd-tutorial.com
en este tutorial de Psd-tutorial, que podemos decir que es 2 en 1, nos muestran como crear este efecto en photoshop y con CSS.

2. ilovecolors
letterpress
este tutorial de ilovecolors, no me parece muy practico, porque para lograr el efecto utiliza un enfoque de capas que a mi parecer es bastante impractico.

3. janko at warp speed
image.axd
este tutorial tiene algo adicional, que es el uso de una sombra adicional mas oscura en la parte superior del texto, y tambien nos explica como crearlo en Artweaver/.

recuerden que este efecto solo se puede ver en los navegadores que soporten CSS 3, como Safari, Google Chrome, Firefox y Opera, por esta misma razón recuerden escoger bien los colores de el texto, para que sea visible en aquellos navegadores que no lo soportan.

0 18 Jun diseño, tutoriales twit face

Algo que decir...

los campos marcados con * son obligatorios
 

Follow SitioAparte on Twitter

publicidad

siguenos !!

flickr

S4033928S4033927S4033926S4033925S4033924SitioAparteplazoleta de la aduanaplazoleta de la aduanaplazoleta de la aduana