1. Design & Illustration
  2. Add-Ons
  3. Text Effects

Cómo crear un efecto de texto detallado de granos de café en Adobe Illustrator

Scroll to top
This post is part of a series called Caffeine Fuelled Vector.
Create a Set of Coffee and Tea Icons in Adobe Illustrator
Quick Tip: Create a Seamless Coffee Bean Pattern in Illustrator

Spanish (Español) translation by Nadia Gonzales (you can also view the original English article)

En los siguientes pasos aprenderás a crear un efecto de texto detallado de granos de café en Adobe Illustrator. Para empezar, aprenderás a crear un pincel de dispersión y un pincel artístico simple. Utilizando estos pinceles junto con algunas herramientas básicas, efectos y técnicas de fusión, además de la secuencia de comandos Redondear cualquier esquina, aprenderás a crear una ilustración detallada de granos de café y a convertirlos fácilmente en símbolos.

A continuación, aprenderás a trabajar con motivos incorporados, a crear un texto vertical y a aprovechar al máximo el panel Apariencia cuando trabajes con formas o textos sencillos. Utilizando nuestros propios símbolos, aprenderás a utilizar algunas de las herramientas de símbolos más importantes. Por último, utilizando técnicas de construcción de formas vectoriales perfectas en píxeles, un montón de opciones del Buscatrazos y algunas técnicas básicas de fusión, aprenderás a crear una agradable cucharada de granos de café.


1. Crear un nuevo documento y configurar una cuadrícula

Pulsa Control + N para crear un nuevo documento. Introduce 600 en la casilla de anchura y 1100 en la de altura y haz clic en el botón Avanzado. Selecciona RGB, Pantalla (72ppi) y asegúrate de que la casilla Alinear nuevos objetos con cuadrícula de píxeles esté desmarcada antes de hacer clic en Aceptar.

Activa la Cuadrícula (Ver > Mostrar cuadrícula) y la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Para empezar necesitarás una cuadrícula cada 5px. Simplemente ve a Edición > Preferencias > Guías > Cuadrícula, introduce 5 en la casilla Línea de cuadrícula cada y 1 en la casilla Subdivisiones. También deberías abrir el panel de Información (Ventana > Información) para obtener una vista previa con el tamaño y la posición de tus formas. No olvides establecer la unidad de medida en píxeles desde Edición > Preferencias > Unidades > Generales. Todas estas opciones aumentarán significativamente tu velocidad de trabajo.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

2. Crear dos pinceles

Paso 1

Concéntrate en la barra superior, establece el color de Relleno en R=127, G=69, B=21 y el color de Trazo en Ninguno. Elige la herramienta Elipse (L), crea tres círculos de 3px y colócalos como se muestra a continuación. Selecciona las tres formas, abre el panel Pinceles (Ventana > Pinceles) y haz clic en el botón Nuevo pincel (señalado por la pequeña flecha azul). Marca el botón Pincel de dispersión y haz clic en Aceptar para abrir la ventana Opciones de pincel de dispersión. Elige un nombre para este nuevo pincel, introduce todas las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.  Echa un nuevo vistazo dentro de tu panel de Pinceles y encontrarás tu pincel de dispersión. Vuelve a tu mesa de trabajo, asegúrate de que los tres pequeños círculos siguen seleccionados y elimínalos.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 2

Establece el color de relleno en R=63, G=36, B=19, asegúrate de que la herramienta Elipse (L) sigue activa y crea una forma de 65 por 5px. Desactiva la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula) y sigue concentrándote en este círculo comprimido. Cambia a la herramienta Convertir punto de anclaje (Mayúsculas + C) y haz clic en los puntos de anclaje izquierdo y derecho resaltados en la primera imagen. Al final tu forma debería ser como en la segunda imagen. Selecciónala, enfócate en el panel Pinceles y pulsa el botón Nuevo pincel. Marca la casilla Pincel artístico y haz clic en Aceptar. Elige un nombre para tu nuevo pincel artístico, asegúrate de introducir todas las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar. Vuelve a tu mesa de trabajo y elimina esta forma marrón.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

