Crear un detallado efecto de texto de queso en Adobe Illustrator

En los siguientes pasos aprenderás a cómo crear un detallado efecto de texto de queso y una ilustración de cuña de queso. Para empezar necesitarás una simple pieza de texto, el efecto 3D Extruir & Biselar, y un simple efecto Esquinas Redondeadas. Aprenderás a cómo nombrar y organizar fácilmente tus formas, cómo crear trazados compuestos, cómo utilizar ingenuamente las técnicas de mezcla, enmascaramiento y construcción de formas vectoriales, y cómo aprovechar al máximo el panel Apariencia. Por último, aprenderás a cómo crear una mezcla simple y cómo utilizar la función Esquinas Vivas.

1. Crea un Nuevo Documento y configura una Cuadrícula

Pulsa Ctrl-N para crear un nuevo documento. Selecciona Pixeles en el menú desplegable Unidades, escribe 600 en el cuadro de ancho y 470 en el cuadro de altura y, después, haz clic en el botón Avanzado. Selecciona RGB, pantalla (72 ppi) y asegúrate de que el cuadro Alinear Nuevos Objetos a cuadrícula de píxeles está desmarcado antes de hacer clic en Aceptar.

2. Crea las formas principales

Paso 1

Elige la Herramienta Texto (T), haz clic en tu mesa de trabajo y agrega el texto "CHEESE". Utiliza la fuente Aldo Apache, establece el tamaño a 140 px y el seguimiento a 100 y asegúrate de que el color de texto esté establecido en R=255 G=220 B=72.

Paso 2

Vuelve a seleccionar tu texto y ve a Tipo > Crear contornos (Shift-Control-O).  Asegúrate de que el grupo resultante de formas está seleccionado y simplemente pulsa Shift-Control-G para desagruparlo. Selecciona todas tus formas amarillas y pulsa Control-8 (o ve a Objeto > Trazado Compuesto > Crear) para convertirlos en un trazado compuesto simple. Asegúrate de que este nuevo trazado compuesto permanece seleccionado y ve a Efecto > Estilizar > Esquinas Redondeadas. Introduce un radio de 5 px y haz clic en Aceptar.

Paso 3

Asegúrate de que tu trazado compuesto amarillo todavía está seleccionado y ve a Efecto > 3D > Extrusión & Biselado. Haz clic en el botón Más Opciones, escribe todos los atributos que se muestran en la siguiente imagen y haz clic en Aceptar.

Paso 4

Vuelve a seleccionar tu trazado compuesto y ve a Objeto > Ampliar Apariencia. Asegúrate de que el grupo resultante de formas está seleccionado y pulsa el comando Shift-Control-G tres veces para Desagruparlo. Ahora, selecciona las seis formas que forman la parte frontal de tus letras, conviértelas en un nuevo trazado compuesto (Control-8) y simplemente reemplaza el color de relleno existente por R=255 G=220 B=72.

Paso 5

Selecciona todas las formas que componen el lado lateral de tus letras, haz clic en el botón Unir del panel Buscatrazos (Ventana > Buscatrazos) y convierte las formas resultantes en una segunda ruta compuesta (Control-8). Enfócate en el panel Capas y abre la capa existente. En primer lugar, haz doble clic en el nombre de tu trazado compuesto de color amarillo y cambia el nombre a "frente". Luego, céntrate en el trazado compuesto en este paso, cambia el nombre a "3D" y asegúrate de que se encuentra por debajo de tu trazado compuesto llamado "frontal".

Paso 6

