Cree un divertido efecto de caleidoscopio en Adobe Illustrator

Lo que vas a crear

Anteriormente le mostré cómo crear un efecto reflejado, usando el panel Apariencia y el efecto Transformar. Sin embargo, es hora de mejorarlo y aprender a crear un efecto de caleidoscopio.. 

Una vez que hayas aprendido a crear este efecto, será uno de esos trucos con los que disfrutarás jugando ... incluso si no creas algo productivo en el proceso.!

1. Crea tus guías

Paso 1

Antes de comenzar, deberá calcular cuántas veces necesitará reflejar un segmento. Voy a tener un segmento reflejado y luego ese par se reflejará ocho veces. Esto significa que en total, tendré 16 segmentos en mi diseño. Por supuesto, solo tendré que trabajar en un segmento y se repetirá en un círculo.

Para ayudarme a configurar el área de trabajo y facilitar el trabajo dentro de una forma controlada, voy a crear algunas guías para trabajar. 

Habilitar Guías inteligentes (Control-U). Esto te ayudará mucho durante el proceso.. 

Como el efecto tendrá 16 segmentos, dibujaré un polígono de 16 lados con el Herramienta de polígono. Haga clic una vez en el lienzo e ingrese los ajustes a continuación.

Paso 2

Voy a dibujar líneas rectas a través de la forma usando los puntos como guías, sin embargo, deseo tener una línea vertical y horizontal que pase por la forma. Voy a necesitar girar nuestra forma para que haya puntos en la parte superior, inferior y laterales.. 

Seleccione su forma y luego abra la Transformar panelVentana> Transformar). Ahora puedes calcular los grados exactos por los que deseas rotar tu forma o dejar que Illustrator haga el trabajo por ti. Como deseo rotar la forma medio lado, entrar en el Girar campo 360/32. Esto se debe a que hay 360 grados en un círculo completo y hay 16 lados en la forma, por lo tanto, rotar por medio lado sería el doble de la cantidad de lados que tenemos ... lo que es 32. 

Luego terminarás con puntos de anclaje en la parte superior, inferior y laterales. La teoría es que cada uno de tus guías pase por las esquinas..

Paso 3

Ahora vamos a empezar a dibujar líneas a través de la forma. Utilizar el Herramienta de segmento de línea (\) y mantener pulsada la tecla Alt y arrastra tus líneas. Esto arreglará tus líneas en ángulos de 45 grados.. 

Etapa 4

Para agregar con precisión líneas entre las que tenemos, vamos a usar el mismo truco con el Transformar panel. 

Primero duplica tus líneas y luego en el Girar campo ingresar 360/16. Estamos deseando rotar nuestras líneas por un segmento. Hay 16 segmentos.

Y allí tendrás tus líneas en cada punto. Los he coloreado para mostrarte el duplicado y las líneas originales..

Paso 5

Ahora para establecerlos como guías. Bloquea tu forma de 16 lados y selecciona tus líneas. Entonces sube a Ver> Guías> Hacer guías. Sorpresa, sorpresa, tus líneas ahora se convertirán en guías. Esto lo hace más fácil cuando estás trabajando con Guías inteligentes.

2. Crea tu efecto caleidoscopio

Paso 1

Ahora que tenemos nuestros guías, comencemos a armar nuestro efecto. 

Para facilitar las cosas, use la Herramienta Pluma (P) Para rellenar uno de tus segmentos. Constrúyalo a partir de líneas rectas (haga clic para crear puntos, sin curvas) y rellénelo con un punto bajo. Opacidad. Estoy usando 20%

Cuando estás jugando con el Transformar efecto, usa un bajo Opacidad porque entonces verás cualquier duplicado superpuesto que hayas creado.

Paso 2

La clave para este efecto es que lo vamos a aplicar a la capa en sí, no al objeto. Al aplicarlo a la capa, influye en todo lo que contiene. Por lo tanto, puede dibujar tantas formas como desee y se beneficiará del efecto caleidoscopio..

Así que primero selecciona tu capa. Usted debe tener el Capas y Apariencia panel como el de abajo.

Paso 3

Con la capa seleccionada, sube a Efecto> Distorsionar y transformar> Transformar.

Marque la casilla Reflejar x. Esto se debe a que primero estamos reflejando nuestro triángulo en el eje X. Entonces entra 1 en el Copias campo. Esto se debe a que solo hay un duplicado. Luego, en los nueve cuadrados de la parte inferior, selecciona el punto central izquierdo. Esto es porque queremos reflejar en el lado izquierdo medio.

Marque la Avance para asegurarse de que puede ver su triángulo reflejado en los segmentos superiores. Una vez que estés feliz, haz clic en DE ACUERDO.

Etapa 4

Ahora que tengo dos segmentos que se reflejan entre sí, quiero que esto se refleje en el resto del círculo. 

Con la capa aún seleccionada, vuelve a subir a Efecto> Distorsionar y transformar> Transformar. Serás recibido con un pop-up. Haga clic en Aplicar nuevo efecto.

Esto se debe a que estamos aplicando un efecto de transformación sobre el efecto anterior. Estamos efectivamente reflejando un espejo. Así que echemos un vistazo a la configuración que vamos a utilizar.

