Cómo Crear un Efecto de Texto de Personajes en Forma de Letras en Adobe Illlustrator

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

Final product image — What You'll Be Creating

En los siguientes pasos, aprenderás cómo crear un efecto de texto de caracteres en forma de letras en Adobe Illustator.

Para empezar, aprenderás cómo crear un texto sencillo y cómo convertirlo en formas vectoriales. Aprovechando al máximo el panel Apariencia, aprenderás cómo estilizar tu texto y cómo crear los ojos. Usando algunas técnicas básicas de fusión y de trazo, aprenderás cómo crear las piernas y algunas sombras sutiles. Finalmente, aprenderás cómo crear un fondo sencillo.

Para más inspiración sobre cómo ajustar o mejorar tu efecto de texto final, puedes encontrar muchísimos recursos en GraphicRiver.

Lo Que Necesitarás

Necesitarás los siguientes recursos para completar este proyecto:

Fuente Knicknack

1. Cómo Crear un Nuevo Documento y las Formas del Texto

Pulsa Control-N para crear un nuevo documento. Selecciona Pixeles del menú desplegable Unidades, ingresa 850 en la casilla de anchura y 510 en la casilla de altura, y luego haz clic en el botón Más Ajustes. Selecciona RGB para el Modo de Color, establee Efectos de Rasterizado en Pantalla (72 ppp) y luego haz clic en Crear Documento.

Abre el panel Información (Ventana > Información) para una previsualización con el tamaño y la posición de tus formas. No olvides establecer la unidad de medidas en pixeles desde Edición > Preferencias > Unidades. Estas opciones incrementarán significativamente la velocidad de tu trabajo.

Paso 2

Toma la Herramienta Texto (T) y abre el panel Carácter (Ventana > Texto > Carácter). Selecciona la fuente Knicknack y luego establece el Tamaño en 150 px y el Tracking en 50. Dirígete a tu mesa de trabajo, haz clic en ella, y escribe tu texto. Estaremos usando la palabra "DESSIN", que significa "dibujo" en francés.

Paso 3

Asegúrate de que tu texto siga seleccionado, y ve a Texto > Crear Contornos (teclas Mayúsculas-Control-O). Desagrupa (teclas Mayúsculas-Control-G) el grupo resultante y rellena todas tus letras con R=255 G=220 B=50.

2. Cómo Estilizar las Formas del Texto

Paso 1

Asegúrate de que las formas de tus letras estén seleccionadas, y enfócate en el panel Apariencia (Ventana > Apariencia).

Agrega un segundo relleno usando el botón Añadir Relleno Nuevo, y selecciónalo. Establece su color en R=255 G=170 B=5, arrástralo debajo del relleno amarillo, y ve a Efecto > Distorsionar y Transformar > Transformar. Arrastra el regulador Mover-Horizontal a -0.5 px y el regulador Mover-Vertical en -0.25 px, ingresa 20 en la casilla Copias, y luego haz clic en OK.

Paso 2

Selecciona todas tus formas de letras y enfocate en el panel Apariencia. Asegúrate de que todo tu trazado esté seleccionado (simplemente haz clic en ese texto de Trazado Compuesto de la parte superior del panel) y ve a Efecto > 3D > Rotar. Ingresa los atributos mostrados abajo y haz clic en OK.

Paso 3

Selecciona tus formas de letras una por una y remplaza los colores del relleno existente con los mostrados en la siguiente imagen.

Paso 4

Selecciona una de tus formas de letras y enfócate en el panel Apariencia. Asegúrate de que todo tu trazado esté seleccionado y ve a Efecto > Distorsionar y Transformar > Transformar. Ingresa los atributos mostrados abajo y haz clic en OK. No olvides marcar el punto de referencia centro-abajo.

Paso 5

Selecciona otras dos formas y aplica los efectos de Transformar mostrados abajo.

3. Cómo Crear los Ojos

Paso 1

Habilita la Cuadrícula (Ver > Mostrar Cuadrícula) y Ajusta a la Cuadrícula (Ver > Ajustar a Cuadrícula). Necesitarás una cuadrícula cada 1 px, así que simplemente ve a Edición > Preferencias > Guías y Cuadrícula, e ingresa 1 en la casilla Línea de cuadrícula cada y 1 en la casilla Subdivisiones. Trata de no desalentarte por toda esa cuadrícula-te facilitará el trabajo, y ten en cuenta que fácilmente puedes habilitarla o deshabilitarla usando el atajo de teclado Control-".