Vuelve a seleccionar tu trazado compuesto llamado "frontal", haz una copia al frente (Control-C > Control-F), selecciónala y reemplaza el color de relleno existente por R=237 G=170 B=37. Ve al panel Capas y cambia el nombre de esta nueva forma a "Posterior". Selecciona esto junto con tu forma "3D", asegúrate de que la Herramienta de Selección (V) esté activa, haz clic en tu forma "3D" (deberías enfatizarse) y luego abre el panel Alinear (Ventana > Alinear) y haz clic en el botón Alinear Verticalmente en el Fondo. Al final, tu forma "Posterior" debe colocarse como se muestra en la tercera imagen. Asegúrate de que todavía está seleccionada y simplemente pulsa Control- [ para enviarla detrás de tu forma "frontal", como se muestra en la cuarta imagen.

Paso 7

Selecciona tu forma "Posterior" y haz una copia al frente (Control-C > Control-F). Ve al panel Capas, cambia el nombre de la forma recién creada por "sombra" y, a continuación, arrástrala debajo de las formas existentes. Asegúrate de que tu forma "sombra" permanece seleccionada y enfócate en el panel Apariencia. Selecciona el trazado existente, define su color en R=228 G=162 B=75, y simplemente haz clic en el texto subrayado "Trazado" para abrir el panel de desplazamiento de trazado. Asegúrate de que el Ancho se establezca en 1 px y selecciona el botón Alinear Trazado Exterior. Regresa al panel Apariencia y haz clic en el texto subrayado "Opacidad" que representa tu trazado para abrir el panel Transparencia. Enfócate en el cuadro Opacidad y simplemente arrastra el control deslizante al 20%.

Paso 8

Asegúrate de que tu forma de "sombra" permanece seleccionada y sigue centrándote en el panel Apariencia. Selecciona el trazado existente y copia esto utilizando el botón Duplicar Elemento Seleccionado. Selecciona el nuevo trazado, baja su Opacidad al 10% y aumenta el Ancho del trazado a 2 px.

Paso 9

Asegúrate de que tu forma de "sombra" permanece seleccionada y sigue centrándote en el panel Apariencia. Selecciona el relleno existente y ve a Efecto > Estilizar > Sombra Paralela. Ingresa las propiedades mostradas en la ventana superior izquierda (en la siguiente imagen), haz clic en Aceptar y luego, agrega los otros tres efectos de Disminución de Sombra mostrados a continuación.

3. Añade sombreado y puntos destacados para los lados laterales de tus capas

Paso 1

Ve a Editar > Preferencias > General y asegúrate de que el Incremento de Teclado esté establecido en 1px. Asegúrate de que tu forma "3D" está seleccionada y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 1 px hacia arriba usando el botón arriba de tu teclado.

Vuelve a seleccionar ambas copias realizadas en este paso y haz clic en el botón Menos Frente del panel Buscatrazos. Convierte el grupo resultante de formas en un trazado compuesto (Control-8), asegúrate de que permanece seleccionado y enfócate en el panel Apariencia. Ajusta el color de relleno a R=237 G=170 B=37 y cambia el Modo de Fusión a Luz Suave.

Paso 2

Asegúrate de que tienes seleccionada tu forma "3D" y haz una copia por delante (Control-C > Control-F). Muévela 1 px hacia arriba y luego duplícalo (Control-C > Control-F). Selecciona esta nueva copia y muévela 3 px arriba. Vuelve a seleccionar ambas copias realizadas en este paso y haz clic en el botón Menos Frente del panel Buscatrazos. Convierte el grupo resultante de formas en un trazado compuesto (Control-8), asegúrate de que permanece seleccionado y enfócate en el panel Apariencia. Ajusta el color de relleno a R=255 G=220 B=72 y baja la Opacidad al 70%.

Paso 3

Selecciona tu forma "3D", tráela al frente (Shift-Control-]) y haz clic en el botón Dividir del panel Buscatrazos. Asegúrate de que el grupo de formas resultante permanece seleccionado, abre el panel Degradado (Ventana > Degradado) y haz clic en la miniatura de degradado para añadir el gradiente predeterminado de negro a blanco.

