Cómo crear un efecto de texto de pelotas de plástico en Adobe Illustrator

En los siguientes pasos aprenderás a crear un efecto de texto de pelotas de plástico de colores en Adobe Illustrator.

Para empezar, aprenderás a configurar una cuadrícula sencilla y a crear la forma principal. A continuación, utilizando técnicas básicas de fusión y construcción de formas vectoriales, algunas funciones de trazo, una fusión sencilla y un montón de efectos, añadirás sombreado e iluminación a tu forma.

Una vez que hagas tu primera pelota de plástico, aprenderás a multiplicarla y a recolorear fácilmente estas copias utilizando la función Volver a colorear ilustración. A continuación, aprenderás a convertir tus pelotas de plástico en símbolos sencillos y a utilizarlos para conseguir un efecto de texto colorido. Por último, aprenderás a añadir una textura sutil a tu ilustración completa.

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 700 en la casilla de anchura y 400 en la de 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). Necesitarás una cuadrícula cada 1 px, así que simplemente ve a Edición > Preferencias > Guías > Cuadrícula, e introduce 1 en la casilla Línea de cuadrícula cada y 1 en la casilla Subdivisiones.  Intenta 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 la forma principal y añade un sombreado sutil

Paso 1

Selecciona la herramienta Elipse (L) y céntrate en tu barra de herramientas. Elimina el color del trazo, luego selecciona el relleno y establece su color en R=0 G=141 B=237. Muévete a tu mesa de trabajo y crea un círculo de 20 px, la Cuadrícula y la opción Ajustar a cuadrícula te facilitarán el trabajo.

Paso 2

Asegúrate de que tu círculo azul sigue seleccionado y haz una copia delante (Control-C > Control-F). Selecciona sólo esta copia y céntrate en el panel Apariencia.

Primero, elimina el color del relleno. A continuación, selecciona el trazo, hazlo negro (R=0 G=0 B=0) y luego haz clic en "Trazo" para abrir el panel desplegable Trazo. Aumenta el Grosor a 3 px y luego selecciona el Perfil de anchura 2 en el menú desplegable Perfil.

Paso 3

Asegúrate de que tu círculo azul está seleccionado y haz una nueva copia delante (Control-C > Control-F). Asegúrate de que tu círculo azul está seleccionado y haz una nueva copia delante (Control-C > Control-F). Vuelve a seleccionar el círculo con el trazado negro y ve a Objeto > Trazado > Contornear trazado. Selecciona la forma resultante junto con la copia hecha al principio del paso, abre el panel Buscatrazos (Ventana > Buscatrazos) y haz clic en el botón Intersectar.

Asegúrate de que la forma resultante permanece seleccionada y céntrate en el panel Apariencia. Simplemente haz clic en "Opacidad" para abrir el panel desplegable Transparencia, luego baja la Opacidad al 20% y cambia el Modo de fusión a Luz suave.

Paso 4

Asegúrate de que tu círculo azul sigue seleccionado y haz una nueva copia delante (Control-C > Control-F). Selecciona sólo esta copia y céntrate en el panel Apariencia.

Elimina el color del relleno, selecciona el trazo, hazlo negro y luego abre el panel desplegable Trazo. Aumenta el Grosor a 6 px y luego selecciona ese mismo Perfil de anchura 2 en el menú desplegable Perfil.

Paso 5

Asegúrate de que tu círculo azul está seleccionado y haz una nueva copia delante (Control-C > Control-F). Vuelve a seleccionar el círculo con el trazado negro y ve a Objeto > Trazado > Contornear trazado. Selecciona la forma resultante junto con la copia hecha al principio del paso y haz clic en el botón Intersectar del panel Buscatrazos.

Asegúrate de que la forma resultante permanece seleccionada, céntrate en el panel Apariencia, baja la Opacidad al 20% y cambia el Modo de fusión a Luz suave.

Paso 6

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á fijado en 1 px.

