Vista previa Píxeles y gráficos para Web mejorados

Por Roger Wambolt

Este tutorial se ha escrito para CorelDRAW® Graphics Suite X5. Aunque pueden encontrarse disponibles funciones similares en versiones anteriores, el tutorial sólo se aplica en su totalidad a CorelDRAW Graphics Suite X5.

La vista previa Píxeles te permite crear dibujos en unidades de píxel reales, para proporcionar así una representación mucho más precisa de la apariencia que tendrá el diseño en Web.

Vista previa Píxeles y gráficos para Web mejorados

Qué aprenderás

En este tutorial, aprenderás a:

Trabajar con píxeles

La vista previa Píxeles muestra una representación basada en píxeles del dibujo que te permite acercar o alejar una parte de un objeto y así colocar el objeto y cambiarle el tamaño de forma más precisa. Esta vista también te permite ver el dibujo tal y como se exportará a un formato de archivo de mapa de bits, incluso si los objetos son vectores.

Modo de vista previa Píxeles de CorelDRAW®

Encajar en píxeles

  • En CorelDRAW, haz clic en Archivo > Nuevo.
  • En el cuadro de diálogo Crear un documento nuevo, elige Web en el cuadro de lista Destino del preestablecido y haz clic en Aceptar.
  • En la barra de herramientas, selecciona 800% en el cuadro de lista Niveles de zoom.
  • Haz clic en Ver y comprueba que no está activada la opción Encajar en píxeles. (Una marca de verificación junto a la opción Encajar en píxeles indica que está activada.)
  • Dibuja un objeto.
  • Haz clic en Ver > Encajar en píxeles.
  • Dibuja otro objeto.

A medida que te desplazas por la cuadrícula, observarás cómo se van mostrando puntos de encaje, como el borde del píxel, la esquina del píxel y el centro del píxel. De este modo, dispones de un control mucho más preciso.

Cambiar el color y la opacidad de una cuadrícula de píxeles

Para cambiar el color y la opacidad de la cuadrícula de píxeles, haz clic en Ver > Configurar > Configuración de cuadrícula y regla.

  • En la sección Cuadrícula de píxeles, abre el selector Color y selecciona un color.
  • Mueve el control deslizante Opacidad hacia la derecha para aumentar la opacidad de la cuadrícula.
Puedes desactivar la casilla Mostrar cuadrícula de píxeles con un zoom del 800% y superior si no deseas que se muestre automáticamente la vista previa Píxeles con un zoom del 800% o superior.

Al usar el modo de vista previa Píxeles al diseñar para Web, puedes garantizar que lo que ves en pantalla se corresponda exactamente con el resultado final. Ya no es necesario basarse en suposiciones.

Exportar gráficos para Web

El cuadro de diálogo Exportar para Web proporciona un punto de acceso único para los controles de exportación más utilizados, lo que elimina la necesidad de abrir otros cuadros de diálogo durante la preparación de un archivo para su exportación. También te permite comparar resultados de varias configuraciones de filtros antes de decidirte definitivamente por un formato de salida. Así te resultará más fácil obtener el resultado deseado. Vamos a comprobarlo. La siguiente imagen corresponde al cuadro de diálogo Exportar para Web. Esta función se encuentra disponible en CorelDRAW® y Corel PHOTO-PAINT®.

Exportar para Web

El cuadro de diálogo Exportar para Web

  • En CorelDRAW, con el diseño en la página, haz clic en Archivo > Exportar para Web.
  • En el cuadro de diálogo Exportar para Web, haz clic en el botón Cuatro previsualizaciones.
  • Haz clic en el panel de previsualización derecho superior.
  • Selecciona JPEG de mediana calidad en el cuadro Lista de preestablecidos.
  • Observa la variación en el tamaño de archivo en las otras ventanas.

¿Cuál es el mejor formato de archivo?

CorelDRAW y Corel PHOTO-PAINT te permiten exportar los siguientes formatos de archivo compatibles para Web: GIF, PNG y JPEG.

GIF
Las imágenes GIF son adecuadas para dibujos lineales, texto, imágenes con pocos colores o imágenes con bordes marcados, como imágenes escaneadas en blanco y negro y logotipos. El formato GIF ofrece varias opciones gráficas avanzadas, como por ejemplo, fondos transparentes, imágenes entrelazadas y animación. También te permite crear paletas personalizadas para la imagen.

PNG
Los archivos PNG son adecuados para varios tipos de imagen, como fotos y dibujos lineales. A diferencia de los formatos GIF y JPEG, el formato de archivo PNG es compatible con el canal alfa, que te permite guardar imágenes transparentes con resultados de calidad superior.

JPEG
El formato de archivo JPEG es el más adecuado para la exportación de fotos e imágenes escaneadas. Los archivos JPEG usan compresión de archivo para almacenar una versión aproximada de una imagen, lo cual provoca una ligera pérdida de datos de imagen, pero no compromete la calidad de la mayoría de las fotografías. Es posible elegir la calidad de la imagen al guardarla: cuanto más alta sea la calidad, mayor será el tamaño del archivo.

Usar preestablecidos

Puedes exportar archivos compatibles para Web por medio de configuraciones preestablecidas. Así podrás optimizar el archivo sin tener que modificar una a una las opciones de configuración. No obstante, también puedes personalizar las opciones de configuración para obtener un resultado específico. Por ejemplo, puedes ajustar el color, la calidad de visualización y el tamaño de archivo. Los preestablecidos resultan útiles a la hora de exportar varias imágenes para garantizar así la coherencia en todo el proyecto.

Personalizar opciones de exportación de archivos JPG

En el cuadro de diálogo Exportar para Web, selecciona JPEG en el cuadro de lista Formato. Tienes la opción de realizar una o varias de las siguientes tareas:

Área Configuración

Aquí puedes controlar el Modo de color, la Calidad y el Subformato y Desenfocar la transición entre píxeles adyacentes de colores distintos. También encontrarás las opciones de sobreimprimir negros al exportar a CMYK y aplicar un color mate al fondo del objeto para ayudar a difuminar los bordes de objetos suavizados.

Área Avanzadas

Si deseas cargar el archivo JPEG en el explorador Web de forma gradual con el fin de ver sólo fragmentos de la imagen antes de que termine de cargarse, activa la casilla Progresivo. Para obtener el menor tamaño de archivo JPEG posible, usa el método de codificación Optimizar y aplica la configuración de color del documento. También puedes utilizar la configuración de prueba de color.

Personalizar opciones de exportación de mapas de bits basados en paletas (PNG y GIF)

En el cuadro de diálogo Exportar para Web, selecciona GIF o PNG en el cuadro de lista Formato. Tienes la opción de realizar una o varias de las siguientes tareas:

Área Configuración
En el área Configuración, puedes elegir una paleta de colores, especificar una opción de tramado y, además, muestrear un color y añadirlo a una paleta de colores mediante la herramienta Cuentagotas. Esto resulta particularmente útil si has reducido el número de colores de la imagen (para reducir el tamaño de archivo) y observas que falta un color específico que deseas añadir. Aquí también dispones de la función de hacer doble clic en cualquiera de los colores visibles y modificarlo.

Área Avanzadas
En esta sección, puedes hacer que se aplique Alisado a la imagen, incorporar el perfil de color o establecerlo como Entrelazado.

No obstante, ten en cuenta que, si exportas el archivo como PNG RGB de 24 bits, no estarán disponibles todas estas opciones. Para obtener más información acerca de este tema, consulta los archivos de ayuda de CorelDRAW y Corel PHOTO-PAINT.

Exportar para Web - Configuración de exportación de archivos GIF

Volver al principio