Conteúdo Interativo

Sempre tive curiosidade de aprender como fazer mapas de site no Fireworks. Apesar de alguns não gostarem tanto, achava-o muito bom para construção de wireframes por já ter bibliotecas próprias com os principais elementos HTML, mas sempre buscava outras ferramentas na hora da construção de diagramas como o de Garret. Essa dificuldade foi superada ao perceber que o Fireworks CS3 permite a importação de EPS para a suas bibliotecas.

Eis o passo-a-passo para você resolver esse problema de vez:

1. Faça o download das imagens que compõem o diagrama em formato vetorial.
2. Abra estas imagens no Fireworks. (Imagem 1)
3. Selecione cada imagem e depois pressione a tecla F8 para converter essa imagem em símbolo. (Imagem 2)
4. Selecione as duas opções abaixo da caixa para importar para a biblioteca e para não permitir a distorção da imagem. (Imagem 3)
5. Após isso perceba que aparecerá a opção de salvar esse arquivo, apenas salve. (Imagem 4)
6. Após a criação do elemento da biblioteca, observe q ele é criado na pasta Common Symbols dentro do painel Common Library. Você pode criar pastas personalizadas e arrastar o elemento para a pasta que você quiser. (Imagem 5)

Obs: O Glacial me ajudou bastante nesse processo.