Asegúrate de que tu círculo azul está seleccionado y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 1 px hacia arriba y 1 px hacia la derecha usando los botones de flecha arriba y derecha de tu teclado. Vuelve a seleccionar las dos copias realizadas 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 usando el atajo de teclado Mayúsculas-Control-] y luego enfócate en el panel Apariencia. Reemplaza el color de relleno existente por negro, baja su Opacidad al 25% y cambia el Modo de fusión a Luz suave.

Paso 7

Asegúrate de que tu círculo azul está seleccionado y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 2 px hacia arriba y 2 px hacia la derecha. 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 luego enfócate en el panel Apariencia. Reemplaza el color de relleno existente con negro, baja su Opacidad al 25% y cambia el Modo de fusión a Luz suave.

Paso 8

Asegúrate de que tu círculo azul está seleccionado y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 1 px hacia arriba y 1 px hacia la derecha. 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 luego enfócate en el panel Apariencia. Reemplaza el color de relleno existente por blanco (R=255 G=255 B=255), baja su Opacidad al 50% y cambia el Modo de fusión a Luz suave.

3. Añade iluminación

Paso 1

Activa la opción Ajustar a cuadrícula (Control-').

Usando la herramienta Elipse (L), crea un círculo blanco de 10 px y colócalo como se muestra en la siguiente imagen. Baja su Opacidad al 15% y cambia el Modo de fusión a Luz suave.

Paso 2

Usando la herramienta Elipse (L), crea un círculo blanco de 6 px y colócalo como se muestra en la siguiente imagen. Baja su Opacidad al 30% y cambia el Modo de fusión a Luz suave.

Paso 3

Usando la herramienta Elipse (L), crea un círculo blanco de 3 px y colócalo como se muestra en la siguiente imagen. Baja su Opacidad al 50% y cambia el Modo de fusión a Luz suave.

Paso 4

Desactiva la opción Ajustar a cuadrícula (Control-').

Asegúrate de que tu círculo azul está seleccionado y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 1 px hacia abajo y 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.

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

Paso 5

Asegúrate de que tu círculo azul está seleccionado y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de -1 px y haz clic en el botón Aceptar. Selecciona la forma resultante, haz una copia delante (Control-C > Control-F) y muévela 1 px hacia abajo y 1 px hacia la izquierda. Vuelve a seleccionar las dos formas 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 luego enfócate en el panel Apariencia. Reemplaza el color de relleno existente por blanco, baja su Opacidad al 40% y cambia el Modo de fusión a Luz suave.

Paso 6

Activa la opción Ajustar a cuadrícula (Control-').

Usando la herramienta Elipse (L), crea un círculo de 6 px y colócalo como se muestra en la primera imagen. Añade un trazo blanco de 1 px para esta nueva forma y elimina cualquier color de relleno. Asegúrate de que este círculo permanece seleccionado y ve a Objeto > Trazado > Añadir puntos de ancla.

Cambia a la herramienta Selección directa (A), selecciona los tres puntos de anclaje resaltados en la segunda imagen y simplemente elimínalos usando el botón Borrar de tu teclado. Al final tu trazado blanco debería verse como el de la tercera imagen.

Paso 7

Asegúrate de que tu trazado blanco permanece seleccionado, céntrate en el panel Apariencia y abre el panel desplegable Trazo. Marca el botón Remate redondo y la casilla Línea discontinua.  Introduce 0 px en la primera casilla "guión" y 2 px en la primera casilla de "hueco", marca el botón Alinear guiones con vértices y extremos del trazado... y selecciona Perfil de anchura 1 en el menú desplegable Perfil. Al final tu trazado blanco debería tener el aspecto de la siguiente imagen.

Paso 8

Asegúrate de que tu trazado blanco sigue seleccionado y ve a Objeto > Trazado > Contornear trazado. Convierte el grupo de formas resultante en un trazado compuesto simple utilizando el atajo de teclado Control-8 y luego enfócate en el panel Apariencia. Baja la Opacidad al 70% y cambia el Modo de fusión a Superponer.

Paso 9

Usando la herramienta Rectángulo (M), crea una forma de 4 x 2 px, establece el color de relleno en blanco y colócala como se muestra en la primera imagen. Asegúrate de que este nuevo rectángulo permanece seleccionado y ve a Efecto > Estilizar > Redondear vértices. Introduce un Radio de 1 px, haz clic en el botón OK y luego ve a Efecto > Deformar > Arco. Introduce los atributos que se muestran en la siguiente imagen, haz clic en Aceptar y luego ve a Objeto > Expandir apariencia.

Paso 10

Asegúrate de que tu forma blanca sigue seleccionada y cambia a la herramienta Rotar (R). Presiona la tecla Alt de tu teclado y arrastra ese punto de referencia al centro de tu círculo azul. Introduce un Ángulo de 135 grados y luego haz clic en el botón Copiar. Selecciona la nueva forma, baja su Opacidad al 40% y cambia el Modo de fusión a Luz suave.

Paso 11

Vuelve a seleccionar esa forma blanca y de nuevo escoge la herramienta Rotar (R). Arrastra ese punto de referencia al centro de tu círculo azul, introduce un Ángulo de 45 grados y esta vez haz clic en el botón OK. Asegúrate de que esta forma permanece seleccionada, baja su Opacidad al 30% y cambia el Modo de fusión a Superponer.

4. Crea una fusión simple y añade más sombreado

Paso 1

Vuelve a seleccionar tu círculo azul y llévalo al frente (Mayús-Control-]). Usando la herramienta Elipse (L), crea un círculo de 5 px, colócalo como se muestra en la segunda imagen y establece el color de relleno en R=37 G=192 B=255.

Paso 2

Céntrate en tu barra de herramientas y simplemente haz doble clic en la herramienta Fusión para abrir la ventana de Opciones de fusión. Selecciona Pasos Especificados en el menú desplegable Espaciado y simplemente introduce 50 en esa casilla blanca. Vuelve a seleccionar los dos círculos azules y pulsa Alt-Control-B para crear una nueva fusión. Al final las cosas deberían verse como en la segunda imagen.

Paso 3

Vuelve a seleccionar tu fusión, envíala al fondo usando el atajo de teclado Mayúsculas-Control-[ y luego ve a Efecto > Estilizar > Sombra paralela. Introduce los atributos que se muestran en la siguiente imagen y haz clic en el botón Aceptar. Ahora, selecciona todas las formas hechas hasta ahora y simplemente agrúpalas usando el atajo de teclado Control-G.

Paso 4

Asegúrate de que tu grupo permanece seleccionado, céntrate en el panel Apariencia y añade un trazo utilizando el botón Añadir nuevo trazo. Selecciona este trazo, establece el color en R=0 G=141 B=237, baja su Opacidad a 10%, cambia el Modo de fusión a Multiplicar y luego ve a Efecto > Trazado > Desplazamiento.

Introduce un Desplazamiento de 0,5 px, haz clic en el botón Aceptar y luego ve a Efecto > Buscatrazos > Añadir. Sigue concentrándote en el panel Apariencia, asegúrate de que todo el grupo está seleccionado (simplemente haz clic en "Grupo" de la parte superior del panel Apariencia) y ve a Efecto > Estilizar > Resplandor exterior. Introduce los atributos que se muestran en la siguiente imagen y luego haz clic en el botón Aceptar.

5. Multiplica y recolorea las nuevas pelotas de plástico

Paso 1

Haz una copia de tu grupo y arrástrala hacia la derecha como se muestra en la primera imagen. Selecciona esta copia del grupo y ve a Edición > Editar colores > Volver a colorear ilustración. Céntrate en los dos tonos azules y simplemente sustituye los códigos de color existentes por los indicados en la siguiente imagen.

Paso 2

Haz una copia de tu grupo amarillo y arrástralo hacia la derecha. Selecciona esta copia de grupo y ve de nuevo a Edición > Editar colores > Volver a colorear ilustración. Concéntrate en los dos tonos amarillos y simplemente sustituye los códigos de color existentes por los indicados en la siguiente imagen.

Paso 3

Haz una copia de tu grupo rojo y arrástralo hacia la derecha. Selecciona esta copia de grupo y ve de nuevo a Edición > Editar colores > Volver a colorear ilustración. Céntrate en los dos tintes rojos y simplemente sustituye los códigos de color existentes por los indicados en la siguiente imagen.

Paso 4

Haz una copia de tu grupo verde y arrástrala hacia la derecha. Selecciona esta copia de grupo y ve de nuevo a Edición > Editar colores > Volver a colorear ilustración. Céntrate en los dos tonos verdes y simplemente sustituye los códigos de color existentes por los indicados en la siguiente imagen.

6. Guarda tus símbolos y establece el color de fondo

Paso 1

Selecciona el grupo de formas que conforman tu pelota de plástico azul, abre el panel Símbolos (Ventana > Símbolos) y simplemente haz clic en el botón Nuevo símbolo. Elige un nombre para tu símbolo y haz clic en Aceptar. Selecciona el resto de los grupos uno por uno y utiliza la misma técnica para convertirlos en símbolos.

Paso 2

Usando la herramienta Rectángulo (M), crea una forma de 710 x 410 px, asegúrate de que cubre toda tu mesa de trabajo, y establece el color de relleno en R=197 G=237 B=255. Ve al panel Capas y bloquea este rectángulo para asegurarte de que no lo seleccionas o mueves accidentalmente.

7. Crea el efecto de texto

Paso 1

Toma la herramienta Texto (T), simplemente haz clic en tu mesa de trabajo y añade el texto "PLAY". Utiliza la fuente Vanilla con el tamaño establecido en 150 px, en color negro, y baja su Opacidad a aproximadamente 10%. De nuevo, ve al panel Capas y bloquea este texto para asegurarte de que no lo seleccionas o la mueves accidentalmente.

Paso 2

Céntrate en la primera letra y arrastra tus cinco símbolos desde el panel Símbolos. Intenta distribuirlos aproximadamente como se muestra en la siguiente imagen.

Paso 3

Sigue añadiendo los cinco símbolos hasta cubrir la mayor parte de la "P". Intenta colocar el mismo número de pelotas de plástico de cada color.

Paso 4

Concéntrate en el resto del texto y repite la técnica utilizada para la primera letra. Una vez que hayas terminado, ve al panel Capas y deshazte del texto. Además, esparce algunas pelotas de plástico alrededor de tu pieza como se muestra en la segunda imagen.

Paso 5

Selecciona algunos de los símbolos añadidos y cambia su tamaño aleatoriamente como se muestra en las siguientes imágenes.

8. Añade una textura sutil

Paso 1

Muévete al panel Capas, desbloquea el rectángulo azul, haz una copia delante (Control-C > Control-F) y tráela al frente (Mayúsculas-Control-]). Asegúrate de que esta copia permanezca seleccionada y céntrate en el panel Apariencia.

Selecciona el relleno, baja su Opacidad al 30%, cambia el Modo de fusión a Subexposición de color y sustituye el color existente por el degradado radial que se muestra en la siguiente imagen. Ten en cuenta que el cero amarillo de la imagen del Degradado representa el porcentaje de Opacidad.

Paso 2

Asegúrate de que el rectángulo hecho en el paso anterior sigue seleccionado y añade un segundo relleno utilizando el botón Añadir nuevo relleno. Selecciona este nuevo relleno, establece el color en negro, baja su Opacidad al 10%, cambia el Modo de fusión a Luz suave y luego ve a Efecto > Artístico > Película granulada. Introduce los atributos que se muestran en la siguiente imagen y luego haz clic en el botón Aceptar.

¡Felicidades! ¡Terminaste!

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