Cómo crear un efecto de texto rápido, de bamboleo  y deformado en Adobe Photoshop

La herramienta Licuar no solo es útil para trabajar con imágenes fotográficas. En este tutorial vamos a utilizar las diferentes opciones dentro de esta herramienta para añadir movimiento, fluidez y distorsión a un cartel tipográfico.

Encuentra una gran selección de fuentes impresionantes en GraphicRiver.

Lo que necesitarás 

Necesitarás la fuente Archivo Black de Google Fonts para realizar este proyecto.

1. Cómo crear un nuevo documento y añadir guías

Paso 1

En Photoshop, ve a Archivo > Nuevo. Nombra el documento como Efecto Bamboleo, y establece el Ancho a 1270 px y el Alto a 1600 px. Utilizaré 72 ppi ya que planeo mantener este póster digital y el contenido del fondo es blanco. Haz clic en Aceptar para crear el documento.

Paso 2

En la parte inferior del panel Capas, haz clic en Crear una nueva capa de ajuste o de relleno > Color uniforme y utiliza un color azul. Estoy usando el siguiente código de color: #0100c8.

Paso 3

Necesitamos crear un margen de 1 pulgada alrededor del documento. Dirígete a Ver > Nueva Guía. Ajuste la Orientación a Horizontal y la Posición a 1 pulgada. Haz lo mismo para la orientación vertical. Para el margen derecho, simplemente resta 1 pulgada del tamaño final del documento.

2. Cómo añadir y fijar texto

Paso 1

Vamos a añadir texto utilizando la herramienta Texto (T). Voy a utilizar la letra de una canción: "Hop on the train to nowhere baby". Estoy usando Archivo Negro en blanco y en mayúsculas. Estoy configurando el tamaño a 260 pt, el interlineado a 235 pt, el tracking a -40, y la alineación a la derecha.

Paso 2

Mientras seleccionas la capa de texto, pulsa Comando-T para transformar la capa. Gira pasando el ratón por encima de una de las esquinas hasta que aparezca el símbolo de rotación. Presione Shift para una rotación uniforme y rota en -90 grados. Alinear el cuadro de texto con el margen superior. Pulse Enter para continuar.

3. Cómo crear trazos y duplicar objetos

Paso 1

Tenemos que crear líneas verticales en el documento. Voy a desactivar las otras capas para que puedas ver las líneas que se están creando. Dirígete a la barra de herramientas y selecciona la herramienta Línea (U). Vamos a cambiar la configuración de la barra de opciones. En Relleno, elige Sin color. En Trazo, selecciona el azul que usamos arriba (#0100c8), establece el Trazo a 3 px, y establece el Peso a 3 px. Haz clic en el documento y dibuja una sola línea vertical.

Paso 2

Ahora tenemos que duplicar este trazo en el documento. Selecciona la capa del trazo que creamos en el paso anterior. Pulsa Opción-Comando-T para transformar y duplicar el objeto. Aparecerá el control de transformación. Para mover el trazo, simplemente mantén pulsada la tecla Shift y toca la tecla de la flecha derecha. Pulsa Enter para fijar el objeto.

Paso 3

Generalmente para Transformar de nuevo podemos pulsar Shift-Comando-T, pero en este caso queremos multiplicar el objeto por lo que necesitamos añadir la tecla Opción.

Presiona Shift-Option-Command-T varias veces hasta que el documento se llene con los trazos. Este método multiplicará los trazos en una capa.

Recuerda que usar el paso 2 varias veces para duplicar el objeto no funcionará.

4. Cómo utilizar la herramienta de licuar

Paso 1

En el panel Capas, selecciona la capa de texto, la capa de trazos y la capa de relleno de color. Haz clic con el botón derecho del ratón > Duplicar capas, y en Destino, asegúrate de que el nombre del archivo en el que estamos trabajando está seleccionado. Haz clic en Aceptar. Mientras estas dos capas duplicadas están seleccionadas, haz clic con el botón derecho del ratón > Combinar capas. Oculta las capas originales.

Paso 2

Mientras seleccionas la nueva capa duplicada, ve a Filtro > Licuar ( Shift-Comando-X). Aparecerá la ventana de opciones de Licuar. Empiezo con la herramienta Inflar (B), que ampliará la selección de donde coloques el pincel, casi como un efecto de ojo de pez. He puesto el tamaño del pincel en 90 y la intensidad del pincel en 20. Para abrir las líneas, hago clic entre ellas. Para esta ventana, puedes usar Comando-Z para ir un paso atrás.

Paso 3

Con la herramienta Girar en el sentido de las agujas del reloj (C), podemos hacer girar las líneas, como si fueran olas. Yo establecí el tamaño del pincel en 300, la Densidad del pincel en 20 y la presión del pincel en 82. La presión del pincel es la intensidad con la que queremos editar la capa.

Paso 4

Aunque la herramienta Licuar es una técnica divertida, nos gustaría mantener el cartel legible. Podemos utilizar la herramienta Deformación hacia delante (W) para volver a dar forma al texto. No hay nada correcto o incorrecto para esto: puedes añadir tantos o tan pocos detalles como quieras. Haz clic en Aceptar cuando hayas terminado.

Paso 5

Al utilizar la herramienta Licuar, es posible que la capa en la que estábamos trabajando se haya movido, haciendo que los bordes se desplacen hacia el centro. Simplemente activa la capa original de Relleno de color.

5. Cómo guardar un archivo de Photoshop y un archivo web

Paso 1

Para guardar el archivo como un archivo de Photoshop, simplemente pulsa Comando-S y guarda la imagen en la ubicación deseada. Aquí puedes elegir cualquier tipo de archivo deseado.

Paso 2

Para guardar el archivo para en la web, ve a Archivo > Guardar para la web o Shitf-Opciones-Comando-S. Selecciona el tipo de archivo en el que quieres guardar el documento; yo elegí JPEG y establecí el valor 100 en Calidad. En Tamaño de la imagen, puedes cambiar el tamaño en píxeles de la imagen si tienes alguna restricción de tamaño y estás usando la imagen para la web.

En la parte inferior izquierda, puedes tener una vista previa del tamaño del archivo. Esto es útil cuando hay restricciones de tamaño en un sitio web y necesitas bajar la calidad o el tamaño de la imagen.

Haz clic en Guardar... para elegir la ubicación en la nueva ventana y vuelve a hacer clic en Guardar.

¡Ya has terminado!

¡Felicidades por haber terminado el tutorial! Hoy aprendiste a:

• Utiliza la herramienta Licuar en la tipografía de la misma manera que se utiliza en la fotografía.
• Duplica formas y objetos fácilmente en una sola capa.
• Guarda un archivo jpeg para la web cuando tengas limitaciones de tamaño.