Cómo crear una ilustración de un set de batería en Adobe Illustrator

Para empezar, aprenderás a configurar una cuadrícula sencilla y a crear un conjunto de formas perfectas en píxeles que se utilizarán como una simple guía. A continuación, aprenderás a crear la primera batería utilizando técnicas básicas de fusión y construcción de formas vectoriales junto con algunos efectos básicos de Transformación. A continuación, aprenderás a crear los soportes de la batería y los platillos, y a acelerar tu trabajo utilizando estilos gráficos. Aprovechando el panel Apariencia y utilizando uno de los estilos gráficos guardados, crearás el bombo. Por último, aprenderás a añadir un fondo sencillo y algún sombreado sutil.

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 (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, así que 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. Intenta no abrumarte 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 un conjunto de formas simples

Paso 1

Selecciona la herramienta Rectángulo (M) y céntrate en tu barra de herramientas. Elimina el color del trazo, luego seleciona el relleno y establece su color en R=39 G=170 B=225. Muévete a tu mesa de trabajo y crea un rectángulo de 70 x 25px, la opción Ajustar a cuadrícula te facilitará el trabajo.

Concéntrate en la esquina superior izquierda de tu rectángulo azul y asegúrate de que la herramienta Rectángulo permanece activa. Establece el color de relleno en R=0 G=161 B=75, crea un rectángulo de 50 x 45px y colócalo como se muestra en la segunda imagen. Céntrate en la esquina superior izquierda de tu rectángulo verde, establece el color de relleno en R=127 G=63 B=152, crea un rectángulo de 70 x 45px y colócalo como se muestra en la tercera imagen. Finalmente, céntrate en la esquina inferior izquierda de tu rectángulo morado, establece el color de relleno en R=206 G=35 B=41, crea un cuadrado de 80px y colócalo como se muestra en la cuarta imagen.

Paso 2

Para los siguientes pasos necesitarás una cuadrícula cada 1px, así que ve a Edición > Preferencias > Guías y Cuadrícula e introduce 1 en la casilla Línea de cuadrícula cada. Concéntrate en tu rectángulo azul y establece el color de relleno en R=251 G=176 B=64. Asegúrate de que la herramienta Rectángulo (M) sigue activa, crea dos formas de 74 x 5px y colócalas como se muestra en la siguiente imagen.

Paso 3

Céntrate en tu rectángulo verde, asegúrate de que la herramienta Rectángulo (M) está activa, crea dos formas de 54 x 5px y colócalas como se muestra en la siguiente imagen.

Paso 4

Céntrate en tu rectángulo púrpura, asegúrate de que la herramienta Rectángulo (M) está activa, crea dos formas de 74 x 5px y colócalas como se muestra en la siguiente imagen.

Paso 5

Enfócate en tu rectángulo rojo, asegúrate de que la herramienta Rectángulo (M) esté activa, crea dos formas de 84 x 5px y colócalas como se muestra en la siguiente imagen.

Paso 6

Selecciona todas las formas hechas hasta ahora y simplemente pulsa Control-G para Agruparlas. Ve al panel Capas (Ventana > Capas), abre la capa existente, haz doble clic en tu grupo recién creado y renómbralo "formas guía". Además, bloquea tu grupo para asegurarte de que no lo vas a seleccionar/mover accidentalmente. Sólo utilizarás este grupo de formas como una simple guía que te facilitará el trabajo más adelante.

3. Crea la primera batería

Paso 1

Vuelve a hacer una línea de cuadrícula cada 5px, 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. Establece el color de relleno en R=39 G=170 B=225, elige la herramienta Rectángulo (M), crea una nueva forma de 70 x 25px y colócala como se muestra en la primera imagen.

Cambia a la herramienta Pluma (P), crea un trazado vertical de 5px y colócalo como se muestra en la segunda imagen. Asegúrate de que este nuevo trazado permanece seleccionado y céntrate en el panel Apariencia (Ventana > Apariencia). Elimina el color del relleno, selecciona el trazo, añade un color aleatorio y luego simplemente haz clic en el texto "Trazo" para abrir el panel desplegable Trazo. Establece el Grosor en 2px y marca el botón Remate redondeado.

A continuación, debes sustituir el color plano utilizado para el trazo por un degradado lineal sencillo. Vuelve al panel Apariencia, asegúrate de que el trazo sigue seleccionado, abre el panel Degradado (Ventana > Degradado) y simplemente haz clic en la miniatura del degradado para añadir el degradado lineal predeterminado de negro a blanco. Sigue concentrándote en el panel Degradado, establece el Ángulo en 90 grados y luego pasa a los colores del degradado. Selecciona el deslizador de la derecha y establece el color en R=23 G=19 B=20, luego selecciona el deslizador de la izquierda y establece el color en R=111 G=111 B=111.

Paso 2

Vuelve a seleccionar tu trazado vertical, céntrate en el panel Apariencia, asegúrate de que el trazado existente está seleccionado y duplícalo usando el botón Duplicar elemento seleccionado (señalado por el círculo azul en la siguiente imagen). Selecciona el nuevo trazo, sustituye el degradado lineal existente por el que se muestra en la siguiente imagen, establece su Grosor en 1px y ve a Efecto > Distorsionar y transformar > Transformar. Arrastra el deslizador Mover-Horizontal a 0,5px y haz clic en Aceptar.

Paso 3

Vuelve a seleccionar tu trazado vertical, céntrate en el panel Apariencia, asegúrate de que todo el trazado está seleccionado (simplemente haz clic en el texto "Trazado" de la parte superior del panel Apariencia) y ve a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la ventana de la 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 de la derecha y haz clic en Aceptar. Asegúrate de que tu trazado vertical sigue seleccionado, abre el panel Estilos gráficos (Ventana > Estilos gráficos) y haz clic en el botón Nuevo estilo gráfico para guardar un nuevo estilo gráfico. Sigue concentrándote en el panel de Estilos gráficos, simplemente haz doble clic en el estilo gráfico recién guardado y renómbralo "trazado v".

Paso 4

Vuelve a seleccionar tu trazado vertical y haz dos copias delante utilizando el atajo de teclado Control-C > Control-F. Selecciona estos nuevos trazados uno a uno y colócalos como se muestra en la primera imagen. Selecciona los tres trazados verticales y Agrúpalos (Control-G). Asegúrate de que tu nuevo grupo está seleccionado y ve a Efecto > Distorsionar y transformar > Transformar. Marca la casilla Reflejar Y, introduce "1" en la casilla Copias, arrastra el deslizador Mover-Vertical a 17px y haz clic en Aceptar. Al final todo debería verse como en la segunda imagen. Ve al panel Capas, haz doble clic en el grupo hecho en este paso y renómbralo "trazados v".

Paso 5

Desactiva la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula) y luego ve a Edición > Preferencias > Generales y asegúrate de que Incrementos de teclado está fijado en 1px.

