Share
Aprenda a usar la función de pintura en vivo, los estilos gráficos y el efecto de transformación de Illustrator mientras crea una diana realista. Todas las funciones utilizadas en este tutorial de nivel intermedio se encuentran en Illustrator CS2 y versiones posteriores.
A continuación se muestra la imagen final en la que trabajaremos. ¿Desea acceder a los archivos completos de Vector Source y las copias descargables de cada tutorial, incluido este? Únete a Vector Plus por solo 9 $ al mes.
Dibuje un círculo perfecto con la herramienta Elipse (L), haciendo clic una vez en la mesa de trabajo e ingresando 8 pulgadas en los campos Ancho y Alto. El peso y el color del trazo no importan en este punto.
Con el círculo seleccionado, haga doble clic en la herramienta Escala. Seleccione Uniforme, ingrese 75% y haga clic en Copiar. Con el nuevo círculo seleccionado, escalar y copiar una vez más, esta vez ingresando 95%. Haga esto cuatro veces más, ingresando estos valores: 65%, 92%, 15% y 50%. Los círculos concéntricos resultantes deberían verse como la imagen de abajo..
Active las guías inteligentes (Ver> Guías inteligentes). Con la herramienta Segmento de líneas (\), dibuje una línea vertical desde el centro de los círculos hasta más allá de la parte superior del primer anillo interior. Mantenga presionada la tecla Mayús para restringir la línea a 90 °. Las Guías inteligentes le darán indicaciones visuales cuando se encuentre en el punto central y cuando su línea se encuentre / intersecte con la trayectoria del círculo.
Con la línea seleccionada, vaya a Efecto> Distorsionar y transformar> Transformar. Gire la línea 19 veces, para un total de 20. Ya que 360 grados (un círculo) dividido por 20 (el número de segmentos) es 18, ingrese 18 ° en el campo Ángulo. Asegúrese de hacer clic en el punto central inferior en el proxy del punto de referencia, de modo que la línea gire desde su punto inferior. Marque la casilla Vista previa para asegurarse de que se parece a la imagen de abajo.
Vaya a Objeto> Expandir apariencia. El resultado serán 20 líneas individuales, rotadas alrededor del punto central. Esta es la estructura básica de tu tablero de dardos..
Ahora es el momento de colorear. Antes de eso, sin embargo, haga una copia de los contornos de la diana. Primero haz una nueva capa en el panel Capas. Seleccione las rutas, mantenga presionada la tecla Alt y arrastre el proxy (cuadrado de color pequeño) hasta la nueva capa para hacer una copia. Oculta esa capa por ahora.
Antes de colorear la diana, elige una paleta de colores para tu ilustración. He usado estas muestras, que se aproximan a la combinación de colores de un tablero de dardos tradicional. Cree un nuevo grupo de colores a partir de las muestras seleccionándolos en el panel Muestras y haciendo clic en el icono Nuevo grupo de colores. También puede crear un nuevo Grupo de colores a partir de los objetos seleccionados en su ilustración. Haga clic en el menú desplegable del Panel de colores, elija Nuevo grupo de colores, luego marque el botón Ilustraciones seleccionadas.
Ahora seleccione la estructura de la diana. Si se trazan los trazados, cámbielos a un relleno y trazo de ninguno. Elija la herramienta Live Paint Bucket (K). Verás tres pequeñas muestras de colores sobre el cubo de pintura. Por defecto, esas muestras serán ninguna, blanca y negra. Si su grupo de colores se seleccionó de antemano, las muestras se rellenarán con las del grupo de colores. Así que asegúrate de que puedes ver tres de los colores que creaste previamente.
Haga clic dentro de los contornos de la diana para convertirlos en un grupo de pintura en vivo. Ahora, cuando se desplaza sobre cada segmento, aparece una línea de resalte gruesa alrededor de la forma. Haz clic una vez con el Cubo de pintura para rellenar esa forma de color. Para cambiar a un color adyacente, presione la tecla de flecha izquierda o derecha.
Continuar rellenando cada forma, o "cara". CONSEJO: para el blanco, puede arrastrar el Cubo de pintura a través de múltiples caras para pintar más de una a la vez.
Tu tablero de dardos de colores debe verse como la imagen de abajo..
Para hacer los cables que separan los campos de colores en la diana, primero crearemos un estilo gráfico. Dibuja una línea recta corta. Dale un trazo de .5 puntos y un color de 5% negro. Seleccione la tapa redonda en el panel Trazo (icono central al lado del campo Peso).
Seleccione el trazo, luego desde el panel de Apariencia, elija Agregar nuevo trazo.
Cambie el ancho del trazo inferior a 2 puntos y haga que su color sea 40% negro (en CS4, estas modificaciones se pueden hacer directamente en el panel Apariencia). Tu línea de doble trazo debería verse como la imagen de abajo
Arrastre la línea de doble trazo al panel Estilos gráficos para crear el nuevo estilo. Si lo desea, puede hacer doble clic en su miniatura y darle un nombre.
¿Recuerda la copia de los contornos de la diana que hizo en la parte 1? Muéstralo y selecciónalo, luego haz clic en el nuevo estilo gráfico para aplicarlo a las líneas..
No queremos que las líneas radiales se junten en el centro, donde está la diana, así que tome la herramienta Tijeras (C) y recorte el exceso. Use la Herramienta de selección directa (flecha blanca) para seleccionar y eliminar los bits adicionales.
Ahora debería tener una capa con la diana de color y otra capa que contenga los separadores de cables. La ilustración debe verse como la imagen de abajo..
Seleccione todo y luego haga doble clic en la herramienta Rotar. Queremos que una sección negra se centre verticalmente, así que ingrese -9 ° (la mitad del ángulo de rotación usado en la Parte I).
Los números en una diana tradicional están hechos de alambre y parecen estar doblados a mano. Será difícil encontrar una fuente que se vea como un cable doblado, pero puede modificar una fuente existente y aplicarle el estilo gráfico de cable. Aquí he usado VAG Rounded, siguiendo estos pasos:
Hacer todos los dígitos y colocarlos en la diana es un proceso tedioso. Puede acelerarlo un poco escribiendo la secuencia numérica en una ruta circular. Primero, dibuja un círculo. Haga clic en la ruta con la herramienta Tipo en una ruta, y escriba esta secuencia, insertando un tabulador entre cada una. Ingrese estos números: 20, 1, 18, 4, 13, 6, 10, 15, 2, 17, 3, 19, 7, 16, 8, 11, 14, 9, 12 y 5. El tipo en una ruta La herramienta puede ser un poco complicada, pero con unos pocos intentos, entenderás cómo funciona..
Una vez que los números están espaciados uniformemente alrededor de su círculo, puede escalarlos para que se ajusten a la diana, luego delinear los caracteres, aplicar el estilo de Alambre y modificar las rutas como se indicó anteriormente. La ilustración está casi terminada y ahora debería verse como la imagen de abajo..
Ahora solo 5 minutos más para darle a tu tablero de dardos un aspecto acabado. Aquí hay algunas sugerencias: Escale el anillo de alambre exterior ligeramente, para que parezca que los números están conectados a él. Use la Herramienta de selección de grupo (flecha blanca con un signo +) para seleccionar solo el círculo exterior, luego cambie a la Herramienta de selección (V) para escalarla. Añade una sombra a los cables para darles un poco de dimensión..
Agregue un degradado sutil a los campos de colores para dar una sensación de iluminación. Además, agregue una sombra paralela o una elipse borrosa en la parte posterior de la diana para obtener una apariencia general de profundidad. La ilustración final está abajo..
Suscríbase a Vectortuts + RSS Feed para estar al día con los últimos tutoriales y artículos de vectores..
Accentsconagua