Cómo Crear un Cielo Nocturno Con Nubes Usando Adobe Illustrator & Photoshop

En éste tutorial aprenderás cómo usar la Herramienta Malla y el plugin Mesh Tormentor así como la manera de que tus imágenes luzcan mejor con alguna simples modificaciones en los parámetros de Transparencia-¡todo mientras creas una hermosa escena mística con nubes realistas!

Si quisieras saltarte éste tutorial y deseas comprar el resultado final, dirígete a GraphicRiver para comprar Fondo de Cielo Nocturno Con Luna, Nube y Estrellas.

Antes de comenzar el tutorial, deberías instalar el plugin Mesh Tormentor. Ve al sitio de Mesh Tormentor y descarga el plugin gratuito Mesh Tormentor que corresponda con tu versión de Illustrator. Luego descomprime el archivo recibido, cierra Adobe Illustrator, y copia el archivo .aip en el directorio "Extensiones" en tu disco de instalación local. (Por ejemplo, es el directorio C:\Archivos de Programa\Adobe\Adobe Illustrator CS6\Plug-ins\Extensiones en mi computadora.) Abre Adobe Illustrator de nuevo y ve a Ventana > Mesh Tormentor.

1. Cómo Crear Nubes

Paso 1

Comenzaremos creando las nubes realistas. Para ésto, necesitaremos comenzar a trabajar en Adobe Photoshop.

Puedes hacer click en Download attachment en el lado derecho del tutorial para recibir mi foto de una nube que estaré usando; sin embargo,¡también puedes usar tu propia foto!

Abre la foto en Adobe Photoshop, y luego ve a Selección > Rango de Color.

Paso 2

En el cuadro de diálogo resultante, toma el cuentagotas blanco y haz click en la sección más blanca de la nube. La previsualización resultante de la selección debería verse similar a la mía en la captura de pantalla de abajo. Haz click en OK.

Paso 3

Abre un nuevo archivo en Adobe Photoshop, y asegúrate de que el fondo sea Transparente.

Paso 4

Arrastra la nube seleccionada del primer archivo a nuestro archivo recientemente abierto.

Paso 5

Crea una nueva capa debajo de la capa con la nube y rellena toda la mesa de trabajo de color azul, para que podamos ver la nube mejor.

Paso 6

Tu nube debería resultar así en éste punto.

Paso 7

Toma la Herramienta Borrador (E), selecciona Capa 1 (la que tiene la nube) y elimina todo los pequeños artefactos innecesarios en la imagen. Únicamente debe quedar la forma principal de la nube.

Paso 8

Finalmente, toma la Herramienta Desenfocar (R) y desenfoca los bordes de la nube. Ésto asegurará que no luzca pixelada cuando la convirtamos a una imagen vectorial.

Paso 9

Cuando estés satisfecho con el resultado, elimina la capa azul y guarda la imagen como .png.

Abre el archivo .png en Adobe Illustrator.

Paso 10

Crea una elipse en la parte superior de la nube.

Ve a Objeto > Crear Malla de Degradado y establece Filas y Columnas en 50.

Paso 11

Aquí es donde entra en juego Mesh Tormentor. Si no lo tienes ya, instálalo y ábrelo vía Ventana > Mesh Tormentor.

Paso 12

Selecciona nuestra elipse y, en el panel Mesh Tormentor, haz click en el quinto ícono desde la izquierda en la sexta fila para Incrementar la Densidad de Malla.

Paso 13

El resultado debería verse así.

Paso 14

Ahora, selecciona la nube que hicimos en Adobe Photoshop y la elipse Mesh (Malla). ¡La elipse debería estar arriba de la nube! Haz click en el ícono "Mona Lisa" en el panel Mesh Tormentor para colorear nuestra malla como la nube.

Paso 15

Elimina la imagen raster original y voila-¡tienes tu fabulosa realista nube vectorial!

2. Cómo Crear el Fondo

Paso 1

Crea un cuadrado azul oscuro, usando la Herramienta Malla (U), crea una cuadrícula de Malla de 5x6.

Paso 2

Después del conjunto de pasos de abajo, colorea la cuadrícula de malla. Los nodos más oscuros en las imágenes representan los que deberías de colorear con el código de color incluído.

Paso 3

Ahora vamos por las nubes. Crea un rectángulo de un color azul aleatorio y coloca nuestra nube de malla sobre la parte superior de él. Colócalo justo arriba del borde inferior derecho.

Paso 4

Crea un par de copias y, después de rotarlas un poco, colócalas para conformar la imagen de abajo.

