1. Design & Illustration
  2. Drawing/Illustration
  3. Illustration

Cómo crear una tableta gráfica semirealista en Adobe Illustrator

Scroll to top

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

En los siguientes pasos aprenderás a crear una tableta gráfica semirealista en Adobe Illustrator. Para empezar, utilizando herramientas y efectos básicos, la secuencia de comandos Redondear cualquier esquina y aprovechando al máximo el panel Apariencia, aprenderás a crear la tableta. A continuación, aprenderás a utilizar de forma inteligente los efectos Deformar, y a añadir profundidad a tus formas utilizando degradados complejos u opciones de fusión. Por último, aprenderás a crear, guardar y utilizar un motivo sencillo.


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

Pulsa CMD + N para crear un Nuevo documento. Introduce 760 en la casilla de anchura y 600 en la de 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" no esté marcada 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. 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. 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.

graphicsTabletgraphicsTabletgraphicsTablet

2. Crea la tableta

Paso 1

Con la herramienta Rectángulo (M), crea una forma de 500 por 330px y rellénala con el degradado lineal que se muestra en la siguiente imagen. Asegúrate de que este rectángulo está seleccionado y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 17px y haz clic en Aceptar.

graphicsTabletgraphicsTabletgraphicsTablet
Los números blancos de la imagen del degradado representan el porcentaje de Ubicación.

Paso 2

Mientras sigue seleccionada, céntrate en el panel Apariencia (Ventana > Apariencia) y añade un segundo relleno utilizando el botón Añadir nuevo relleno (señalado por la pequeña flecha azul). Selecciona este nuevo relleno, hazlo negro, arrástralo a la parte inferior del panel Apariencia, baja su Opacidad al 5% y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de 2px y haz clic en Aceptar.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 3

Añade un tercer relleno y arrástralo a la parte inferior del panel Apariencia. Selecciona este nuevo relleno, establece su color en negro, baja su Opacidad al 5% y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de 5px, haz clic en Aceptar y ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un radio de 3px y haz clic en OK.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 4

Selecciona el relleno superior y ve a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la ventana superior, haz clic en Aceptar y ve de nuevo a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la ventana central, haz clic en Aceptar y ve una vez más a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la ventana inferior y haz clic en Aceptar. Ve al panel Capas (Ventana > Capas) y bloquea este rectángulo, para asegurarte de que no lo vas a seleccionar/mover accidentalmente.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 5

Elige la herramienta Rectángulo (M), crea una forma de 365 por 250px, rellénala con el degradado lineal que se muestra a continuación y colócala como se muestra en la primera imagen. A continuación, necesitarás la secuencia de comandos Redondear cualquier esquina. Puedes encontrarla en el artículo de Vectortuts+ 20 secuencias de comando gratuitas y útiles para Adobe Illustrator. Guárdala en tu disco duro, vuelve a Illustrator y toma la herramienta Selección directa (A). Céntrate en la forma hecha al principio del paso, selecciona los dos puntos de anclaje resaltados en la primera imagen y ve a Archivo > Secuencia de comandos > Otras secuencias de comandos. Abre la secuencia de comandos Redondear cualquier esquina, introduce un radio de 3px y haz clic en Aceptar. Al final tu forma debería verse como en la segunda imagen.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 6

Selecciona la forma y ve a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y pasa al panel Apariencia. Añade un trazo de 3 puntos, establece el color en negro, alinéalo al interior y baja su Opacidad al 3%.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 7

Para los siguientes pasos necesitarás una cuadrícula cada 1px. Por lo tanto, 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 de 1 por 4px y rellénala con R=215, G=215, B=215. Continúa con la herramienta Rectángulo (M), crea una forma de 4 por 1px, rellénala con el mismo color y colócala como se muestra en la segunda imagen. Selecciona las dos formas hechas en este paso, abre el panel Buscatrazos (Ventana > Buscatrazos) y haz clic en el botón Unir. Selecciona la forma resultante y colócala como se muestra en la tercera imagen. La opción Ajustar a cuadrícula te facilitará el trabajo.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 8

Selecciona la pequeña forma y ve a Efecto > Distorsionar y transformar > Transformar. Introduce las propiedades que se muestran en la ventana de la izquierda, 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.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 9

