\n
Los gr\u00e1ficos vectoriales est\u00e1n a nuestro alrededor y proporcionan una forma importante de comunicar informaci\u00f3n visualmente, ya sea una marca corporativa, una se\u00f1alizaci\u00f3n de calles o un volante en la ventana de un caf\u00e9. Pero los gr\u00e1ficos vectoriales en s\u00ed mismos son a\u00fan m\u00e1s fascinantes cuando miras detr\u00e1s de las formas y fuentes que se combinan para comunicar un mensaje de un vistazo, y los reconoces por lo que realmente son y por qu\u00e9 son una herramienta tan poderosa en la caja de herramientas de cualquier dise\u00f1ador.<\/p>\n
Antes de sumergirnos en lo que son los gr\u00e1ficos vectoriales, arrojemos algo de luz sobre los dos tipos principales de gr\u00e1ficos por computadora: vectores y r\u00e1steres. Es probable que ya est\u00e9 familiarizado con este \u00faltimo gracias a muchos de los formatos de archivo m\u00e1s comunes, JPEG y PNG, que se encuentran en esta categor\u00eda. El primero es menos convencional pero es esencial para el dise\u00f1o digital, siendo los formatos de archivo m\u00e1s comunes EPS, AI o SVG, entre otros tipos menos utilizados. <\/p>\n\nSi vemos una imagen en una valla publicitaria o un anuncio en un vag\u00f3n de metro, esa imagen comenz\u00f3 como uno de estos dos tipos esenciales de gr\u00e1ficos antes de que llegaran al mundo material, pero los dos gr\u00e1ficos a continuaci\u00f3n toman el mismo camino desde el pluma digital al anuncio en la pared.<\/p>\n
Los gr\u00e1ficos vectoriales son im\u00e1genes creadas a partir de puntos definidos matem\u00e1ticamente, como puntos, l\u00edneas y curvas. Son de naturaleza 2D, pero con la ayuda de colores, texturas y capas, se pueden hacer para que parezcan 3D. Las im\u00e1genes vectoriales se guardan en su dispositivo como un conjunto de comandos que representan una lista de atributos de la imagen almacenada, y es esta caracter\u00edstica la que las hace incre\u00edblemente \u00fatiles para un dise\u00f1ador gr\u00e1fico. <\/p>\n
\u00bfPara qu\u00e9 se utilizan los gr\u00e1ficos vectoriales? <\/h2>\n\n\n
\n
<\/picture><\/p>\n<\/div>\n<\/div>(Cr\u00e9dito de la imagen: Shutterstock)<\/span><\/figcaption><\/figure>\nDado que los gr\u00e1ficos vectoriales son esencialmente solo funciones matem\u00e1ticas que definen una forma, son f\u00e1cilmente escalables, editables y, en general, m\u00e1s simples para trabajar. Se utilizan para una variedad de tareas, pero la publicidad y el marketing son, con mucho, los principales casos de uso de gr\u00e1ficos vectoriales. <\/p>\n
Los vectores son una opci\u00f3n ideal para logotipos, tarjetas de presentaci\u00f3n, carteles y otros materiales utilizados en campa\u00f1as promocionales. Lo que los hace adecuados para la publicidad es su escalabilidad entre un par de otros atributos. Puede ampliar o reducir una imagen vectorial en cualquier proporci\u00f3n y no sufrir\u00e1 una p\u00e9rdida de calidad.<\/p>\n
Si tom\u00f3 la funci\u00f3n matem\u00e1tica que define un c\u00edrculo perfecto, no importa que ingrese el radio de ese c\u00edrculo, siempre tendr\u00e1 la misma forma en cualquier tama\u00f1o.<\/p>\n
Por lo tanto, las empresas recurren a los gr\u00e1ficos vectoriales para im\u00e1genes que deben ampliarse o reducirse para, por ejemplo, una valla publicitaria y una tarjeta de presentaci\u00f3n, respectivamente. Dado que no solo es f\u00e1cil trabajar con ellos, sino que tambi\u00e9n son f\u00e1ciles de almacenar, son una excelente opci\u00f3n para el dise\u00f1o impreso y en l\u00ednea. Esto brinda a las empresas una ventaja adicional de trabajar con vectores, ya que les permite garantizar la uniformidad entre sus campa\u00f1as de marketing impresas y en l\u00ednea.<\/p>\n
Los gr\u00e1ficos vectoriales tienen el inmenso potencial de hacer que las ilustraciones se vean atractivas. Con la adici\u00f3n de colores atractivos y dise\u00f1os llamativos, se pueden mejorar simples l\u00edneas, puntos y curvas para captar la atenci\u00f3n de los consumidores. Por lo tanto, tambi\u00e9n son un favorito personal de los dise\u00f1adores web y desarrolladores de aplicaciones. Los sitios web y las aplicaciones a menudo usan vectores para interfaces, fuentes, p\u00e1ginas de destino e infograf\u00edas.<\/p>\n
Otro uso com\u00fan de los vectores son los dise\u00f1os que ve en productos, ropa o mercanc\u00edas. Dado que son relativamente f\u00e1ciles de duplicar, las marcas y las personas optan por ellos para ampliar sus productos.<\/p>\n
\u00bfQu\u00e9 hace que los gr\u00e1ficos vectoriales sean diferentes?<\/h2>\n\n\n
\n
La imagen de la izquierda est\u00e1 rasterizada y, por lo tanto, no puede escalarse tan limpiamente como la imagen vectorial de la derecha, que no se pixela sin importar cu\u00e1nto la ampl\u00edes ni pierde detalles sin importar cu\u00e1nto la reduzcas. <\/span>(Cr\u00e9dito de la imagen: Shutterstock)<\/span><\/figcaption><\/figure>\nComo se mencion\u00f3 anteriormente, su capacidad para escalar sin perder calidad les da a los vectores la mayor ventaja sobre los gr\u00e1ficos rasterizados. Dado que los vectores son esencialmente l\u00edneas, puntos y curvas que se mantienen unidos a trav\u00e9s de una ecuaci\u00f3n matem\u00e1tica, se pueden cambiar de tama\u00f1o al tama\u00f1o que desee sin que se vean borrosos. No hay posibilidad de pixelaci\u00f3n ya que no hay p\u00edxeles involucrados en el proceso, a diferencia de las im\u00e1genes rasterizadas. Debido a esta cualidad, los vectores se denominan \u00abindependientes de la resoluci\u00f3n\u00bb.<\/p>\n
Otra caracter\u00edstica exclusiva de los gr\u00e1ficos vectoriales que est\u00e1 estrechamente relacionada con las ecuaciones matem\u00e1ticas, ya que son sus componentes b\u00e1sicos, es el tama\u00f1o peque\u00f1o de los archivos. Dado que las im\u00e1genes vectoriales no almacenan p\u00edxeles, a diferencia de los r\u00e1steres, no requieren mucha memoria en su dispositivo. Las im\u00e1genes se guardan como relaciones matem\u00e1ticas traducidas a c\u00f3digo. Esto facilita que las empresas guarden una cantidad de im\u00e1genes vectoriales en sus dispositivos sin sobrecargar sus sistemas.<\/p>\n
El tama\u00f1o del archivo y el tiempo de carga est\u00e1n interrelacionados. Dado que las im\u00e1genes vectoriales tienen un tama\u00f1o de archivo peque\u00f1o, tambi\u00e9n se cargan m\u00e1s r\u00e1pido. Por lo tanto, es m\u00e1s f\u00e1cil y r\u00e1pido transferir y cargar im\u00e1genes vectoriales en varios dispositivos y programas. <\/p>\n
Como se mencion\u00f3 anteriormente, las im\u00e1genes vectoriales tambi\u00e9n son f\u00e1ciles de duplicar, lo que hace que sea muy sencillo para los dise\u00f1adores crear copias de un dise\u00f1o existente, lo que facilita el teselado o mosaico de una imagen. Otra caracter\u00edstica interesante de las im\u00e1genes vectoriales es que se pueden convertir f\u00e1cilmente en im\u00e1genes rasterizadas. Sin embargo, las im\u00e1genes rasterizadas no tienen la capacidad de convertirse en vectores, al menos no f\u00e1cilmente.<\/p>\n
Como las im\u00e1genes vectoriales no est\u00e1n hechas de p\u00edxeles, tienen un aspecto m\u00e1s n\u00edtido y preciso. \u00bfAlguna vez has notado c\u00f3mo una imagen JPEG pierde nitidez cuando se acerca mucho? Las im\u00e1genes vectoriales nunca te dar\u00e1n ese problema.<\/p>\n
\u00bfC\u00f3mo se hacen gr\u00e1ficos vectoriales?<\/h2>\n\n\n
\n
La interfaz de usuario de Adobe Illustrator, uno de los programas m\u00e1s populares para producir gr\u00e1ficos vectoriales. <\/span>(Cr\u00e9dito de la imagen: Adobe)<\/span><\/figcaption><\/figure>\nDe los muchos programas disponibles para crear im\u00e1genes vectoriales, Adobe Illustrator es el m\u00e1s popular y tambi\u00e9n el est\u00e1ndar de la industria. Sin embargo, tienes que gastar una buena cantidad de dinero para poder usarlo. Entre las mejores alternativas vectoriales gratuitas de Adobe Illustrator, Vecteezy e Inkscape son algunos de los mejores software de dise\u00f1o gr\u00e1fico, especialmente si tiene un presupuesto ajustado o acaba de empezar en el dise\u00f1o gr\u00e1fico.<\/p>\n
Aprender a hacer gr\u00e1ficos vectoriales es bastante f\u00e1cil una vez que sabes c\u00f3mo usar estos programas. Puede que necesite algo de pr\u00e1ctica para poder hacer dise\u00f1os complejos, pero puede hacer un gr\u00e1fico simple usando solo un par de herramientas en Illustrator u otro software de dise\u00f1o vectorial alternativo. Las herramientas m\u00e1s utilizadas para dise\u00f1os vectoriales en Illustrator son la herramienta Pluma, la herramienta Curvatura, las herramientas Forma y la herramienta Creador de forma, y \u200b\u200bestas cuatro herramientas por s\u00ed solas le permitir\u00e1n crear casi cualquier cosa. <\/p>\n
Veamos c\u00f3mo hacer una casa simple en Illustrator. Si no tiene Illustrator, no se preocupe, Inkscape tiene pr\u00e1cticamente la misma funcionalidad, aunque la interfaz puede ser diferente.<\/p>\n
\nPrimero, use la herramienta Rect\u00e1ngulo en el grupo de herramientas Forma en la caja de herramientas.<\/li>\n<\/ul>\n\n\n
\n
(Cr\u00e9dito de la imagen: futuro)<\/span><\/figcaption><\/figure>\n\nLuego arrastre la forma de la base de la casa a la mesa de trabajo.<\/li>\n<\/ul>\n\n\n
\n
(Cr\u00e9dito de la imagen: futuro)<\/span><\/figcaption><\/figure>\n\nA continuaci\u00f3n, seleccione la herramienta Pol\u00edgono del grupo de herramientas Forma. Cree un hex\u00e1gono con un di\u00e1metro aproximadamente tan ancho como deber\u00eda ser el techo. Despu\u00e9s de dibujar la forma, busque a lo largo del marco del cuadro azul de la forma un punto de ancla ligeramente hacia el lado del ancla central para ese lado.<\/li>\n<\/ul>\n\n\n
\n
(Cr\u00e9dito de la imagen: futuro)<\/span><\/figcaption><\/figure>\n\nAl hacer clic y mantener presionado este punto de anclaje, puede arrastrar el mouse para aumentar o disminuir el n\u00famero de lados del pol\u00edgono. arr\u00e1stralo hasta que solo queden tres lados.<\/li>\n<\/ul>\n\n\n
\n
(Cr\u00e9dito de la imagen: futuro)<\/span><\/figcaption><\/figure>\n\nUsando el mango giratorio en las esquinas del marco de la forma, gire y coloque el tri\u00e1ngulo para que forme el techo.<\/li>\n<\/ul>\n\n\n
\n
(Cr\u00e9dito de la imagen: futuro)<\/span><\/figcaption><\/figure>\n\nEs posible que deba usar uno de los controladores para ajustar el tama\u00f1o de la forma a la mesa de trabajo.<\/li>\n<\/ul>\n\n\n
\n
(Cr\u00e9dito de la imagen: futuro)<\/span><\/figcaption><\/figure>\n\nEn este punto, el tri\u00e1ngulo y el rect\u00e1ngulo son dos formas separadas que se pueden colorear por separado, separadas, se les aplican efectos sin que afecten a la otra forma.<\/li>\n<\/ul>\n\n\n
\n
(Cr\u00e9dito de la imagen: futuro)<\/span><\/figcaption><\/figure>\n\nSin embargo, si seleccionamos la herramienta Shape Builder, podemos convertir dos formas en una. Haga esto usando la herramienta Selecci\u00f3n mientras mantiene presionada la tecla May\u00fas para seleccionar las dos formas. Con las formas seleccionadas (ayuda hacer clic en las l\u00edneas de la forma en lugar de intentar hacer clic en el centro), seleccione la herramienta Creador de formas de la caja de herramientas. Luego, clic izquierdo fuera de<\/em> de las formas que desea combinar y arrastre el mouse sobre las dos formas que forman la casa.<\/li>\n<\/ul>\n\n\n
\n
(Cr\u00e9dito de la imagen: futuro)<\/span><\/figcaption><\/figure>\n\nCuando suelte el bot\u00f3n del mouse, las formas se combinar\u00e1n autom\u00e1ticamente en una sola forma, eliminando cualquier borde entre ellas y asumiendo todas las caracter\u00edsticas de la primera forma dibujada con Shape Builder.<\/li>\n<\/ul>\n\n\n
\n
(Cr\u00e9dito de la imagen: futuro)<\/span><\/figcaption><\/figure>\nY eso es. Esta imagen vectorial, aunque bastante b\u00e1sica, se puede ampliar hasta el tama\u00f1o de una manzana de la ciudad, pero no se desdibujar\u00e1 ni perder\u00e1 su forma.<\/p>\n
Hay mucho m\u00e1s que saber sobre c\u00f3mo utilizar mejor los vectores para agregar profundidad y textura a un objeto, pero esta peque\u00f1a casa es un comienzo, y podr\u00eda ser el comienzo de una nueva carrera de dise\u00f1o gr\u00e1fico.<\/p>\n<\/div>\n
Source link-35<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"Los gr\u00e1ficos vectoriales est\u00e1n a nuestro alrededor y proporcionan una forma importante de comunicar informaci\u00f3n visualmente, ya sea una marca corporativa, una se\u00f1alizaci\u00f3n de calles o un volante en la…<\/p>\n","protected":false},"author":1,"featured_media":64229,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[21980],"tags":[6510,2674,216,15152,3077,437,27892,26400,27893,4356,27891],"_links":{"self":[{"href":"https:\/\/magazineoffice.com\/wp-json\/wp\/v2\/posts\/64228"}],"collection":[{"href":"https:\/\/magazineoffice.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/magazineoffice.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/magazineoffice.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/magazineoffice.com\/wp-json\/wp\/v2\/comments?post=64228"}],"version-history":[{"count":1,"href":"https:\/\/magazineoffice.com\/wp-json\/wp\/v2\/posts\/64228\/revisions"}],"predecessor-version":[{"id":64230,"href":"https:\/\/magazineoffice.com\/wp-json\/wp\/v2\/posts\/64228\/revisions\/64230"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/magazineoffice.com\/wp-json\/wp\/v2\/media\/64229"}],"wp:attachment":[{"href":"https:\/\/magazineoffice.com\/wp-json\/wp\/v2\/media?parent=64228"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/magazineoffice.com\/wp-json\/wp\/v2\/categories?post=64228"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/magazineoffice.com\/wp-json\/wp\/v2\/tags?post=64228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}