3. Crear las formas de los granos de café

Paso 1

Activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Usando la herramienta Elipse (L), crea una forma de 58 por 40px y rellénala con R=127, G=69, B=21. Enfócate en esta nueva forma, cambia a la herramienta Selección directa (A), selecciona el punto de anclaje superior y arrástralo 3px hacia abajo.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 2

Elige la herramienta Pluma (P), crea un trazado horizontal de 65px y colócalo como se muestra en la primera imagen. Selecciónalo y céntrate en el panel Apariencia (Ventana > Apariencia). Asegúrate de que no hay ningún color establecido para el relleno y luego selecciona el trazo. Añade "Mi pincel artístico" y luego ve a Efecto > Distorsionar y transformar > Zig Zag. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Objeto > Trazado > Contornear trazado.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 3

Vuelve a seleccionar las dos formas marrones, abre el panel Buscatrazos (Ventana > Buscatrazos) y haz clic en el botón Dividir. Asegúrate de que el grupo de formas resultante está seleccionado y pulsa Mayúsculas + Control + G para Desagruparlo. Selecciona las dos formas diminutas resaltadas en la segunda imagen y elimínalas.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 4

Para este paso necesitarás la secuencia de comandos Redondear cualquier esquina. Puedes encontrarla en el artículo de Vectortuts+ 20 secuencias de comando gratuitas y útiles para Adobe Illustrator. Guárdala en tu disco duro, vuelve a Illustrator y toma la herramienta Selección directa (A). Selecciona los cuatro puntos de anclaje resaltados en la primera imagen y ve a Archivo > Secuencia de comandos > Otras secuencias de comandos. Abre la secuencia de comandos Redondear cualquier esquina, introduce un radio de 5px y haz clic en Aceptar. Al final, tu forma oscura y marrón debería ser como la de la segunda imagen.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 5

De nuevo, necesitarás la secuencia de comandos Redondear cualquier esquina. Asegúrate de que la herramienta Selección directa (A) sigue activa, selecciona los cuatro puntos de anclaje resaltados en la primera imagen y ve a Archivo > Secuencia de comandos > Otras secuencias de comandos. Abre la secuencia de comandos Redondear cualquier esquina, introduce un radio de 5px y haz clic en Aceptar. Al final tus formas deberían verse como en la segunda imagen.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

4. Añadir detalles a las formas de los granos de café

Paso 1

Desactiva la Cuadrícula (Ver > Ocultar cuadrícula) y la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula), luego ve a Edición > Preferencias > Generales (Control + K) y asegúrate de que Incrementos de teclado esté establecido en 1px. Selecciona la forma inferior, de color marrón, y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 2px hacia abajo usando la flecha hacia abajo de tu teclado. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal mostrado en la siguiente imagen, baja su Opacidad al 75% y cambia el Modo de fusión a Superponer.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect
Los ceros amarillos de la imagen del Degradado representan el porcentaje de Opacidad mientras que el "75" blanco representa el porcentaje de Ubicación.

Paso 2

Selecciona la forma inferior, de color marrón, y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 2px hacia arriba usando la flecha hacia arriba de tu teclado. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra en la siguiente imagen, baja su Opacidad al 30% y cambia el Modo de fusión a Luz suave.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 3

Selecciona la forma inferior, de color marrón, y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 5px hacia arriba usando la flecha hacia arriba de tu teclado. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra en la siguiente imagen, baja su Opacidad al 15% y cambia el Modo de fusión a Luz suave.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 4

Selecciona la forma inferior, de color marrón, y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 2px hacia la derecha usando la flecha derecha de tu teclado. Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos. Desagrupa el grupo de formas resultante (Mayúsculas + Control + G), elimina la forma de la derecha y enfócate en la forma restante. Rellénala con el degradado lineal que se muestra en la siguiente imagen, baja su Opacidad al 30% y cambia el Modo de fusión a Luz suave.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 5

