Aprende a crear radiales de dos tonos y gráficos

Hay muchos tipos de patrones radiales, y me resulta útil tener a mano algunos de los tipos más comunes. Les mostraré cómo hacer dos tipos de radiales: radiales de dos tonos y el tipo que tiene un elemento repetitivo, o lo que yo considero radiales gráficos. Este tutorial es para el artista principiante de Adobe Illustrator..

Vista previa de la imagen final

Para empezar echemos un vistazo a la imagen que vamos a crear..

Introducción

Antes de comenzar, tenga en cuenta que hay otra forma de hacer radiales. Implica tomar una línea recta e ir a Efectos> Transformar, averiguar cuántos radios desea y dividir ese número por dos (porque tiene una línea girada) norte veces), y luego dividiendo ese número por 360 para obtener el ángulo con el que quieres rotar tu línea.

Si está creando un gráfico radial, se aplica un proceso similar, pero luego debe tener en cuenta qué tan amplia es su imagen, cuánto quiere compensarla y si decide que no le gusta ese efecto particular y desea Para usar una imagen diferente, tienes que volver a empezar..

Esto hace que mis pequeñas neuronas duelen. Mi método consiste en contar. Y algunos conocimientos de Illustrator. Vamos a poner este dato particular de conocimiento en esas células cerebrales tuyas, bien?

Paso 1

Cree un nuevo documento, cualquiera de los dos ajustes de color está bien. Estoy trabajando en una orientación de paisaje. Considero que 8.5 "x 11" es un tamaño útil para diseñar. Originalmente aprendí a dibujar en papel de tamaño estándar y estoy acostumbrado a esa proporción. Además, si se encuentra imprimiendo estos por cualquier motivo, no tiene que tomarse el tiempo adicional para prepararlo para la impresión, lo cual es práctico..

Paso 2

Elija la herramienta de línea, o presione la tecla \ en su teclado. Dibuja un número impar de líneas verticales; Voy a explicar por qué específicamente un número impar en un poco. Para mantener sus líneas verticales, mantenga presionada la tecla Mayús mientras arrastra. Esto te restringirá a ángulos de 90 y 45 grados..

Encuentro que la forma más fácil de hacer un seguimiento de cuántos duplicados terminas haciendo es hacer uno. Mantenga presionada la tecla Opción y comando mientras arrastra para duplicar tres más. Luego duplica esos cuatro hasta que acabes con aproximadamente cuántos se necesitan. Luego simplemente oprima Opción + Comando y arrastre una sola instancia para crear una extra para hacer un número impar.

La cantidad que hagas determinará cuántos radios hay en tu radial. ¡Di eso cinco veces rápido (que cinco veces rápido)! Para este ejercicio hice 33 (4 x 8 + 1)..

Paso 3

Espacie la primera y la última línea para que estén entre espacio suficiente para separarse uniformemente sin tocar. La distancia exacta no es tan importante, porque vamos a convertir esto en un Pincel Artístico, que los separará a lo largo del camino al que se aplica el pincel. En primer lugar, vamos a igualar un poco, bien?

Levanta tu paleta Alinear. Por lo general, se agrupa con las paletas Transformar y Explorador, pero si aún no lo tiene, puede encontrarlo en Ventana> Alinear. Seleccione sus líneas y elija Alinear arriba, el tercer botón de la derecha a lo largo de la fila superior. A continuación, seleccione Centro de distribución horizontal, el segundo botón desde la derecha a lo largo de la fila inferior. Ahora tenemos una serie de líneas de nivel uniformemente distribuidas..



Etapa 4

Ahora vamos a convertir nuestras líneas en un pincel artístico. Seleccione la última línea de la serie y establezca su trazo en vacío. Luego arrastre todas las líneas a su paleta de pinceles. Si no está abierto, puedes encontrarlo en el mismo lugar donde encontramos la paleta Alinear, solo se llama Pinceles. Agradable de la gente en Adobe para alfabetizar la lista, no?

Aparecerá una ventana titulada Nuevo pincel, con las opciones de Pincel de dispersión, Pincel artístico o Pincel de patrón disponibles para nosotros. Elige New Art Brush y pulsa OK. Asegúrese de que la flecha apunte a lo largo de los pinceles horizontalmente, no verticalmente.

