Cómo crear un divertido efecto de texto de salchicha en Adobe Illustrator

En este tutorial aprenderás a crear un pincel con forma de salchicha y a utilizarlo para crear una bonita ilustración de texto.

Para empezar, aprenderás a crear las formas principales utilizando herramientas y efectos básicos, una fusión sencilla y algunas técnicas de fusión y construcción de formas vectoriales. A continuación, aprenderás a guardar dos motivos sencillos y a crear tu propio pincel de motivos. Por último, aprenderás a utilizar tu pincel y a añadir algunos sombreados e iluminaciones sutiles utilizando varios efectos de Sombra paralela y un montón de pequeños trazados compuestos.

1. Crea un nuevo documento y configura una cuadrícula

Pulsa Control-N para crear un nuevo documento. Selecciona Píxeles en el menú desplegable Unidades, introduce 600 en las casillas de anchura y altura y haz clic en el botón Avanzado. Selecciona RGB, Pantalla (72ppp), 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 5 px, así que simplemente ve a Edición > Preferencias > Guías > Cuadrícula e introduce 5 en la casilla Línea de cuadrícula cada y 1 en la casilla Subdivisiones. Trata de no sentirte abrumado por la cuadrícula, te facilitará el trabajo. Y ten en cuenta que puedes activarla o desactivarla fácilmente con el atajo de teclado Control-".

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.

2. Crea las formas principales

Paso 1

Elige la herramienta Rectángulo (M) y céntrate en tu barra de herramientas.  Elimina el color del trazo, luego selecciona el relleno y establece su color en R=57 G=181 B=74. Muévete a tu mesa de trabajo, crea una forma de 20 x 50 px, asegúrate de que permanece seleccionada, y luego ve a Efecto > Estilizar > Redondear vértices. Introduce un Radio de 10 px y haz clic en Aceptar.

Paso 2

Asegúrate de que tu rectángulo verde sigue seleccionado y ve a Objeto > Expandir apariencia. Selecciona la forma resultante y haz una copia delante utilizando el atajo de teclado Control-C > Control-F. Asegúrate de que sólo está seleccionada esta nueva copia y reemplaza el color de relleno existente con R=180 G=43 B=0.

Paso 3

Usando la herramienta Rectángulo (M), crea una forma de 5 x 30 px, establece el color de relleno en R=223 G=88 B=30 y colócalo como se muestra en la siguiente imagen. Asegúrate de que este nuevo rectángulo permanece seleccionado y ve a Efecto > Estilizar > Redondear vértices. Introduce un Radio de 2,5 px, haz clic en Aceptar y luego ve a Objeto > Expandir apariencia.

Paso 4

Céntrate en tu barra de herramientas y haz clic en la herramienta Fusión para abrir la ventana de Opciones de fusión. Selecciona Pasos especificados en el menú desplegable Espaciado, introduce 10 en esa casilla blanca y haz clic en Aceptar. Ahora, selecciona tus rectángulos redondeados marrón y naranja (asegúrate de no seleccionar el verde) y luego simplemente pulsa Alt-Control-B (o ve a Objeto > Fusión > Crear) para crear una nueva fusión. Al final todo debería quedar como en la segunda imagen.

Paso 5

Desactiva la opción Ajustar a cuadrícula (Mayúsculas-Control-') y luego ve a Edición > Preferencias > Generales y asegúrate de que Incrementos de teclado está ajustado a 1 px.

Concéntrate en el panel Capas, abre la capa existente, selecciona tu rectángulo verde redondeado 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 de flecha hacia arriba de tu teclado. Vuelve a seleccionar las dos copias hechas en este paso, abre el panel Buscatrazos (Ventana > Buscatrazos) y haz clic en el botón Menos frente.

Asegúrate de que la forma resultante permanece seleccionada, llévala al frente (Mayúsculas-Control-]) y enfócate en el panel Apariencia. Reemplaza el color de relleno existente por un negro simple (R=0 G=0 B=0), baja su Opacidad al 30% y cambia el Modo de fusión a Luz suave.

Paso 6

Vuelve a seleccionar tu rectángulo verde redondeado y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 3 px hacia arriba usando el mismo botón de flecha hacia arriba de tu teclado. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos.

Asegúrate de que la forma resultante permanece seleccionada, llévala al frente (Mayús-Control-]) y enfócate en el panel Apariencia. Reemplaza el color de relleno existente por un negro simple, baja su Opacidad al 20% y cambia el Modo de fusión a Luz suave.

Paso 7

