Cómo crear un efecto de texto con ketchup en Adobe Photoshop
Spanish (Español) translation by Ender Gamboa (you can also view the original English article)



En este tutorial, utilizaremos una combinación de Adobe Photoshop e Illustrator para crear un efecto de texto de ketchup de aspecto realista. También mostraremos cómo manchar o difuminar el efecto de ketchup en un paso opcional al final. ¡Empecemos!
Recursos del tutorial
Los siguientes recursos fueron utilizados durante la producción de este tutorial. Por favor, descárgalos antes de empezar. Si no están disponibles, busca alternativas.
1. Prepara el texto
Paso 1
En primer lugar, vamos a necesitar el texto. Si se te da bien escribir a mano, puedes simplemente dibujar el texto que quieras. Si no es así, abre Illustrator, crea un nuevo archivo y añade el texto con la herramienta Texto (T). Para este tutorial, he utilizado una fuente de escritura.



Paso 2
Utiliza la herramienta Pluma (P) para dibujar manualmente el texto basándote en el tipo de fuente actual. No será tan limpio como el real. Pero eso está bien porque queremos que sea lo más realista posible.



Paso 3
Añade una línea debajo del tipo de letra. Manténgalo lo más realista posible.



Paso 4
Selecciona la ruta y luego pulsa Control-C para copiarla.



Paso 5
Abre Photoshop. Crea un nuevo archivo (Control-N) con el tamaño 2254 px por 964 px.



2. Modificar el texto en Photoshop
Paso 1
Mientras la ruta del texto está activa, haz clic en el icono de Añadir capa de ajuste. Seleccione Color uniforme. En el cuadro de diálogo del selector de color, selecciona #db4b17.






Paso 2
Haz doble clic en la capa de texto y luego aplica los siguientes estilos.
























Este es el resultado después de añadir los estilos de capa.



Paso 3
Control-Clic en el texto para hacer una nueva selección basada en la forma. Crea una nueva capa. Haz clic en Editar > Trazo. Selecciona #ffdbbb para el color y establece el ancho a 2 px.






Paso 4
Aplicar el filtro Desenfoque Gaussiano para suavizar la apariencia del trazo.



Paso 5
Activa la herramienta Mover y pulse varias veces las flechas izquierda y abajo. Queremos tener el trazo en el lado izquierdo del texto.



Paso 6
Haz Control-Clic en el texto. Mueve la selección unos pocos píxeles hacia la izquierda y hacia abajo. Añadir máscara de capa a la capa de trazo. En este momento, sólo deberíamos tener el trazo en el lado izquierdo del texto.



Paso 7
Repite los pasos 3-6 para añadir otro trazo borroso. Pero esta vez mueva unos pocos píxeles hacia arriba y hacia la derecha.



Paso 8
Añade otro trazo con el color #ffe2c0 y añade un desenfoque gaussiano más grande. Control-Clic en el texto y mover la selección a la derecha cinco píxeles. Añadir máscara de capa en la capa de trazo.



Aquí está el resultado del texto con el resaltado en el lado derecho.



Paso 9
Control-Clic en el texto. Hacer una nueva capa y rellenar la selección con el color rojo #bb0c07. Activar la herramienta Borrador con baja opacidad. Borre parte del relleno rojo.



Paso 10
Reduce la opacidad de la capa al 10%.



Aquí está el resultado en el texto.



Paso 11
Haz una nueva capa y activa la herramienta Pincel. Utiliza los siguientes ajustes en el panel de Pinceles (F5).









Paso 12
Pintar el rojo #be0c08 sobre el texto.



Este es el resultado sobre el texto completo.



Paso 13
Activar la herramienta Pincel y utiliza los siguientes ajustes en el panel Pincel.









Paso 14
Haz una nueva capa y luego píntalo de blanco en el borde del texto.

Sigue haciendo esto hasta que tengamos muchos reflejos en la parte superior del texto



Paso 15
Reduce la opacidad de la capa al 50%. Haz una nueva capa y luego pinta otra blanca encima de ella.



Paso 16
Usando el mismo pincel, pinta un reflejo naranja encima del texto.



Paso 17
De nuevo, pinta otro reflejo blanco encima del texto.



Abajo está el resultado que tenemos hasta ahora.






3. Añade el tomate
Paso 1
Toma el tomate de Photodune. Activa la herramienta Pluma (P). Selecciona Trayectoria en la barra de opciones. Haz una nueva ruta que cubra el tomate.



Paso 2
Presione Control-Enter para convertir la ruta en una selección. Arrastrar el tomate sobre nuestro texto de ketchup.



Paso 3
Cambia el tamaño del tomate, colócalo en la posición y tamaño adecuados.



Paso 4
Haz una nueva capa y pinta de negro algunas partes del tomate.



Paso 5
Reduce la Opacidad de la capa.



Paso 6
Haz una nueva capa debajo del tomate. Activa la herramienta Pincel y establece el color del primer plano en negro. Pinta una sombra suave utilizando un pincel grande y suave.



Paso 7
Pinta el color naranja #ce786d encima de la sombra. Esto será el reflejo del tomate en la base.



Paso 8
Añade una sombra más grande con negro y naranja #ce786d como color.



Esto es lo que tenemos hasta ahora.



4. Difuminar el efecto
Paso 1
Nuestro texto está demasiado limpio. Queremos hacerlo más realista añadiendo una mancha en uno de sus caracteres. Comienza haciendo formas aleatorias que cubran una de las letras. Aquí usamos la "p". Aplica el estilo de capa que usamos antes en el texto original.



Paso 2
En el cuadro de diálogo Opciones de fusión, activa la opción Máscara de capa oculta efectos.



Paso 3
Pinta alguna parte de las letras con negro para ocultarlas. Asegúrate de pintar zonas aleatorias para darle un efecto más realista.



Paso 4
Dibuja una selección aleatoria usando la herramienta Lazo Poligonal y luego rellénala con el color naranja #b5621e. Borra algunas partes con la herramienta Borrador. Pinta un poco de marrón #973b1d para añadir un color realista.



Paso 5
Establece el color del primer plano en naranja #ecb877. Activa la Herramienta Pincel y reduce la Opacidad desde la Barra de Opciones. Pinte algunas líneas aleatorias a través del personaje y la forma aleatoria que hicimos antes.

Paso 6
Continúa dibujando más líneas. Esta vez usa un color más oscuro #f46d15. Asegúrate de que sigas utilizando el pincel de baja opacidad.

Paso 7
Pinta la sombra y las luces sobre la mancha usando los colores #f2872f y #d25945. Siéntete libre de experimentar con otros colores.

Paso 8
Y este es el resultado que tenemos.



Conclusión
En este tutorial, te he mostrado cómo utilizar algunas de las herramientas básicas de Photoshop para crear un efecto de texto de ketchup. Espero que hayas aprendido algo de este tutorial y puedas utilizar las técnicas que te he mostrado para crear un efecto de texto emocionante por ti mismo.


