Post Pic

Tendencia web: Efecto letterpress.

La tendencia que comúnmente se le conoce como ‘el efecto letterpress’ se las ha ingeniado para ganar popularidad en sitios de alto rango en cuanto a diseño. Dicho efecto es agregado frecuentemente en encabezados de texto y botones, brindando una apariencia única.

A continuación te mostramos una serie de sitios que utilizan este efecto y terminado esto verás un tutorial de Photoshop explicando cómo crear este efecto para tu propio uso.

Deaxon.com

SarahLongnecker.com

365DaysOfAstronomy.com

AlexBuga.com

PowerSet.com

ESOrganizers.com

LennartBasler.com

RyanRoberts.co/uk

LeeMunroe.com

BohemianCoding.com

MJarosz.com

Apple.com

Tutorial9.net

DailyChallenge.org

TheNorik.com

From-The-Couch.com

Inspireling.com

BrightKite.com

Postbox-Inc.com

Saturized.com

Crea tu propio efecto Letterpress

El efecto en sí puede resultar fácil de lograr usando estilos de capa con Photoshop, sigue estos pasos para crear tu propio estilo Letterpress.

Teclea el texto que quieras que se muestre dentro de tu documento Photoshop, quizás pudiera tratarse del encabezado de tu sitio o simplemente un botón, es tu elección.

Haz doble clic en la capa de texto para que abras las propiedades de capa. Primero, adiciona una Superposición de Gradiente (Gradient Overlay) al texto. Manipulando los controles dejo a tu preferencia la apariencia que le quieras dar al texto.

Siguiente, agrega una Sobra Interior (Iner Shadow) para simular cómo la luz podría formar una sombra indirecta. Altera la distancia de acuerdo a cuán profundo deseas que sea el efecto, usualmente usando menor cantidad se logran mejores resultados. La opacidad ponla alrededor de 30%.

Finalmente, agrega una Sombra Paralela (Drop Shadow) al texto. Por defecto la Sombra Paralela produce un efecto oscuro y borroso, intercambia las opciones tales como Modo de Fusión (Blend Mode), Color, Distancia (Distance) y Tamaño (Size) para crear un realce en las esquinas de las letras.

La imagen final muestra la impresión de un efecto realístico que estas sencillas técnicas nos brindan. La sutilidad de los gradientes, las finas sombras y el realce ayudan a representar cómo el efecto puede verse.

Si quieres profundizar un poco más, trata de poner un fondo más oscuro con la Superposición de Gradiente (Gradient Overlay), trata con un color gris oscuro y obtendrás el efecto utilizado por Adobe en su suite CS4. Suerte!

Vía | Line25

Deja tu respuesta

* Nombre, Email, Se requieren comentarios