Cómo hacer un efecto de texto de humo de café en photoshop o illustrator

DE ACUERDO. Es hora de un rápido tutorial de Quora. 😀

El proceso es igual para Illustrator y para Photoshop, pero te ayudaré con un tutorial basado en Illustrator.

Y sí, debe usar dos herramientas particulares para hacer esto: escriba en una herramienta de ruta y herramienta de tipo Área .

Esta es la imagen que crearemos aquí. Tenga en cuenta que no he usado la misma fuente, ni el dibujo es exactamente el mismo que ha mostrado en la descripción de la pregunta. Pero esto servirá por ahora, para explicar cómo se crean estas imágenes. También asumo que usted está familiarizado con las herramientas básicas en el software. Si no, puede referir mi otro tutorial, que es un poco más elaborado: la respuesta de Sahaj Ramachandran a Adobe Photoshop: ¿Alguien puede ayudarme a crear un póster mínimo? .

De todos modos, el primer paso es obviamente crear los contornos de los objetos que desea escribir. Con la herramienta Pluma, dibuje las formas requeridas.

Comenzaremos con la taza primero. Seleccione la herramienta de tipo Área en la barra de herramientas.

Haga clic en la copa para que pueda comenzar a escribir en sus límites.

Inserta el texto que deseas que aparezca dentro de los límites.

Debe hacer algunos pequeños cambios en las opciones de párrafo para que el texto encaje perfectamente dentro de los límites. Abra las opciones de párrafo presionando Alt / Opción + Ctrl + T mientras el cuadro de texto todavía está seleccionado. Elija Justificar todas las líneas / Justificar con la última línea alineada al centro .

Esto se ajustará al texto.

Ahora puede seleccionar palabras individuales y aumentar su tamaño de fuente si lo desea. Hacer eso alteraría el liderazgo (espacio vertical). Para solucionarlo, vaya a la pestaña Caracteres y cambie el valor de la derivación de automático a algún valor específico que le parezca adecuado.

El texto dentro de la copa está hecho.


Escribir texto en trazos: el mango y el vapor.

Para escribir sobre trazos, utilizaremos la herramienta Escribir en una ruta .

Seleccione cualquiera de las rutas de vapor y seleccione la herramienta Escribir en una ruta en la barra de herramientas.

Coloque el cursor al comienzo del trazo del vapor para permitir que el texto se escriba a lo largo de él.

Nota: Sin embargo, si no colocó el cursor al comienzo del trazo para iniciar la escritura, puede reajustar el punto de inicio seleccionando primero las “líneas azules largas” en el texto …

Y luego arrastrándolo.

Incluso puede usar esto para cambiar la dirección del flujo de texto.

De todos modos, con esto, puedes terminar el resto de los trazos de vapor. De nuevo, seleccione palabras individuales, si desea cambiar el tamaño de sus fuentes.

Para el vapor grande, puede usar la misma técnica utilizada en la taza.

El mango se completará con la herramienta Tipo en una ruta, tal como lo hizo con el vapor.

Una vez hecho esto, solo necesita agregar el color. Es mejor si los expandes primero. Seleccione Objeto> Expandir para hacerlo, mientras se seleccionan todos los objetos.

Comenzando con la copa, para aplicar el degradado de color como se muestra en la descripción de la pregunta, primero debe convertirlo en una ruta compuesta seleccionando Objeto> Ruta compuesta> Crear .

Aplica un degradado lineal al resultado.

Seleccione el primer color del degradado.

Y luego el segundo.

La taza está coloreada según su elección.

Colorea los otros objetos.

Agrega un fondo y listo.

Bueno, obviamente este no es muy bonito 😀 Pero lo haré para un tutorial rápido. Puede personalizar las fuentes, los tamaños de fuente y los colores para hacerlo más atractivo. 🙂


Si no desea utilizar la herramienta Tipo en una ruta, siempre puede usar la Distorsión de envolvente para lograr el mismo resultado. Esto se usa si las palabras individuales no tienen tamaños de letra fijos, sino más bien un degradado de tamaño. Si cada palabra funciona correctamente con un solo tamaño de fuente, puede usar la herramienta Escribir en una ruta para escribir primero el texto y cambiar el tamaño de la fuente.


Espero que esto sea lo que querías. ¡Aclamaciones! 🙂

Esto se puede hacer en Adobe Photoshop e Illustrator.
A. Método de Photoshop
1. Escribe el texto usando la opción de texto
2. Rasterize la capa de texto
3. Seleccione el área de texto y transfórmela libremente (haciendo clic con el botón derecho y seleccionando la opción de transformación libre)
4. Utilice las opciones de ajustar, sesgar, distorsionar, etc. para ajustar libremente las palabras en cualquier forma deseable

Este video probablemente debería ayudarte …