Coluna Fireworks – “Align” Painel

Introdução

Olá comunidade
MXStudio! Vou ensinar para vocês sobre o painel alinhamento “Align”, como o nome já diz, serve para alinhar objetos entre si, ou com o tamanho do documento, podendo mudar o seu tamanho e deixando ele no meio, ou nas pontas, chega de falar e vamos ao que interessa.

Pré-requisitos

O tutorial foi desenvolvido no Macromedia Fireworks 8, mas é compatível com qualquer versão do software Macromedia Fireworks.

Objetivos

Ensinar para vocês sobre o painel Alinhamento “Align”

Painel Alinhamento

1) Crie um
novo arquivo de 250 x 250:

-2) Faça um quadrado de 40 x 40, com qualquer cor:

3 ) Vá ao painel alinhamento “align”, < Window > < Align >. Vai abrir o painel:

4) Agora vou explicar para vocês, o que cada botão quer dizer e mostrar o que acontece se apertar.

To Canvas:

Anchors:

Para você usar essa painel, terá que clicar sobre uma das 4 pontas do seu quadrado com a ferramenta Subselection tool (A,1) e apertar OK na próxima tela:

– - – Alinhar a borda direita.

– Alinhar a borda superior. – Alinhar o meio ( verticalmente ). – Alinhar a borda inferior. Align:

O “Align” serve para alinhar o objeto, a algum lugar que já estaja pré-definido. E esses abaixos são os lugares pré-definidos:

– Distribute:

O “Distribute” serve para distribuir, dois ou mais objetos.

Match Size:

O Match size, apenas irá funcionar se o botão “To canvas” estiver ativado, já que como havia dito antes: “Existe apenas um botão no “To Canvas”, se você marcar ele o objeto, irá se mexer de acordo com o tamanho do documento“. Então se você não marcasse, ele não iria saber o tamanho do documento.

– Esse vai deixar o nosso quadrado com o mesmo comprimento do arquivo. Exemplo: O nosso arquivo tem 250 x 250, então o nosso quadrado tinha 40 x 40, se você aperta, ele vai ter 250 x 40, lembrando que isso é horizontalmente.

Space:

Ele serve para alinhar, no “0,0″ isso quer dizer, que no canto, isso claro se você não pre-definir o “0,0″ em outro lugar ( para aprender isso, veja a coluna do Marcelo Ariatti “

Usando Rulers, Guides e Grids “.

Exemplos

Vou mostrar agora, alguns exemplos do “Anchors”, lembre-se que está selecionado as duas pontas da direita ( Para selecionar mais de uma ponta, segure SHIFT e clique na outra ponta ).

Os nossos arquivos agora vão ter 99 x 99, já que é para não pesar muito e abrir mais rápido.

Vamos fazer isso:

Tem algumas configurações, que não acontecem nada ( As duas pontas da direita selecionada ).Veja um exemplo:

Então eu vou colocar os que apenas dão algum resultado.

Esse alinhou ao meio, mas como antes já tava, não deu para perceber

Agora eu fiz três quadrados de 20 x 20:

Não se esqueça de selecionar os três quadrados

---

Marquei todos esses botões, não é porque você terá que apertar todos esses botões, e sim que se você apertar o 1° do “Distribute” da esquerda e o 1° do “Distribute” da direita, ou qualquer botão, outro exemplo é o 2° da esquerda e o 3° da direita, não irá importar no resultado final.

Agora, vou deixar apenas um quadrado de 40 x 40.

Lembre-se que para usar o “Match Size” e o “Space” o botão “To canvas” tem que estar ativado.

Veja que o retângulo, está do tamanho do documento ( comprimento ), mas como ele não está alinhado no “0,0″ e sim no “33,0″ não fica inteiro no documento

---

Veja que o retângulo, está do tamanho do documento ( altura ), mas como ele não está alinhado no “0,0″ e sim no “0,22″ não fica inteiro no documento

---

Veja que o retângulo, está do tamanho do documento, mas como ele não está alinhado no “0,0″ e sim no “33,0″ não fica inteiro no documento

---

Veja que o retângulo, está do tamanho do documento, mas como ele não está alinhado no “0,0″ e sim no “0,22″ não fica inteiro no documento

---

Veja, agora além de ocupar todo documento está em “0,0″

---

 

Considerações finais

Vimos nesta coluna o painel “align”.Você aprendeu para que cada botão serve, além de umas sequências de exemplos, para vocês entenderem melhor.

Espero que vocês tenham gostado desta coluna e até a próxima.

Autor: João Castro – jpcastrobr – Colunista de Fireworks do MXStudio

Qualquer dúvida envie um email para

jpcastrobr@mxstudio.com.br ou acesse o nosso fórum.