Usando la herramienta Rectángulo (M), crea una forma de 90 por 1px, rellénala con el degradado lineal mostrado abajo y colócala como se muestra en la primera imagen. Asegúrate de que esta forma delgada está seleccionada y ve a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 10

Haz una copia frontal (CTRL + C > CTRL + F) de la forma, selecciónala y arrástrala 249px hacia arriba. Asegúrate de que esta copia permanezca seleccionada y céntrate en el panel Apariencia. En primer lugar, sustituye el degradado lineal existente por el que se muestra en la siguiente imagen, luego abre el efecto Sombra paralela y aumenta su porcentaje de Opacidad al 40%.

graphicsTabletgraphicsTabletgraphicsTablet

3. Añade los botones laterales

Paso 1

Utilizando la herramienta Elipse (L), crea un círculo de 54px, rellénalo con R=71, G=73, B=78 y colócalo como se muestra en la siguiente imagen. Asegúrate de que esta nueva forma permanece seleccionada y céntrate en el panel Apariencia. Selecciona el relleno existente y ve a Efecto > Estilizar > Resplandor interior. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 2

Asegúrate de que la forma hecha en el paso anterior sigue seleccionada, céntrate en el panel Apariencia y añade un segundo relleno. Selecciónalo, utiliza el degradado radial que se muestra en la siguiente imagen y baja su Opacidad al 75%.

graphicsTabletgraphicsTabletgraphicsTablet
Recuerda que los números blancos de la imagen del Degradado representan el porcentaje de Ubicación mientras que el cero amarillo representa el porcentaje de Opacidad.

Paso 3

Asegúrate de que el círculo editado en el paso anterior sigue seleccionado, céntrate en el panel Apariencia y añade un tercer relleno. Selecciónalo, utiliza el degradado radial que se muestra en la siguiente imagen y baja su Opacidad al 50%.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 4

Asegúrate de que el círculo editado en el paso anterior sigue seleccionado, céntrate en el panel Apariencia y añade un cuarto relleno. Selecciónalo, utiliza el degradado lineal que se muestra en la siguiente imagen y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -17px y haz clic en Aceptar.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 5

Asegúrate de que el círculo sigue seleccionado, céntrate en el panel Apariencia y añade un Trazo de 1pt de grosor. Selecciónalo, establece el color en R=34, G=36, B=38, alinéalo al interior y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -16px, haz clic en Aceptar y ve a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar. Elige la herramienta Elipse (L), crea un círculo de 2px, rellénalo con R=200, G=200, B=200 y colócalo como se muestra en la segunda imagen.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 6

Usando la herramienta Rectángulo (M), crea una forma de 27 por 13px, rellénala con el degradado radial mostrado abajo y colócala como se muestra en la primera imagen. Asegúrate de que esta nueva forma está seleccionada y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 4px, haz clic en OK y ve a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 7

Selecciona la forma hecha en el paso anterior, baja su Opacidad al 50% y ve a Efecto > Distorsionar y transformar > Transformar. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 8

Vuelve a seleccionar la forma y haz una copia delante (CTRL + C > CTRL + F). Selecciona esta copia, arrástrala hacia abajo y colócala como se muestra en la segunda imagen. Asegúrate de que esta copia permanece seleccionada y céntrate en el panel Apariencia. En primer lugar, sustituye el degradado radial existente por el que se muestra en la siguiente imagen. A continuación, abre el efecto Sombra paralela y baja su Opacidad al 40%.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 9

Con la herramienta Rectángulo (M), crea una forma de 11 por 3px, rellénala con el degradado lineal que se muestra a continuación y colócala como se muestra en la primera imagen. Asegúrate de que esta nueva forma permanece seleccionada, baja su Opacidad al 50% y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 1.5px, haz clic en OK y céntrate en el panel Apariencia. Añade un Trazo de 0.5pt de grosor y selecciónalo. Establece el color del trazo en negro, alinéalo al exterior y baja su Opacidad al 15%.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 10

Duplica la forma (CTRL + C > CTRL + F). Arrastra esta copia hacia abajo, colócala como se muestra en la segunda imagen y asegúrate de que permanece seleccionada. Enfócate el panel Apariencia y sustituye el degradado lineal existente por el que se muestra en la siguiente imagen.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 11

