Blog   /   Tutoriales   /   Adobe Illustrator

Vectorizar imágenes Ejercicio 1

Ejercicio 1. En esta ocasión aprenderemos como realizar una pequeña ilustración vectorial usando una fotografía como modelo.

Incluiremos una pequeña sección de ejercicios en el Blog para mejorar nuestro manejo de Adobe Illustrator, entre otros, lo interesante sera que estaremos continuamente actualizándolos e incluiremos todas sus preguntas, así que sean libres de comentar y sugerir, la idea es formar materiales completamente llenos de información para resolver cualquier duda a la hora de manejar los programas.


Como modelo para este ejercicio elegí una "Batidora" pues, en "mi mundo real" tengo que pasar de fotos a vectores algunos aparatos que vende la empresa en la que trabajo.

¿Por qué pasar una foto a una ilustración vectorial?.

Realmente depende de las circunstancias, a veces es por gusto, desafió, practica, en mi caso me gusta tratar de lograr buenos efectos con illustrator, en esta ocasión tengo que animar un banner en flash para ponerlo en un sitio web regional.

Sin embargo, por un lado el jefe de la empresa me pide como 20 artículos en un pequeño banner de 250px x 70px, así que imagínese mi sorpresa cuando por el lado del sitio web me solicitan como máximo 15 Kb de peso.

Bueno, aquí es donde Adobe Illustrator entra al rescate, pues gracias a que Flash también maneja vectores, el peso de la animación puede ser reducido considerablemente.


Lo primero lo primero...

Si aún no estas familia rizado con Adobe Illustrator, te recomiendo visites nuestro curso totalmente gratis: Curso Gratis de Adobe Illustrator en Español

Documento nuevo en adobe illustrator cs3

En caso contrario arrancamos Adobe Illustrator y  empezamos creando un documento nuevo en RGB (Debido a que los vectores son muy flexibles y no tengo problemas con la resolución, puedo trabajar en pequeño y después pasarlo a un formato grande).

Lo siguiente sera "importar" nuestra imagen modelo. Esto lo haremos a través de:

Menú/Archivo/Colocar (Menu/File/Place).

place illustrator

Seleccionamos nuestra imagen y damos click en "Place"

.. y listo!


Un Truco muy Fácil

Bueno, ¿ recuerdas cuando eras niño, y hacías trampa usando "papel calca"?, bueno esto es algo similar, es como "una caja de luz", algo así, espero explicarme, en fin.

Crearemos un Template , esto es muy fácil en illustrator, solo un click por aquí y un click por allá, mira: 

1.- Primero necesitas tu panel de "Capas" (Layers), si tienes alguna duda de donde rayos sale ese panel, visita el siguiente enlace: Paneles y Configuración de Espacio de Trabajo.

2.- Busca un icono de una pequeña "lista" ubicada en el lado superior derecho del panel de "Capas" (Layers), se desplegara un menú y solamente tienes que buscar y dar click en "Template", ¿ fácil no?.

 

 

Muy bien, ahora te darás cuenta que la imagen a cambiado un poco, se ah hecho mas opaca y no podrás editar nada sobre ella. 

 

Ahora, como lo muestra la imagen anterior, crearemos una capa nueva, esta capa nueva debe quedar por encima de la capa que contiene  a nuestra imagen de referencia ya con Template.

 

 

 


Adivinanza: Te odio pero no te puedo dejar...

...la Pluma!

Realmente no se por que la gente odia, aborrece, maldice y teme a la herramienta pluma, la verdad es una herramienta bastante versátil, y útil, que solo basta con un poco de tiempo y práctica para entenderla y quererla, de hecho, jamas dejaras de usarla...

Pues bien, si es tu primera ves con la Herramienta Pluma (Tool Pen), te recomiendo ver el siguiente vídeo: Videotutorial Herramienta Pluma 

Si ya la tienes bien domada, continuamos. Seleccionamos nuestra herramienta pluma y después en la caja selectora de color activo, debemos tener en el cuadro del primer plano el color "blanco" en el posterior "negro" y presionamos el botoncito de "None", como lo muestran las siguientes figuras.