Asegúrate de que tu rectángulo azul está seleccionado y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 1px hacia abajo usando el botón de flecha hacia abajo 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. Trae la forma resultante al frente (Mayús-Control-] ), asegúrate de que permanezca seleccionada y enfócate en el panel Apariencia. Establece el color de relleno en negro (R=0 G=0 B=0) y luego simplemente haz clic en el texto "Opacidad" para abrir el panel desplegable de Transparencia. Baja la Opacidad al 20% y cambia el Modo de fusión a Luz suave.

Paso 6

Asegúrate de que tu rectángulo azul está seleccionado y haz otras dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 2px hacia abajo.

Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Trae la forma resultante al frente (Mayúsculas-Control-] ), establece el color de relleno en negro, baja su Opacidad al 20% y cambia el Modo de fusión a Luz suave.

Paso 7

Asegúrate de que tu rectángulo azul está seleccionado y haz otras dos copias al frente (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 3px hacia abajo.

Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Trae la forma resultante al frente (Mayús-Control-] ), establece el color de relleno en negro, baja su Opacidad al 20% y cambia el Modo de fusión a Luz suave.

Paso 8

Vuelve a seleccionar los tres rectángulos negros hechos en los últimos tres pasos y agrúpalos (Control-G). Asegúrate de que tu nuevo grupo está seleccionado y ve a Efecto > Distorsionar y transformar > Transformar. Marca la casilla Reflejar Y, introduce "1" en la casilla Copias, arrastra el deslizador Mover-Vertical a 21px y haz clic en Aceptar. Al final todo debería verse como en la segunda imagen. Ve al panel Capas, haz doble clic en el grupo hecho en este paso y renómbralo "sombreado de la batería".

