Consejo rápido: Cómo crear un diseño de nodo vectorial alrededor de una forma

En el siguiente tutorial veremos cómo crear un diseño de trazado vectorial alrededor de una forma, similar a los elementos de nodo que verás en cualquier programa vectorial. Trabajaremos en Adobe Illustrator con el panel Apariencia y con un Pincel de motivo para crear este diseño que forma parte del Taller Tuts+: ¡Desafío de diseño del alfabeto!

Paso 1

Abre Adobe Illustrator y pulsa Comando + N para crear un Nuevo documento. Introduce 600 en las casillas de ancho y alto y luego 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" no esté marcada antes de hacer clic en Aceptar.

Paso 2

Con la herramienta Texto (T), añade una simple "V". Establece su color en R=255 G=222 B=23, utiliza la fuente "Script MT Bold" con el tamaño establecido en 400pt y luego ve a Texto > Crear contornos (Mayús + Control + O). Ve al panel Capas y desagrupa (Mayúsculas + Control + G) la forma resultante.

Paso 3

Selecciona la forma hecha en el paso anterior y haz una copia delante (Control + C > Control + F). Selecciona esta copia y toma la herramienta Selección directa (A). Mantén pulsada la tecla Mayús, haz clic en el punto de anclaje resaltado en la segunda imagen y luego pulsa la tecla Suprimir de tu teclado. Al final deberías obtener ese pequeño punto de anclaje de la tercera imagen.

Paso 4

Vuelve a seleccionar el punto de anclaje del paso anterior, céntrate en el panel Apariencia y añade un trazo blanco. Selecciónalo, hazlo de 3pt de ancho y ve a Efecto > Convertir en forma > Rectángulo. Introduce los datos que se muestran a continuación, haz clic en Aceptar y vuelve al panel Apariencia.

Añade un segundo trazo para este punto de anclaje utilizando el botón Añadir nuevo trazo de la parte inferior del panel Apariencia. Selecciónalo, hazlo de 1pt de ancho, establece el color en negro y ve a Efecto > Convertir en forma > Rectángulo. Introduce los datos que se muestran en la siguiente imagen y haz clic en Aceptar. Asegúrate de que este punto de anclaje sigue seleccionado y arrástralo dentro del panel Muestras. Esto lo guardará como un motivo. Haz doble clic en este nuevo motivo y nómbralo "Start&End Tile". Lo necesitaremos más tarde, cuando creemos un Pincel de motivo.

Paso 5

Vuelve a seleccionar la forma amarilla y haz una copia delante (Control + C > Control + F). Selecciona esta copia, toma la herramienta Selección directa (A), mantén pulsada la tecla Mayús, haz clic en el punto de anclaje resaltado en la segunda imagen y luego pulsa la tecla Supr del teclado. Una vez más, deberías terminar con un simple punto de anclaje. A continuación, debes copiar las propiedades utilizadas en el paso anterior y pegarlas en este nuevo punto de anclaje. Puedes hacerlo fácilmente utilizando el icono de destino. Ve al panel Capas, enfócate en el lado derecho y verás que cada forma viene con un pequeño círculo gris, que es un icono de destino. Mantén pulsada la tecla Alt, haz clic en el icono de destino que representa el punto de anclaje editado en el paso anterior y arrastra hasta el icono de destino que representa este nuevo punto de anclaje.

Paso 6

Sigue concentrándote en tu forma amarilla y repite la técnica mencionada en el paso anterior para el resto de los puntos de anclaje.

Paso 7

Usando la herramienta Rectángulo (M), simplemente haz clic en tu mesa de trabajo. Ingresa 5 en el cuadro de ancho y 1 en el cuadro de alto y luego haz clic en OK. Esto debería crear un rectángulo de 5 por 1px. Selecciónalo, rellénalo de negro, abre el panel de Pinceles (Ventana > Pinceles) y haz clic en el botón Nuevo pincel. Marca el botón Pincel de motivo y haz clic en Aceptar. Escoge un nombre para tu pincel y luego baja a las casillas de Mosaicos. Selecciona los mosaicos de inicio y final y añade el motivo "Start&End Tile". Deberías encontrarlo en tu lista debajo de los cuadros de mosaico. Finalmente, haz clic en OK y deberías encontrar tu nuevo pincel de motivo dentro del panel Pinceles. Una vez que tengas este pincel de motivo puedes eliminar el rectángulo negro del panel Capas.

