Cómo hacer un diseño de aurora boreal en Illustrator

Para recrear los patrones de luz de la aurora boreal, probablemente recurrirías a los filtros y efectos de Photoshop. Sin embargo, si utilizas Illustrator, no solo conseguirás un resultado final impresionante, sino que también te beneficiarás de la flexibilidad de trabajar con vectores. Este es un tutorial de nivel intermedio que te recompensa con un atractivo fondo de escritorio, ¡por tus esfuerzos!

Paso 1: Comienza el fondo

Comenzaremos haciendo nuestro fondo para el cielo nocturno. Coloca un rectángulo de 1680 píxeles por 1050 píxeles en tu mesa de trabajo y dale el color #151121.

Paso 2: Malla de fondo

Selecciona la herramienta Malla de degradado y haz clic tres veces en tu rectángulo para segmentarlo en doce áreas.

Los números, las dimensiones y los colores a lo largo de este tutorial son arbitrarios, utiliza los valores que te plazcan. ¿Has visto alguna vez que la aurora boreal se ve idéntica en dos fotos diferentes?

Paso 3: Degradados de fondo

Recrea los colores que ves a continuación haciendo clic en la herramienta Selección directa y seleccionando cada punto de malla individualmente. Una vez seleccionado, se puede modificar el color, la posición y los tiradores de un punto de malla.

Para más detalles sobre la herramienta Malla, echa un vistazo al tutorial de Rype "Cómo crear un gráfico vectorial de luz abstracta brillante".

Si quieres replicar estos colores con exactitud, aquí tienes una paleta de muestra.

Paso 4: Las estrellas

De momento hemos terminado nuestro fondo, ahora vamos a concentrarnos en colocar unas cuantas estrellas alrededor.

Haz un círculo con la herramienta Elipse, luego cópialo y pégalo en su lugar (Comando + C, Comando + F). Con el nuevo círculo seleccionado, ve a Objeto > Transformar > Escalar, y escálalo al 25%. Dale una transparencia Normal del 40% y píntalo con #F2D0DC. Selecciona el círculo original, utiliza Sobreexposición de color, con transparencia del 0%, y píntalo con el color #E52266.

Paso 5: Fusión

Selecciona ambos círculos y ve a Objeto > Fusión > Opciones de fusión. Elige Pasos especificados en el menú desplegable e introduce 25 como cantidad, luego haz clic en Aceptar. Ahora ve a Objeto > Fusión > Crear.

Paso 6: Centro brillante