Selecciona la forma inferior, de color marrón, y haz una copia delante (Control + C > Control + F). Selecciónala, muévela 2px a la derecha y duplícala (Control + C > Control + F). Selecciona esta nueva copia y muévela 2px hacia abajo y a la derecha. Vuelve a seleccionar las dos formas hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con negro.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 6

Selecciona la forma inferior, de color marrón, y haz una copia delante (Control + C > Control + F). Selecciónala junto con la forma negra y haz clic en el botón Intersectar del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra en la siguiente imagen, baja su Opacidad al 20% y cambia el Modo de fusión a Luz suave.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 7

Selecciona la forma inferior, de color marrón, y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia abajo y 2px hacia la izquierda usando los botones de flecha de tu teclado. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra en la siguiente imagen, baja su Opacidad al 30% y cambia el Modo de fusión a Superponer.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 8

Vuelve a seleccionar la forma marrón inferior, enfócate en el panel Apariencia (Ventana > Apariencia) y añade un segundo relleno utilizando el botón Añadir nuevo relleno (señalado por la pequeña flecha azul). Selecciona este nuevo relleno, añade el degradado lineal que se muestra en la siguiente imagen, baja su Opacidad al 40% y cambia el Modo de fusión a Superponer.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 9

Asegúrate de que la forma inferior, de color marrón, sigue seleccionada y sigue concentrándote en el panel Apariencia. Añade un tercer relleno para esta forma y selecciónalo. Utiliza el degradado lineal que se muestra en la siguiente imagen y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -6px, haz clic en Aceptar y ve a Efecto > Distorsionar y transformar > Transformar. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un radio de 2px, haz clic en Aceptar y vuelve al panel Apariencia. Añade un nuevo relleno para esta forma, selecciónalo y establece el color en R=127, G=69, B=21. Baja su Opacidad al 20%, cambia el Modo de fusión a Subexposición de color y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -8px, haz clic en Aceptar y ve a Efecto > Distorsionar y transformar > Transformar. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 10

Pasemos a la forma superior, de color marrón. Selecciónala y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 2px hacia arriba.  Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra en la siguiente imagen, baja su Opacidad al 50% y cambia el Modo de fusión a Luz suave.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 11

Vuelve a seleccionar la forma superior, de color marrón, y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia arriba y hacia la derecha. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra en la siguiente imagen, baja su Opacidad al 15% y cambia el Modo de fusión a Luz suave.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 12

Vuelve a seleccionar la forma superior, de color marrón, y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia abajo. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra en la siguiente imagen, baja su Opacidad al 50% y cambia el Modo de fusión a Superponer.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 13

Vuelve a seleccionar la forma superior, de color marrón, y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 2px hacia la izquierda. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra en la siguiente imagen, baja su Opacidad al 30% y cambia el Modo de fusión a Superponer.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 14

Vuelve a seleccionar la forma superior, de color marrón, céntrate en el panel Apariencia y añade un segundo relleno. Selecciónalo, usa el degradado lineal que se muestra en la siguiente imagen, baja su Opacidad al 50% y cambia el Modo de fusión a Superponer. Asegúrate de que tu forma sigue seleccionada, vuelve al panel Apariencia y añade un tercer relleno. Selecciónalo, establece el color en blanco, baja su Opacidad al 10%, cambia el Modo de fusión a Superponer y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -5px, haz clic en Aceptar y ve a Efecto > Distorsionar y transformar > Transformar. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 15

Selecciona la forma marrón del medio, asegúrate de que el color de relleno está establecido en R=63, G=36, B=19 y enfócate en el panel Apariencia. Añade un segundo relleno para esta forma y selecciónalo. Usa el degradado lineal que se muestra en la siguiente imagen, baja su Opacidad al 35%, cambia el Modo de fusión a Luz suave y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -1,5px y haz clic en Aceptar.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 16

Selecciona todas las formas que componen tu grano de café y Agrúpalas (Control + G). Asegúrate de que este nuevo grupo permanece seleccionado y ve a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la ventana superior izquierda (en la siguiente imagen), haz clic en Aceptar y ve de nuevo a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la ventana superior derecha (en la siguiente imagen), haz clic en Aceptar y ve de nuevo a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la ventana inferior izquierda (en la siguiente imagen), haz clic en Aceptar y ve una vez más a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la ventana inferior derecha (en la siguiente imagen) y haz clic en Aceptar.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