Paso 9

Vuelve a seleccionar tu rectángulo azul, céntrate en el panel Apariencia, selecciona el relleno y sustituye el color existente por R=206 G=35 B=41.

Continúa concentrándote en el panel Apariencia y añade un segundo relleno utilizando el botón Añadir nuevo relleno (señalado por el círculo azul en la siguiente imagen). Selecciona este nuevo relleno y añade el degradado complejo y lineal que se muestra en la siguiente imagen. Recuerda que los números blancos de la imagen del Degradado representan el porcentaje de Ubicación. Esto significa simplemente que tienes que seleccionar tu deslizador de degradado, dirigirte a la casilla Ubicación (del panel Degradado) e insertar ese número. Puedes añadir fácilmente un nuevo deslizador de degradado para tu degradado haciendo clic en la barra de degradado.

Vuelve al panel Apariencia, asegúrate de que el relleno superior sigue seleccionado y cambia su Modo de fusión a Luz suave.

Por último, debes guardar el degradado lineal utilizado en este paso. Vuelve al panel Degradado, haz clic en la miniatura de ese degradado y arrástralo dentro del panel Muestras (Ventana > Muestras).

Paso 10

Cambia a la línea de cuadrícula cada 1px y activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Establece el color de relleno en R=251 G=176 B=64, elige la herramienta Rectángulo (M), crea dos formas de 74 x 5px y colócalas como se muestra en la primera imagen.

Usando la herramienta Selección directa (A), selecciona los dos rectángulos hechos en este paso, enfócate en la sección Vértices del panel de control y simplemente introduce "2px" en esa casilla blanca. Esto debería convertir tus rectángulos naranjas en rectángulos redondeados como se muestra en la segunda imagen.

Paso 11

Desactiva la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Asegúrate de que tu forma naranja superior está seleccionada y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la segunda copia y muévela 1px 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 50% y cambia el Modo de fusión a Luz suave.

Paso 12

Asegúrate de que tu forma superior, de color naranja, está seleccionada y haz otras dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 1px hacia abajo.

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 13

Asegúrate de que tu forma superior, de color naranja, está seleccionada y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de -1px y haz clic en Aceptar. Selecciona la forma resultante y haz una copia delante (Control-C > Control-F). Selecciona esta nueva copia y muévela 1px hacia abajo.

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 blanco (R=255 G=255 B=255) y cambia su Modo de fusión a Luz suave.

Paso 14

Vuelve a seleccionar la forma superior, de color naranja, y sustituye el color plano utilizado para el relleno por el degradado lineal que has guardado. Asegúrate de establecer su Ángulo en 0 grados.

Paso 15

Asegúrate de que el rectángulo redondeado naranja restante está seleccionado y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 1px hacia abajo.

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 16

Asegúrate de que el rectángulo redondeado naranja está seleccionado y haz otras dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 1px 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 50% y cambia el Modo de fusión a Luz suave.

Paso 17

Asegúrate de que el rectángulo redondeado naranja está seleccionado y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de -1px y haz clic en Aceptar. Selecciona la forma resultante y haz una copia delante (Control-C > Control-F). Selecciona esta nueva copia y muévela 1px hacia abajo.

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 blanco y cambia su Modo de fusión a Luz suave.

