Nubes cartoon espirales con Illustrator + Photoshop
icon4 5 de Abril de 2008 - 4:48 pm |icon2 Blogs, Diseño, Illustrator, Photoshop, Tips

A continuación enseñaré cómo hacer nubes espirales con aspecto cartoon de forma fácil y rápida empleando Adobe Illustrator CS3 y Adobe Photoshop CS3.

Paso 1

Creamos un nuevo archivo en Illustrator CS3 de 400 por 200 píxeles. Posteriormente, seleccionamos la herramienta brocha (Paintbrush Tool) paintbrush y dibujamos espirales a mano alzada, uniéndolas en una sola figura con forma de nube. No tiene que quedar perfectamente espiral, ni con una forma propiamente de nube, así que si no les queda igual no se preocupen, lo importante es hacer varias que tengas formas distintas para que de la sensación de cielo nublado y bonito.

Nube_incompleta

 

nube_completa

Nota: Asegúrense de unir bien todas las líneas puesto que el dibujo se rellenará de color posteriormente.

Pas 2

Con la herramienta selección (Selection Tool) slection englobamos toda la nube que hemos realizado, la copiamos y la pegamos en un nuevo documento de Pothoshop CS3 como píxels, luego presionamos la tecla enter y tenemos nuestra nube lista para darle color.

Pixel

 

Nube_pegada

Paso 3

Seguidamente, rellenamos la nube de color blanco con la herramienta bote de pintura Bote_pintura.

Nube_coloreada

Paso 4

Por último, modificamos el estilo de la capa. Para esto hacemos click, con el botón derecho del mouse, sobre la capa que contiene la nube que hemos coloreado, seleccionamos opciones de fusión (Blendig Options) y aplicamos los valores que muestran las imágenes:

Inner Shadow

Inner Shadow

Inner Glow

Inner glow

Gradient Overlay

Gradient Overlay

 

Stroke

Stroke

El aspecto final de la nube es este.

Nube

También puede cambiarse la dirección de la sombra y del degradado para lograr nubes con tonos diferentes.

Mapa

 

Freddie_Playa

Como pueden observar, sólo se requieren 4 sencillos pasos para lograr este práctico dibujo que puede emplearse en múltiples proyectos.

También te podría interesar...

11 Sabios Universales nos revelan La Gran Verdad Financiera:

  1. 01
    money picture
    Nadie en el mundo sabe más que Jaramillo sobre este tema.
    Abril 5th, 2008 a las 5:10 pm

    Cool! XD

  2. 02
    money picture
    Pablo25 confirma que es un ser pensante:
    Abril 5th, 2008 a las 7:08 pm

    se ven bien y sobre todo en los dibujos ultimos

  3. 03
    money picture
    xklibur confirma que es un ser pensante:
    Abril 5th, 2008 a las 8:21 pm

    Gracias Chicos ^^

  4. 04
    money picture
    Aoyama confirma que es un ser pensante:
    Abril 5th, 2008 a las 9:13 pm

    xDDDDDDDDDDDDDDDDDDDDDDD excelente xDDDD tutorial … ay por todos los… xDDD ese último dibujo no tiene desperdicio… xDDDD

  5. 05
    money picture
    daz_angie confirma que es un ser pensante:
    Abril 5th, 2008 a las 9:36 pm

    OMG!!!! Genial el último dibujo xD jajaja lo ame!!!!!!!!!!!!!!!!!!!!

  6. 06
    money picture
    xklibur confirma que es un ser pensante:
    Abril 5th, 2008 a las 11:42 pm

    See, me divertí mucho haciendo ese dibujo XD

  7. 07
    money picture
    Nubes cartoon espirales con Illustrator + Photoshop : Stroke confirma que es un ser pensante:
    Abril 6th, 2008 a las 9:01 am

    [...] Continue Reading [...]

  8. 08
    money picture
    XKlibur » Blog Archive » Nuevo header!! confirma que es un ser pensante:
    Abril 7th, 2008 a las 12:11 am

    [...] estará presente en el header de mi otro blog) . Realicé un header más estilo Monkey Island, con nubes espirales cartoon, el Loro™, catanas @_ @ , mi mascota Money-chan con gorro ruso, palmeras y toda la parafernalia [...]

  9. 09
    money picture
    Resumen del Año 2008 | XKlibur Again confirma que es un ser pensante:
    Enero 5th, 2009 a las 9:12 pm

    [...] un tip de nubes espirales en Illustrator + [...]

  10. 10
    money picture
    foquer confirma que es un ser pensante:
    Enero 14th, 2009 a las 5:27 pm

    Tengo un problema, cuando paso la nube (ya con todos los efectos de photoshop) de regreo a illustrator, me aparece con un cuadro blanco y no encuentro forma de quitarselo.
    la cosa es que ese cuadro no me aparece en photoshop como para poder quitarselo con la varita de seleccion o algo.
    alguna idea?

  11. 11
    money picture
    xklibur confirma que es un ser pensante:
    Enero 18th, 2009 a las 12:03 pm

    @foquer: ¿Lo vuelves a pasar de photoshop a Illustrator?. Yo no hice eso, lo convertí en un png para utilizarlo como parte de mis paisajes.

    ¿Probaste con Live Trace y luego Photo High Fidelity?

Comparte con nosotros... ¡Escribe tu opinión!

Nota: Los comentarios son moderados. Por favor, utiliza un lenguaje apropiado, y no escribas en mayúsculas.