Puedes aprender más sobre el sistema de cuadrícula de Illustrator en este breve tutorial de Andrei Stefan: Entendiendo el Sistema de Cuadrícula de Adobe Illustrator.

Toma la Herramienta Elipse (L) y crea una forma de 13 x 19 px y una forma de 13 x 16 px. Rellena ambas formas de blanco (R=255 G=255 B=255).

Paso 2

Asegúrate de que tus elipses blancas sigan seleccionadas y enfócate en el panel Apariencia. Agrega un segundo relleno y establece su color en R=254 G=170 B=5 Arrastra este nuevo relleno debajo del blanco y ve a Efecto > Distorsionar y Transformar > Transformar. Ingresa los atributos mostrados abajo y haz clic en OK.

Paso 3

Asegúrate de que tus elipses blancas sigan seleccionadas, y enfócate en el panel Apariencia. Agrega un tercer relleno y establece su color en R=254 G=170 B=5. Arrastra este nuevo relleno a la parte inferior del panel y ve a Efecto > Distorsionar y Transformar > Transformar. Ingresa los atributos mostrados abajo y haz clic en OK.

Paso 4

Toma la Herramienta Elipse (L) y crea una forma de 4 x 8 px y una forma de 4 x 6 px. Rellena ambas formas del color R=12 G=142 B=220 y colócalas como se muestra abajo.

Paso 5

Toma la Herramienta Elipse (L) y crea dos, formas de 4 x 2 px. Rellena ambas formas de negro (R=0 G=0 B=0) y colócalas como se muestra abajo.

Paso 6

Toma la Herramienta Elipse (L) y crea dos círculos de 1 px. Rellena ambas formas de blanco y colócalas como se muestra abajo.

Paso 7

Selecciona las formas que conforman el ojo y Agrúpalas (Control-G). Selecciona las formas que conforman el otro ojo y también Agrúpalas (Control-G).

Paso 8

Multiplica tus grupos de los ojos y coloca las copias sin tener mucho cuidado como se muestra abajo. Usa la Herramienta Selección Directa (A) para seleccionar fácilmente la forma del globo ocular de tus grupos.

Abre el efecto Transformar aplicado al relleno de la parte inferior de esta forma y experimenta con esos parámetros para ajustar la posición de las cejas. También, cuando sea necesario, remplaza el color naranja con el azul oscuro o rosa oscuro utilizado para las letras.

4. Cómo Crear las Piernas

Paso 1

Toma la Herramienta Pluma (P) y arrastra dos trazados sencillos como se muestra en las primeras imágenes. Asegúrate de que estos nuevos trazados sigan seleccionados, y enfócate en el panel Apariencia.

Establece el color de trazo en R=255 G=170 B=5 y luego abre el panel Trazo. Incrementa el Grosor a 4 px y luego marca los botones Remate Extremo Redondeado y Vértice Unión Redondeada. Una vez que termines, envía tus trazados detrás (tecla Mayúsculas-Control-[)..

Paso 2

Multiplica los trazos que conforman las piernas y espárcelas como se muestra en la siguiente imagen. Cuando sea necesario, remplaza el naranja con el azul oscuro o el rosa oscuro de las formas de las letras.

5. Cómo Crear la Sombra y el Fondo

Paso 1

Usando la Herramienta Elipse (L), crea el conjunto de los círculos achatados mostrados en la siguiente imagen. Rellena todas estas formas de negro y disminuye su Opacidad a 15%. Colócalos como se muestra abajo y no olvides enviarlos todos detrás (teclas Mayúsculas-Control-[) cuando termines.

Paso 2

Finalmente, toma la Herramienta Rectángulo (M) y crea una forma del tamaño de tu mesa de trabajo. Rellénala del color R=44 G=56 B=104 y envíala detrás (teclas Mayúsculas-Control-[).

¡Felicidades! ¡Terminaste!

Aquí está cómo debería verse. Espero que hayas disfrutados este tutorial y puedas aplicar estas técnicas en tus futuros proyectos. No dudes compartir tu resultado final en la sección de comentarios.

Con toda confianza ajusta el diseño final y hazlo tuyo. Puedes encontrar algunos magníficos recursos para inspiración en GraphicRiver, con soluciones interesantes para mejorar tu diseño.

¿Estás buscando aprender más? Te recomiendo consultar mis tutoriales para principiantes_