Paso 18

Vuelve a seleccionar tu rectángulo redondeado naranja y reemplaza el color plano usado para el relleno con tu degradado lineal guardado. Asegúrate de establecer su Ángulo en 0 grados. Selecciona todas las formas que componen tu batería y agrúpalas (Control-G). Muévete al panel Capas y simplemente renombra este nuevo grupo como "batería uno".

4. Crea otras tres baterías

Paso 1

Activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Asegúrate de que tu grupo "batería uno" está seleccionado y haz una copia delante (Control-C > Control-F). Selecciona esta copia y colócala exactamente como se muestra en las siguientes imágenes. Intenta utilizar los rectángulos planos de la parte trasera como referencia.

Ve al panel Capas, bloquea tu grupo "batería uno" y renombra la copia del grupo hecha en este paso como "batería dos". Vuelve a la mesa de trabajo y céntrate en tu grupo "batería dos". Elige la herramienta Selección directa (A), selecciona los puntos de anclaje resaltados en la segunda imagen y arrástralos 20px hacia la izquierda. Al final todo debería verse como en la tercera imagen.

Paso 2

Sigue concentrándote en tu grupo "batería dos" y asegúrate de que la herramienta Selección directa (A) sigue activa. Selecciona los puntos de anclaje resaltados en la primera imagen y arrástralos 20px hacia abajo. Al final todo debería quedar como en la segunda imagen.

Paso 3

Enfócate en el panel Capas y abre tu grupo "batería dos". Selecciona el subgrupo "sombreado de la batería", céntrate en el panel Apariencia y abre el efecto Transformar existente. Simplemente arrastra el deslizador Mover-Vertical a 41px y haz clic en Aceptar.

Paso 4

Vuelve a la línea de cuadrícula cada 5px. Concéntrate en el panel Capas y selecciona el subgrupo "trazados v" dentro de tu grupo "batería dos".

Enfócate en el panel Apariencia, abre el efecto Transformar existente, simplemente arrastra el deslizador Mover-Vertical a 37px y haz clic en Aceptar. Selecciona estos tres trazados uno a uno y colócalos como se muestra en la siguiente imagen.

Paso 5

Utilizando principalmente las mismas técnicas mencionadas en los últimos pasos, crea las otras dos baterías como se muestra en la siguiente imagen. No olvides usar los rectángulos planos de la parte trasera como referencia. Una vez que hayas terminado, puedes desbloquear y eliminar el grupo "formas guía".

5. Crea los soportes metálicos

Paso 1

Concéntrate en la parte inferior de tu batería izquierda y elige la herramienta Pluma (P). Crea dos trazados verticales de 35px y un trazado vertical de 40px y colócalos como se muestra en la primera imagen.

Asegúrate de que los tres trazados permanecen seleccionados y céntrate en el panel Apariencia. Asegúrate de que no hay ningún color establecido para el relleno y luego selecciona el trazo. Establece el color en negro y el Grosor en 4px, luego marca el botón Remate redondeado en el panel desplegable Trazo.

Sigue concentrándote en el panel Apariencia, asegúrate de que el trazo existente sigue seleccionado y duplícalo usando el mismo botón Duplicar elemento seleccionado. Selecciona el nuevo trazo, establece el color en R=111 G=111 B=111 y disminuye el Grosor a 2px.

Paso 2

Vuelve a seleccionar los tres trazados verticales realizados en el paso anterior, céntrate en el panel Apariencia, selecciona el trazado superior y duplícalo. Selecciona el nuevo trazo, establece el color en R=224 G=224 B=224, disminuye el Grosor en 1px y ve a Efecto > Distorsionar y transformar > Transformar. Simplemente arrastra el deslizador Mover-Horizontal a 0,5px y haz clic en Aceptar. Asegúrate de que tus trazados verticales siguen seleccionados, céntrate en el panel Estilos gráficos, guarda un nuevo estilo gráfico y nómbralo "barra metálica".