Con la herramienta Elipse (L), crea un círculo de 3px, rellénalo con el degradado radial que se muestra a continuación y colócalo como se muestra en la primera imagen. Asegúrate de que esta nueva forma permanezca seleccionada, baja su Opacidad al 50% y céntrate en el panel Apariencia. Añade un Trazo de 0.5pt de grosor y selecciónalo. Establece el color del trazo en negro, alinéalo al exterior y baja su Opacidad al 20%.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 12

Duplica la forma (CTRL + C > CTRL + F). Arrastra esta copia hacia abajo, colócala como se muestra en la segunda imagen y asegúrate de que permanece seleccionada. Enfócate en el panel Apariencia y reemplaza el degradado radial existente por el que se muestra en la siguiente imagen.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 13

Desplázate al panel Capas y desbloquea la forma principal realizada en los pasos iniciales. Selecciona todas las formas creadas hasta ahora y agrúpalas (CTRL + G).

graphicsTabletgraphicsTabletgraphicsTablet

4. Crea la pluma

Paso 1

Con la herramienta Rectángulo (M), crea una forma de 8 por 5px, rellénala de verde y ve a Efecto > Deformar > Arco inferior. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Objeto > Expandir apariencia. Rellena la forma resultante con el degradado lineal que se muestra a continuación y céntrate en el panel Apariencia. Añade un Trazo de 1pt de grosor, alinéalo al interior y establece el color en R=15, G=15, B=15.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 2

Usando la herramienta Rectángulo (M), crea una forma de 14 por 8px, rellénala de rojo, colócala como se muestra en la primera imagen y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 1px, haz clic en Aceptar y ve a Efecto > Deformar > Arco inferior. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Objeto > Expandir apariencia.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 3

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.  Vuelve a seleccionar la forma hecha en el primer paso y haz una copia delante (CTRL + C > CTRL + F) luego selecciona la forma roja hecha en el paso anterior y haz una copia detrás (CTRL + C > CTRL + B). Concéntrate en el panel Capas, selecciona esa copia roja y muévela 2px hacia abajo usando la flecha hacia abajo de tu teclado. Vuelve a seleccionar las dos copias realizadas en este paso y haz clic en el botón Intersectar del panel Buscatrazos. Rellena la forma resultante con negro y baja su Opacidad al 25%.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 4

Selecciona la forma roja restante y céntrate en el panel Apariencia. En primer lugar, reemplaza ese rojo con el degradado lineal que se muestra en la siguiente imagen. A continuación, añade un trazo de 1 punto para la forma, alinéalo al interior y establece el color en R=15, G=15, B=15.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 5

Activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Utilizando la herramienta Rectángulo (M), crea una forma de 18 por 182px, rellénala de verde azulado y colócala como se muestra en la primera imagen. Concéntrate en la parte inferior de esta nueva forma y cambia a la herramienta Selección directa (A). Selecciona el punto de anclaje izquierdo y arrástralo 2px hacia la derecha, luego selecciona el punto de anclaje derecho y arrástralo 2px hacia la izquierda. Al final tu forma debería ser como en la segunda imagen. Asegúrate de que está seleccionada y ve a Efecto > Deformar > Bulto. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Objeto > Expandir apariencia.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 6

Concéntrate en la parte inferior de la forma hecha en el paso anterior. Selecciona la herramienta Elipse (L), crea una forma de 14 por 4px, rellénala con el mismo color verde azulado y colócala como se muestra en la primera imagen. Selecciona ambas formas de color verde azulado y haz clic en el botón Unir del panel Buscatrazos. Cambia a la herramienta Rectángulo (M), crea una forma de 22 por 1px, rellénala de negro y colócala como se muestra en la segunda imagen. Asegúrate de que este rectángulo delgado está seleccionado y ve a Efecto > Deformar > Arco. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Objeto > Expandir apariencia.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 7

Selecciona la forma verde azulada junto con la forma delgada y negra hecha en el paso anterior y haz clic en el botón Dividir del panel Buscatrazos. Selecciona el grupo de formas resultante y pulsa MAYÚS + CTRL + G para Desagruparlo. Enfócate en el panel Capas, selecciona las dos formas negras resaltadas en la tercera imagen y simplemente elimínalas.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 8

Selecciona la forma superior, de color verde azulado, enfócate en el panel Apariencia y reemplaza el verde azulado con el degradado lineal que se muestra a continuación.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 9

