Paths), porém, nem todos sabem exatamente como usá-la, perdendo assim

uma grande potencialidade oferecida por essa ferramenta. Irei, por meio

deste tutorial, explicar cada função desse precioso recurso do Fireworks

MX. Esse será um tutorial bastante teórico, quase sem prática, porém

nos próximos irei ensinar alguns recursos utilizando essa ferramenta

para a vida real. Mas, mãos à obra. Vamos primeiro abrir um novo documento

(Ctrl + N) com essas propriedades.

src=”tutorial/html_017_imagens/passo1.gif”

width=396>

Agora vamos criar um retângulo e um círculo e sobrepô-los. Dessa forma:

src=”tutorial/html_017_imagens/passo2.gif”

width=350>

Antes de tudo, vou explicar como funciona o recurso em si. “Combinar

Traçados” irá utilizar duas formas (dependendo do caso, até mais) e

transformá-la em uma só, utilizando para isso, propriedades dos próprios

desenhos. Vamos testar. Selecione as duas formas e clique em Modificar >> Combinar

Traçados >> Unir (Modify >> Combine Paths >> Join)

ou simplesmente CTRL + J. Podemos observar esse resultado.

src=”tutorial/html_017_imagens/passo3.gif”

width=350>

O Unir, como o próprio nome diz, uniu as duas formas

em apenas uma, porém deixando um espaço vazio na área em que elas se

interceptam. Nota-se que se forma um espaço VAZIO, não uma área com

preenchimento branco. Agora se selecionarmos essa forma já unida e

clicarmos em Modificar >> Combinar Traçados >> Dividir (Modify >> Combine

Paths >> Split) ou simplesmente CTRL + SHIFT

+ J, podemos fazer o processo inverso. Vale lembrar que o Unir é o único

processo que admite um processo inverso. Vamos agora desfazer (CTRL

+ Z) até termos de volta as duas formas originais. Vamos selecioná-las

novamentes, mas agora vamos em Modificar >> Combinar Traçados >> União (Modify >> Combine

Paths >> Union. Devemos prestar atenção, pois

o Unir e o União provocam resultados

diferentes. O resultado desse processo pode ser observado abaixo:

src=”tutorial/html_017_imagens/passo4.gif”

width=350> Dessa vez, foram unidas

as áreas totais das duas formas, criando uma forma cheia (sem vazios

por dentro). Esse recurso é bastante utilizado para criar desenhos mais

complexos, onde se pode fazer parte por parte separadamente, depois uní-lo

em apenas uma forma. Vamos desfazer novamente até conseguir as duas formas

iniciais (CTRL + Z). Agora selecionaremos as duas formas novamente e

vamos em Modificar >> Combinar Traçados >> Intersecção (Modify >> Combine

Paths >> Intersect). O resultado foi esse.

color=#cc6600>

src=”tutorial/html_017_imagens/passo5.gif”

width=350> Foi preservada apenas a área

onde as duas formas se interceptam. Logo, se for feito o Intersecção

em duas formas que não se sobrepoem, o resultado será nada, pois não

há área de intersecção entre elas. Agora, iremos desafazer (CTRL + Z)

até obtermos as duas formas originais. Depois, as selecionamos e vamos

em Modificar >> Combinar Traçados >> Perfurar (Modify >> Combine

Paths >> Punch). Mas nesse podemos ter 2 resultados

que diferem em qual camada está na frente. A camada que está na frente

irá realmente perfurar a que está atrás dela. Vamos analizar isso melhor.

height=300

src=”tutorial/html_017_imagens/passo6.gif”

width=350> A camada do Retângulo está na

frente da do círculo. Logo, o retângulo irá perfurar o círculo. Dessa

forma.

height=300

src=”tutorial/html_017_imagens/passo7.gif”

width=350> Porém, se for o contrário,

a do círculo estiver na frente, podemos observar diferente efeito.

height=300

src=”tutorial/html_017_imagens/passo8.gif”

width=350>

height=300

src=”tutorial/html_017_imagens/passo9.gif”

width=350> Agora iremos dar alguns

CTRL + Z consecutivos a fim de recuperarmos aquelas duas formas originais.

Agora, para testarmos a ferramenta Cortar, iremos adicionar outra forma.

Um pentágono por exemplo.

height=300

src=”tutorial/html_017_imagens/passo10.gif”

width=350> Agora iremos selecionar

todos as formas, iremos em Modificar >> Combinar Traçados >> Cortar (Modify >> Combine

Paths >> Crop). Podemos observar este resultado

height=300

src=”tutorial/html_017_imagens/passo11.gif”

width=350> Podemos observar que foram

feitas duas intersecções independentes entre o círculo e o pentágono

e entre o círculo e o retângulo. Dessa forma, forma formados dois objetos

indepentendes. Podemos perceber algumas variações alterando-se a ordem

das camadas, como foi feito no Perfurar. Espero que tenha ajudado a dar uma

base sobre esse recurso a quem não a tinha e reforçar a quem a tinha.

Irei nos próximos tutoriais, trabalhar alguns desenhos e efeitos utilizando

essa técnica. Qualquer coisa me mande um e-mail em lucas@bwdonline.com.br