Como usar o Slicing no Fireworks CS5 - dummies

Adobe Fireworks Creative Suite 5 suporta s l icing , uma técnica para quebrar arquivos grandes em pacotes menores então eles baixam mais rápido. É também um método para anexar URLs a diferentes regiões de uma imagem em um padrão de grade.

Um candidato perfeito para obras de arte em fatias é uma barra de navegação. Cada guia é uma fatia individual que, quando clicada em um navegador da Web, leva o visualizador a um local diferente.

Escolha o comando Fit Canvas.

Crie a imagem básica

Primeiro, crie a imagem básica - um retângulo, para este exemplo. Siga estas etapas:

1. Escolha Arquivo → Novo para abrir a caixa de diálogo Novo documento.

2. Tipo 500 na caixa Largura e 200 na caixa Altura; Clique OK.

   O novo documento em branco é aberto. (Observe que é maior que a imagem que você está criando, você vê como modificá-la mais tarde.)

3. Selecione a ferramenta Retângulo na seção Vetor do painel Ferramentas. Clique e arraste para criar um retângulo.

   Qualquer tamanho está bem.

4. Com o retângulo selecionado, clique em Cor de preenchimento na seção Cores do painel Ferramentas e escolha uma cor.

5. Escolha Janela → Informações para abrir o painel de Informações.

6. Digite 300 na caixa W (Largura) e 50 na caixa H (Altura).

   Você também pode usar o painel Propriedades para definir esse tamanho.

7. Com a ferramenta Ponteiro, clique em qualquer lugar na tela fora do retângulo para desmarcar o retângulo.

8. Clique com o botão direito do mouse (Windows) ou clique com o botão direito do mouse (Mac) e escolha Modificar tela → Ajustar tela no menu contextual.

   A tela se ajusta ao tamanho do retângulo.

Quando você não possui objetos selecionados, você também pode clicar no botão Ajustar tela no painel Propriedades.

A tela se ajusta para se adequar ao seu objeto.

Adicionar texto

Adicionar texto à barra de navegação.

1. Selecione a ferramenta Texto na seção vetorial do painel Ferramentas.

2. Clique em Cor do preenchimento na seção Cores do painel Ferramentas. Escolha uma cor.

3. Defina a fonte e o tamanho da fonte no painel Propriedades.

4. Clique na metade esquerda do retângulo para posicionar o ponto de inserção onde quiser que o texto comece e digite o texto.

   

5. Clique duas vezes à direita da área de texto para desmarcar a área de texto ativa e criar uma nova.

   Mantenha as teclas Alt + Shift (Windows) ou Option + Shift (Mac) e arraste a caixa de texto inicial para a direita para clonar e alinhar uma nova caixa de texto.

6. Digite uma ou duas palavras para a próxima guia de navegação.

7. Use a ferramenta Ponteiro para reposicionar o texto.

Feche-o

Depois de preparar uma barra de navegação simples, mas eficiente, use a ferramenta Slice para criar algumas fatias e depois exportá-las.Siga estes passos:

1. Selecione a ferramenta Fatiar na seção web do painel Ferramentas; então clique e arraste do canto superior esquerdo da seção Home do retângulo para o canto inferior direito.

   

   Se você está indo para a perfeição, escolha Exibir → Regras para exibir os governantes. Quando as regras estão visíveis, você pode clicar e arrastar as guias para fora delas.

   Quando uma fatia está ativa, o painel Propriedades muda para oferecer opções de fatia.

2. Altere o formato usando a lista suspensa Configurações de exportação de fatia.

   Escolha o formato GIF se a obra de arte tiver muita cor sólida ou escolha JPEG para imagens com grande variedade de cores.

3. Digite um link na caixa de texto do link.

4. Digite uma breve descrição do link na caixa de texto Alt.

   Alt text é o texto que aparece enquanto uma página está sendo baixada. Também aparece no lugar do gráfico se um visualizador desligou a exibição de gráficos em seu navegador.

   

5. Com a ferramenta Slice, clique e arraste para cercar a segunda metade da barra de navegação. Repita as etapas 3 e 4.

Isso é cortado em forma simples. Você pode tornar o processo tão complicado quanto quiser, criando páginas cortadas inteiras (porque os mecanismos de pesquisa gostam de procurar conteúdo de texto) para navbars com muitos links e destinos.