Desactiva la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Selecciona el resto de la forma verde azulado y haz dos Copias delante (CTRL + C > CTRL + F > CTRL + F). Selecciona la copia superior y muévela 1px hacia arriba usando la flecha hacia arriba de tu teclado. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con R=15, G=15, B=15.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 10

Selecciona la forma verde azulado, céntrate en el panel Apariencia y reemplaza el verde azulado con el degradado lineal que se muestra a continuación. Añade un segundo relleno para esta forma, selecciónalo, establece el color en negro, baja su Opacidad al 20% y cambia el Modo de fusión a Multiplicar.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 11

Selecciona la forma delgada y negra hecha para dividir la pluma y ve a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 12

Elige la herramienta Rectángulo (M), crea una forma de 18 por 5px, rellénala de amarillo y colócala como se muestra en la primera imagen. Enfócate en la parte superior de esta nueva forma y cambia a la herramienta Selección directa (A).  Selecciona el punto de anclaje izquierdo y muévelo 2px a la derecha, luego selecciona el punto de anclaje derecho y muévelo 2px a la izquierda. Vuelve a seleccionar esta forma amarilla y ve a Efecto > Deformar > Bulto. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Efecto > Deformar > Arco inferior. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Objeto > Expandir apariencia.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 13

Desactiva la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Vuelve a seleccionar la forma editada en el octavo paso y haz una Copia delante (CTRL + C > CTRL + F) luego selecciona la forma amarilla y haz una Copia detrás (CTRL + C > CTRL + B). Concéntrate en el panel Capas, selecciona esta segunda copia y muévela 1px hacia abajo usando la flecha hacia abajo de tu teclado. Vuelve a seleccionar las dos copias realizadas en este paso y haz clic en el botón Intersectar del panel Buscatrazos. Rellena la forma resultante con negro, baja su Opacidad al 50% y cambia el Modo de fusión a Luz suave.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 14

Vuelve a seleccionar la forma amarilla y haz dos copias delante (CTRL + C > CTRL + F > CTRL + F). Selecciona la copia superior y muévela 1px hacia arriba. 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.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 15

Selecciona la forma amarilla, enfócate en el panel Apariencia y reemplaza el amarillo con el degradado lineal que se muestra a continuación.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 16

Activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Selecciona la herramienta Rectángulo (M), crea una forma de 14 por 19px, rellénala con R=10, G=10, B=10 y colócala como se muestra en la primera imagen. Enfócate en la parte superior de esta nueva forma y cambia a la herramienta Selección directa (A). Selecciona el punto de anclaje izquierdo y muévelo 6px a la derecha, luego selecciona el punto de anclaje derecho y muévelo 6px a la izquierda. Asegúrate de que esta nueva forma está seleccionada y ve a Efecto > Deformar > Arco inferior. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Objeto > Expandir apariencia.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 17

Usando la herramienta Rectángulo (M), crea una forma de 5 por 22px, rellénala con R=115, G=115, B=115 y colócala como se muestra en la primera imagen. Asegúrate de que esta nueva forma permanece seleccionada, cambia a la herramienta Selección directa (A), selecciona el punto de anclaje inferior, el izquierdo, y muévelo 1px a la derecha. Agarra la herramienta Eliminar punto de anclaje (-) y simplemente haz clic en el punto de anclaje superior derecho para eliminarlo. Al final tu forma debería ser como en la segunda imagen. Selecciona la forma hecha en el paso anterior y haz una Copia delante (CTRL + C > CTRL + F). Selecciona esta copia junto con la forma hecha en este paso y haz clic en el botón Intersectar del panel Buscatrazos.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 18

Usando la herramienta Rectángulo (M), crea una forma de 4 por 22px, rellénala con R=45, G=45, B=45 y colócala como se muestra en la primera imagen. Asegúrate de que esta nueva forma permanece seleccionada y cambia a la herramienta Selección directa (A). Selecciona el punto de anclaje inferior derecho y muévelo 1px hacia la izquierda. Agarra la herramienta Eliminar punto de anclaje (-) y simplemente elimina el punto de anclaje superior izquierdo. Al final tu forma debería ser como en la segunda imagen. Selecciona la forma hecha en el decimosexto paso y haz una Copia delante (CTRL + C > CTRL + F). Selecciona esta copia junto con la forma hecha en este paso y haz clic en el botón Intersectar del panel Buscatrazos.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 19

