The Difference Between Raster and Vector Images  | Screenprinting.com

Crear diseños para la impresión de pantalla requiere un poco de trabajo y creatividad. Ya sea que esté diseñando un logotipo para su marca o creando un diseño de camiseta basado en obras de arte de un cliente, necesitará un software de diseño que funcione para usted. Pero antes de llegar a diseñar, debe saber la diferencia entre las imágenes ráster y vectoriales.

Una imagen en Adobe Illustrator Reading "comprar local"

¿Qué es una imagen vectorial?

Las impresoras de pantalla usan imágenes vectoriales. Una imagen vectorial utiliza algoritmos matemáticos para crear rutas y curvas. Suena complicado, ¿verdad? Lo que esto significa para la impresión de pantalla es que la imagen es infinitamente escalable. Puede acercarse mucho a la imagen sin que se vuelva borrosa.

Las imágenes vectoriales deben editarse en Adobe® Illustrator o un software vectorial similar. Se prefieren estos tipos de imágenes en todo el mundo del diseño gráfico, incluida la impresión de pantalla. Las líneas se mantienen suaves y nítidas, ya sea que esté creando obras de arte para una impresión trasera de gran tamaño o una tarjeta de presentación.

Ejemplos de archivos vectorizados son .ai, .Eps, .svg y .pdf (si en formato vectorial).

Una imagen vectorizada con zoom con líneas nítidas

Las imágenes vectoriales permanecen crujientes y limpias sin importar cuán lejos se acerque.

¿Qué es una imagen ráster?

Las imágenes de trama están formadas por píxeles. Cuando toma una foto en su teléfono o una cámara, esa imagen se convierte en una imagen ráster. Sabrá que es una imagen de trama porque si se acerca a la imagen, se vuelve confuso.

Estas imágenes se usan principalmente en fotografía. El tamaño del archivo es bastante grande debido a la cantidad de píxeles que forman la foto. Cuantos más píxeles, mayor calidad será la imagen. Las imágenes de trama no se recomiendan para ningún tipo de diseño gráfico porque no puede cambiar el tamaño sin hacer que el diseño bordee. Los nombres de archivos de las imágenes ráster incluyen .psd, .pdf, .jpg y .png, por nombrar algunos.

Las imágenes de trama se pueden editar con Adobe® Photoshop, Procreate y Lightroom. Si no tiene estos programas, no se preocupe. Si un cliente le envía una imagen simple, de alta resolución y rasterizada, o tiene una imagen de ráster que desea usar en un diseño, puede vectorizarla.

Un zoom en una imagen rasterizada que tiene líneas difusas

Las imágenes ráster con zoom se ven un poco borrosas en los bordes.

Vectorizando una imagen ráster

Si tiene una imagen de trama simple y de alta resolución con la que desea crear un diseño de camiseta, ¡no se preocupe! Golden Press Studio El director de arte Cory Romeiser lo guía a través de los pasos del Clase de ilustrador Adobe® gratis. El capítulo con este tema se llama "Trace de imagen". Cory utiliza una imagen de trama de alta resolución de un color exportada desde Procreate.

RELACIONADO: Por qué las impresoras necesitan dominar Adobe Illustrator para la impresión de pantalla

Configuración

En el curso, Cory creó un diseño en Procreate y lo subió a Adobe® Illustrator para vectorizarlo. Si siguiste en el Clase de procreación gratuita, puedes usar uno de esos diseños. Actualmente, es una imagen ráster. Si se acerca a la imagen, está pixelado. Haga clic en "Trace de imagen" en la parte inferior derecha de su barra de herramientas. Si "Image Trace" no está en su barra de herramientas, simplemente suba a "Ventana" y desplácese a "Trace de imagen".

Haga clic en la imagen y presione "Imagen Trace". Eche un vistazo a su configuración avanzada. Cory tiene su configuración guardada como preajuste. Sus umbrales, caminos y esquinas se establecen en 97, y su ruido se establece en 1 píxel. También tiene "ignorar el blanco" seleccionado.

¿Qué hacen esos controles deslizantes?

Hacer ajustes sutiles en su configuración avanzada en la sección Trace de imagen en realidad puede marcar una diferencia notable. Los umbrales hacen que el diseño sea más grueso o más delgado. Cuanto mayor sea el umbral, más grueso es el diseño. Los caminos hacen que las esquinas sean suaves o cuadradas. Los caminos de Cory se establecen en 97 porque quiere esquinas suaves en su diseño. El porcentaje de ruido en su diseño es igual a la cantidad de detalles. Este es un ajuste muy leve, pero si juegas con el control deslizante, notarás un poco de cambio.

Una imagen vectorizada de las palabras "comprar local" con puntos de anclaje que rodean las palabras.

Terminando el vector

Una vez que haya guardado su configuración avanzada como preajuste, presione OK. Puede notar que el diseño no se ve muy diferente. Todavía hay una caja delimitadora a su alrededor. Vaya a la parte superior de su pantalla y haga clic en "Expandir". Su obra de arte debe tener un esquema en todo momento, y debe estar anclado a los puntos vectoriales.

Actualmente, la imagen vectorial se agrupa. Esto significa que no puedes mover piezas individuales. Si desea mover, agregar o eliminar piezas, simplemente desangrar el diseño. Estás listo para personalizar tu diseño vectorial y llegar a la impresión.

RELACIONADO: Cómo personalizar un diseño de un paquete vectorial en Adobe Illustrator

Una imagen que lee "comprar local" con la "y" resaltada

Las imágenes de trama se utilizan para fotografía y edición de fotos. No se pueden editar en Adobe® Illustrator, y no se recomiendan para la impresión de pantalla. Las imágenes vectoriales, por otro lado, están formadas por puntos de anclaje para que pueda diseñar y editar a sus necesidades exactas. La imagen es infinitamente escalable, por lo que nunca perderá calidad, independientemente de cuán grande o pequeño debe ser su diseño. Ya sea que esté creando una impresión en el pecho izquierda o un banner del tamaño de un edificio, Vector Images puede llevarlo allí. Tu único límite es tu creatividad.

Adobe illustratorArt & designArt and designDesignGolden press studioGraphic designHow to guidesVector