La comunidad para los Taringueros 100% Chapines. Viva Guatemala! Inviten a todos los Taringueros Chapines que conozcan.
Ver más- 5,238 Miembros
- 8,655 Temas
- 1,874 Seguidores
Vectoriza tus Imagenes


Que onda mucha hoy les traigo este medio tutorial de como vectorizar imagenes primero lo primero que es un grafico vectorial, segun wikipedia es esto :
en pocas palabras es una imagen echa por segmentos vectoriales los cuales pueden ser escaladas al tamaño que uno quiera sin perder nada de resolucion o consistencia, a diferencia de las imagenes normales (pixeles) que si uno las agranda se ven borrosas
y feas aca un ejemlplo mas claro
el de arriba es una imagen vectorial
el de abajo es una imagen comun y corriente (echa por pixeles)
Una imagen vectorial es una imagen digital formada por objetos geométricos independientes (segmentos, polígonos, arcos, etc.), cada uno de ellos definido por distintos atributos matemáticos de forma, de posición, de color, etc. Por ejemplo un círculo de color rojo quedaría definido por la posición de su centro, su radio, el grosor de línea y su color.
en pocas palabras es una imagen echa por segmentos vectoriales los cuales pueden ser escaladas al tamaño que uno quiera sin perder nada de resolucion o consistencia, a diferencia de las imagenes normales (pixeles) que si uno las agranda se ven borrosas
y feas aca un ejemlplo mas claro
el de arriba es una imagen vectorial
el de abajo es una imagen comun y corriente (echa por pixeles)

Ahora bien para que sirve esto: pues en este ejemplo lo uso para hacer un poster de 1 metro de ancho por 3 metros de largo es decir es una imagen grande, cualquiera hubiera buscado una imagen cualquiera y la hubiera agrandado, pero como yo necesito una imagen en especifico, necesito escanearla, modificarla, adaptarla, etc... y sobre todo que impresa quede lo mejor posible
Cabe mencionar que este tipo de imagenes son comunes para Logos, textos, dibujos tipo historieta y animes, no apta para fotos, rostros, o cualquier material de contenido "natural" es mas bien para segmentos fuertes, claros, y concisos de color...
Las Herramientas que necesitan son las siguientes
Un Scanner (en mi caso)
Vector Magic
Adobe Photoshop
Adobe Illustrator
Impresora POSTSCRIP nivel 3 (para impriimir el trabajo)
Cabe mencionar que este tipo de imagenes son comunes para Logos, textos, dibujos tipo historieta y animes, no apta para fotos, rostros, o cualquier material de contenido "natural" es mas bien para segmentos fuertes, claros, y concisos de color...

Las Herramientas que necesitan son las siguientes
Un Scanner (en mi caso)
Vector Magic
Adobe Photoshop
Adobe Illustrator
Impresora POSTSCRIP nivel 3 (para impriimir el trabajo)

