Cristalab

                 ¿Quieres registrarte?

Cómo hacer nubes caricaturizadas en Illustrator CS3

Por: el_chejin
11 de Febrero del 2008
40,370 visitas

Conseguir crear unas nubes bonitas no siempre es fácil así que en este pequeño tip mostraremos cómo hacer unas nubes caricaturizadas como las siguientes :



Pasos a seguir :

(los dos primeros son opcionales)

  1. Primero, para este ejemplo vamos a crear un archivo nuevo en illustrator, con las dimensiones 550 px por 400 px, colocamos un personaje cualquiera, yo coloqué el mío. (este punto es opcional, es únicamente para hacer más agradable el resultado final)



  2. Luego agregamos un fondo color cielo, y algunos elementos mas para que se vea mejor nuestra ilustración. (este punto es opcional, es únicamente para hacer más agradable el resultado final)



  3. Para hacer nuestras nubes utilizamos la herramienta Ellipse Tool, y colocamos varios círculos desordenados y superpuestos de color blanco.



  4. Seleccionamos todos los círculos y los unimos utilizando Add to shape area (Debemos presionar el botón expand de la ventana pathfinder para que una por completo los círculos), ésta herramienta la encontramos en el menú Window y abrimos la ventana Pathfinder.



  5. Seleccionamos la herramienta Twirl Tool, de el menú de herramientas.



  6. Y con ella deformamos nuestro path de círculos unidos, podemos modificar el tamaño de la herramienta ya sea dando doble click sobre el botón de la misma y cambiando los valores de tamaño, o presionando alt+shift y moviendo el mouse de forma diagonal de izquierda abajo hacia derecha arriba o al contrario.

    Para deformar el path, debemos tenerlo seleccionado, y luego con la herramienta darle un click dejando presionado aproximadamente 1 segundo, ya que si lo dejamos presionado, la herramienta seguirá deformando el path hasta crear una espiral compuesta de cada vez mas vueltas. A más tiempo presionado el botón del mouse, más vuletas dará la espiral.



  7. La herramienta también puede cambiar su rotación, para eso debemos hacer la misma operación, pero luego de haber presionado el mouse, debemos presionar la tecla alt, lo cual revertirá la deformación y comenzará a girar hacia el lado contrario.



  8. Se continua haciendo deformaciones al path, hasta que tenemos una figura parecida a ésta:



  9. A la cual le aplicamos un efecto de Gaussian Blur con un valor entre 5 o 7 pixels, luego podemos duplicar nuestro path con el filtro para crear varias nubes, o repetimos todo el proceso anterior para crear nubes de otras formas para que no se vea tan repetitivo, y hacemos variaciones de opacidad, para que algunas sean semi transparentes y hacemos algunos cambios en el tamaño del path :



  10. Y listo tenemos creadas nuestras nubes!!




Espero les sirva.

Otros tips que le pueden resultar interesantes son :


Artículos Relacionados


Etiquetas illustrator

Comentarios | Enviar un comentario
Excelente!! la verdad muy sencillo y un muy buen acabado

gracias!
Por: Matias_blog
Sencillo y Facil, justo como debe ser :wink:
Por: Victor-Nael
Gracias, estoy trabajando en otros tips para illustrator, he logrado hacer muy buenos acabados de caricatura en este programa. pronto los voy a compartir.
Por: el_chejin
Buen tip, estare esperando más tips de illustrator, ya que dentro de poco lo conseguiré, pues nunca he trabajado con el.
Por: gcm
excelente tip!
Por: Mariux
Excelente... super sencillo, muy rápido!
Nunca he usado el programa, estoy tratando de conseguirlo pues deseo muchísimo aprender a manejarlo, así que estaré atenta a estos tips... Gracias!!
Por: Giami_blog

Victor-Nael :

Sencillo y Facil, justo como debe ser :wink:

:cool:
Por: koballo
eeeee ese es mi cuate pilas ve!!! go go chejin!!
Por: lissi_online_blog
amigo soy de colombia y estoy buscando por todas partes illustrator cs3 y no lo encuentro pero yo ya lo se mandejar porque tube uno de prueba de 30 dias. o si tienes un seriañ que me sirva te lo agradeceria.
bodahb_design@hotmail.com
Por: boris_blog
lo siento yo tengo la licencia original, no el crack, pero seguro lo conseguirás
Por: el_chejin
muy chevere y sencillo... gracias
Por: Shaggy_blog
buena
Por: ana_blog
facil de hacer y con un acabado espectacular :D
Por: la maris
gracias por el tutorial espero q me salga..
Por: barbi_blog
muy bueno el tip tio! muchas gracias!
Por: krdnha
wow perfect :D
Por: MeeLy-blog
espectacular para un aprediz como yo. Gracias!!!
Por: Martin-blog
bacan el tip ... pero tuve un problemita estoy trabajando con ilustrator cs y justamente no se por q no puedo aplicar el efecto Gaussian Blur ... buuuuuuu explicame please
Por: rita-blog
Muy lindo te quedo, felicitaciones! Un ejercicio facil pero con muy buenos resultados ;)
Salud!
Por: Kuhn-blog
que bueno mas tutoriales de estos gracias..
Por: villa-blog
la verdad no me gusto porq no es facil
y aparte no puedo bueno no es q sea novata pero eso es algo ilogico
Por: mireya-blog
que es lo que no pudiste hacer?, en algo te puedo ayudar. la verdad esta simple, solo tienes que hacer figuras a puros clicks con la herramienta twirl yt luego aplicar blur a la nube. tiene muchos pasos para explicarlo lo mas posible
Por: el_chejin
me parece muy bien este metodo es muy facil y divertido y mas divertido por el ovni
Por: daniela-blog
oye el_chejin perdon por portarme asi pero esq no se como hacerle para ponerle los rayo del sol
Por: mireya-blog
no si no es que me afecte, por eso te digo aqui en el foro todos ayudamos a quien podamos asi como nos ayudan a nosotros, entonces por eso te puse en que te puedo ayudar.

