Share
En el siguiente tutorial veremos cómo crear un diseño de ruta vectorial alrededor de una forma, similar a los elementos de nodo que verá en cualquier programa vectorial. Trabajaremos en Adobe Illustrator con el panel Apariencia y un Pincel de patrón para crear este diseño que forma parte del Tuts + Workshop: Alphabet Design Challenge.!
Abra Adobe Illustrator y presione Comando + N para crear un nuevo documento. Ingrese 600 en los cuadros de ancho y alto, luego haga clic en el botón Avanzado. Seleccione RGB, Pantalla (72ppi) y asegúrese de que la casilla "Alinear nuevos objetos con la cuadrícula de píxeles" no esté marcada antes de hacer clic en Aceptar..
Usando la herramienta de tipo (T), agregue una simple "V". Establezca su color en R = 255 G = 222 B = 23, use la fuente "Script MT Bold" con el tamaño establecido en 400pt y luego vaya a Tipo> Crear contornos (Mayús + Control + O). Mueve al panel Capas y Desagrupa (Shift + Control + G) la forma resultante.
Seleccione la forma hecha en el paso anterior y haga una copia al frente (Control + C> Control + F). Seleccione esta copia y tome la herramienta de selección directa (A). Mantenga presionada la tecla Mayús, haga clic en el punto de anclaje resaltado en la segunda imagen y luego presione la tecla Eliminar en el teclado. Al final debes obtener ese pequeño punto de anclaje de la tercera imagen.
Vuelva a seleccionar el punto de anclaje del paso anterior, enfoque el panel Apariencia y agregue un trazo blanco. Selecciónelo, hágalo 3 puntos de ancho y vaya a Efecto> Convertir en forma> Rectángulo. Ingrese los datos que se muestran a continuación, haga clic en Aceptar y regrese al panel Apariencia.
Agregue un segundo golpe para este punto de anclaje usando el botón Agregar nuevo trazo desde la parte inferior del panel Apariencia. Selecciónelo, conviértalo en ancho de 1 pto, establezca el color en negro y vaya a Efecto> Convertir a forma> Rectángulo. Ingrese los datos que se muestran en la siguiente imagen y haga clic en Aceptar. Asegúrese de que este punto de anclaje aún esté seleccionado y simplemente arrástrelo dentro del panel Muestras. Esto lo guardará como un patrón. Haga doble clic en este nuevo patrón y asígnele el nombre "Start & End Tile". Lo necesitaremos más adelante cuando crearemos un Pincel de patrón..
Vuelva a seleccionar la forma amarilla y haga una copia al frente (Control + C> Control + F). Seleccione esta copia, tome la Herramienta de selección directa (A), mantenga presionada la tecla Mayús, haga clic en el punto de anclaje resaltado en la segunda imagen y luego presione la tecla Eliminar en el teclado. De nuevo, debes terminar con un punto de anclaje simple. A continuación, debe copiar las propiedades utilizadas en el paso anterior y pegarlas en este nuevo punto de anclaje. Puedes hacerlo fácilmente usando el icono de destino. Vaya al panel Capas, céntrese en el lado derecho y notará que cada forma viene con un pequeño círculo gris, que es un icono de objetivo. Mantenga presionada la tecla Alt, haga clic en el icono de destino que representa el punto de anclaje editado en el paso anterior y arrastre hacia el icono de destino que representa este nuevo punto de anclaje.
Continúe enfocándose en su forma amarilla y repita la técnica mencionada en el paso anterior para el resto de los puntos de anclaje.
Con la herramienta Rectángulo (M), simplemente haga clic en su mesa de trabajo. Ingrese 5 en el cuadro de ancho y 1 en el cuadro de altura, luego haga clic en Aceptar. Esto debería crear un rectángulo de 5 por 1px. Selecciónelo, llénelo con negro, abra el panel Pinceles (Ventana> Pinceles) y haga clic en el botón Nuevo pincel. Compruebe el botón Pincel de patrón y haga clic en Aceptar. Elija un nombre para su pincel y luego desplácese hacia abajo hasta los cuadros de mosaico. Seleccione los cuadros Inicio y Final y agregue el patrón "Iniciar y Finalizar mosaico". Debes encontrarlo en tu lista debajo de las casillas. Finalmente, haga clic en Aceptar y debería encontrar su nuevo pincel de patrón dentro del panel Pinceles. Una vez que tengas este pincel de patrón, puedes eliminar el rectángulo negro del panel Capas.
Concéntrese en la parte inferior de su ruta de vectores amarillos. Usando la herramienta Pluma (P), agregue algunas rutas simples para los puntos de anclaje inferiores como se muestra en la primera imagen. Seleccione las tres rutas y reemplace el trazo negro con el pincel de patrón realizado en el paso anterior. Al final las cosas deberían verse como en la segunda imagen..
A continuación, debe editar los puntos de anclaje para los que agregó las rutas con patrones. Seleccione uno de estos puntos de anclaje y céntrese en el panel Apariencia. Primero, borra el trazo blanco. A continuación, seleccione el trazo negro, aumente su tamaño a 3 puntos, luego abra el efecto de rectángulo existente y edítelo como se muestra en la siguiente imagen. Vaya al panel Capas y use los iconos de destino para agregar las mismas propiedades para los otros dos puntos de anclaje.
Vuelva a seleccionar la ruta amarilla, céntrese en el panel Apariencia y agregue un segundo relleno con el botón Agregar nuevo relleno. Seleccione este nuevo relleno, cambie su Modo de fusión a Luz suave, baje la Opacidad al 70%, agregue el degradado lineal que se muestra a continuación y vaya a Efecto> Ruta> Ruta de desplazamiento. Ingrese una compensación de -3px y haga clic en Aceptar. Manténgase enfocado en el panel Apariencia, agregue un trazo para esta forma, hágalo negro y 1 pt de ancho. El cero amarillo de la imagen de gradiente representa el porcentaje de opacidad.
Asegúrese de que su ruta de vector amarillo aún esté seleccionada y enfóquese en el panel Apariencia. Seleccione el relleno amarillo y vaya a Efecto> Ruta> Ruta de desplazamiento. Ingrese un Desplazamiento de 0.5px, haga clic en Aceptar y vaya a Efecto> Distorsionar y transformar> Transformar. Ingrese los datos que se muestran a continuación, haga clic en Aceptar y regrese al panel Apariencia. Agregue un segundo relleno para esta forma, arrástrelo en la parte inferior del panel Apariencia y establezca su color en R = 255 G = 242 B = 77. Vuelva a seleccionar su ruta "V", asegúrese de que no esté seleccionado ningún relleno o trazo (en el panel Apariencia) y vaya a Efecto> Estilizar> Sombra. Ingrese los datos que se muestran en la ventana izquierda, haga clic en Aceptar y vaya a Efecto> Estilizar> Sombra. Ingrese los datos que se muestran en la ventana derecha y haga clic en Aceptar.
Vaya a Editar> Preferencias> General y configure el Incremento del teclado en 0.25px. Usando la herramienta Rectángulo (M), cree un cuadrado de 12px, llénelo con R = 203 G = 203 B = 203 y duplíquelo (Control + C> Control + F). Seleccione esta copia y presione la flecha izquierda y la flecha hacia arriba una vez para moverlo 0.25px hacia arriba y hacia la izquierda. Vuelva a seleccionar ambas casillas, abra el panel de Pathfinder y haga clic en el botón Minus Front. Seleccione la ruta resultante, conviértala en un patrón y luego elimínela del panel Capas.
Con la herramienta Rectángulo (M), cree una forma del tamaño de su mesa de trabajo, rellénela con R = 250 G = 250 B = 250 y luego envíela a la parte posterior (Mayús + Control + [).
Vuelva a seleccionar el rectángulo hecho en el paso anterior, enfóquese en el panel Apariencia y agregue un segundo relleno. Selecciónalo, agrega el patrón hecho en el doceavo paso y listo..
Ahora tu trabajo está hecho. Aquí es cómo debe verse. Espero que estés inspirado para participar en nuestro reciente Taller Tuts +: Desafío de diseño alfabético.
Accentsconagua