Paso 5

Coloca otra copia debajo de la nube izquierda.

Paso 6

Finaliza con una pequeña copia en la parte central inferior del rectángulo.

Paso 7

Ahora, coloca el rectángulo azul enfrente de las nubes (Mayúsculas-Control-]), selecciona todas las formas, haz click-derecho y selecciona Crear Máscara de Recorte.

Paso 8

Nuestras nubes resultantes lucirán así.

Puedes moverlas a la parte superior del fondo que hicimos previamente.

3. Cómo Crear la Luna y los Rayos de Luz

Paso 1

Crea una forma de luna al seleccionar dos círculos superpuestos y haciendo click en Excluir en el panel Buscatrazos. Desagrupa el resultado y elimina la forma superior.

Paso 2

Crea tres copias de la forma resultante. Toma la primer copia, apartando las otras dos por ahora. Rellénala de color blanco, y luego crea otra copia y muévela arriba y a la izquierda de la original. Rellénala de #95A5BC. Finalmente, arrastra el nodo central de la forma azul un poco hacia la izquierda.

Paso 3

Establece la Transparencia de la forma azul en 0%.

Ve a Objeto > Fusión > Opciones de Fusión. Establece el Espaciado en Pasos Especificados y el número de pasos en 30.

Paso 4

Con ambos objetos seleccionados, haz click en Objeto > Fusión > Crear.

Paso 5

Con la segunda copia que hicimos en el Paso 2, repite un proceso similar a los Pasos 2-4.

Paso 6

Toma la última copia no utilizada y ponla arriba de las dos fusiones. La luna debería lucir como resplandeciente. Puedes moverla hacia la esquina superior derecha del fondo.

Paso 7

Crea un círculo con un Degradado Radial (Blanco - #4AF0F8 - #0888D5 - #054B87 - Negro).

Paso 8

Crea un par de copias diferentes de ésta forma.

Paso 9

Establece la Transparencia de todas las formas, incluyendo el círculo original en Trama.

Paso 10

Crea las tres formas de los degradados.

Paso 11

Pon todas las formas en la parte superior del círculo original. El resultado debería verse así:

Paso 12

Crea otra forma elipse con un Degradado Radial de #274F7B a #000000.

Establece la Transparencia en Trama.

Paso 13

Similarmente a los Pasos 9 y 10, crea diferentes formas de la elipse con degradados. ¡Las más importantes son las que tienen los rayos más delgados!

Ponlas una arriba de otra.

Paso 14

Pon la segunda forma arriba de la primera forma.

Paso 15

Mueve los rayos arriba del fondo del cielo con las nubes y la luna.

¡Casi teminamos!

4. Cómo Crear las Estrellas

Paso 1

Crea los tres pequeños círculos con un degradado radial blanco a negro, Opacidad 80%, y modo de transparencia Trama. Cada círculo debería tener un tamaño diferente, el cual debería ser aproximadamente tan pequeño como una estrella que debería estar en tu mesa de trabajo.

Paso 2

Arrastra todos los círculos en el panel Símbolos para crear tres nuevos símbolos.

Paso 3

Toma la Herramienta Rociar Símbolo (Mayúsculas-S), selecciona uno de los símbolos en el panel Símbolos, y arrástralo en la mesa de trabajo, creando muchas estrellas.

Paso 4

Repite ésto con los tres símbolos. Cuando estés satisfecho con el resultado, selecciona cada forma con las estrellas y ve a Objeto > Expandir Apariencia.

"Recorta" la imagen al dibujar un rectángulo en la parte superior del fondo, seleccionando todos los elementos, y Creando una Máscara de Recorte.

Paso 5

Vamos a estar creando un par final de estrellas. Crea otro círculo con un Degradado Radial blanco a negro, Opacidad 80%, y transparencia Trama.

Paso 6

Crea otra forma de las tres elipses, con un degradado similar, la misma configuración de transparencia, y Opacidad 60%.

Paso 7

Crea otra forma de estrella con los parámetros mencionados abajo.

Paso 8

Ensambla todas las partes una arriba de otra.

Paso 9

Coloca algunas estrellas grandes en el fondo.

¡Fabuloso Trabajo, Ahora Terminaste!

¿Ahora qué? Puedes probar cualquiera de mis otros tutoriales de mi perfil, o consultar mi portafolio en GraphicRiver, así como la imagen original que recreamos en éste tutorial.

¡Espero que haya disfrutado el tutorial y seré extremadamente feliz de ver cualquier resultado en los comentarios abajo!