Selecciona la forma hecha en el decimosexto paso y haz una nueva Copia delante (CTRL + C > CTRL + F). Usando la herramienta Rectángulo (M), crea una forma de 12 por 1px, rellénala de azul y colócala como se muestra en la segunda imagen. Selecciona ambas formas hechas en este paso y haz clic en el botón Intersectar del panel Buscatrazos. Rellena la forma resultante con negro, baja su Opacidad al 50% y cambia el Modo de fusión a Luz suave.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 20

Desactiva la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Selecciona la forma hecha en el decimosexto paso y haz dos Copias al frente (CTRL + C > CTRL + F > CTRL + F). Selecciona la copia superior y muévela 1px hacia arriba. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Trae la forma resultante al frente (MAYÚS + CTRL + ] ) y rellénala con el degradado lineal que se muestra en la siguiente imagen.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 21

Selecciona las tres formas resaltadas en la primera imagen (formas hechas en los pasos #16, #17 y #18), presiona Alt + CTRL + B y luego ve a Objeto > Fusión > Opciones de fusión. Selecciona Pasos especificados en el menú desplegable de Espaciado, introduce 30 en esa casilla blanca, haz clic en Aceptar y ve a Objeto > Expandir.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 22

Activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Utilizando la herramienta Pluma (P), crea un trazado vertical de 3px y colócalo como se muestra en la primera imagen. Añade un trazo de 1pt para este trazado y establece su color en negro. Asegúrate de que este pequeño trazado permanezca seleccionado, abre el panel Trazo (Ventana > Trazo) y marca el botón Remate redondeado. Envía este trazado al fondo (MAYÚS + CTRL + [ ) y ve a Objeto > Trazado > Contornear trazado.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 23

Usando la herramienta Rectángulo (M), crea una forma de 5 por 25px, rellénala con R=15, G=15, B=15 y colócala como se muestra en la siguiente imagen.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 24

Mientras está seleccionada, enfócate en el panel Apariencia y añade un segundo relleno. Selecciónalo, utiliza el degradado lineal que se muestra a continuación y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -1px y haz clic en Aceptar. Vuelve al panel Apariencia, asegúrate de que todo el trazado está seleccionado y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 2px, haz clic en Aceptar y ve a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 25

Selecciona todas las formas que componen la pluma y duplícalas (CTRL + C > CTRL + F). Selecciona estas copias y haz clic en el botón Unir del panel Buscatrazos. Asegúrate de que la forma resultante está seleccionada y pulsa la tecla "D" de tu teclado. Esto debería reemplazar los atributos de Apariencia existentes con los predeterminados (relleno blanco y, un trazo de 1pt negro). Concéntrate en el panel Apariencia, elimina el trazo y reemplaza el blanco utilizado para el relleno con un negro plano.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 26

Concéntrate en el panel Capas, selecciona el trazado negro realizado en el paso anterior y arrástralo por debajo de las formas que componen la pluma. Asegúrate de que esta forma negra permanece seleccionada y céntrate en el panel Apariencia. Selecciona el relleno, baja su Opacidad al 5% y ve a Efecto > Trazado > Desplazamiento. Introduce un desplazamiento de 1px y haz clic en Aceptar.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 27

Vuelve a seleccionar la forma editada en el paso anterior, añade un segundo relleno y arrástralo en la parte inferior del panel Apariencia. Selecciónalo, establece el color en negro, baja su Opacidad al 5% y ve a Efecto > Trazado > Desplazamiento. Introduce un desplazamiento de 3px, haz click en OK y ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un radio de 3px y haz clic en OK. Vuelve al panel Apariencia y añade un tercer relleno para esta forma. Selecciónalo, establece el color en negro y luego añade los tres efectos de Sombra paralela que se muestran en la siguiente imagen.

graphicsTabletgraphicsTabletgraphicsTablet

Paso 28

Selecciona el trazado editado en el paso anterior junto con el resto de las formas que componen la pluma y agrúpalas (CTRL + G). Selecciona este nuevo grupo, gíralo -45 grados y colócalo como se muestra en la segunda imagen.

graphicsTabletgraphicsTabletgraphicsTablet

¡Felicidades! Ya terminaste.

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

graphicsTabletgraphicsTabletgraphicsTablet