Tutorial Efecto texto Letterpress en Photoshop
La elegancia que da un texto con efecto Letterpress hace que valga la pena ver este tutorial en Photoshop. Aprenderemos definitivamente la técnica para lograr el estilo Letterpres aplicable a texto y objetos mediante la comprensión de los ajustes que crean la perspectiva Letterpress.
Lo primero que debemos saber a la hora de aplicar este efecto es que los colores juegan un papel muy importante en el resultado final, algunas combinaciones de colores con alto matiz dificultan la perfecta aplicación del efecto, por eso es básico que los colores tengan cierto nivel de desaturación. Una forma sencilla de escoger nuestros tonos en la paleta desde Photoshop es mantener la escogencia mediante esta línea.
Comprendido esto procedemos a abrir un documento de 600 x 250 píxeles el cual seleccione por razones de dimensiones del blog.
Ahora escogemos nuestro color de fondo el cual recomiendo por ahora sea igual para asi garantizar el resultado propuesto en la imagen principal.
Con nuestro fondo listo procedemos a agregar nuestro texto. Debemos escoger una fuente Bold para que se pueda apreciar el efecto. Yo use ‘Westminster Narrow’. Escribimos nuestro texto.
Ahora viene lo divertido, procedemos a aplicar nuestro efecto en simples tres paso dándole estilo a nuestra capa mediante ‘Opciones de Fusión’. Hacemos click con el botón derecho del mouse sobre nuestra capa texto y click en ‘Opciones de Fusión’.
Ahora en la ventana de estilos de capas procedemos a aplicar los siguientes valores:
Súperposición de colores:
Modo de Fusión: Normal
Color: # 3d3c3c
Sombra Interior:
Modo de Fusión: Multiplicar
Color: # 000000
Opacidad: 75%
Angulo: (deseleccionamos la casilla de ‘Usar luz global’) 90°
Distancia: 1 píxel
Retraer: 0 %
Tamaño: 3 píxeles
Sombra Paralela:
Modo de Fusión: Trama
Color: #ffffff
Opacidad: 20%
Angulo: (deseleccionamos la casilla de ‘Usar luz global’) 90°
Distancia: 1 píxel
Extensión: 0 %
Tamaño: 1 píxel
¡Listo; es todo! Ahora tenemos un elegante texto efecto Letterpress que podemos usar en cualquier inspiración.
Usando la misma técnica coloque algunos círculos debajo de mi texto para adornar, con la variante del color, usando en este caso N° #6c1616.
Y para terminar agregue usando la fuente ‘Bisque’ a un tamaño de 24 píxeles la URL de mi blog: YoGeekOnline.com usando un color Nº # 1b3f0a.
Luego de estos pasos vimos como aplicar el efecto Letterpress a nuestros textos y formas libres.
¡Espero les hay gustado!
Agrego la fuente si desean usar la misma
Trackback desde tu sitio.
Comentarios (8)
Inspiración wallpaper Elegance Yo Geek Online | Recursos Web
| #
[...] Pinceles « Tutorial Efecto texto Letterpress en Photoshop [...]
Responder
Recursos para diseño gráfico y diseño web » recursos, texto, photoshop, letterpress, diseño, diseño grafico, como hacerlo » Mundología
| #
[...] todo lo que esté relacionado con tu campo, el diseño. Un ejemplo es el tutorial para lograr el efecto letterpress con texto en Photoshop, el cual nos lo presenta de manera muy fácil de entender, si eres recién [...]
Responder
Pzykophat
| #
Excelente tuto, facil y practico!!! Good!
Responder
JORGE
| #
HOLA YO BUSQUE LA FUENTE QUE DICES .. Y NO LA TENGO ENTONCES DECIDI DESCARGARLA Y TAMPOCO HAY CREO QUE TE CONFUNDISTE AYUDAME… POQ CON OTRA LETRA NO SALE ESE EFECTO PLIS ?
Responder
Jose M Ramirez
| #
Al final de tutorial te agregue un enlace para descargues las fuentes.
Debes saber que siempre que sigas los pasos este efecto te sale con cualquier fuente bold.
Saludos y que lo disfutes!
Responder
136 Iconos sobre Vimeo Network | Recursos Diseño y Desarrollo Web
| #
[...] hasta con 600 píxeles. Se trata de una gran variedad de botones que van desde efecto metalizado, efecto letterpress, styker, redondos, cuadrados, con textura de madera, glossy, puntos y otros muchos mas que [...]
Responder
juegosjuegos
| #
Me servira mucho para diseñar mi propio logo
Responder
Jose M Ramirez
| #
Me alegra mucho que te sirva. XD
Responder