Enfócate en el panel de Degradado, asegúrate de que el Ángulo esté establecido en 0 grados, y se mueven a los deslizadores de degradado. Selecciona el deslizador de degradado izquierdo, hazlo negro (R=0 G=0 B=0) y baja su Opacidad a 0%. Después, ve al deslizador de degradado derecho y añade los mismos atributos.

Concéntrate en la barra de degradado y simplemente haz clic en ella para agregar un nuevo deslizador de degradado. Asegúrate de que este nuevo control deslizante está seleccionado, ajusta su color a negro, disminuye su Opacidad al 80% y luego enfócate en el cuadro Ubicación y arrastra ese control deslizante al 10%.

Ten en cuenta que los números azules de las imágenes de Degradado representan el porcentaje de Ubicación, mientras que los de color amarillo representan el porcentaje de Opacidad. Agrega un cuarto deslizador de degradado, hazlo en blanco (R=255 G=255 B=255) y establece su Ubicación en 90%.

Paso 4

Asegúrate de que el grupo de formas editado en el paso anterior está seleccionado y de que estás enfocado en el panel Transparencia (Ventana > Transparencia). Baja la Opacidad al 50% y cambia el Modo de Fusión a Luz Suave.

4. Añade sombreado y puntos destacados para los lados delanteros de tus capas

Paso 1

Selecciona nuevamente tu forma "frontal", haz una copia en frente (Control-C > Control-F) y tráea al frente (Shift-Control-]). Asegúrate de que esta copia permanece seleccionada, rellénala con el degradado lineal que se muestra en la siguiente imagen y cambia su Modo de Fusión a Luz Suave. Recuerda que los números amarillos del Degradado de la imagen representan el porcentaje de Opacidad.

Paso 2

Enfócate en el panel Capas, vuelve a seleccionar tu forma "frontal" y haz dos copias al frente (Control-C > Control-F > Control-F). Sigue enfocado en el panel Capas, selecciona la copia superior y mueve esto 1 px hacia arriba. Vuelve a seleccionar ambas copias realizadas en este paso y haz clic en el botón Menos Frente del panel Buscatrazos. Convierte el grupo resultante de formas en un trazado compuesto (Control-8), asegúrate de que sigue seleccionada y enfócate en el panel Apariencia.

Selecciona el relleno existente, define el color en blanco, cambia su Modo de Fusión a Luz Suave y ve a Efecto > Desenfocar > Desenfoque Gaussiano. Introduce un Radio de 3 px, haz clic en Aceptar y luego vuelve al panel Apariencia y agrega un segundo relleno para tu forma utilizando el botón Agregar Nuevo Relleno. Selecciona el nuevo relleno, asegúrate de que el color esté establecido en blanco y disminuye su Opacidad al 60% y cambia el Modo de Fusión a Luz Suave. Una vez que hayas terminado, ve al panel Capas y cambia el nombre del trazado compuesto hecho en este paso por "LineaDestacada".

5. Crea los Agujeros

Paso 1

Activa la cuadrícula (Ver > Mostrar Cuadrícula) y Ajusta la Cuadrícula (Ver > Ajustar a Cuadrícula). Para empezar necesitarás una cuadrícula cada 1 px, así que simplemente ve a Edición > Preferencias > Guías > Cuadrícula, escribe  1 en el cuadro Cuadrícula y 1 en el cuadro Subdivisiones. Trata de no desanimarte por toda esa cuadrícula, porque ella hará que tu trabajo sea más fácil. Y ten en cuenta que puedes activarla o desactivarla fácilmente mediante el acceso directo de teclado Control-".

También debes abrir el panel Información (Ventana > Información) para una vista previa en vivo con el tamaño y la posición de tus formas. No olvides configurar la unidad de medida en píxeles en Editar > Preferencias > Unidades > General. Todas estas opciones aumentarán significativamente la velocidad de tu trabajo.