Paso 3

Utilizando la herramienta Pluma (P) añade un montón de trazados más o menos como se muestra en la primera imagen. Asegúrate de que todos estos nuevos trazados están seleccionados y simplemente añade el estilo gráfico "barra metálica".

6. Crea los platillos

Paso 1

Con la herramienta Elipse (L), crea una forma de 120 x 10px, establece el color de relleno en R=214 G=174 B=110 y colócala como se muestra en la primera imagen.

Cambia a la herramienta Selección directa (A), selecciona el punto de anclaje inferior (resaltado por el círculo azul en la primera imagen) y simplemente pulsa el botón Borrar de tu teclado.

Concéntrate en el trazado resultante, selecciona los dos puntos de anclaje resaltados en la segunda imagen y simplemente pulsa Control-J.

Asegúrate de que la herramienta Selección directa sigue activa, vuelve a seleccionar los puntos de anclaje izquierdo y derecho (resaltados en la tercera imagen), céntrate en la sección Vértices del panel de control y simplemente introduce "1px" en esa casilla blanca. Al final tu forma debería ser como la de la cuarta imagen.

Paso 2

Usando la herramienta Elipse (L), crea una forma de 60 x 10px, establece el color de relleno en R=214 G=174 B=110 y colócala como se muestra en la primera imagen.

Cambia a la herramienta Selección directa (A) y céntrate en la parte superior de este nuevo rectángulo. Selecciona el punto de anclaje izquierdo y arrástralo 25px hacia la derecha, luego selecciona el punto de anclaje derecho y arrástralo 25px hacia la izquierda.

Vuelve a seleccionar la forma hecha en este paso y haz y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 2px, haz clic en OK y ve a Objeto > Expandir apariencia. Selecciona la forma resultante junto con la otra forma caqui y haz clic en el botón Unir del panel Buscatrazos.

Paso 3

Desactiva la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Asegúrate de que tu forma caqui está seleccionada y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 1px hacia abajo.

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 15% y cambia el Modo de fusión a Luz suave.

Paso 4

Asegúrate de que tu forma caqui está seleccionada y haz otras dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 2px hacia abajo.

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 15% y cambia el Modo de fusión a Luz suave.

Paso 5

Asegúrate de que tu forma caqui está seleccionada y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 3px hacia abajo.

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 15% y cambia el Modo de fusión a Luz suave.

Paso 6

Asegúrate de que tu forma caqui está seleccionada y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 1px 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 50% y cambia el Modo de fusión a Superponer.

Paso 7

Asegúrate de que tu forma caqui está seleccionada y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 2px 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 blanco, baja su Opacidad al 30% y cambia el Modo de fusión a Superponer.

Paso 8

Asegúrate de que tu forma caqui está seleccionada, céntrate en el panel Apariencia y añade un segundo relleno usando el mismo botón Añadir nuevo relleno. Selecciona el nuevo relleno, baja su Opacidad al 70%, cambia el Modo de fusión a Superponer y añade el degradado lineal que se muestra en la primera imagen. No olvides que los números blancos de la imagen del Degradado representan el porcentaje de Ubicación mientras que los ceros amarillos representan el porcentaje de Opacidad. Esto significa simplemente que tienes que seleccionar tu deslizador de degradado, dirigirte a la casilla Opacidad (del panel Degradado) e insertar ese número.

Vuelve al panel Apariencia y añade un tercer relleno para esta forma. Selecciónalo, cambia el Modo de fusión a Luz suave y añade el degradado lineal que se muestra en la segunda imagen.

Paso 9

Selecciona todas las formas que componen tu platillo y agrúpalas (Control-G). Ve al panel Capas, renombra este nuevo grupo como "platillos", selecciónalo y ve a Efecto > Distorsionar y transformar > Transformar. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.

Paso 10