Vuelve a seleccionar tu rectángulo verde redondeado y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 5 px hacia arriba usando el mismo botón de flecha hacia arriba de tu teclado. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos.

Asegúrate de que la forma resultante permanece seleccionada, llévala al frente (Mayús-Control-]) y enfócate en el panel Apariencia. Reemplaza el color de relleno existente por un simple negro, baja su Opacidad al 10% y cambia el Modo de fusión a Luz suave.

Paso 8

Activa la opción Ajustar a cuadrícula (Control-'). Vuelve a seleccionar las tres formas negras hechas en los últimos tres pasos y ve a Objeto > Transformar > Reflejar. Marca la casilla Horizontal y luego simplemente haz clic en el botón Copiar. Asegúrate de que las formas recién creadas están seleccionadas y colócalas como se muestra en la tercera imagen.

Paso 9

Vuelve a seleccionar tu rectángulo redondeado verde y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 1 px hacia la derecha usando el botón de flecha derecha de tu teclado. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos.

Asegúrate de que la forma resultante permanece seleccionada, llévala al frente (Mayús-Control-]) y enfócate en el panel Apariencia. Reemplaza el color de relleno existente por un blanco simple (R=255 G=255 B=255), baja su Opacidad al 30% y cambia el Modo de fusión a Luz suave.

Paso 10

Desactiva la opción Ajustar a cuadrícula (Control-'). Vuelve a seleccionar tu rectángulo verde redondeado y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 4 px hacia la izquierda usando el botón de la flecha izquierda de tu teclado. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos.

Asegúrate de que la forma resultante permanece seleccionada, llévala al frente (Mayús-Control-]) y enfócate en el panel Apariencia. Reemplaza el color de relleno existente por un simple negro, baja su Opacidad al 20% y cambia el Modo de fusión a Luz suave.

Paso 11

Vuelve a seleccionar tu rectángulo verde redondeado y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 2 px hacia la izquierda. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos.

Asegúrate de que la forma resultante permanece seleccionada, llévala al frente (Mayúsculas-Control-]) y enfócate en el panel Apariencia. Reemplaza el color de relleno existente por un blanco simple, baja su Opacidad al 50% y cambia el Modo de fusión a Luz suave.

Paso 12

Vuelve a seleccionar tu rectángulo verde redondeado y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 1 px hacia la izquierda usando el botón de la flecha izquierda de tu teclado. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos.

Asegúrate de que la forma resultante permanece seleccionada, llévala al frente (Mayús-Control-]) y enfócate en el panel Apariencia. Reemplaza el color de relleno existente por un simple negro, baja su Opacidad al 40% y cambia el Modo de fusión a Luz suave.

Paso 13