5. Multiplicar los granos de café

Paso 1

Selecciona el grupo de granos de café y duplícalo (Control + C > Control + F). Selecciona esta copia y arrástrala unos cuantos píxeles hacia la izquierda como se muestra en la primera imagen. Enfócate en esta copia del grupo, selecciona la forma central, de color marrón, y muévete al panel Apariencia. Selecciona el relleno inferior y reemplaza el color existente con R=39, G=32, B=26. Muévete al relleno superior y edita el degradado lineal existente como se muestra en la siguiente imagen.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 2

Sigue concentrándote en la copia del grupo de granos de café. Ahora necesitas editar el resto de las formas que componen este segundo grano de café. Básicamente, necesitas seleccionar esas formas una por una, centrarte en el panel Apariencia, y reemplazar R=127, G=69, B=21 por R=71, G=58, B=48 (incluyendo los degradados). Al final tu grano de café debería tener el aspecto de la primera imagen. Vuelve a seleccionar toda la copia del grupo y céntrate en el panel Apariencia. Abre los efectos de Sombra paralela existentes uno por uno y reemplaza el color existente con R=39, G=32, B=26.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 3

Haz una nueva copia de tu grupo original de granos de café (Control + C > Control + F), selecciónala y arrástrala unos cuantos píxeles hacia la derecha como se muestra en la primera imagen. Enfócate en esta copia del grupo, selecciona la forma marrón del medio y muévete al panel Apariencia. Selecciona el relleno inferior y reemplaza el color existente con R=40, G=22, B=7. Muévete al relleno superior y edita el degradado lineal existente como se muestra en la siguiente imagen.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 4

Continúa concentrándote en la copia del nuevo grupo de granos de café, concéntrate en el resto de las formas que componen este tercer grano de café y reemplaza R=127, G=69, B=21 por R=96, G=57, B=20 (no olvides editar los degradados también). Al final tu grano de café debe ser como el de la primera imagen. Asegúrate de que el tercer grupo de granos de café está seleccionado y céntrate en el panel Apariencia. Abre los efectos de Sombra paralela uno por uno y reemplaza el color existente con R=40, G=22, B=7.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

6. Convertir los granos de café en símbolos

Paso 1

Ve a Edición > Preferencias > Generales (Control + K), marca la casilla de Escalar trazos y efectos y haz clic en Aceptar. Abre el panel Transformar (Ventana > Transformar) y asegúrate de que el botón Limitar proporciones de anchura y altura está marcado. Selecciona el grupo de granos de café de la izquierda, concéntrate en el panel Transformar y simplemente introduce 30 en la casilla de anchura (W:). Enfócate en el panel Capas y abre este grupo redimensionado. Selecciona la forma inferior, de color marrón, y ve al panel Apariencia. Enfócate en el tercer relleno (empieza a contar desde abajo), abre el efecto de Desenfoque gaussiano existente y disminuye el radio de 2px a 0.5px. Al final, tu grupo de granos de café redimensionado debería tener el aspecto de la tercera imagen.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 2

Enfócate en los otros dos grupos de granos de café y redúcelos usando las mismas técnicas. Ahora es el momento de convertir estos pequeños grupos en símbolos, así que abre el panel Símbolos (Ventana > Símbolos). Selecciona el grupo de granos de café de la izquierda y haz clic en el botón Nuevo símbolo de la parte inferior del panel Símbolos. Introduce "grano de café 1" en la casilla Nombre y haz clic en Aceptar. Pasa al grupo de granos de café del medio, conviértelo en un símbolo utilizando las mismas técnicas y nómbralo "grano de café 2". Selecciona el grupo de granos de café de la derecha, conviértelo en un símbolo y nómbralo "grano de café 3". Céntrate en el panel de Símbolos, asegúrate de que tienes tus tres símbolos de granos de café y luego ve al panel Capas y simplemente elimina los símbolos existentes. Al final deberías tener una mesa de trabajo limpia.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

