Fondo de pantalla con Cx-Designer para pantallas NS

Fecha de publicación
Cateogría del artículo Pantallas HMI
Visualizaciones del artículo Leído 5152 veces

La apariencia de la composición de la pantalla HMI de una instalación es un aspecto que en cocasiones se pasa por alto. Una pantalla "bonita" y armoniosa ayuda a mejorar la imagen de la aplicación o máquina ya que va a ser el interface con el usuario.

Una recomendación: NO PONGAIS EL FONDO EN NEGRO!!

Es muy facil poner un fondo un poco trabajado que le de a la pantalla un toque bonito. En este ejemplo voy a explicar como hacer un fondo degradado con Photoshop e insertarlo como fondo de pantalla.

Crear la imagen de fondo 

Supongamos que vamos a trabajar con una pantalla NS10, la pantalla hace 640 x 480 px. En Photoshop creamos una nueva imagen de ese tamaño.

1076_01

Una vez creada la imagen insertamos un rectangulo que ocupe toda la imagen (640 x 480) y utilizamos la herramienta degradado para crear el degradado que más nos guste. Aconsejo utilizar colores suabes y fundir a blanco ...

1076_02

1076_03

Una vez tenemos la imágen la guardamos como JPG y ya la tenemos lista para trabajar con el Cx-Designer

Fondo en Cx-Designer

Para insertar la imagen de fondo en Cx-Designer , en las propiedades de cada pantalla le indicamos el nombre del archivo que queremos de fondo:

1076_04

De esta forma creamos una pantalla mucho mas atractiva de una forma muy simple:

CON FONDO

1076_05

SIN FONDO

1076_06