Tutorial de Photoshop: Efecto de Texto Terrorífico

Hoy en Saltaalavista Blog aprenderemos a crear una tipografía de aspecto terrorífico con la ayuda de unas ramas de árbol en este fantástico tutorial realizado por Tom Ross para PSDFan.

RESULTADO FINAL:

Tutorial_Photoshop_Efecto_de_Texto Con_Ramas_Final_by_Saltaalavista_Blog


RECURSOS:
• Árbol by Freeimages.
• Rama by Freeimages.
• Textura by Freeimages.
• Cuervo by Freeimages.
*Si no dispones de una cuenta en Freeimages y tampoco tienes intención de crearte una haz clic aquí y te mostraremos la forma de poder descargar las imagenes.
• Pinceles gratuitos by ImaginaryRosse.

TUTORIAL:
Paso 1
Crea un nuevo documento (800x600 píxeles). Aplica sobre la capa “Fondo” un Degradado Radial con los siguientes colores (#f8f8f8; #e0e0e0).

Tutorial_Photoshop_Efecto_de_Texto Con_Ramas_01_by_Saltaalavista_Blog

Paso 2
Abre la imagen de la textura. Ve a Selección/Todo, a continuación ve a Edición/Copiar. Regresa a la ventana de tu diseño y Control+V para pegar.

Tutorial_Photoshop_Efecto_de_Texto Con_Ramas_02_by_Saltaalavista_Blog

Ahora aplica una Capa de ajuste Tono/Saturación. Asegúrate de aplicar una Máscara de recorte, para que esta capa de ajuste sólo afecte a la capa de la corteza subyacente.

Tutorial_Photoshop_Efecto_de_Texto Con_Ramas_03_by_Saltaalavista_Blog

Reduce la Opacidad de la capa a 30%, y cambia su Modo de fusión a Superponer.

Tutorial_Photoshop_Efecto_de_Texto Con_Ramas_04_by_Saltaalavista_Blog

Paso 3
Carga el Pack de Pinceles descargado en la sección de Recursos de este tutorial. Crea  una nueva capa llamada "Marcas de pincel”. 
Aplica varias marcas sobre el lienzo (en color negro). 

Tutorial_Photoshop_Efecto_de_Texto Con_Ramas_05_by_Saltaalavista_Blog

A continuación, cambia el Modo de fusión de esta capa a Superponer y reduce la Opacidad al 80%.

Tutorial_Photoshop_Efecto_de_Texto Con_Ramas_06_by_Saltaalavista_Blog

Paso 4
Crea un par de capas más por encima de “Marcas de pincel”. Aplica sobre las capas nuevas marcas en color negro y color blanco e igualmente que con la capa anterior cambia su Modo de fusión a Superponer y reduce su Opacidad al 80%.

Tutorial_Photoshop_Efecto_de_Texto Con_Ramas_07_by_Saltaalavista_Blog

Paso 5
Crea una capa de texto en el centro de tu lienzo. El texto evidentemente puede decir lo que quieras, en este caso yo sólo he escrito las letras "PSD". La fuente no es importante, pero te resultará más sencillo si utilizas un tipo de letra que sea bien legible y de color negro.

Tutorial_Photoshop_Efecto_de_Texto Con_Ramas_08_by_Saltaalavista_Blog

Paso 6
Selecciona, corta y pega algunas de las ramas que aparecen en las fotos que has descargado de la sección de Recursos de este tutorial. Mantén estas imágenes en capas separadas para que puedas trabajar con una mayor comodidad.

Tutorial_Photoshop_Efecto_de_Texto Con_Ramas_09_by_Saltaalavista_Blog

Paso 7
Coloca por ejemplo la imagen del árbol en la parte izquierda del lienzo, situándolo a la altura de la parte inferior de la letra P.

Tutorial_Photoshop_Efecto_de_Texto Con_Ramas_10_by_Saltaalavista_Blog

Ahora vamos a hacer que nuestro árbol encaje de una mejor forma con el resto de la composición. Para ello abrimos los Estilos de capa y le aplicamos una Superposición de colores para seguidamente aplicar una Capa de ajuste de Tono/Saturación (asegurándonos de aplicar una máscara de recorte a la misma).

Tutorial_Photoshop_Efecto_de_Texto Con_Ramas_11_by_Saltaalavista_Blog

Paso 8
Vamos ahora a deformar nuestras ramas para adaptarlas a la forma de las letras. Para ello vamos a utilizar la herramienta Deformación de posición libre (Edición/Deformación de posición libre). Crea puntos en la rama para después moverlos hasta conseguir ajustarlos de la mejor manera posible a la forma de la letra.

Tutorial_Photoshop_Efecto_de_Texto Con_Ramas_12_by_Saltaalavista_Blog

Paso 9
Así es como tu composición deberá verse una vez que hayas deformado varias ramas para cubrir todas y cada una de las letras. Con cada rama, asegúrate de aplicar el mismo Estilo de capa y el mismo ajuste de Tono/Saturación que los utilizados para la capa inicial.

Tutorial_Photoshop_Efecto_de_Texto Con_Ramas_13_by_Saltaalavista_Blog

Esta es la vista que deberás tener de la composición una vez terminados los pasos anteriores y eliminada la capa de texto.

Tutorial_Photoshop_Efecto_de_Texto Con_Ramas_14_by_Saltaalavista_Blog

Paso 10
Crea ahora una nueva capa llamada "Marcas de pincel 2”. Selecciona de nuevo el Pincel descargado y aplica sobre las letras diferentes marcas para darle a las letras un sutil efecto de ramas deshilachadas.

Tutorial_Photoshop_Efecto_de_Texto Con_Ramas_15_by_Saltaalavista_Blog

Un consejo rápido a la hora de aplicar estas marcas  es el de rotar el pincel para cada uno de los brochazos que vamos a dar, ya que no siempre coincidirán nuestros Pinceles con el ángulo que necesitamos para cada una de las letras. Para realizar dicha modificación bastará con abrir el panel de Pinceles y cambiar la opción de ángulo (Ventana/Pincel).

Tutorial_Photoshop_Efecto_de_Texto Con_Ramas_16_by_Saltaalavista_Blog

Paso 11
El siguiente paso será crear una nueva capa a la que llamarás “Destellos”. Crea en ella varios Degradados radiales de color blanco a transparente. 

Tutorial_Photoshop_Efecto_de_Texto Con_Ramas_17_by_Saltaalavista_Blog

A continuación cambia el Modo de fusión de esta capa a Superponer y reduce su Opacidad al 40%.

Tutorial_Photoshop_Efecto_de_Texto Con_Ramas_18_by_Saltaalavista_Blog

Paso 12
Abre la imagen del cuervo, realiza una selección del mismo para de esta manera separarlo del fondo de la imagen que no nos interesa, a continuación ve a Edición/Copiar. Regresa a nuestro diseño y Control+V para pegar.
Sitúa el cuervo en la parte superior de una de las letras y aplícale el siguiente Estilo de capa.

Tutorial_Photoshop_Efecto_de_Texto Con_Ramas_19_by_Saltaalavista_Blog

Paso 13
Y ya para finalizar vamos a aplicar una Capa de ajuste de Niveles con el fin de añadir un poco más de contraste a nuestra composición. 

Tutorial_Photoshop_Efecto_de_Texto Con_Ramas_20_by_Saltaalavista_Blog

RESULTADO FINAL:

Tutorial_Photoshop_Efecto_de_Texto Con_Ramas_21_by_Saltaalavista_Blog


Mensaje de Alberto PL

Bienvenid@ hasta este pequeño rincón del ciberespacio donde podrás encontrar los mejores tutoriales en español así como una gran variedad de recursos gratuitos, manuales e informaciones de interés relacionadas con el mundo del diseño en general y con Adobe Photoshop en particular. Todo gratis y en español!!!
    Comentarios Blogger
    Comentarios Facebook

2 comentarios :

  1. Hola! primero que nada gracias por estos tutoriales, queria pedirte si podrias subir de nuevo las imagenes de las ramas, arbol... porque al redirigir solo me lleva a la pagina http://www.freeimages.com/image, si pudieses hacerlo o si puedes enviarme el link sin la publi a ver si es ese el problema...
    un saludo!

    ResponderEliminar
    Respuestas
    1. Si, lamentablemente por lo que veo tanto la imagen Árbol como Rama ya no se encuentran disponibles en Freeimages.com sin embargo creo que haciendo una búsqueda rápida no serian difícil de sustituir por otras de aspecto parecido. Puedes probar con estas dos que he encontrado:
      http://es.freeimages.com/photo/dead-tree-1473263
      http://es.freeimages.com/photo/branches-1527026
      Creo que cualquiera de ambas dos podrían servir, espero haberte podido ayudar, un saludo.

      Eliminar