7. Crear la forma de fondo

Elige la herramienta Rectángulo (M) y crea una forma del tamaño de tu mesa de trabajo (600 por 1100px). Rellénala con el degradado radial que se muestra a continuación, céntrate en el panel Apariencia y añade un segundo relleno. Hazlo negro, baja su Opacidad al 15%, cambia el Modo de fusión a Multiplicar y ve a Efecto > Bosquejar > Papel con relieve. Introduce los datos que se muestran a continuación y haz clic en Aceptar. Sigue concentrándote en el panel Apariencia y añade un tercer relleno para tu forma. Necesitarás un motivo incorporado para este nuevo relleno. Ve al panel Muestras (Ventana > Muestras), abre el menú desplegable y ve a Abrir biblioteca de muestras > Motivos > Gráficos básicos > Gráficos básicos_Texturas. Esto debería abrir una nueva ventana con un conjunto simple de motivos incorporados. Solo necesitarás el motivo "Diamante". Asegúrate de que tu rectángulo sigue seleccionado, vuelve al panel Apariencia y selecciona ese tercer relleno. Añade el motivo "Diamante", baja su Opacidad al 10%, cambia el Modo de fusión a Multiplicar y ve a Efecto > Artístico > Grano de película. Introduce los datos que se muestran a continuación y haz clic en Aceptar. Ve al panel Capas y bloquea este rectángulo grande para asegurarte de que no lo vas a seleccionar/mover accidentalmente.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

8. Añadir el texto vertical

Paso 1

Establece el color de relleno en blanco, elige la herramienta Texto vertical y añade tu texto. Utiliza la fuente Vanilla con el tamaño establecido en 150pt y el "tracking" en 300.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

9. Añade los granos de café usando las herramientas de símbolos

Paso 1

Enfócate en tu barra de herramientas y haz doble click en la herramienta Rociar símbolos (Mayús + S). Introduce todas las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar. Asegúrate de que la herramienta Rociar símbolos permanece activa, muévete al panel de Símbolos y selecciona tu símbolo "grano de café 1". Céntrate en una sola letra de tu texto y simplemente haz clic y arrastra para pulverizar algunos granos de café como se muestra en la siguiente imagen.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 2

Asegúrate de que los símbolos rociados siguen seleccionados y toma la herramienta Cambiar tamaño de símbolo. Mantén pulsada la tecla Alt (para encoger en lugar de ampliar) y luego simplemente haz clic (y mantén pulsado) en los símbolos rociados. Experimenta un poco con esta herramienta. Puede que necesites algo de tiempo para acostumbrarte a ella. Asegúrate de que los símbolos del rociador permanecen seleccionados, cambia a la herramienta Girar símbolo y haz clic y arrastra para girar esos granos de café. Finalmente, escoge la herramienta Desplazar símbolo y úsala para mover algunos de esos símbolos. Intenta mantener los granos de café dentro de los límites de tu letra blanca.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 3

Vuelve a la herramienta Rociar símbolos (Mayúsculas + C), selecciona el símbolo "grano de café 2" del panel de Símbolos y añade algunos granos de café nuevos como se muestra en la primera imagen. Cambia a la herramienta Cambiar tamaño de símbolos, asegúrate de mantener pulsada la tecla Alt y encoge algunos de esos granos de café. Por último, utiliza la herramienta Girar símbolos y la herramienta Desplazar símbolos para girar y desplazar esos símbolos a tu gusto.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 4

Vuelve a la herramienta Rociar símbolos (Mayúsculas + C), selecciona tu símbolo "grano de café 3" y añade algunos nuevos granos de café como se muestra en la primera imagen. Asegúrate de que estos nuevos símbolos cubran los huecos entre los granos de café existentes. Considera la posibilidad de añadir estos símbolos uno a uno. Simplemente haz clic una vez para añadir un símbolo, asegúrate de no deseleccionarlo y vuelve a hacer clic para añadir un segundo símbolo en el lugar que quieras. Mientras los símbolos rociados estén seleccionados, puedes añadir fácilmente nuevos símbolos a esa selección utilizando la herramienta Rociar símbolos. Una vez que tengas todos los nuevos símbolos rociados que necesites, pasa a la herramienta Cambiar tamaño de símbolos y encoge algunos de esos granos de café. Por último, utiliza la herramienta Girar símbolos y la herramienta Desplazar símbolos para girar y desplazar esos símbolos a tu gusto.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 5