En general, me gusta poder cambiar el color de mis pinceles, así que vaya a la sección de colorización y elija Tintes en el menú desplegable junto a la palabra Método; Al contrario de los rumores, es posible colorear pinceles negros; sólo mira los estándares. Del mismo modo, si olvida realizar este paso, siempre puede hacer doble clic en la miniatura del pincel en la Paleta de pinceles, y eso hará que vuelva a aparecer este cuadro de diálogo..


Paso 5

Tada! Ahora tenemos un pincel! No es spiffy? Todo en la paleta de pinceles y todo. Coge la herramienta Elipse, está debajo de la herramienta Rectángulo, o pulsa L para el atajo en tu teclado. Recomiendo encarecidamente acostumbrarse a usar accesos directos, hace que todo fluya mucho más rápido. Por supuesto, puede llevar a ciertas personas a hablar sobre el uso del Herramienta N (lápiz) y perder a algunas personas en una conversación, pero esa es una historia diferente.

Use la herramienta elipse para crear un círculo manteniendo presionada la tecla Mayús mientras arrastra hasta una circunferencia apropiada. ¡Perfecto! Ahora haga clic en la imagen de nuestro pincel en la Paleta de pinceles para aplicarla, y ahora deberíamos tener 32 líneas espaciadas uniformemente.

Si, en cambio, tiene la segunda imagen, no vació la última línea en el Paso 4. Elimine ese pincel para evitar confusiones y vuelva y vuelva a hacerlo. Al vaciar el trazo, actúa como un espaciador para el pincel cuando se repite alrededor de un objeto como lo estamos haciendo aquí..


Paso 6

Con nuestro círculo trazado aún seleccionado, vaya a Objeto> Expandir apariencia. Ahora tendrás un círculo vacío con nuestras líneas en un círculo a lo largo de él, pero ahora es todo el camino. Vaya a Objeto> Desagrupar o presione Comando + Mayús + G en el teclado para lograr lo mismo.

Las líneas que componían el pincel artístico todavía están agrupadas, pero el círculo ya no está agrupado con ellas. Seleccione el círculo vacío y elimínelo. Prefiero dejar las líneas agrupadas porque para seleccionarlas todas, solo tengo que hacer clic en una parte con la herramienta de selección (V).

Paso 7

Ya que les muestro dos trucos ingeniosos para hacer con estos, dupliquen nuestras líneas y reserven uno de ellos para más adelante. Regresaremos a ello. Elija la flecha blanca, que es la herramienta de selección directa (A). Use eso para seleccionar dos puntos finales de dos de nuestras líneas. Vaya a Objeto> Ruta> Unirse, o presione Comando + J. Repita esto todo el tiempo.

Paso 8

Aquí es donde debes darte cuenta por qué especifiqué un número impar de líneas para comenzar. Si comenzó con un número par, se sacrificó uno en nombre del espaciado y ahora tiene un número impar para unir los extremos.

Quiero decir, no es necesariamente malo, si buscas hacer una flor estilizada o algo así, y para la segunda mitad de este tutorial no es un problema en absoluto, pero para este proyecto en particular es Sockeye. Vaya a agregar otra línea al estado de pre-cepillado, asegúrese de que esté igual que antes y vuelva a hacerlo. Solo toma unos segundos; esperaré.


Paso 9

Seleccione nuestra forma casi terminada y haga clic en el botón de flecha de doble finalización Cambiar por el área de trazo y relleno en la paleta de herramientas (Mayús + X) para intercambiar el trazo por el relleno. Podríamos dejarlo así, pero de buena forma me gusta cerrar las formas rellenas. Cambiar el trazo hace que sea más fácil evitar crear accidentalmente un largo camino en zigzag, en lugar de dieciséis..

También me resulta más fácil hacer zoom para esta parte. Repasemos tres maneras de acercar o alejar la imagen:

  1. El comando y el signo más para entrar, el comando y el signo menos para salir.
  2. Mantenga presionada la barra espaciadora de Comando + para hacer clic. Mantenga presionada la barra espaciadora + Comando para hacer clic (o puede hacer clic y arrastrar).
  3. Con la herramienta de zoom (Z), mantenga presionada la tecla Alt para salir y úselo de la misma forma que el segundo método. Y, por supuesto, mantén presionada la barra espaciadora para hacer clic y arrastrarte por el lienzo, pero apuesto a que ya lo sabías.

Paso 10

De todos modos, igual que con el anillo exterior de los puntos finales: seleccione dos, únalos y continúe hasta el final. ¡Vuelve atrás y esta está lista! Ponlo a un lado, y vamos a trabajar en la otra pieza ahora.

Paso 11