Duplica tu grupo "platillos" (Control-C > Control-F). Selecciona la copia, céntrate en el panel Apariencia y elimina el efecto Transformar existente. Asegúrate de que esta copia del grupo sigue seleccionada y colócala como se muestra en la primera imagen.

Paso 11

Activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula) y cambia a la línea de cuadrícula cada 1px. Enfócate en la parte superior de tu grupo de "platillos" izquierdo. Utilizando la herramienta Rectángulo (M), crea una forma de 6 x 5px y establece su color de relleno en R=71 G=71 B=71.

Coloca esta nueva forma como se muestra en la primera imagen y ve a Efecto > Estilizar > Redondear vértices. Introduce un Radio de 1px y haz clic en Aceptar. Asegúrate de que la herramienta Rectángulo sigue activa, crea una forma de 1 x 5px, establece el color de relleno en R=181 G=181 B=181 y colócala como se muestra en la segunda imagen.

Usando la misma herramienta, crea otros dos rectángulos de 1 x 5px, establece el color de relleno en R=23 G=19 B=20 y colócalos como se muestra en la tercera y cuarta imagen. Vuelve a seleccionar todas las formas hechas en este paso y agrúpalas (Control-G). Ve al panel Capas y renombra este nuevo grupo como "soporte de platillos".

Paso 12

Asegúrate de que tu grupo "soporte de platillos" sigue seleccionado y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona estas copias, céntrate en tu grupo "platillos" derecho y colócalas como se muestra en la siguiente imagen.

7. Crea el bombo

Paso 1

Vuelve a la línea de la cuadrícula cada 5px. Usando la herramienta Elipse (L), crea un círculo de 140px y colócalo como se muestra en la primera imagen. Asegúrate de que esta nueva forma permanezca seleccionada y céntrate en el panel Apariencia. Establece el color de relleno en R=206 G=35 B=41, luego selecciona el trazo y establece su color en R=51 G=51 B=51.

Sigue concentrándote en el trazo, abre el panel desplegable Trazo, establece el Grosor en 5px y marca el botón Alinear trazo al exterior. Asegúrate de que la forma hecha en este paso sigue seleccionada y ve a Objeto > Trazado > Contornear trazado. Selecciona el grupo resultante y simplemente pulsa Mayúsculas-Control-G para desagruparlo.

Paso 2

Desactiva la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Asegúrate de que el trazado compuesto oscuro que rodea tu círculo rojo está seleccionado y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 1px hacia abajo.

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 el grupo de formas resultante está seleccionado y simplemente pulsa Control-8 para convertirlo en un simple Trazado compuesto. Selecciónalo, establece el color de relleno en blanco y baja la Opacidad al 25%.

Paso 3

Asegúrate de que el trazado compuesto oscuro que rodea tu círculo rojo está seleccionado y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 1px hacia arriba.

Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Convierte el grupo de formas resultante en un Trazado compuesto (Control-8), establece su color de relleno en negro, baja la Opacidad al 30% y cambia el Modo de fusión a Luz suave.

Paso 4

Asegúrate de que el trazado compuesto oscuro que rodea tu círculo rojo está seleccionado y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 2px hacia arriba.

Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Convierte el grupo de formas resultante en un Trazado compuesto (Control-8), establece su color de relleno en negro, baja la Opacidad al 30% y cambia el Modo de fusión a Luz suave.

Paso 5

Vuelve a seleccionar tu círculo rojo y céntrate en el panel Apariencia. Selecciona el relleno y ve a Efecto > Estilizar > Resplandor interior. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y vuelve al panel Apariencia. Añade un trazo de 3px, establece su color en R=206 G=35 B=41 y marca el botón Alinear trazo al interior del panel desplegable Trazo.

Paso 6

Activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula), cambia a la línea de cuadrícula cada 1px y céntrate en la parte superior de tu círculo rojo. Usando la herramienta Pluma (P), crea un trazado vertical de 5px, colócalo como se muestra en la primera imagen y simplemente añade tu estilo gráfico "trazado v" desde el panel de Estilos gráficos.