Pasa al resto de las letras y experimenta con las herramientas de Símbolos como hiciste al crear la "S".

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 6

Selecciona todos esos símbolos rociados y agrúpalos (Control + G). Concéntrate en el panel Capas, elige un nombre para este nuevo grupo, bloquéalo y luego hazlo invisible.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

10. Añadir detalles al texto vertical

Paso 1

Selecciona el texto vertical y elimina el blanco utilizado para el color. Concéntrate en el panel Apariencia, asegúrate de que tu texto sigue seleccionado y añade un nuevo relleno utilizando el botón Añadir nuevo relleno. Selecciona este nuevo relleno y establece el color en R=127, G=69, B=21.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 2

Asegúrate de que tu texto sigue seleccionado y céntrate en el panel Apariencia. Selecciona ese relleno marrón, baja su Opacidad al 15% y ve a Efecto > Distorsionar y transformar > Emborronar. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 3

Asegúrate de que tu texto sigue seleccionado, céntrate en el panel Apariencia y añade un segundo relleno utilizando el botón Añadir nuevo relleno. Selecciona este nuevo relleno, establece su color en R=127, G=69, B=21, baja su Opacidad al 5% y ve a Efecto > Distorsionar y transformar > Transformar. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 4

Asegúrate de que tu texto sigue seleccionado, céntrate en el panel Apariencia y añade un tercer relleno. Selecciónalo, establece el color en R=127, G=69, B=21, baja su Opacidad al 5% y ve a Efecto > Distorsionar y transformar > Transformar. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 5

Asegúrate de que tu texto sigue seleccionado y céntrate en el panel Apariencia. Selecciona el trazo existente y añade "Mi pincel de dispersión". Baja su Opacidad al 10% y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -2px y haz clic en Aceptar.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 6

Asegúrate de que tu texto sigue seleccionado, añade un nuevo relleno y arrástralo a la parte superior del panel Apariencia. Selecciónalo, establece el color en negro, baja su Opacidad al 75%, cambia el Modo de fusión a Superponer y ve a Efecto > Distorsionar y transformar > Emborronar. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un radio de 5px y haz clic en Aceptar.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 7

Céntrate en el panel Capas, bloquea el texto vertical y activa la visibilidad del grupo de símbolos rociados.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

11. Crear las formas de la cucharada de café

Paso 1

Activa la Cuadrícula (Ver > Ocultar cuadrícula) y la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Para el siguiente paso necesitarás una cuadrícula cada 5px. Para ello, ve a Edición > Preferencias > Guías y cuadrícula e introduce 5 en la casilla Línea de cuadrícula cada. Usando la herramienta Elipse (L), crea una forma de 80 por 180px y rellénala con el degradado lineal que se muestra en la siguiente imagen. Asegúrate de que esta nueva forma permanece seleccionada y cambia a la herramienta Selección directa (A). Selecciona el punto de anclaje superior y arrástralo 40px hacia abajo, luego selecciona el punto de anclaje inferior y arrástralo 20px hacia arriba. Al final tu forma debería ser como en la segunda imagen. Muévete al panel Capas y nómbrala "Bordes de la cuchara".

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 2

Usando la herramienta Elipse (L), crea una forma de 80 por 160px, rellénala con el degradado lineal mostrado abajo y colócala como se muestra en la primera imagen. Asegúrate de que esta nueva forma permanece seleccionada y cambia a la herramienta Selección Directa (A). Selecciona el punto de anclaje superior y arrástralo 35px hacia abajo, selecciona el punto de anclaje inferior y arrástralo 20px hacia arriba, selecciona el punto de anclaje izquierdo y arrástralo 5px hacia la derecha y luego selecciona el punto de anclaje derecho y arrástralo 5px hacia la izquierda. Al final tu forma debería ser como en la segunda imagen. Muévete al panel Capas y dale el nombre de "cuchara".

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 3

