Trabalhando com vetores [ parte 1 ]

Novo aqui no site? Talvez gostaria de assinar o
RSS feed do site?

Publicado em: 08/08/2006
Área: FireWorks
Visualizações: 3.644
Comentário(s): 1

imprimir envie por e-mail compartilhe
Agora temos videoaulas de Fireworks, veja em: www.renanlima.com/blog/category/fireworks/



Hoje vamos trabalhar com Gráficos vetoriais.
Iremos ver diversas formas de manipular vetores. Hoje vamos ver especialmente a função combine paths(Combinar traçado).

Para iniciarmos, é bom saber os seguintes tipos de gráfico:
Existe duas formas de gráfico:
     - Gráfico vetorial (o qual vamos usar)
     - Gráfico Raster, conhecido também como Bitmap.

A vantagem em usar gráfico vetorial é que podemos ampliar a imagem sem perda de cores ou qualidade. Ao contrário do bitmap, que quando é ampliado perde pixels e assim sua imagem fica deformada.

Ok! Vamos trabalhar?!?!?

Crie um palco com 500X400.

  ::: Ação de Union(União)

Crie agora um círculos com 140px de largura e 140px de altura.

Agora faça uma cópia deste circulo.

Para trabalharmos melhor, deixe o fundo dos círculos vazio.

Temos dois círculos idênticos agora, e vamos coloca-los na seguinte posição.


Selecione os dois círculos > Clique em modify(modificar)  > Combine Paths(Combinar traçado)  > Union(União).


Este é o resultado da ação feita:


Este efeito une dois vetores(objetos) transformando-os em um objeto.

::: Ação Intersect( Interseção):

Crie novamente dois círculos, com 140px de largura e 140px de largura.
Coloque-os na mesma posição que anteriormente(veja na imagem abaixo):


Selecione os dois círculos > Clique em modify  > Combine Paths  >  Intersect(interceção)

Veja o resultado desta ação:


Repare que só fica a área que estava sobreposta. Este efeito é muito usado na criação de um layout ou uma arte vetorial.

::: Ação Punch( Perfurar ):

Repita o processo de criação de dois círculos como na ação anterior.

Selecione os dois círculos > Clique em modify  > Combine Paths  >  Punch(Perfurar)

O resultado é:


Neste caso tem um detalhe interessante. Repare que o circulo que estava por cima cortou a área sobreposta no circulo de baixo. Esta ação é muito utilizada, na minha opinião é a mais útil.

::: Ação Crop:
Esta ação tem o mesmo resultado da ação Intersetc. Por tanto não tem necessidade de mostrarmos novamente.

Estas ações são muito importantes, eu aconselho a testar experimentos e ver o que é possível fazer com essas ferramentas, elas são muito utilizadas.

Espero que tenham gostado do breve artigo. Seguiremos com a parte dois desta nossa série, e veremos diversos outros modos de trabalhar com gráficos vetoriais.

Mandem dicas de assuntos para tratarmos aqui, enviem emails com dicas e dúvidas!! Vocês são as engrenagens que fazem a continuação destes artigos.

Por hoje eu vou ficando por aqui. Tenham um ótimo dia.


Agora temos videoaulas de Fireworks, veja em: www.renanlima.com/blog/category/fireworks/


Preencha o formulário para comentar:
Nome:*

E-mail:* (não será exibido)

Site: (http://)

Comentário:*

Deseja receber os comentários no e-mail?

Anti-spam: (nova imagem)





   - Publicado em: 11/12/2006 - 07:23

Muito bom, mas, cade a parte 02 ?

 

Autor da matéria
Renan Lima
Renan lima trabalha como Gerente de Projetos em uma agencia de Internet, tem mais de 5 anos de experiência na area de tecnologia e é apaixonado pelo seu trabalh.

Todas as matérias de Renan Lima

Publicidade
Seguir o Oficina da Net
RSS

RSS

RSS
Top matérias do mês
Matérias relacionadas
Tags

© 2005 - 2009 - Oficina da Net - v 4.0 - É proibida a reprodução parcial ou completa do conteúdo deste site sem autorização por escrito. Resolução adequada: 1024x768px.