Usando la herramienta Elipse, haga un óvalo largo y delgado, como en la imagen. Ahora seleccione la herramienta Pluma y mantenga presionada la tecla Alt; Esto hará que su cursor se vea como un v anguloso; y se utiliza para manipular los controladores en un punto. Úselo para hacer clic en el punto en el lado izquierdo del óvalo, para cambiarlo a un punto sin manijas. Suelte la tecla Alt y vuelva a agarrar la herramienta Selección directa. El atajo es mantener presionada la tecla Comando..

Úselo para seleccionar los dos puntos en el medio y arrástrelos hacia la derecha, mientras mantiene presionada la tecla Mayús para mantenerlos en línea recta horizontal, en lugar de desplazarse. Trate de no tener que sumergirse al final al tirar demasiado; Queremos un final ovalado. Agarre el punto final izquierdo y, mientras mantiene presionado Shift, arrástrelo hacia afuera de los otros tres para hacerlo un poco más largo..

¡Bueno! Ahora tenemos una forma de lágrima larga y delgada en su lado. Conviértalo en una forma rellena y conviértalo en un Pincel artístico, igual que en el Paso 4. Arrástrelo a la Paleta de pinceles, seleccione Pincel artístico y presione Aceptar.



Paso 12

Seleccione el círculo de líneas y haga clic en la miniatura de nuestra forma de lágrima. ¡Mira ese estallido de estrellas! Pero si quisiéramos un Starburst, hay una herramienta que lo hará de manera muy simple, en lugar de pasar por este método. Deseleccione todo y use la Herramienta de selección directa (A) para seleccionar solo los puntos finales internos en nuestro radial.

Elija la herramienta Escala (S) y, mientras mantiene presionada la tecla Mayús, arrastre en dirección diagonal para mantener nuestro círculo circular; si arrastra demasiado hacia arriba o hacia abajo, lo escalará como si solo estuviera haciendo nuestra selección más alta o más ancha.

Puede hacer esto para hacer que la abertura en el medio sea tan grande o pequeña como desee; si solo desea agrandar toda la forma, use la Herramienta de selección (V) para obtener el cuadro delimitador. A continuación, simplemente tire de una esquina para obtener el tamaño deseado. Manteniendo presionada la tecla Mayús mientras arrastras mantendrás tu forma proporcional también.


Paso 13

¡Ya casi hemos terminado! Ahora solo necesitamos una imagen focal. Mueve los originales de nuestros dos cepillos hacia un lado para sacarlos del camino. Seleccione nuestras dos formas radiales. Luego, utilizando la paleta Alinear, pulse Alinear centro verticalmente y Alinear centro horizontalmente.

Deseleccione y luego seleccione en el gráfico radial usando la Herramienta de selección (V). A continuación, agarre la herramienta Rotar (R) y arrástrela hasta que estén más o menos alineadas en el centro de los brazos de los radiales de color..

No me gusta que algunos de los brazos gráficos se superpongan con los de color; No se verán, y pueden convertirse en un problema más adelante. ¡Solución fácil! Eliminar todos los demás. Supongo que podrías arrastrarlos hacia un lado y usarlos para otra cosa, que depende de ti.


Paso 14

El cómo hacer los radiales está hecho; Ahora les voy a mostrar cómo crear la imagen de vista previa..

Encontré la imagen del gato aquí, en sxc.hu, más comúnmente conocida como Bolsa de Valores. Es un recurso de imágenes de stock gratuito que me resulta de gran ayuda. Sin embargo, tiene que tener una cuenta para descargar cualquier cosa, y no todo tiene una licencia comercial. Como dice el fotógrafo, xtrapink, es un gato de buena suerte, y está pensado para traer buenos negocios y dinero..

Guarde la imagen en su lugar de guardado en su computadora, regrese a Illustrator y vaya a Archivo> Colocar. En la ventana de diálogo, seleccione lo que sea que lo nombró y presione Place. ¡Mira lo feliz que es! Copie la imagen (Comando + C) y pegue una copia encima de sí misma (Comando + F).

Con la instancia superior aún seleccionada, vaya a Objeto> Seguimiento en vivo> Crear y expandir. Me gusta cómo se ve esto, pero también me gusta algo del color original. Use la herramienta Varita mágica para seleccionar el blanco y, en la Paleta de transparencias, suéltelo al 60% de opacidad..