Paso 7

Asegúrate de que el trazado vertical realizado en el paso anterior sigue seleccionado y ve a Efecto > Distorsionar y transformar > Transformar. Introduce las propiedades que se muestran en la ventana de la izquierda (en la siguiente imagen), haz clic en Aceptar y ve de nuevo a Efecto > Distorsionar y transformar > Transformar. Introduce las propiedades que se muestran en la ventana de la derecha y haz clic en Aceptar.

Paso 8

Vuelve a la línea de cuadrícula cada 5px. Con la herramienta Pluma (P), crea dos trazados oblicuos como se muestra en la primera imagen. Asegúrate de que ambos trazados están seleccionados, añade el estilo gráfico "barra metálica" y luego envíalos hacia atrás (Mayúsculas-Control-[ ).

8. Añade un sombreado sutil

Paso 1

Establece el color de relleno en negro, elige la herramienta Elipse (L), crea cuatro círculos comprimidos y colócalos como se muestra en la primera imagen. Envía estas nuevas formas al fondo (Mayúsculas-Control-[ ) y céntrate en el panel Apariencia. Selecciona el relleno existente, baja su Opacidad al 3% y ve a Efecto > Estilizar > Desvanecer. Introduce un Radio de 15px y haz clic en Aceptar.

Vuelve al panel Apariencia y duplica el relleno existente. Selecciona el nuevo relleno, elimina el efecto Desvanecer y ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un Radio de 5px y haz clic en Aceptar.

Paso 2

Cambia a la línea de cuadrícula cada 1px. Usando la herramienta Elipse (L), crea un montón de formas negras de 6 x 3px y colócalas como se muestra en la siguiente imagen. Asegúrate de que todos estos círculos comprimidos permanezcan seleccionados, envíalos atrás (Mayúsculas-Control-[ ) y enfócate en el panel Apariencia. Selecciona el relleno existente, baja su Opacidad al 10% y luego añade un segundo relleno. Selecciona este nuevo relleno, asegúrate de que el color sea negro, baja su Opacidad al 40% y ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un Radio de 3px y haz clic en Aceptar.

9. Crea el fondo

Paso 1

Elige la herramienta Rectángulo (M) y haz clic en tu mesa de trabajo para abrir la ventana Rectángulo. Introduce 610 en las casillas de Ancho y Alto y haz clic en el botón Aceptar.

Asegúrate de que la forma recién creada está seleccionada, establece el color de relleno en R=255 G=255 B=245 y envíala al fondo (Mayúsculas-Control-[ ).

A continuación, necesitas centrar esta forma, así que abre el panel Alinear (Ventana > Alinear). Establece la alineación a la Mesa de trabajo (abre el menú desplegable y ve a Mostrar opciones si no puedes ver la sección Alinear a como se muestra en la siguiente imagen), asegúrate de que tu forma está seleccionada y luego simplemente haz clic en los botones Alinear centro horizontal y Alinear centro vertical. Al final tu cuadrado debería cubrir toda la mesa de trabajo como se muestra en la siguiente imagen.

Paso 2

Asegúrate de que tu cuadrado sigue seleccionado, céntrate en el panel Apariencia y añade un segundo relleno. Selecciónalo, baja la Opacidad al 80% y añade el degradado radial que se muestra en la siguiente imagen. Utiliza la herramienta Degradado (G) para estirar tu degradado como se muestra a continuación. No olvides que el cero amarillo de la imagen del Degradado representa el porcentaje de Opacidad.

Paso 3

Asegúrate de que tu cuadrado sigue seleccionado, céntrate en el panel Apariencia y añade un tercer relleno. Selecciónalo, baja la Opacidad al 40% y añade el degradado radial que se muestra en la siguiente imagen.

¡Felicidades! ¡Ya has terminado!

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