Esta vez no estamos reflejando nuestro segmento sino girándolo. Así que en Girar entrar 360/8. La razón por la que seleccionamos 8 es porque estamos reflejando 2 segmentos alrededor del círculo ... 16/2 son 8 segmentos. Esto funciona a 45 grados..

Luego, para nuestros nueve puntos, seleccione el punto medio inferior. Esto se debe a que con las formas que tenemos en nuestra sección de 2 segmentos, es el punto central inferior que está en el centro de nuestro círculo.

Entonces en Copias, entrar 7. Esto es porque queremos duplicar nuestro original 7 veces, dándonos 8 segmentos. Haga clic en DE ACUERDO una vez hecho.

Si estás experimentando con el reflejo, tu 20% de opacidad Segmento te ayudará en la cantidad de copias que selecciones. Si selecciona demasiados, los segmentos se superpondrán y verá áreas más oscuras en su círculo. Buen truco eh?!

Así que este es el aspecto que tendrán su panel Apariencia y el panel Capas ahora:

3. Experimenta con tu caleidoscopio vectorial

Paso 1

Aquí es donde realmente comienza la diversión. Una vez que haya hecho su efecto de caleidoscopio, es hora de jugar con él. Voy a mostrarte algunas cosas que puedes hacer con este efecto antes de mostrarte cómo crear un disco de vidrio de color..

El primer ejemplo es de jugar con el Herramienta de pincel de burbujas (Shift-B). Acabo de dibujar líneas, curvas y puntos. Sin planificación alguna, solo garabatos! Puedes ver de principio a fin el doodle completo.. 

Si vieras las formas que creé para este garabato, verás lo poco que se usó realmente ... ah, la diversión de un caleidoscopio!

Paso 2

En este ejemplo, utilicé el Herramienta Pluma (P) Para dibujar la mitad de un pétalo de flores. Dupliqué la forma y la modifiqué con el Herramienta de selección directa (A). Entonces creé un Mezcla de las formas (Control-Alt-B). Añadí un nuevo pétalo modificado al final..

Ahora seguí mostrando las guías para poder ver dónde dibujar mi medio pétalo. Vale la pena mantener esas guías para permitirle hacer diseños más constructivos como este..

Paso 3

Ahora el siguiente ejemplo es simplemente para mostrar cómo puede editar lo que haya puesto en su caleidoscopio vectorial. Acabo de usar el Tipo de herramienta (T) y luego la Herramienta de transformación libre (E) para modificar el ángulo del texto.

Básicamente, puedes hacer un efecto de caleidoscopio a partir de cualquier cosa que pongas en tu capa que contiene estos Apariencia Atributos del panel. Sigamos adelante para hacer algo bonito..

4. Crear un efecto de vidrieras rápido

Paso 1

Ahora que ha configurado su efecto de caleidoscopio, haremos un rápido efecto de vidriera con el uso del Herramienta Pluma (P), Herramienta Elipse (L) y Herramienta de gradiente (G).

Crear nueva capa sobre su capa de caleidoscopio y dibuje un círculo con la Herramienta Elipse (L) y un Peso del movimiento 10pt. Mantener pulsado Alt-Shift para crear un círculo parejo desde el centro.

Paso 2

Luego con el Herramienta Pluma (P) Voy a usar las guías para dibujar dentro de un segmento en la capa del caleidoscopio. Con Guías inteligentes (Control-U) habilitado, esto hará que sea más fácil mantenerse a lo largo de las líneas de guía y evitar que se solape. 

Una vez que hayas cerrado la forma, establece el Peso del trazo a 5 puntos y Alinear a Stoke con el interior mediante el Carrera panel.

Paso 3

He creado un diseño de vitrales que me recuerda a un sol o una flor en el centro y luego las hojas salpican el borde. Así que vamos a colorear estas formas para representar eso.

Voy a usar una de las muestras de las muchas bibliotecas de Illustrator. Así que en el Muestras el panel entra en el menú desplegable y ve a Abrir bibliotecas Swatch> Gradientes> Gemas y joyas

En la capa de caleidoscopio, comience a dibujar sus formas para completar las áreas del segmento. La primera será para la flor en el centro. Lo he llenado con el gradiente de "citrino". Lo he cambiado a un Gradiente radial en el Gradiente panel y luego utilizó el Herramienta de gradiente (G) para mover la fuente del gradiente al centro del diseño.

Etapa 4

Duplica la forma que creaste, que hizo el contorno de la flor y las hojas. Elimine el color del trazo y rellénelo con el degradado "Aguamarina". 

Paso 5

Luego, para las formas de licencia, dibujé la mitad de cada forma en la capa del caleidoscopio y las rellené con el gradiente "Peridot". Utilizando la Herramienta de gradiente (G), He inclinado el gradiente para crear formas de "V" en la hoja.

Gran trabajo, ya estás hecho!

Ahora su diseño de vidrieras está completo! Si desea ver los ejemplos que he hecho o este resultado final, no dude en descargar el archivo fuente. También incluye los atributos para el panel Apariencia para que puedas probar tu propio efecto de caleidoscopio vectorial. Siéntase libre de compartir su diseño en el área de comentarios a continuación, me encantaría verlos.