El programa que utilitzarem per a la producció d’elements gràfics  serà el Fireworks MX 2004.

Per iniciar el programa anem al menú Inicio–> Programas –> Macromedia –> Fireworks MX 2004.

Un cop obert el programa seleccionar el menú archivo –> Nuevo. S’obre un quadre de diàleg on heu d’escriure 300 d’amplada i 300 d’allargada.

Guardeu el document on a la vostra carpeta que heu creat seleccionant Archivo–> Guardar Como i poseu-li el nom Castellers.

Agafeu l’eina Rectangulo del sector Vector de la barra d’eines.

A l’inspector de propiedades cliqueu sobre la icona que representa un pot de pintura que es vessa i s’obre una finestra amb molts colors. Seleccioneu el color #FF0000.

Aneu sobre el quadre blanc de la pantalla (zona on s’ha de fer el dibuix) i arrossegueu el ratoli amb el botó esquerra apretat per tenir un quadrat. Us ha de quedar un quadre vermell.

Seleccioneu l’eina Puntero que és la primera per dalt de tot.

Seleccioneu la icona del llapis al menú de propiedades i quan s’obrin la finestra amb els colors introduiu #FFFF00.

Des del menú Archivo –> Importar importeu la imatge:

Quan ho feu veureu que el cursor s’ha convertit en un angle. Cliqueu amb aquest sobre el marge esquerra superior de la zona de dibuix i arrossegueu-lo fins a completar tota la superficie, permeten que la imatge importada es mostri sencera.

Us ha de quedar:

Observeu ara la finestra flotant del costat dret anomenada Capas. Si no està visible la podeu activar des del menú Ventana –> Capas.

Heu de veure a més a més de la Capa de Web dos nivells que Fireworks ha generat per cada un dels elements. Per un costat doncs hi podeu veure el nivell Rectangulo i per l’altre la fotografia que s’identifica com a mapa de bits.

Per acabar la pràctica seleccioneu l’eina Texto ( el seu simbol es una A majuscula), amb el ratolí apreteu el botó de l’esquerra i feu un quadrat a sobre del dibuix que esteu creant i introduïu-hi el següent text: castell i castellers.

A propiedades amb el quadre de text seleccionat, trieu una lletra arial de mida 43 i color #FF6633 i justifiqueu-lo per la dreta.

Posicioneu aquest text a la part superior dreta del document.

Ha de quedar semblant a:

Enhorabona!! ja heu fet un primer disseny.