Recuerda que debes estar en la segunda capa limpia que creaste, en ese caso comenzamos a trazar el contorno de nuestra imagen de referencia, podemos omitir algunas partes y tratar de lograr que nuestra figure quede lo mejor trazada posible, cerrando al final nuestras formas.

  

Muy bien!, ahora a empezar a trazar los detalles.... y te preguntaras ¿  WTF  hice en la siguiente figura?.

Pues bien, lo que hice fue trazar partes basadas en nuestra imagen de referencia, pero como ves hay partes internas que tendrás que volver a trazar idénticas a un trazo ya anterior, es decir que en ciertas partes volveríamos a hacer el trabajo, para evitarnos esto, tenemos que "buscar trazos" y para esto obviamente usaremos nuestro panel de "buscatrazos" (pathfinder).  Veamos un ejemplo animado para explicarme mejor ¿vale?.

No tan rápido Cowboy, aquí hay un pequeño truco de magia llamado Ctrl+C y Ctrl+F

 

Continuara...


Escrito por:  brunichi   el  30/12/2010 12:00:00 a.m.

26838
Visitas

Patrocinadores
Afiliados


Aprender a Dibujar - Adobe Creative Cloud (1)
Aprender a Dibujar - Adobe Edge (2)
Aprender a Dibujar - Adobe Illustrator (4)
Aprender a Dibujar - Adobe Photoshop (21)
Aprender a Dibujar - Adobe Suite (3)
Aprender a Dibujar - Animacion (9)
Aprender a Dibujar - Animacion 3D (5)
Aprender a Dibujar - Arte y Pintura (2)
Aprender a Dibujar - ArtRage (1)
Aprender a Dibujar - Autores y Creadores (14)
Aprender a Dibujar - Comic (5)
Aprender a Dibujar - Concursos (16)
Aprender a Dibujar - Cuentos y Revistas (2)
Aprender a Dibujar - Cursos y Actividades (9)
Aprender a Dibujar - Cursos y Talleres (16)
Aprender a Dibujar - Dibujo con modelos (5)
Aprender a Dibujar - Diseño Gráfico (3)
Aprender a Dibujar - Exposiciones y Conferencias (5)
Aprender a Dibujar - Fiestas (1)
Aprender a Dibujar - Gimp (4)
Aprender a Dibujar - Gimp Paint Studio (2)
Aprender a Dibujar - ilustracion (11)
Aprender a Dibujar - Ilustracion Vectorial (1)
Aprender a Dibujar - Inspiración (7)
Aprender a Dibujar - juegos en 3D (3)
Aprender a Dibujar - Las Mejores PC de Diseño (1)
Aprender a Dibujar - Manga y Anime (11)
Aprender a Dibujar - Materiales de dibujo (3)
Aprender a Dibujar - MyPaint (1)
Aprender a Dibujar - Peliculas (2)
Aprender a Dibujar - Pintura (3)
Aprender a Dibujar - Primeros Pasos (1)
Aprender a Dibujar - Programas de Dibujo (5)
Aprender a Dibujar - Recursos Gratis (18)
Aprender a Dibujar - Tabletas y Dispositivos (15)
Aprender a Dibujar - Vlogs (12)
Ultimos Videotutoriales (Ver Todos)

Blog

Aprender a Dibujar / Articulos
Aprender a Dibujar / Entrevistas
Aprender a Dibujar / Eventos
Aprender a Dibujar / Noticias
Aprender a Dibujar / Tutoriales

Video tutoriales

Videos Aprender a Dibujar / Dibujo
Videos Aprender a Dibujar / Illustrator
Videos Aprender a Dibujar / InkScape
Videos Aprender a Dibujar / Photoshop
Videos Aprender a Dibujar / Gimp
Videos Aprender a Dibujar / MyPaint
Videos Aprender a Dibujar / AnimeyManga
Registrarse
Publicidad
Ayuda-FAQ
Copyright © 2010 aprender-a-dibujar.com Todos los derechos reservados.
Loading