Paso 8

Céntrate en la parte inferior de tu trazado vectorial amarillo. Usando la herramienta Pluma (P), añade algunos trazados simples para los puntos de anclaje inferiores como se muestra en la primera imagen. Selecciona los tres trazados y sustituye el trazo negro por el pincel de motivo realizado en el paso anterior. Al final el aspecto debería ser como el de la segunda imagen.

Paso 9

A continuación, debes editar los puntos de anclaje para los que has añadido los trazados con motivo. Selecciona uno de estos puntos de anclaje y céntrate en el panel Apariencia. Primero, elimina el trazo blanco. A continuación, selecciona el trazo negro, aumenta su tamaño a 3pt y luego abre el efecto de rectángulo existente y edítalo como se muestra en la siguiente imagen. Muévete al panel Capas y utiliza esos iconos de destino para añadir las mismas propiedades para los otros dos puntos de anclaje.

Paso 10

Vuelve a seleccionar el trazado amarillo, céntrate en el panel Apariencia y añade un segundo relleno utilizando el botón Añadir nuevo relleno. Selecciona este nuevo relleno, cambia su Modo de fusión a Luz suave, baja la Opacidad al 70%, añade el degradado lineal que se muestra a continuación y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -3px y haz clic en Aceptar. Sigue centrado en el panel Apariencia, añade un trazo para esta forma, hazlo negro y de 1pt de ancho. El cero amarillo de la imagen del degradado representa el porcentaje de Opacidad.

Paso 11

Asegúrate de que tu trazado vectorial amarillo sigue seleccionado y céntrate en el panel Apariencia. Selecciona el relleno amarillo y ve a Efecto > Trazado > Desplazamiento. Introduce un desplazamiento de 0,5px, haz clic en Aceptar y ve a Efecto > Distorsionar y transformar > Transformar. Introduce los datos que se muestran a continuación, haz clic en Aceptar y vuelve al panel Apariencia. Añade un segundo relleno para esta forma, arrástralo a la parte inferior del panel Apariencia y establece su color en R=255 G=242 B=77. Vuelve a seleccionar el trazado de la "V", asegúrate de que no hay ningún relleno o trazo seleccionado (en el panel Apariencia) y ve a Efecto > Estilizar > Sombra paralela. Introduce los datos que se muestran en la ventana de la izquierda, haz clic en Aceptar y ve a Efecto > Estilizar > Sombra paralela. Introduce los datos que aparecen en la ventana de la derecha y haz clic en Aceptar.

Paso 12

Ve a Edición > Preferencias > Generales y establece Incrementos de teclado en 0,25px. Con la herramienta Rectángulo (M), crea un cuadrado de 12px, rellénalo con R=203 G=203 B=203 y duplícalo (Control + C > Control + F). Selecciona esta copia y pulsa la flecha izquierda y la flecha arriba una vez para moverla 0,25px hacia arriba y hacia la izquierda. Vuelve a seleccionar los dos cuadrados, abre el panel Buscatrazos y haz clic en el botón Menos frente. Selecciona el trazado resultante, conviértelo en un motivo y luego elimínalo del panel Capas.

Paso 13

Con la herramienta Rectángulo (M), crea una forma del tamaño de tu mesa de trabajo, rellénala con R=250 G=250 B=250 y envíala al fondo (Mayúsculas + Control + [ ).

Paso 14

Vuelve a seleccionar el rectángulo hecho en el paso anterior, céntrate en el panel Apariencia y añade un segundo relleno. Selecciónalo, añade el motivo hecho en el duodécimo paso y habrás terminado.

Conclusión

Ya tu trabajo está listo. Este es el aspecto que debería tener. Espero que estés inspirado para participar en nuestro reciente Taller Tuts+: Desafío de diseño del alfabeto.