Bueno pues primero se consiguen una imagen tipo "cartoon" o "anime" es decir con colores solidos variantes, yo busque varias de Arale pero no consegui la que queria asi que escanie una que tenia guardada pero es mejor que consigan una en la web ya que si se ecanea lleva un poco mas de trabajo arreglarla
Aca esta la imagen recien scaneada sin retoques ni nada
Si se dan cuenta esta hoja la mantuve doblada por un buen tiempo asi que se le quedaron las marcas del doblez, asi que lo primero que tenemos que hacer es quitarle esas lineas ya que afectarian bastante nuestro resultado final
Despues de haber conseguido el resultado que queriamos, nos queda trabajar el contraste, intensidad y suavizado de color, por lo que lo mas sencillo sera curvear toda la imagen, aca jueguen con las opciones hasta obtener el resultado que mas les parezca
Ya con el resultado de colores suaves y planos, nos dirigimos a la aplicacion Vector Magic la cual es sencilla e intuitiva de usar
Dentro de la aplicacion veremos que ésta nos guia desde el inicio diciendonos que arrastremos la imagen al cuadro de dialogo
Muy importante aca veremos las sencillas opciones de dejarlo en modo automatico o en personalizado, cabe mencionar que en personalizado encontraremos varias opciones de vectorizacion ya sea por segmentos, por complejidad asi como el suavizado, el desenlazado y el recorte de recursos, estas opciones son para usuarios avanzadas, asi que lo mejor sera usar la opcion AUTOMATICO que el programa hace todo el solo con un resultado un 92% adecuado, creanme
Depsuede haber finalizado todo el proceso veremos las resultados que el programa eligio automaticamente, estas se pueden modificar asi que no hay problema como ven a mi me dio un resultado en Alto Detalle, no necesito alto detalle asi que lo regreso a MEDIO
Una vez satisfechos con el resultado veremos una sencilla ventana en la cual nos pregunta en que formato podemos guardar nuestro archivo los cuales son en los programas mas comunes de diseño vectorial, en mi caso utilizare Adobe Illustrator ya que se me hace mucho mas sencillo y eficaz, abajo la cap ya abierto en AI desde ya se nota el cambio de pixeles a vectores de manera sorprendente a tan solo 72 DPI de salida
Aca una captura Outline para que vean que todos son trazados cerrados listos para rellenar sin Strokes de por medio
Ahora si ya pueden quitar, mover, rellenar, strokear, etc.. cualaquier cosa pues la imagen esta 100% editable
asi que yo empiezo a quitar, agrupar y cambiar de color las cosas que no me gustan
Aca ya son varios detalles los que elimine pero son varios pasos asi que solo les dejo el resultado final, quizas de lejos no se vea mucho, pero aca ya nivele los colores, ya curvie bien las zonas vectoriales, asi tambien elimine el relleno que no necesitaba y de paso le empeze a añadir cosas, como un fondo
Este es el resultado final, no le hice mayor cosa ya que el poster no es para mi, es para mi sobrina que cumple 4 años el otro mes y es con ella con quien veo al Dr Slump
asi que decidi hacerle este poster para su cumpleaños... resultado final 2 Horas de Trabajo mas Q.75.00 de impresion = ver a mi sobrina sonriendo por un buen tiempo
Aca en esta ultima imagen pueden ver la diferencia de la primera imagen con el resultado final, a simple vista se pueden ver la claridad y complejidad de los detalles

este proceso se aplica a millones de cosas, minimizando recursos en paginas web, trabajando mas fluidamente con flash, java etc... se llama Vectorizacion

CERTIFICADA

COMENTEN!
- 14Calificación
- 0Seguidores
- 583Visitas
- 9Favoritos
Global
Argentina
Chile
Colombia
España
México
Perú
Uruguay
Venezuela

44 comentarios
Pd. Tene cuidado que por ahi anda un juez del apocalipsis que segun el esta denigrando el nombre de apple jajaja
¬¬" :chupala:
como asi vos eso del juez ¬¬"
X2 por hay andaban diciendo que te estabas cortando las venas con galletas saladas
photoshop es lo de menos
El shero que segun su chata vision tecnologica apple es una miershh
el chero puede pasar por su ticket y hacer cola con los demas 0tes que me pelan eshhhta
8=======D
¬¬"
Si no regalale este jajaja, buen tuto al rato lo leo bien.
eso me recuerda la lica de Jack & Jill
de paso
jajajja ¬¬"
orale vos..
pd: estoy esperando la convocatoria 0te
link: http://youtube.com/watch?v=sSROGQLDxLk
pd. +1 y reco
ni mierda vos, las palabras alivianan las mierdas nada mas... pero en el fondo es otro nivel...
igual a la mierda un par de dias son suficientes para volver a empezar...
jajaja ¬¬"
yo aun sigo pensando que el @bolo @terco esta encostalado aun
la mafia es la mera tostada
x5
Chupenla putos
X 10
X50
esto confirma mi teoria (modo @bolo @shumo /off )
x2 ¬¬"
ya leyendo todo me di cuenta de que no es lo que ví deplano era otra cosa y lo confundí
en resumen no leiste un carajo
al primer comentario nel, ahorita si; ahora el otro si ni lo vi bien, solo medio vi las imagenes y me dio hueva
muy huevon pizado
preguntando que quería significa Iggs ¬¬"
Hail Deutschland
Iva
Intecap
clon tuyo tenia que ser
jajajajajajajajajajaja EL CRAP DE AÑO!
dale, me avisas cualquier onda...
exacto veras el live trace en illustrator quizas tenga mas opciones pero cuesta un huevo calibrarlo al nivel... proba con este te aseguro el resultado es mucho mejor... yo tambien antes solo con AI lo usaba
si asi es compa... lo bueno es que cuando terminas lo podes guardar en formato corel o bien en un eps standard
@contamemas @cosmos @hueco
fijate que los jefes andan indesisos