Utiliza la herramienta Selección directa y haz clic en el centro del círculo más pequeño. Copia y pega en su lugar (Comando + C, Comando + F). Ahora dale al círculo resultante una Opacidad Normal del 90% y colócalo en blanco (#FFFFFF).

Paso 7: Verifica la estrella

Coloca lo que ha sido tu primera estrella sobre el fondo oscuro para comprobar que la transparencia y la fusión han dado el resultado que querías.

Paso 8: Colores alternativos

Repite esto varias veces, creando una pequeña colección de circulos fusionados, todos con colores diferentes.

Paso 9: La vía láctea

Copia y pega (Comando + C, Comando + V) tus estrellas, colocándolas al azar alrededor de tu fondo. Modifica la opacidad y la escala a medida que avanzas. Una vez colocadas, agrúpalas (Comando + G).

Paso 10: Prepara una máscara de opacidad

Haz un rectángulo sobre tus estrellas agrupadas, luego con la herramienta Degradado haz un degradado similar al que se muestra a continuación. Debe ir de blanco a negro verticalmente y comenzar bastante abajo del rectángulo.

Paso 11: Selecciona los objetos

Con tu rectángulo degradado seleccionado, ve a Seleccionar > Siguiente objeto debajo. Esto seleccionará el objeto directamente debajo de tu rectángulo degradado. Ahora mantén presionada la tecla Mayúsculas y selecciona también el rectángulo. Ahora deberías tener las estrellas agrupadas y el rectángulo degradado seleccionados.

Paso 12: Haz una máscara de opacidad

Haz clic en el menú del panel Transparencia y selecciona Crear máscara de opacidad.

Las estrellas habrán adquirido una máscara difuminada mediante la cual brillan completamente a través de lo que era blanco en tu rectángulo y se vuelven invisibles detrás de lo que era negro. Todo lo que está en medio aparece con la claridad adecuada. Tus estrellas serán menos visibles hacia el fondo del cielo.

Paso 13: Tu Aurora (Intenta decir eso un viernes por la tarde)

Bien, ya nos hemos ocupado de nuestro cielo nocturno y de las estrellas que lo adornan. Ahora es el momento de abordar los efectos de luz. Comienza haciendo un rectángulo de más o menos las proporciones que se muestran a continuación y cuyo color sea el púrpura #130119.

Paso 14: Malla de degrado

Mientras no hay objetos seleccionados, establece un color de #7CA491 en tu barra de herramientas, luego selecciona la herramienta Malla de degradado. Haz clic en el rectángulo que acabas de crear más o menos donde se muestra para crear un punto de malla con el color que acabas de elegir.

Paso 15: Muchos puntos de malla

Ve a lo largo del trazado horizontal de la malla existente con la herramienta Malla de degradado y añade unos veinte puntos nuevos. Todos ellos heredarán automáticamente el color del primero.

Paso 16: Más puntos de malla

Esto se está volviendo un poco complicado (como dijo Sean Connery una vez), pero hay que hacer un último trazado de malla antes de empezar a colorear nuestra luz. Colócalo más o menos a medio camino entre la parte superior e inferior de tu rectángulo para obtener el siguiente resultado.

Paso 17: Picos y valles

Habiendo completado la malla, toma tu herramienta Selección directa, y levanta uno por uno algunos de los puntos de la malla para crear picos. Esto es, de nuevo, completamente aleatorio y depende de ti cuántos subes o bajas y hasta dónde.

Paso 18: Colorea los puntos de malla

Selecciona puntos de malla individuales o grupos en el primero de los trazados horizontales de malla que has creado y altera sutilmente su color. Estamos tratando de crear movimiento con este efecto, así que trata de dar la impresión de que las áreas se alejan o se acercan.

De nuevo, aquí tienes una paleta de muestra de los colores de este ejemplo, por si lo necesitas.

Paso 19: Distorsión de envolvente

Necesitamos crear ondas en nuestro objeto como sugerencia final de movimiento. Probablemente sea posible alterando los tiradores de los puntos de la malla, pero no nos será fácil. En lugar de ello, dirigimos nuestra atención a la función Distorsión de envolvente de Illustrator.

Mantén tu objeto de malla seleccionado y ve a Objeto > Distorsión de envolvente > Crear con malla. Hay varias maneras de manipular un objeto con Distorsión de envolvente, de esta manera se añadirá una nueva malla sobre tu rectángulo con tantos puntos como determines.

Paso 20: Define el envolvente

En el cuadro de diálogo Malla del envolvente, elige con cuántas filas y columnas quieres trabajar, luego haz clic en Vista previa para hacerte una idea de cómo quedará. En este caso, no me he complicado mucho y usé sólo dos filas, pero cuantos menos puntos de malla modifiques, más suave será la forma resultante.

Paso 21: Escala

Antes de añadir las ondas, vamos a escalar el rectángulo para dispersarlo por el cielo en un solo paso. Selecciona la herramienta Escala, luego haz clic en el lado izquierdo o derecho de tu objeto de malla de envolvente, y arrastra para escalarlo, como se muestra a continuación. Mantén pulsada la tecla Mayúsculas mientras lo haces para asegurarte de que los picos y los valles permanecen verticales, no es esencial pero ayuda al efecto final.

Paso 22: Distorsión

Después de haber trabajado con objetos de Malla de degradado, esto será una tarea muy sencilla. Con la herramienta Selección directa, modifica los puntos de la Malla de envolvente individualmente o en grupos para crear formas onduladas suaves. Dobla los tiradores de cada punto e intenta crear un movimiento consistente en el objeto. Imagina que estás moviendo el objeto hacia arriba y hacia la izquierda.

Paso 23: Desenfoque

Ya comienza a tomar forma.

Con tu rectángulo distorsionado, escalado, coloreado y con malla seleccionado, ve a Efectos > Desenfocar > Desenfoque gaussiano. En el diálogo que aparece, elige la cantidad de desenfoque que quieres. En mi caso, 3 píxeles está bien, pero puedes comprobar el aspecto que tendrá tu objeto en el panel de vista previa y ajustarlo según te convenga.

Nota: Si quieres imprimir la imagen resultante tendrás que asegurarte de que el desenfoque se rasteriza con una resolución alta. Por defecto, el desenfoque se rasterizará a 72 ppp para optimizar el tiempo de procesamiento, pero para fines de impresión es probable que necesites 300 ppp. Ve a Efectos > Ajustes de efectos de rasterizado de documento para modificar esto.

Paso 24: Transparencia y posición

Dale a tu objeto una transparencia Aclarar, luego escálalo y colócalo sobre el fondo y las estrellas. La transparencia Aclarar de tu objeto hará que desaparezcan las zonas más oscuras de lo que hay debajo. Te quedarás con las ondas fluorescentes y las estrellas brillando a través de ellas.

Paso 25: Toques finales

Haz una Aurora secundaria (quizás más pequeña, menos opaca y más borrosa) y colócala en algún lugar entre tus objetos. Agrupa todo y coloca encima un rectángulo de 1680 px por 1050 px. Selecciona todo y presiona Comando + 7 para usar este rectángulo como máscara de recorte.

Conclusión

¡Ya está! Después de seguir estos veinticinco pasos concisos, ¡deberías tener algo atractivo y único con lo que decorar tu escritorio! No es de extrañar que la gente inteligente de Apple haya reconocido la estética de las auroras en su último lanzamiento de OSX. La versión más grande está disponible aquí.

Suscríbete al canal RSS de VECTORTUTS para estar al día de los últimos tutoriales y artículos sobre vectores.