Toma la Herramienta Elipse (L), crea un círculo de 14 px, establece el color de relleno en R=190 G=39 B=45 y asegúrate de que no tenga un trazado. Utilizando la misma herramienta, crea otros cuatro círculos y utiliza los atributos que se muestran en la siguiente imagen.

Paso 2

Multiplica tus círculos de color y distribúyelos a través de tu texto de una manera aproximada como se muestra en la primera imagen. Una vez que hayas terminado, desactiva la cuadrícula (Control- ') y el ajusta la cuadrícula (Shift-Control-'). Selecciona todos estos círculos y simplemente pulsa Control-G para agruparlos. Asegúrate de que tu nuevo grupo está seleccionado y ve a Efecto > Distorsionar y Transformar > Emborronar. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.

Paso 3

Vuelve a seleccionar tu grupo de círculos de color y ve a Objeto > Expandir Apariencia. Verifica de que el grupo resultante de formas sigue seleccionado, haz clic en el botón Unir del panel Buscatrazos y, a continuación, pulsa Control-8. Selecciona este nuevo trazado compuesto y asegúrate de que el color de relleno esté ajustado a R=57 G=181 B=74.

Paso 4

Selecciona el trazado compuesto verde y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 1 px hacia abajo. Vuelve a seleccionar ambas copias realizadas en este paso y haz clic en el botón Menos Frente del panel Buscatrazos. Convierte el grupo resultante de formas en un trazado compuesto, asegúrate de que permanece seleccionado y enfócate en el panel Apariencia. Establece el color de relleno en negro, baja la Opacidad al 20% y cambia el Modo de Fusión a Luz Suave.

Paso 5

Asegúrate de seleccionar el trazado compuesto verde y haz dos copias al frente (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 3 px hacia abajo. Selecciona nuevamente ambas copias realizadas en este paso y haz clic en el botón Menos Frente del panel Buscatrazos. Convierte el grupo resultante de formas en un trazado compuesto, asegúrate de que está seleccionada y enfócate en el panel Apariencia. Establece el color de relleno en negro, baja la opacidad al 15% y cambia el Modo de Fusión a Luz Suave.

Paso 6

Asegúrate de seleccionar el trazado compuesto de color verde y haz dos copias delante (Control-C > Control-F > Control-F). Enfócate en el panel Capas, y esta vez selecciona la copia inferior y muévela 1 px hacia abajo. Vuelve a seleccionar ambas copias realizadas en este paso y haz clic en el botón Menos Frente del panel Buscatrazos. Convierte el grupo resultante de formas en un trazado compuesto, asegúrate de que permanece seleccionada y enfócate en el panel Apariencia. Establece el color de relleno en blanco, baja la opacidad al 80% y cambia el Modo de Fusión a Luz Suave.

Paso 7

Asegúrate de seleccionar el trazado compuesto verde y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 1 px arriba. Vuelve a seleccionar ambas copias realizadas en este paso y haz clic en el botón Menos Frente del panel Buscatrazos. Convierte el grupo resultante de formas en un trazado compuesto, asegúrate de que permanece seleccionada y enfócate en el panel Apariencia. Establece el color de relleno en blanco, baja la opacidad al 50% y cambia el Modo de Fusión a Luz Suave.

Paso 8

Asegúrate de seleccionar el trazado compuesto verde y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 2 px arriba. Vuelve a seleccionar ambas copias realizadas en este paso y haz clic en el botón Menos Frente del panel Buscatrazos. Convierte el grupo resultante de formas en un trazado compuesto, asegúrate de que permanece seleccionada y enfócate en el panel Apariencia. Establece el color de relleno en blanco, baja la opacidad al 50% y cambia el Modo de Fusión a Luz Suave.

Paso 9

Asegúrate de que tu trazado compuesto verde está seleccionado y enfócate en el panel Apariencia. Selecciona el relleno, reemplaza el verde con negro, baja su opacidad al 60% y cambia el Modo de Fusión a Luz Suave. Mantén el enfoque en el panel Apariencia y selecciona el trazado existente. Haz esto negro, establece el ancho a 3 px, alinea esto al interior, baja su opacidad a 10%, y cambia el Modo de Fusión a Luz Suave.

Asegúrate de que el trazado todavía está seleccionado y simplemente duplica esto utilizando el mismo botón Duplicar Elemento Seleccionado. Selecciona tu nuevo trazado, aumenta su Opacidad al 20% y reduce el Ancho a 1 px. Ahora, vuelve a seleccionar la forma editada en este paso junto con el trazado compuesto delgado usado para resaltarla y Agrúpala (Control-G). Ve al panel Capas y simplemente cambia el nombre de este nuevo grupo por "Agujeros".

Paso 10

Concéntrate en el panel Capas y duplica sus formas "frontal" y "posterior" (Control-C > Control-F). Selecciona estas copias, haz clic en el botón Unir del panel Buscatrazos y pulsa Control-8. Trae este nuevo trazado compuesto al frente (Shift-Control-]) y asegúrate de que es blanco.