Usando la herramienta Rectángulo (L), crea una forma de 20 por 45px, rellénala con el degradado lineal mostrado abajo y colócala como se muestra en la siguiente imagen. Asegúrate de que esta nueva forma permanece seleccionada y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 3 px, haz clic en Aceptar y ve a Efecto > Deformar > Arco superior. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Efecto > Deformar > Arco inferior. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Objeto > Expandir apariencia. Ve al panel Capas y nombra la forma resultante como "Mango de la cuchara".

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

12. Añadir detalles a las formas de la cuchara

Paso 1

Desactiva la cuadrícula (Ver > Ocultar cuadrícula) y la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Selecciona "bordes de la cuchara" y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia abajo y hacia la izquierda. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con R=237, G=28, B=36 (solo para que sea más fácil de ver). Vuelve a seleccionar "bordes de cuchara" y haz dos nuevas copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia abajo y hacia la derecha. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con R=237, G=28, B=36.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 2

Vuelve a seleccionar las dos formas rojas y haz clic en el botón Unir del panel Buscatrazos. Rellena la forma resultante con negro, baja su Opacidad al 25% y cambia el Modo de fusión a Luz suave.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 3

Selecciona "bordes de la cuchara" y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 3px hacia abajo y 2px hacia la izquierda. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con R=237, G=28, B=36. Vuelve a seleccionar "bordes de la cuchara" y haz dos nuevas copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 3px hacia abajo y 2px hacia la derecha. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con R=237, G=28, B=36.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 4

Vuelve a seleccionar las dos formas rojas y haz clic en el botón Unir del panel Buscatrazos. Rellena la forma resultante con negro, baja su Opacidad al 15% y cambia el Modo de fusión a Luz suave.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 5

Selecciona "bordes de la cuchara" y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 6px hacia abajo y 3px hacia la izquierda. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con R=237, G=28, B=36. Vuelve a seleccionar "bordes de la cuchara" y haz dos nuevas copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 6px hacia abajo y 3px hacia la derecha. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con R=237, G=28, B=36.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 6

Vuelve a seleccionar las dos formas rojas y haz clic en el botón Unir del panel Buscatrazos. Rellena la forma resultante con negro, baja su Opacidad al 10% y cambie el Modo de fusión a Luz suave.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 7

Selecciona "Mango de la cuchara" y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia abajo. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con blanco, baja su Opacidad al 30% y cambia el Modo de fusión a Luz suave. Vuelve a seleccionar "Mango de la cuchara" y haz dos nuevas copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 3px hacia abajo. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con blanco, baja su Opacidad al 30% y cambia el Modo de fusión a Luz suave.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 8

Selecciona "Mango de la cuchara" y haz dos copias por delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia arriba. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con negro, baja su Opacidad al 20% y cambia el Modo de fusión a Luz suave. Vuelve a seleccionar "Mango de la cuchara" y haz dos nuevas copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 3px hacia arriba. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con negro, baja su Opacidad al 15% y cambia el Modo de fusión a Luz suave.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 9

Selecciona "Mango de la cuchara" y haz dos copias por delante (Control + C > Control + F > Control + F). Selecciona la copia inferior y muévela 1px hacia abajo. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con blanco, baja su Opacidad al 50% y cambia el Modo de fusión a Luz suave.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 10

Selecciona la "cuchara" y haz dos copias por delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 2px hacia abajo. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con negro, baja su Opacidad al 15% y cambia el Modo de fusión a Luz suave.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 11

Selecciona la "cucharada " y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 5px hacia abajo y 1px hacia la derecha. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con R=237, G=28, B=36. Vuelve a seleccionar la "cuchara" y haz dos nuevas copias por delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 5px hacia abajo y 1px hacia la izquierda. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con R=237, G=28, B=36.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 12

