Cristalab

                 ¿Quieres registrarte?

Trabajar con efectos 3D en Illustrator

Por: elchininet
31 de Agosto del 2008
3177 de clabLevel
Otros artículos de elchininet
9,351 visitas

Adobe Illustrator tiene varios efectos 3D vectoriales que pueden ser usados para dar un aspecto más realista a nuestras ilustraciones o trabajos. Aquí mostraré cómo usar varios de ellos.

3D Extrude & Bevel


El primer paso que voy a mostrar es como trabajar con "Extrude and Bevel" en Illustrator.

Lo primero que vamos a hacer es construir un rectángulo con los bordes redondeados, se elige la herramienta "Round Rectangle Tool" y se traza el rectángulo sobre la escena y sin soltar el mouse presionamos las teclas de arriba y abajo para regular los radios acuerdos de las esquinas del rectángulo.



Guardamos una copia de este rectángulo, (mas adelante la utilizaremos) y ahora poco a poco vamos a ir añadiendo elementos hasta completar una imagen lo más parecida a la parte frontal de un Ipod:



Le añado la parte de la pantalla:



Ya tenemos una resultado bastante cercano, ahora vamos a convertir este objeto en Símbolo, para eso abrimos la ventana de "Symbols" (SHIFT + CTRL + F11)



Y arrastramos nuestro ipod hasta esta ventana, automáticamente nos saldrá una ventana con las opciones de conversión de nuestro símbolo:



Le ponemos un nombre, lo dejamos como Movie Clip y le damos OK y ya tendremos nuestro Ipod convertido en símbolo.

Ahora pasaremos a tomar la copia de nuestro rectángulo que hicimos al principio:



Vamos a Effect > 3D > Extrude & Bevel



Nos saldrá una pantalla como la siguiente:



Marcamos "Preview" y clickeamos sobre "More Options" para ir viendo cualquier transformación que hagamos sobre nuestro objeto, por default Illustrator situa nuestro símbolo sin perspectiva en isométrico y con un ancho de extrusión de 50pt, vamos a variar un poco los parámetros hasta que esté a nuestro gusto. Le pondremos 20pt de extrusion y escogeremos un Bevel tipo "Classic".



Ahora le ponemos una perspectiva de 45º y variamos un poco la rotación cambiando los números de cada eje o directamente arrastrando las líneas que componen al cubo de muestra, también variaremos la posición de la sombra arrastrando la luz hacia el lugar que querramos, podemos añadir más luces y situar a estas por delante o por detrás del objeto.



Ahora solo nos queda mapearle el dibujo del Ipod que convertimos en símbolo anteriormente, para esto clickearemos el botón "Map Art", nos saldrá una ventana como esta:



Escogemos la cara de nuestro objeto a la que queremos mapearle el símbolo, en mi caso es la cara 1 y buscamos el símbolo del Ipod y lo seleccionamos:



Ajustamos el tamaño del símbolo sin tratar de deformarlo ya que debe encajar perfecto porque el objeto es una copia del borde de este, si deseamos podemos presionar el botón "Scale to Fit" que nos pondrá el símbolo del mismo tamaño que la cara de nuestro objeto y cuando terminemos presionamos OK, nos debe quedar algo como esto:



Ya después realizando retoques en nuestra imagen y añadiendo otros elementos podemos obtener resultados como el siguiente:


3D Revolve


Ahora pasaremos a el efecto 3D revolve, el cual hace lo mismo que en los softwares de 3D de tomar una figura y rotarla a partir de un centro definido y formar de esta forma un cuerpo en 3 dimensiones.

Lo primero que vamos a hacer es crear una elipse:



Le damos un color violáceo:



Con un rectángulo situado encima vamos a cortar nuestra elipse por el centro. Vamos a la ventana "Path Finder" (SHIFT+CTRL+F9) y elegimos "Substract from shape area"



Nos debe quedar algo como esto:



Expandemos la selección presionando el botón "Expand", después tomamos a la figura resultante (media elipse) y con los nodos la transformamos un poco para que no sea totalmente simétrica:



Vamos a Effect > 3D > Revolve



Y nos saldrá una ventana como esta, muy parecida a la de Extrude & Bevel:



El objeto por default rotará a partir de su lado izquierdo, cambiamos este parámetro para que rote a partir de su lado derecho:



Variamos su perspectiva, sus rotaciones y luces, al igual que hicimos con el ejemplo anterior y el resultado será algo como esto:



Ya después si duplicamos el objeto y cambiamos su rotación pero manteniendo sus mismas luces, y añadiendo ciertos efectos gráficos podemos lograr resultados como el siguiente



Saludos y espero que les sea útil


Artículos Relacionados


Etiquetas illustrator

Comentarios | Enviar un comentario
De hecho se ve muy bien y Fetch, enhorabuena !
Por: M@U
Wuao !!
Muy Bueno !
no tenia ni idea que se podian hacer ese tipo de cosas con illustrator...!!!
Por: Alejandro Flores
Excelente ^^
Por: daz_angie
En verdad, muy bueno el tutorial! No conocia ese lado de Illustrator!
Por: FlashFacilito
Muy, muy bueno!!! :D Muchas gracias por tu aporte!! :D :D
Por: violetisha
Te quedo fabuloso ese ipod!!! felicidades, me encantó el tip. Gracias por compartir
Por: dave73
te quedo bien chevre ^^
Por: eldervaz
Excelente explicación y mejor aún el resultado final. Aprendí algo buenísimo hoy!!!...Gracias.
Por: Sergio-blog
Buenísimo, muchas gracias! Parece imposible llegar a conocer todos los entresijos de este tipo de programas... pero el intento se hace :)
Por: Dobleclic
Bueno es casi un tutorial, muy bien explicado, gracias!
Por: Sisco
Genial!
Por: Bleend
Excelente!!
Por: Jabo13-blog
Fácil y muy buen resultado..!
Por: torrealbaruben
Bravo, muy interesante, he trabajado con ese filtro, para hacer crayolas, llantas y cosas asi, lo del iPod se ve muy bien, felicitaciones
Por: el_chejin
Excelente, definitivamente un buen tutorial!
Por: Chevy
De lo mejor! Excelente!
Por: Otaku RzO
Muy buen tip, te felicito!
Por: Woller
super genial!!
Por: scx7
Excelente tip.

Me ha parecido muy práctico y el resultado es sorprendente.
Por: XKlibur
Me parecio super fino.Me encanto..
Por: Daniella-blog
exelente, la verdad es que nunca he usado las opciones de 3D del illustrator pero viendo esto me he animado.
Por: ernesto.jivi
Wow, está super, esto me hubiera ayudado muchísimo de haberlo sabido antes.
Gracias!!
Por: Edgar Molina-blog
Excelente Tutorial, muy, pero muy bueno , Felicidades
Por: flashreloco
yo creo que son los mejores
en cuanto a lo que enseñan en sun pagina
porque lo explican con mucho detalle
los felicito y muchas gracias
Por: mario paz-blog
SUPER TA CHIDO MANO
Por: VEGUETA262
noooooooo ese en 3D es facil y basico no saben como se hace el 3D en malla se me olvido y ahora no me sale
Por: teresita-blog
porque tarda tanto para que la fruta se complete en su totalidad me quedo donde se le aplica el 3d del lado izquierdo se queda cargando y no completa la accion ayudenme
Por: ilustrator 672-blog
Todo parece indicar que tienes un problema con tu Illustrator, no es tan difícil hacer un revolve de una curva, rectifica que no estés aplicando el revolve a un objeto muy complejo o un objeto con otro efecto 3D aplicado.
Por: elchininet
muy bueno, bien explicado, felicicades
Por: arcangel198
lo que me dice es = ((b)pudo haberse producido una interseccion en el propio trazado)
Por: ilustrator 672-blog
gracias amigos ya lo hice
Por: ilustrator 672-blog
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.