Paso 11

Vuelve a seleccionar el trazado compuesto blanco hecho en el paso anterior junto con su grupo "Agujeros", enfócate en el panel Transparencia, y simplemente haz clic en el botón Crear Máscara. Si no eres un usuario de Illustrator CC, debes abrir el menú desplegable del panel Transparencia y hacer clic en el comando Hacer Máscara de Opacidad.

6. Añade sombreado y reflejos para el efecto general del texto

Paso 1

Vuelve a seleccionar tu grupo de "Agujeros" y haz una copia al frente (Control-C > Control-F). Selecciona este nuevo grupo, haz clic en el botón Unir del panel Buscatrazos y pulsa Control-8. Trae esta nuevo trazado compuesto al frente (Shift-Control-]) y asegúrate de que esté en negro.

Paso 2

Vuelve a seleccionar el trazado compuesto negro hecho en el paso anterior junto con tu forma "LineaDestacada", enfócate en el panel Transparencia, haz clic en el botón Hacer Máscara y desactiva la casilla Recortar.

Paso 3

Enfócate en el panel Capas, vuelve a seleccionar tu forma "frontal" y haz dos copias al frente (Control-C > Control-F > Control-F). Sigue enfocándote en el panel Capas, selecciona la copia superior y muévela 3 px hacia abajo. Vuelve a seleccionar ambas copias realizadas en este paso y haz clic en el botón Menos Frente del panel Buscatrazos. Convierte el grupo resultante de formas en un trazado compuesto (Control-8), asegúrate de que permanece seleccionada, enfócate en el panel Apariencia y establece el color de relleno en blanco.

Paso 4

Asegúrate de que el trazado compuesto blanco hecho en el paso anterior todavía está seleccionado y concéntrate en el panel Apariencia. Cambia el Modo de Fusión a Sobreexponer Color y luego ve a Efecto > Trazado > Desplazamiento. Introduce un desplazamiento de -1 px, haz clic en Aceptar y ve a Efecto > Desenfoque > Desenfoque Gaussiano. Introduce un Radio de 2 px y haz clic en Aceptar.

Paso 5

Enfócate en el panel Capas y duplica tus formas "frontal" y "posterior" (Control-C > Control-F). Selecciona estas copias, haz clic en el botón Unir del panel Buscatrazos y pulsa Control-8. Trae este nuevo trazado compuesto al frente (Shift-Control-]), asegúrate de que está blanco y luego ve a Efecto > Estilizar > Resplandor Interior. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.

Paso 6

Asegúrate de que tu trazado compuesto blanco aún está seleccionado y ve a Objeto > Expandir Apariencia. Enfócate en el panel Capas, simplemente desagrupa el grupo resultante y obtendrás dos nuevos grupos, uno simple y otro enmascarado. Elimina el grupo simple, selecciona el enmascarado y enfócate en el panel Transparencia. Cambia el Modo de Fusión a Luz Suave y baja la opacidad al 70%.

