Advertisement
  1. Design & Illustration
  2. Gradient Mesh Tool

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

by
Difficulty:BeginnerLength:MediumLanguages:

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product image
What You'll Be Creating

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.

original image
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.

see above

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.

see above

Paso 3

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

see above

Paso 4

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

see above

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.

see above

Paso 6

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

white cloud on blue background

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.

see above

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.

see above

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.

see above

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.

see above

Paso 11

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

see above

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.

see above

Paso 13

El resultado debería verse así.

dense mesh

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.

see above

Paso 15

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

finished cloud

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.

000841 color

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.

lighter in the middle and on the bottom

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.

see above

Paso 4

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

One under the original one on the left

Paso 5

Coloca otra copia debajo de la nube izquierda.

see above

Paso 6

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

see above

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.

see above

Paso 8

Nuestras nubes resultantes lucirán así.

cropped clouds

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.

see above

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.

see above

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.

see above

Paso 4

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

see above

Paso 5

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

see above

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.

see above

Paso 7

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

see above

Paso 8

Crea un par de copias diferentes de ésta forma.

flatten the circle

Paso 9

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

see above

Paso 10

Crea las tres formas de los degradados.

create stars by crossing the flattened gradients

Paso 11

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

see above

Paso 12

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

Establece la Transparencia en Trama.

see above

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.

create lots of stars with different width of gradient ellipses

Paso 14

Pon la segunda forma arriba de la primera forma.

see above

Paso 15

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

¡Casi teminamos!

see above

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.

see above

Paso 2

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

see above

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.

see above

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.

see above

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.

see above

Paso 6

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

star shape

Paso 7

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

cross star shape white to black gradient screen 80 opacity

Paso 8

Ensambla todas las partes una arriba de otra.

see above

Paso 9

Coloca algunas estrellas grandes en el fondo.

see above

¡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!

original image
Fondo Cielo Nocturno Con Luna, Nube y Estrellas
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.