en realidad el tema del tip no son los rayos del sol, sino las nubes, pero si eso quieres saber te explico, es sencillo, en la barra de herramientas que por lo general esta del lado izquierdo, sino la puedes encontrar en Window y luego Tools, ahi debes buscar donde esta la "Rectangle Tool", le das click y mantienes presionado y apareceran otras figuras, seleccionas herramienta star tool (estrella), y luego das un click en tu composición sin crear la estrella, solo el click, lo que hará que aparezca una ventana de "Star", donde se le ingresan los valores de tamaño a la estrella, luego donde dice points, que serán los picos de la estrella, le pones unos 30 (debe ser numero par para que te salgan los rayos) o mas, te creará una estrella de 30 picos.

luego la borras y con la herramienta estrella haces una nueva estrella con el mouse, es decir que ahora no harás un solo click, sino que vas a presionar y mantener presionado para ampliar la estrella, comienzas con un movimiento corto que hara una estrella pequeña sin dejar de presionar el mouse presionas Ctrl, y amplias mas la estrella, lo que hará una estrella con picos muy agudos como esta:

entre mas agudos mejor.



Luego acercas lo mas que puedas el zoom, para ver el centro de la estrella, y con la herramienta "Delete anchor point tool" se eliminan los puntos salteandote uno si y uno no




y asi hasta cerrar la vuelta, cuando alejes la imagen te quedaran unos rayos iguales a los que ves en el tip, solo debes ponerles color blanco y bajarle la opacidad a un 20% mas o menos


como digo entre mas agudos sean los picos de la estrella queda mejor el efecto de rayo, o entre mas picos tenga la estrella quedarán mas rayos.

espero haberte ayudado con esto, sino sigue preguntando, que con gusto te ayudo. :wink:
creo que hasta lo volveré tip, por que hay otras formas de hacerlo, aunque esta es la que yo mas uso.
Por: el_chejin
Esta muy bueno estos tutoriles para la mara chichuisa
Por: Jonathan-blog
esta muy bueno como para mi que estoy aprendiendo .. Gracias...
Por: Raku-blog
Excelnet Efecto, mas por que apenas estoy jugando con Illustrator ^^
Por: flashreloco
Excelente :D!!!
Por: FlashFacilito
bro vacan el tutorial me salvo de una bien grande
Por: daguet-blog
ok, que bien.
Por: el_chejin
oye no s epor ke pero al usar laherramiento twirl solo la puedo aplikar en un sentido aunke ya intente presionando la tecla alt , no sabes por que?
Por: panky-blog
ps a mi las nubes m han quedao xvrs y es la primera vez q intento con el illustrator asi q exokicas bien
thanks
Por: lca-blog

panky-blog :

oye no s epor ke pero al usar laherramiento twirl solo la puedo aplikar en un sentido aunke ya intente presionando la tecla alt , no sabes por que?


perdon por responder tan tarde, si no funciona es por que no se debe presionar primero alt, primero se presiona el click del mouse, y comienza a girar, una vez presionado se presiona alt, y cambia de dirección.
Por: el_chejin
HELLO.gracias por compartir tus tips =))
Por: Lawra wajaK.-blog
wow super bien x los tutoriales bien explicado
Por: euCK-blog
Gracias me sirvió mucho!!

Isabel
Por: Isabel-blog
Excelente!!!! Me gusto mucho el resultado final!!! Si te interesa la ilustración vectorial te invito a que visites mi blog, en él he publicado tutoriales sobre mi manera de trabajar y también doy consejos y posturas que tengo sobre el diseño. Te espero en http://alebacic.blogspot.com/, desde ya muchas gracias.
Por: alebacic-blog

alebacic-blog :

Excelente!!!! Me gusto mucho el resultado final!!! Si te interesa la ilustración vectorial te invito a que visites mi blog, en él he publicado tutoriales sobre mi manera de trabajar y también doy consejos y posturas que tengo sobre el diseño. Te espero en http://alebacic.blogspot.com/, desde ya muchas gracias.


gracias probé ingresar a link pero me apareció que no existía.
Por: el_chejin
no soy experta en illustrator..
copie una imagen y le puse un fondo de color rosa..pero la imagen conserva un cuadro blanco.. como hago para que desaparezca ese cuadro.. y el fondo se vea totalmente rosa y la imagen sin ese cuadro..
porfa ayudenmeee.. pleasssee
Por: luna-blog
por que no pones la foto para que la veamos, y así poderte decir como hacerlo.
Por: el_chejin
Deja un comentario
IMPORTANTE

Recuerda ser respetuoso, no insultes a otras personas, ni uses palabrotas, hay una persona al otro lado de la pantalla.

Habla bien, NO ESCRIBAS EN MAYUSCULA TODO, no escribas como en un SMS, evita cosas como "ke", "x q" y demás abreviaciones.

Aquí funcionan las etiquetas de los foros, puedes usar [b] para negrita, [img] para las imágenes, [url] para los enlaces, etc.

Si tienes preguntas técnicas, envíalas mejor al foro.