\n Las im\u00e1genes vectoriales se usan ampliamente en el dise\u00f1o gr\u00e1fico, sin embargo, el usuario promedio de PC probablemente nunca haya o\u00eddo hablar de ellas.\n<\/p>\n
\n Las im\u00e1genes digitales, los gr\u00e1ficos web y las fotograf\u00edas digitales m\u00e1s comunes suelen representarse como im\u00e1genes de mapa de bits, no como im\u00e1genes vectoriales. Entonces, \u00bfqu\u00e9 son las im\u00e1genes vectoriales y por qu\u00e9 deber\u00eda importarte?\n<\/p>\n
\n Las im\u00e1genes de mapa de bits se componen de p\u00edxeles o peque\u00f1os cuadrados de color. Por ejemplo, una imagen de 300 x 300 p\u00edxeles de un globo se compone de 90 000 p\u00edxeles. Las im\u00e1genes vectoriales se componen de primitivas geom\u00e9tricas como puntos y l\u00edneas. Estas primitivas geom\u00e9tricas, a su vez, est\u00e1n representadas por ecuaciones matem\u00e1ticas, como las que aprendiste en geometr\u00eda en la escuela secundaria.\n<\/p>\n
\n Debido a que las im\u00e1genes vectoriales se componen de puntos y l\u00edneas, se pueden escalar sin p\u00e9rdida de calidad de imagen. Esto se debe a que su computadora est\u00e1 usando la informaci\u00f3n en cada primitiva geom\u00e9trica para dibujar la imagen, en lugar de mostrar un mapa de p\u00edxeles establecido. Cuando las im\u00e1genes de mapa de bits se ampl\u00edan, se vuelven borrosas, pero cuando se ampl\u00edan las im\u00e1genes vectoriales, permanecen n\u00edtidas.\n<\/p>\n
\n Cambiar el tama\u00f1o de una imagen vectorial no tiene efecto en el tama\u00f1o de la imagen. Esta es otra gran ventaja de las im\u00e1genes basadas en vectores. Debido a que la imagen vectorial se basa en un n\u00famero determinado de puntos y l\u00edneas, escalar el tama\u00f1o no cambia el tama\u00f1o del archivo porque no cambia el n\u00famero de puntos y l\u00edneas.\n<\/p>\n
\n Al igual que cualquier formato digital, se requiere alg\u00fan software especializado para trabajar con im\u00e1genes vectoriales. Programas populares como Adobe Photoshop leen y editan varios formatos vectoriales comunes hasta cierto punto. Para trabajos extensos con im\u00e1genes vectoriales, se recomienda un programa m\u00e1s especializado como Adobe Illustrator. Adobe Illustrator proporciona varias herramientas \u00fatiles para editar puntos, combinar rutas y exportar im\u00e1genes.\n<\/p>\n
\n Si te interesa el dise\u00f1o gr\u00e1fico, las im\u00e1genes vectoriales son un formato importante que debes dominar. Las im\u00e1genes vectoriales son ideales para una amplia variedad de proyectos y, por lo general, los dise\u00f1adores gr\u00e1ficos las proporcionan a sus clientes. Ahora que conoce los conceptos b\u00e1sicos de las im\u00e1genes vectoriales, comience a utilizar este excelente formato de imagen en su trabajo digital.\n<\/p>\n
\n Una imagen vectorial es el producto de la interpretaci\u00f3n de una computadora de un archivo de imagen vectorial. Es importante tener en cuenta que la imagen vectorial es bastante diferente a las im\u00e1genes rasterizadas como los mapas de bits. Un mapa de bits codifica literalmente la informaci\u00f3n de color para cada p\u00edxel de la imagen en secuencia. Una imagen vectorial es muy diferente. El c\u00f3digo de una imagen vectorial contiene los datos de solo unos pocos puntos, pero estos puntos contienen tanto informaci\u00f3n de color como datos vectoriales.\n<\/p>\n
\n Una imagen vectorial se genera a partir de puntos discretos y datos vectoriales adjuntos a esos puntos. Estos vectores, en combinaci\u00f3n con su relaci\u00f3n con otros puntos y sus vectores, definen un camino. La trayectoria sigue una curva definida por la magnitud y la direcci\u00f3n de los vectores de sus dos extremos. A esta ruta se le da un trazo que act\u00faa como un borde o un relleno, o ambos.\n<\/p>\n
\n Los principales beneficios de las im\u00e1genes vectoriales son la escalabilidad y, para muchas aplicaciones, el tama\u00f1o del archivo. El aspecto de la escalabilidad ocurre porque las l\u00edneas que componen una imagen vectorial no se configuran en el c\u00f3digo, sino que se generan cada vez de acuerdo con el tama\u00f1o y la resoluci\u00f3n de la pantalla en la que se representan. Por lo tanto, a diferencia de los gr\u00e1ficos de trama, las l\u00edneas y los rellenos de los gr\u00e1ficos vectoriales est\u00e1n limpios y sin p\u00edxeles en cualquier configuraci\u00f3n de zoom. Esta es tambi\u00e9n la raz\u00f3n del tama\u00f1o de archivo m\u00e1s peque\u00f1o. Para que una imagen rasterizada tenga una gran resoluci\u00f3n, debe codificar una gran cantidad de p\u00edxeles individualmente. Un cuadrado rojo s\u00f3lido en una imagen rasterizada requiere codificaci\u00f3n para cada p\u00edxel rojo, a pesar de que es de un solo color. Las im\u00e1genes vectoriales necesitan solo cuatro puntos y datos de color para definir un cuadrado rojo. Esos puntos tienen m\u00e1s datos cada uno que los p\u00edxeles de trama, pero hay muchos menos.\n<\/p>\n
\n La gran desventaja de una imagen vectorial est\u00e1 en im\u00e1genes detalladas como fotograf\u00edas. Cualquier caracter\u00edstica, como un conjunto de arrugas en la cara de una persona, sombreado sutil y similares, requiere objetos vectoriales separados para cada uno. Cuando necesita una gran cantidad de estos, la cantidad de puntos vectoriales se vuelve m\u00e1s similar a la cantidad de puntos en una imagen r\u00e1ster. Debido a que cada uno de estos puntos contiene muchos m\u00e1s datos que las im\u00e1genes rasterizadas, las im\u00e1genes muy detalladas en gr\u00e1ficos vectoriales consumen m\u00e1s memoria que una imagen rasterizada id\u00e9ntica.\n<\/p>\n
\n Gu\u00eda de gr\u00e1ficos: mapa de bits frente a gr\u00e1ficos vectoriales\n<\/p>\n
\n Al hacer dise\u00f1os gr\u00e1ficos, tiene varias opciones para el estilo de sus im\u00e1genes. Entre las formas m\u00e1s populares se encuentran los mapas de bits y los vectores. Dependiendo de c\u00f3mo planee usar sus im\u00e1genes y cu\u00e1nto necesite cambiarles el tama\u00f1o, cada una de estas opciones puede ser \u00fatil. Considere estas preguntas antes de decidirse por mapas de bits o gr\u00e1ficos vectoriales.\n<\/p>\n
\n Las im\u00e1genes de mapa de bits y vectoriales se guardan en diferentes formatos, ya que representan la informaci\u00f3n de su imagen de manera bastante diferente. Los mapas de bits se almacenan en algunos de los formatos de imagen simples m\u00e1s comunes, incluidos BMP, EPS, GIF y JPEG. Mientras tanto, las im\u00e1genes vectoriales requieren formatos de archivo m\u00e1s especializados, incluidos EPS, PDF y PSD. Si sus usos requieren un formato de archivo espec\u00edfico, aseg\u00farese de elegir un estilo de imagen que funcione con este formato.\n<\/p>\n
\n Cuando cambia el tama\u00f1o de una imagen, desea mantener la resoluci\u00f3n m\u00e1s alta posible. Para im\u00e1genes de mapa de bits, la ampliaci\u00f3n da como resultado una menor nitidez y claridad de la imagen. Debido a que los mapas de bits almacenan informaci\u00f3n p\u00edxel por p\u00edxel, ampliarlos conduce a estirar un solo p\u00edxel para cubrir varios p\u00edxeles. Los vectores escalan mucho mejor, ya que la informaci\u00f3n se almacena de manera relativa; la ampliaci\u00f3n de los vectores conduce a una p\u00e9rdida m\u00ednima de claridad.\n<\/p>\n
\n Si desea cargar sus im\u00e1genes en un sitio web o blog, ciertos formatos son m\u00e1s f\u00e1ciles de usar que otros. Muchos sitios web tienen dificultades para mostrar im\u00e1genes basadas en vectores, especialmente en t\u00e9rminos de compatibilidad entre navegadores. Los mapas de bits se muestran m\u00e1s f\u00e1cilmente y mantienen bien su apariencia en diferentes navegadores.\n<\/p>\n
\n Al imprimir una imagen, la impresora puede solicitar tipos de im\u00e1genes espec\u00edficos. Muchas impresoras de camisetas trabajan con vectores en lugar de mapas de bits; el uso de un esquema de informaci\u00f3n relativa facilita el ajuste de la imagen para su uso en diferentes tallas de camisa. Sin embargo, para algunos fines, una impresora puede solicitarle que env\u00ede una imagen de mapa de bits, ya que este tipo de imagen a veces es m\u00e1s f\u00e1cil de imprimir.\n<\/p>\n
\n Decidir sobre mapas de bits o gr\u00e1ficos vectoriales depende de c\u00f3mo planee usar su imagen digital. Antes de comenzar a dise\u00f1ar y editar su imagen, aseg\u00farese de determinar qu\u00e9 tipo es mejor para sus necesidades. Aunque puede convertir con bastante facilidad de un vector a un mapa de bits, la conversi\u00f3n en la direcci\u00f3n opuesta suele ser m\u00e1s dif\u00edcil.\n<\/p>\n
\n Los gr\u00e1ficos vectoriales son gr\u00e1ficos representados de manera bastante diferente a los gr\u00e1ficos de trama est\u00e1ndar. Son un tipo de im\u00e1genes m\u00e1s nuevo, totalmente dependiente de la computadora.\n<\/p>\n
\n Los gr\u00e1ficos vectoriales son gr\u00e1ficos definidos por vectores matem\u00e1ticos. Los gr\u00e1ficos vectoriales est\u00e1n definidos por un conjunto de puntos de referencia individuales con datos para la construcci\u00f3n de un camino que los atraviesa. La curva de este camino est\u00e1 determinada por el \u00e1ngulo y la magnitud del vector. Esta ruta act\u00faa como borde para un relleno de color o efecto de color. Los gr\u00e1ficos vectoriales son mostrados por una computadora que toma los datos de los puntos individuales y los extrapola para formar la ruta y el relleno entre los puntos.\n<\/p>\n
\n Los gr\u00e1ficos de trama son la forma m\u00e1s antigua de gr\u00e1ficos. La computadora no interpreta informaci\u00f3n matem\u00e1tica dada por un punto de referencia, sino datos de color para cada p\u00edxel en el \u00e1rea de dibujo. Los datos de cada punto simplemente se almacenan en orden de aparici\u00f3n y se muestran de acuerdo con ese orden.\n<\/p>\n
\n El principal beneficio de los gr\u00e1ficos vectoriales es la escalabilidad. Debido a que los gr\u00e1ficos vectoriales se generan a partir de extrapolaciones matem\u00e1ticas a partir de puntos adimensionales, se ven exactamente iguales en cualquier tama\u00f1o. Mientras que un gr\u00e1fico de trama, sin importar qu\u00e9 tan alta sea la resoluci\u00f3n, se ve pixelado a cierta escala, los gr\u00e1ficos vectoriales nunca lo hacen. La imagen se adapta autom\u00e1ticamente al nuevo tama\u00f1o y resoluci\u00f3n, porque se interpreta de acuerdo a ese tama\u00f1o y resoluci\u00f3n. Esto tambi\u00e9n significa que, para im\u00e1genes m\u00e1s simples, los gr\u00e1ficos vectoriales consumen menos memoria que los gr\u00e1ficos rasterizados.\n<\/p>\n
\n La potencia de c\u00e1lculo necesaria para mostrar un gr\u00e1fico vectorial suele ser inferior a la de un gr\u00e1fico de trama porque el gr\u00e1fico de vector necesita datos de muchos menos puntos que un gr\u00e1fico de trama. Sin embargo, cada punto individual en un gr\u00e1fico vectorial en realidad tiene m\u00e1s datos que un gr\u00e1fico de trama, que solo necesita datos de color para cada p\u00edxel. Esto significa que a medida que las im\u00e1genes se vuelven m\u00e1s detalladas y se necesitan m\u00e1s puntos para representarlas en gr\u00e1ficos vectoriales, la potencia inform\u00e1tica necesaria para procesarlas en realidad aumenta m\u00e1s all\u00e1 de la necesaria para los gr\u00e1ficos de trama. Por lo tanto, las im\u00e1genes muy complejas casi siempre se representan como gr\u00e1ficos de trama, a pesar de las ventajas de escalabilidad de los gr\u00e1ficos vectoriales.\n<\/p>\n
\n Los gr\u00e1ficos vectoriales son un tipo maravilloso y relativamente nuevo de gr\u00e1ficos para ciertas aplicaciones, particularmente el dise\u00f1o gr\u00e1fico. Sin embargo, este tipo de gr\u00e1fico tiene sus limitaciones.\n<\/p>\n
\n Adobe Photoshop es bien conocido por su capacidad avanzada de edici\u00f3n de fotograf\u00edas. Photoshop es un programa de gr\u00e1ficos basado en p\u00edxeles, en lugar de un programa de dibujo vectorial. Sin embargo, es posible crear im\u00e1genes vectoriales en Photoshop utilizando la herramienta de l\u00ednea, l\u00e1piz o forma. Photoshop funciona bien junto con Illustrator, el programa de dibujo vectorial de Adobe. Este tutorial se basa en calcar una foto en Photoshop para crear una ilustraci\u00f3n digital.\n<\/p>\n
\n \u00bfQu\u00e9 tipo de dibujo quieres crear? Busque una foto digital que se parezca mucho a la imagen que desea dibujar. Elija una foto que muestre claramente el contorno, los colores, los reflejos y las sombras del sujeto.\n<\/p>\n
\n Abre tu fotograf\u00eda en Photoshop. Cree un nuevo archivo con dos capas y gu\u00e1rdelo como su dibujo principal. Copie y pegue su foto en la capa uno de su archivo de dibujo. Haga que la foto en la capa uno sea 50 por ciento transparente para que pueda calcarla en la capa dos. El control deslizante de transparencia se encuentra en la esquina superior derecha sobre la paleta de herramientas.\n<\/p>\n
\n Haga clic en la capa dos y seleccione una herramienta de dibujo. Para mayor versatilidad, elija el bol\u00edgrafo. La herramienta Pluma crea segmentos complejos con puntos de anclaje. Si te sientes c\u00f3modo con el dibujo a mano alzada, selecciona el l\u00e1piz. Para secciones de l\u00edneas curvas, use la herramienta de arco. Si su dibujo es una forma geom\u00e9trica simple, elija la herramienta de l\u00ednea recta.\n<\/p>\n
\n Usando una herramienta de dibujo, trace el contorno alrededor de su imagen. Haga clic una vez con la herramienta para establecer un punto de partida. Arrastre el mouse para formar una l\u00ednea corta y haga clic nuevamente para crear el siguiente segmento. Con el l\u00e1piz, tiene la capacidad de dibujar una l\u00ednea a mano alzada de un solo trazo alrededor de la imagen. Una vez que haya terminado de dibujar todo el contorno, haga clic en el punto de inicio para formar una forma cerrada.\n<\/p>\n
\n Traza las formas individuales dentro de tu dibujo. No se preocupe por rastrear cada l\u00ednea detallada en la imagen en este punto. Conc\u00e9ntrese en delinear las formas principales en su dibujo. Para formas simples como c\u00edrculos o cuadrados, use las herramientas de forma preestablecidas para dibujar estas secciones.\n<\/p>\n
\n Rellena cada forma de tu dibujo con color seg\u00fan los valores de tu fotograf\u00eda. Utilice la herramienta cuentagotas para seleccionar el color exacto de su fotograf\u00eda. Este color ahora se convierte en el color de relleno principal en su paleta. Seleccione su forma y luego elija la herramienta de relleno para colorear su secci\u00f3n.\n<\/p>\n
\n Finalmente, mire su fotograf\u00eda original. \u00bfQu\u00e9 l\u00edneas de detalle desea agregar? No hay necesidad de rastrear cada l\u00ednea en su fotograf\u00eda. Elija las l\u00edneas principales que agregan detalles sutiles dentro de las formas de su dibujo. A continuaci\u00f3n, agregue efectos b\u00e1sicos como sombra paralela e iluminaci\u00f3n para mejorar su imagen. Busque en el men\u00fa \u00abEfectos\u00bb para encontrar una amplia gama de opciones adicionales. Al aplicar efectos, haga clic en la capa dos, que contiene su dibujo, y luego seleccione el efecto.\n<\/p>\n
\n Es relativamente simple crear una imagen vectorial en Photoshop. Practique con frecuencia y use una tableta digitalizadora gr\u00e1fica para obtener los mejores resultados. Con una tableta digitalizadora, puede dibujar f\u00e1cilmente como si estuviera sosteniendo un l\u00e1piz. Guarde su dibujo en formato PostScript encapsulado o en el formato nativo de Photoshop para almacenar los datos vectoriales. Un archivo EPS tambi\u00e9n se puede abrir en Adobe Illustrator, Corel Draw u otros programas de dibujo vectorial.\n<\/p>\n<\/p>\n