Paso 7

Enfócate en tu barra de herramientas y haz doble clic en la Herramienta Mezcla para abrir la ventana Opciones de Mezcla. Selecciona Pasos Específicos en el menú desplegable Espaciado e ingresa 50 en ese cuadro blanco. Ve al panel Capas, vuelve a seleccionar las formas "frontal" y "posterior" y pulsa Alt-Control-B para crear una nueva mezcla. Al final las cosas deberían verse como en la segunda imagen.

7. Crea una cuña de queso

Paso 1

Habilita la cuadrícula (Control- ') y el ajusta a la cuadrícula (Shift-Control-'). Para estos pasos finales necesitarás una cuadrícula cada 5 px lo que significa que debes ir a Editar > Preferencias > Guías y Cuadrícula e ingresa 5 en el recuadro Línea de cuadrícula cada. Elige la Herramienta Elipse (L), crea un círculo de 100 px, establece el color de relleno en R=255 G=220 B=72 y colócalo aproximadamente como se muestra en la siguiente imagen.

Paso 2

Usando la Herramienta Rectángulo (M), crea una forma de 100 x 50 px, elige un color rojo simple para el color de relleno y colócalo como se muestra en la primera imagen. Enfócate en la parte superior de este nuevo rectángulo y agarra la Herramienta de Selección Directa (A). Selecciona el punto de anclaje correcto, arrástralo 50 px a la izquierda y luego cambia a la Herramienta Eliminar punto de Anclaje (-). Simplemente haz clic en el punto de anclaje izquierdo para eliminarlo y tu forma roja se convertirá en un triángulo como se muestra en la segunda imagen.

Paso 3

Vuelve a seleccionar tu triángulo rojo junto con el círculo amarillo y haz clic en el botón Menos Frente del panel Buscatrazos.

Paso 4

Desactiva la cuadrícula (Control- ") y el ajusta a la cuadrícula (Shift-Control- '). Continúa enfocándote en la forma amarilla hecha en el paso anterior y toma la Herramienta de Selección Directa (A). Selecciona los dos puntos de anclaje resaltados en la primera imagen, enfócate en la barra superior e ingresa un radio de 5 px en el cuadro Esquinas. Al final las cosas deberían verse como en la segunda imagen.

Esta función sólo está disponible para los usuarios de CC. La mejor solución para reemplazar este efecto sería el script Round Any Corner que puedes encontrar en este artículo: 20 Scripts gratuitos y funcionales para Adobe Illustrator. Guárdalo en tu disco duro, regresa a Illustrator y toma la Herramienta de Selección directa (A). Selecciona los puntos de anclaje y ve a Archivo > Scripts > Otro Script. Abre el Script Round Any Corner, ingresa un radio de 5 px y haz clic en Aceptar. El resultado final podría parecer un poco diferente, así que siéntete libre de probar un valor diferente para el radio. En algunos casos tendrás que aumentar/disminuir el valor mencionado en esa caja de las Esquinas.

Paso 5

Asegúrate de que tu forma amarilla todavía está seleccionada y ve a Efecto > 3D > Extrusión y Biselado. No olvides hacer clic en el botón Más Opciones, ingresar todos los atributos mostrados en la siguiente imagen y hacer clic en Aceptar.

Paso 6

Vuelve a seleccionar tu forma amarilla 3D y ve a Objeto > Expandir Apariencia. Desagrupa (Shift-Control-G) el grupo resultante de formas, y luego simplemente repite las técnicas y efectos utilizados para las formas de texto. Al final las cosas deberían verse como en la tercera imagen.

¡Felicidades! ¡Terminaste!

Así es como debe verse. Espero que hayas disfrutado de este tutorial y que puedas aplicar estas técnicas en tus futuros proyectos.