Activa la opción Ajustar a cuadrícula (Control-'). Para los siguientes pasos necesitarás una cuadrícula cada 1 px, así que ve a Edición > Preferencias > Guías y cuadrícula e introduce 1 en la casilla Línea de cuadrícula cada.

Usando la herramienta Rectángulo (M), crea una forma blanca de 3 x 26 px, colócala como se muestra en la primera imagen y ve a Efecto > Estilizar > Redondear vértices. Introduce un Radio de 1,5 px, haz clic en Aceptar y luego ve a Objeto > Expandir apariencia. Asegúrate de que la forma resultante permanece seleccionada, baja su Opacidad al 30% y cambia el Modo de fusión a Luz suave.

Paso 14

Con la herramienta Elipse (L), crea dos formas negras de 6 x 4 px y colócalas como se muestra en la siguiente imagen. Asegúrate de que ambas formas permanezcan seleccionadas y pasa al panel Apariencia. Baja la Opacidad al 20% y cambia el Modo de fusión a Luz suave.

3. Crea los extremos de salchicha

Paso 1

Usando la herramienta Rectángulo (M), crea una forma de 10 x 5 px, colócala como se muestra en la primera imagen y ajusta el color de relleno a R=41 G=171 B=226. Concéntrate en la parte inferior de este rectángulo azul y cambia a la herramienta Selección directa (A). Selecciona el punto de anclaje de la izquierda, arrástralo 5 px hacia la derecha y luego toma la herramienta Eliminar punto de ancla (-). Simplemente haz clic en el punto de anclaje derecho para eliminarlo y esto debería convertir tu rectángulo azul en un triángulo como se muestra en la segunda imagen.

Paso 2

Asegúrate de que tu forma azul sigue seleccionada y ve a Efecto > Deformar > Abombar. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y luego ve a Efecto > Deformar > Arco superior. Introduce los atributos que se muestran en la siguiente imagen, haz clic en Aceptar y luego ve a Objeto > Expandir apariencia.

Paso 3

Desactiva la opción Ajustar a cuadrícula (Control-'). Asegúrate de que tu forma azul está seleccionada y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 1 px hacia la izquierda. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con negro, baja su Opacidad al 50% y cambia el Modo de fusión a Luz suave.

Paso 4

Asegúrate de que tu forma azul está seleccionada y haz dos copias por delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 2 px hacia la izquierda. Vuelve a seleccionar las dos copias hechas en este paso 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.

Paso 5

Asegúrate de que tu forma azul está seleccionada y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 1 px a la derecha. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con negro, baja su Opacidad al 30% y cambia el Modo de fusión a Luz suave.

Paso 6

Asegúrate de que tu forma azul está seleccionada y haz dos copias por delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 1 px hacia arriba. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con negro, baja su Opacidad al 30% y cambia el Modo de fusión a Luz suave.

Paso 7

Vuelve a seleccionar tu forma azul y simplemente reemplaza el color de relleno existente con R=180 G=43 B=0.

Paso 8

Activa la opción Ajustar a cuadrícula (Control-'). Usando la herramienta Elipse (L), crea una forma azul de 6 x 2 px y colócala como se muestra en la primera imagen. Asegúrate de que esta nueva forma está seleccionada y haz dos copias delante (Control-C > Control-F > Control-F). Muévete al panel Capas, selecciona la copia inferior y muévela 1 px 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.

Paso 9

Vuelve a seleccionar tu forma azul, reemplaza el color de relleno existente con un simple negro y cambia el Modo de fusión a Luz suave.

Paso 10

Selecciona todas las formas resaltadas en la primera imagen y ve a Objeto > Transformar > Reflejar. Marca la casilla Horizontal y luego simplemente haz clic en el botón Copiar. Asegúrate de que tus formas recién creadas están seleccionadas y colócalas como se muestra en la segunda imagen.

4. Crea tu pincel de motivo de salchicha

Paso 1

Vuelve a seleccionar tu fusión y ve a Objeto > Expandir.

Paso 2

Vuelve a la línea de cuadrícula cada 5 px, así que simplemente 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 Rectángulo (M), crea una forma de 30 x 20 px, establece el color de relleno en R=0 G=104 B=55, y colócala como se muestra en la primera imagen. Vuelve a seleccionar este rectángulo junto con el resto de las formas hechas hasta ahora y duplícalos (Control-C > Control-F). Arrastra estas copias hacia la derecha y colócalas como se muestra en la segunda imagen.

Paso 3

Céntrate en el conjunto de formas de la izquierda y elige la herramienta Creador de formas (Mayús-M). Manteniendo pulsada la tecla Mayúsculas de tu teclado, arrastra una selección a lo largo de tu rectángulo verde más o menos como se muestra en la primera imagen, pero asegúrate de no sobrepasar el borde. Ahora, selecciona ese rectángulo verde y deshazte de él usando el botón Borrar de tu teclado. Al final las cosas deberían quedar como en la tercera imagen.

Paso 4

Sigue concentrándote en el conjunto de formas de la izquierda. Selecciona todas estas formas y utiliza el atajo de teclado Mayúsculas-Control-G para Desagruparlas. Ahora, selecciona las formas que componen el extremo inferior de la salchicha y agrúpalas (Control-G). Luego selecciona las formas que componen el extremo superior de la salchicha y haz lo mismo.

Paso 5

Muévete al conjunto de formas de la derecha y selecciona de nuevo la misma herramienta Creador de formas (Mayús-M). Manteniendo pulsada la tecla Mayúsculas de tu teclado, simplemente arrastra una selección a lo largo de la parte superior más o menos como se muestra en la primera imagen. De nuevo, asegúrate de que tu selección no sobrepasa el borde del rectángulo verde. Desplázate al lado inferior de este conjunto de formas y repite la técnica. Al final todo debería verse como en la tercera imagen.

Paso 6

Sigue concentrándote en el conjunto de formas de la derecha. Selecciona todas las formas verdes y deshazte de ellas. Al final el resultado debería ser como el de la segunda imagen. Selecciona todas estas formas, agrúpalas (Control-G) y colócalas como se muestra en la tercera imagen.

Paso 7

Vuelve a seleccionar todas las formas hechas hasta ahora y ve a Objeto > Transformar > Rotar. Establece el Ángulo en -90 grados y luego haz clic en el botón OK.

Paso 8

Selecciona el grupo que compone el extremo izquierdo de la salchicha (resaltado en la siguiente imagen) y arrástralo dentro del panel Muestras (Ventana > Muestras) para guardarlo como un motivo simple. Haz doble clic en este nuevo motivo, cámbiale el nombre a "mosaico inicial" y asegúrate de pulsar el botón Cancelar.

Paso 9

Selecciona el grupo que compone el extremo derecho de la salchicha (resaltado en la siguiente imagen) y conviértelo en un motivo. Haz doble clic en este nuevo motivo, cámbiale el nombre a "mosaico inicial" y asegúrate de pulsar el botón Cancelar.

Paso 10

Selecciona el grupo que compone el cuerpo de la salchicha (resaltado en la siguiente imagen) y haz clic en el botón Nuevo pincel del panel Pinceles (Ventana > Pinceles). Marca la casilla Pincel de motivo y luego haz clic en el botón Aceptar para abrir la ventana Opciones de pincel de motivo.

Nómbralo "pincel de salchicha", introduce los atributos que se muestran a continuación y luego pasa a las casillas de Mosaico. Abre la ventana desplegable Mosaico inicial y añade el motivo "mosaico inicial" de esa lista, y luego abre la ventana desplegable Mosaico final y añade el motivo "mosaico final". Por último, haz clic en Aceptar y deberías encontrar tu nuevo pincel de motivo dentro del panel Pinceles.

5. Crea el texto de salchicha

Paso 1

Desactiva la Cuadrícula (Control-') y la opción Ajustar a cuadrícula (Mayúsculas-Control-'). Elige la herramienta Texto (T), haz clic en tu mesa de trabajo y añade tu texto gris (R=178 G=178 B=178). Asegúrate de que se mantiene seleccionado y abre el panel Carácter.

Utiliza la fuente Freestyle Script y establece el tamaño en 200 pt. Ve al panel Capas y bloquea este texto para asegurarte de que no lo vas a seleccionar/mover accidentalmente. Usando la herramienta Pluma (P) (o la herramienta Pincel (B)), dibuja algunos trazados suaves como se muestra a continuación, tratando de utilizar el texto que se encuentra en la parte posterior como una referencia aproximada. Añade un sutil trazo negro para estos trazados.

Paso 2

Concéntrate en tu panel Capas y deshazte de ese texto. Selecciona los trazados y sustituye ese sutil trazo negro por tu pincel "pincel de salchicha".

Asegúrate de que todos estos trazados permanecen seleccionados 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 luego añade los otros cuatro efectos de Sombra paralela que se muestran a continuación.

Paso 3

Activa la Cuadrícula (Control-') y la opción Ajustar a cuadrícula (Mayúsculas-Control-'). Cambia a la línea de cuadrícula cada 1 px, para ello ve a Edición > Preferencias > Guías y cuadrícula e introduce 1 en la casilla Línea de cuadrícula cada.

Con la herramienta Elipse (L), crea un círculo de 1 px, otro de 2 px y otro de 3 px, hazlos todos negros y colócalos como se muestra en la primera imagen. Selecciona todos estos pequeños círculos y simplemente pulsa Control-8 para convertirlos en un trazado compuesto. Asegúrate de que tu trazado compuesto permanece seleccionado, baja su Opacidad al 40% y cambia el Modo de fusión a Luz suave.

Paso 4

Multiplica tu trazado compuesto negro (Control-C > Control-F) y distribuye las copias aproximadamente como se muestra en la siguiente imagen.

Paso 5

Con la herramienta Elipse (L), crea un círculo de 1 px, otro de 2 px y otro de 3 px, hazlos todos blancos y colócalos como se muestra en la primera imagen. Selecciona todos estos pequeños círculos y conviértelos en un nuevo trazado compuesto (Control-8). Asegúrate de que permanece seleccionado, baja su Opacidad al 40%, y cambia el Modo de fusión a Luz suave.

Paso 6

Multiplica tu trazado compuesto blanco (Control-C > Control-F) y distribuye las copias aproximadamente como se muestra en la siguiente imagen.

6. Añade un poco de mostaza

Paso 1

Finalmente, puedes añadir algo de mostaza usando el pincel de dispersión y las técnicas mencionadas en este detallado tutorial (paso 4.1 a 6.7-saltar la parte de la fusión).

Paso 2

Sigue el mismo tutorial si deseas aprender a crear este estupendo bote de mostaza, o simplemente tómalo del archivo fuente.

¡Felicidades! ¡Ya terminaste!

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