Creo que el auto-rastreo en la cara del gato es un poco divertido, así que voy a arreglarlo un poco. Live Trace es una herramienta increíble, pero normalmente tienes que volver y limpiar las cosas después. Por supuesto, eso siempre depende de la apariencia que busques y de tu estilo personal, pero quiero limpiarlo, así que voy a.



Paso 15

Usando la herramienta Lápiz, dibuje un contorno alrededor del gato, sin cerrar el camino en la parte inferior. Obviamente, no tiene que ser perfecto. Lo que me gusta de la herramienta Lápiz es que puedes dibujar sobre tu línea, y cuando lo haces cambia el original.

Puede modificar cualquier camino dibujando sobre él, para el caso; ¡agrega una tableta Wacom o similar en la mezcla y tendrás una buena configuración! Además, mantener presionada la tecla Alt te dará la herramienta Suavizado, que hace lo que su nombre implica: suaviza el camino que se usa sobre.


Paso 16

Duplica tu contorno en su lugar. Con una copia seleccionada, también seleccione la imagen. Vaya a Objeto> Máscara de recorte> Crear. Esto hará que la imagen recién recortada salte al nivel de la ruta más alta, en mi caso, la segunda desde arriba. Si esto sucede, vaya a Objeto> Organizar> Enviar hacia atrás o presione Comando + la tecla del corchete izquierdo ([) hasta que se asiente bajo la imagen con seguimiento en vivo. También puedes simplemente agarrarlo en la paleta de capas y arrastrarlo a donde quieras que esté..

Paso 17

Seleccione el duplicado de la línea a lápiz y el área de fondo negro de nuestra imagen trazada. Busque la Paleta de Pathfinder (generalmente agrupada con las Paletas Transformar y Alinear, pero definitivamente bajo Windows> Pathfinder), y elija Intersectar áreas de formas. Es el segundo desde el botón derecho en la fila superior. Luego ve al final de la fila y presiona Expandir.

Cuando use las herramientas Pathfinder, la ruta resultante tomará cualquier condición de relleno o trazo que tuviera la ruta superior, que en mi caso, la ruta del contorno se configuró en un trazo y relleno vacíos. Así que sube a la paleta de colores y hazla negra otra vez..


Paso 18

Seleccione la imagen completa y vaya a Objeto> Grupo (Comando + G). Arrástrelo a los radiales que creamos y colóquelos sobre ellos. Seleccione el grupo de radiales y amplíelo hasta que se vea bien con nuestro gatito afortunado. Acabo de notar un bogey en la parte inferior de mi imagen; Si tienes uno también, deshazte de él. Otra peculiaridad de Live Trace, a veces obtienes estas piezas extrañas a lo largo de los bordes.

Paso 19

Ahora para los detalles finales! Haga un rectángulo alrededor de su imagen, donde quiera que quiera que esté el borde de su imagen. Duplícalo y envía el duplicado debajo de los radiales. Aplique un degradado haciendo clic en la imagen del degradado en la Paleta de degradado.

Si el suyo está en escala de grises, seleccione uno de los marcadores de color y vaya a la paleta de colores. Hay una pequeña flecha en un círculo en la esquina superior derecha. Haz clic en él y elige la configuración de color en la que estés trabajando. Luego elige colores que activen el lugar feliz en tu cerebro.


Paso 20

Asegúrese de que el duplicado del rectángulo sea la forma más alta y seleccione toda la imagen. Vaya a Objeto> Máscara de recorte> Crear comando + 7. Un buen toque final es agregar un borde alrededor del borde. Duplique la forma de degradado, no la llene y establezca un trazo del color que crea que se vea mejor. Luego sáquelo del grupo de máscara de recorte para que descanse en la parte superior. ¡Espesa un poco el golpe, suaviza algunos detalles menores y tada! Hecho!

Imagen final

El diseño final está abajo..

Conclusión

Lo que más me gusta de este método es que puede cambiar rápidamente la imagen en su gráfico radial. Cualquier cosa que puedas convertir en un pincel, puedes convertirte en un radial, absolutamente cualquier cosa. A continuación hay algunos ejemplos de cambios simples, aunque podrías hacer algo más radical. Intenta experimentar con esto. Además, se debe tener en cuenta que si bien los gradientes no se pueden convertir en pinceles, los objetos mezclados pueden.

Ahora que tiene un mejor conocimiento práctico de los pinceles de Illustrator y los entresijos de sus usos. Es una faceta increíblemente poderosa de las habilidades de Illustrator, y una de las más útiles de tener en el cinturón de herramientas de su diseñador. Feliz creando!