Vuelve a seleccionar ambas formas rojas y haz clic en el botón Unir del panel Buscatrazos. Rellena la forma resultante con negro, baja su Opacidad al 10% y cambia el Modo de fusión a Luz suave.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 13

Selecciona "cuchara" y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 8px hacia abajo y 3px hacia la derecha. Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con R=237, G=28, B=36. Vuelva a seleccionar la "cuchara" y haz dos nuevas copias al frente (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 8px hacia abajo y 3px hacia la izquierda. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con R=237, G=28, B=36.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 14

Vuelve a seleccionar las dos formas rojas y haz clic en el botón Unir del panel Buscatrazos. Rellena la forma resultante con negro, baja su Opacidad al 5% y cambia el Modo de fusión a Luz suave.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 15

Selecciona "cuchara" y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 2px hacia la derecha. Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra en la siguiente imagen y baja su Opacidad al 10%.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 16

Selecciona la "cuchara" y haz dos copias por delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 2px hacia la izquierda. Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra en la siguiente imagen y baja su Opacidad al 10%.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 17

Selecciona la "cuchara" y haz dos copias por delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 2px hacia arriba. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra en la siguiente imagen, baja su Opacidad al 10% y cambia el Modo de fusión a Luz suave.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

13. Recolorar la cucharada de café

Paso 1

Selecciona todas las formas que componen tu cucharada de granos de café y duplícalas (Control + C > Control + F). Selecciona estas copias y haz clic en el botón Unir del panel Buscatrazos. Rellena la forma resultante con R=127, G=69, B=21 y cambia su Modo de fusión a Luz suave.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 2

Selecciona todas las formas que componen tu cucharada de granos de café y agrúpalas (Control + G). Selecciona este nuevo grupo y añade los cuatro efectos de Sombra paralela que se muestran en la siguiente imagen.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

14. Añadir la cucharada al efecto de texto

Paso 1

Selecciona tu grupo de la cucharada de café y ve a Objeto > Transformar > Rotar. Introduce un ángulo de -45 grados y haz clic en Aceptar. Coloca este grupo rotado como se muestra en la primera imagen y muévete al panel Capas. Concéntrate en tu grupo de granos de café, selecciona la forma de la "cuchara" y establece el ángulo del degradado en 90 grados.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 2

Vuelve a seleccionar todo tu grupo de la cucharada de café y ve a Objeto > Transformar > Reflejar. Marca el botón Vertical y pulsa el botón Copiar. Selecciona el grupo recién creado y colócalo como se muestra en la segunda imagen.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

15. Añadir más granos de café

Paso 1

Vuelve a las herramientas de símbolos y añade nuevos granos de café como se muestra en la siguiente imagen.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 2

Enfócate en el panel Capas y abre el grupo de la cuchara de granos de café superior. Selecciona la forma de la "cuchara" y haz una copia delante (Control + C > Control + F). Selecciona esta copia, arrástrala fuera del grupo y colócala en la parte superior del panel Capas. Asegúrate de que esta nueva forma sigue seleccionada, baja su Opacidad al 50%, cambia el Modo de fusión a Luz suave y sustituye el degradado lineal existente por el que se muestra en la siguiente imagen. Desplázate a la parte inferior, la cucharada de granos de café, y repite las técnicas mencionadas en este paso.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

Paso 3

Por último, esparce unos cuantos granos de café alrededor de tu texto. Intenta no exagerar. No es necesario que uses las herramientas de símbolos para este paso. Dado que se trata de unos cuantos símbolos, puedes añadirlos uno a uno.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect

¡Felicidades! Has terminado.

Ya tu trabajo está listo. Así es como debería verse. Hay algunas herramientas de símbolos que se quedaron fuera. Prueba la herramienta Manchar símbolo o la herramienta Translucir símbolo y puede que te sorprendas de las posibilidades que te esperan. Espero que hayas disfrutado de este tutorial y puedas aplicar estas técnicas en tus futuros proyectos.

coffeeBeansTextEffectcoffeeBeansTextEffectcoffeeBeansTextEffect