Você sabe o que cada ferramenta do Fireworks faz?Neste tutorial veremos a função de cada ferramenta do painel Tools do Fireworks MX. Além de saber para que serve cada uma delas, veremos também alguns exemplos com imagens.
Conhecendo o painel
Logo que abrimos o Fireworks MX já podemos ver o painel Tools, alinhado à esquerda na tela:
Perceba que o painel é dividido em: Select, Bitmap, Vector, Web, Colors e View. Para facilitar o aprendizado, veremos todos separados, começando pelo conjunto de ferramentas do menu Select:
Menu Select
Vejamos o significado de cada uma das ferramentas:
Select: ferramenta para selecionar objetos
Select Behind Tool: ferramenta utilizada para selecionar objetos que estão atrás de outros objetos
Sub Selection: ferramenta utilizada para editar vetores no Fireworks ou pontos
Scale: ferramenta para alterar escalas de um objeto
Crop: ferramenta para cortar uma imagem na área selecionada
Export Area Tool: ferramenta para indicar uma área a ser exportada
Menu Bitmap
Esse menu reúne as ferramentas para edição de Bitmaps. Veja a imagem indicando o nome de cada uma das ferramentas:
Vejamos o significado e função de cada uma delas:
Rectangle Marquee: ferramenta de seleção em forma de retângulo
Oval Marquee: ferramenta de seleção oval
Magic Wand: ferramenta de seleção de pixels de acordo com a cor, mais conhecida como Varinha Mágica
Pencil: ferramenta lápis, utilizada para desenhar objetos
Blur: ferramenta para criar efeito de "nublado" ou "desfoque"
Sharpen Tool: ferramenta para aguçar os pixels de uma imagem
Dodge Tool: ferramenta utilizada para destacar áreas de uma imagem ou a imagem inteira, criando áreas mais "claras"
Burn Tool: ferramenta utilizada para "queimar" uma área ou uma imagem
Smudge Tool: ferramenta para borrar, muito utilizada para criar efeitos de movimento
Lasso: ferramenta de seleção do tipo Lasso, onde você "desenha" a área a ser selecionada
Polygon Lasso: Mesma função que a ferramenta Lasso só que com formas poligonais
Brush: ferramenta de pincel, para desenhar ou pintar objetos ou imagens
Eraser: Borracha, utilizada para apagar
Rubber Stamp: Também conhecido como "Carimbo" serve para copiar uma determinada área de uma imagem e copiá-la em outro lugar
Paint Bucket: Também conhecido como "Balde de tinta" serve para preencher uma determinada área com a cor selecionada
Eyedropper: O "Conta-Gotas" é utilizado para selecionar uma determinada cor de uma imagem ou objeto
Menu Vector
Neste menu estão reunidas as ferramentas para criar e editar vetores:
Rectangle Marquee: ferramenta de seleção em forma de retângulo
Oval Marquee: ferramenta de seleção oval
Magic Wand: ferramenta de seleção de pixels de acordo com a cor, mais conhecida como Varinha Mágica
Pencil: ferramenta lápis, utilizada para desenhar objetos
Blur: ferramenta para criar efeito de "nublado" ou "desfoque"
Sharpen Tool: ferramenta para aguçar os pixels de uma imagem
Dodge Tool: ferramenta utilizada para destacar áreas de uma imagem ou a imagem inteira, criando áreas mais "claras"
Burn Tool: ferramenta utilizada para "queimar" uma área ou uma imagem
Smudge Tool: ferramenta para borrar, muito utilizada para criar efeitos de movimento
Lasso: ferramenta de seleção do tipo Lasso, onde você "desenha" a área a ser selecionada
Polygon Lasso: Mesma função que a ferramenta Lasso só que com formas poligonais
Brush: ferramenta de pincel, para desenhar ou pintar objetos ou imagens
Eraser: Borracha, utilizada para apagar
Rubber Stamp: Também conhecido como "Carimbo" serve para copiar uma determinada área de uma imagem e copiá-la em outro lugar
Paint Bucket: Também conhecido como "Balde de tinta" serve para preencher uma determinada área com a cor selecionada
Eyedropper: O "Conta-Gotas" é utilizado para selecionar uma determinada cor de uma imagem ou objeto
Menu Vector
Neste menu estão reunidas as ferramentas para criar e editar vetores:
Line: ferramenta para criar linhas
Rectangle: ferramenta para criação de retângulos
Freeform: ferramenta de transformação livre
Pen: ferramenta utilizada para desenhar através de "Paths" ou caminhos. É ótima para formas arredondadas!
Vector Path: utilizada para criação de Path em vetores
Redraw Path: redesenha o Path
Knife: ferramenta utilizada para criar "slices" na imagem
Perceba que na imagem acima há dois painéis: 1 e 2. Veja o significado de cada uma das ferramentas abaixo:
Rounded Rectangle: utilizada para criação de retângulos com bordas arredondadas
Elipse: ferramenta de criação de Elipses
Polygon: utilizada para a criação de polígonos
Reshape Area: utilizada para "reformar" uma área do objeto
Path Scrubber: utilizada para adicionar ou apagar paths ("caminhos")
Menu Web
Neste menu estão reunidas as ferramentas úteis quando o assunto é Web! Veja o menu:
Rectangle: ferramenta para criação de retângulos
Freeform: ferramenta de transformação livre
Pen: ferramenta utilizada para desenhar através de "Paths" ou caminhos. É ótima para formas arredondadas!
Vector Path: utilizada para criação de Path em vetores
Redraw Path: redesenha o Path
Knife: ferramenta utilizada para criar "slices" na imagem
Perceba que na imagem acima há dois painéis: 1 e 2. Veja o significado de cada uma das ferramentas abaixo:
Rounded Rectangle: utilizada para criação de retângulos com bordas arredondadas
Elipse: ferramenta de criação de Elipses
Polygon: utilizada para a criação de polígonos
Reshape Area: utilizada para "reformar" uma área do objeto
Path Scrubber: utilizada para adicionar ou apagar paths ("caminhos")
Menu Web
Neste menu estão reunidas as ferramentas úteis quando o assunto é Web! Veja o menu:
Rectangle Hotspot: ferramenta para adicionar um Hotspot retângulo (não se preocupe, veremos mais adiante qual a verdadeira função desta ferramenta).
Hide Slices Hotspots: utilizada para esconder os Hidespots existentes em um trabalho
Slice: ferramenta para criação de Slices com objetivo de adicionar comportamentos
Show Slices and Hotspots: utilizada para mostrar os Slices e Hotspots
Menu Colors
Neste pequeno menu estão algumas ferramentas para trabalharmos com cores:
Stroke Color: é neste painel que indicamos a cor do contorno
Paint Bucket Color: é aqui que indicamos a cor do preenchimento
Set Default Stroke/Fill Color: utilizada para setar a cor padrão de contorno e preenchimento (Preto e branco)
No stroke or fill: utilizado para definir o contorno e preenchimento como vazios
Swap stroke/fill: inverter as cores de preenchimento e contorno
Menu View
Neste menu encontramos as ferramentas para visualização! Veja a imagem:
Screen modes: define os modos de visualização da tela
Hand: ferramenta utilizada para "navegar" pelo projeto
Zoom: utilizada para ampliar/reduzir a visualização
Muito bem, agora que já vimos para que serve cada uma das ferramentas do painel, está na hora de vermos algumas destas ferramentas em ação! Vamos lá!?
Note que a imagem é bastante grande e isso não é muito interessante em alguns casos. O que faremos neste caso é indicar ao Fireworks qual a área da imagem que realmente nos importa, utilizando a ferramenta Crop. Selecione a ferramenta e simplesmente desenhe a área que deseja manter, obtendo o mesmo resultado que o da imagem acima. Depois de ajeitar o Crop de acordo com suas necessidades, dê um duplo-clique na área selecionada e perceba que o Fireworks cortou a imagem exatamente naquela área, dispensando o restante! Veja a imagem:
Foi mantida apenas a parte que nos interessa :) ...
Ferramentas Bitmap
Agora veremos algumas ferramentas do menu Bitmap. Para facilitar, juntei todas as ferramentas e seus respectivos efeitos na imagem abaixo:
Hotspot
Muito bem, se você não entendeu para que serve a ferramenta Hotspot, veja a imagem abaixo:
Note que selecionei uma parte da imagem (uma banana). Dê uma olhada no painel de propriedades e perceba que agora podemos definir um nome para esta região da imagem, além de podermos atribuir um link, Alt (descrição através de tooltip) e Target (alvo do link) para ela.
Slices
Muito parecida com o Hotspot, essa ferramenta serve para definirmos algumas opções e comportamentos a uma determinada região de uma imagem ou objeto! Veja a imagem abaixo:
Com ela podemos indicar ao Fireworks qual será o tipo de imagem a ser exportada naquela região (GIF, JPEG...), um Link, Alt, Target e nome. Além disso podemos atribuir comportamentos como Rollover, Pop-up e assim por diante, bastando clicar no ícone que aparece no meio do Slice semelhante a um relógio!
Ferramenta Caneta
Esta é uma ferramenta extremamente útil quando se deseja desenhar formas arredondadas no Fireworks MX. Basta ver a imagem abaixo para entender exatamente o que estou dizendo!
Note também que no painel de Propriedades do Fireworks nós podemos definir as opções da caneta, como contorno, preenchimento, efeitos, texturas...
Hand: ferramenta utilizada para "navegar" pelo projeto
Zoom: utilizada para ampliar/reduzir a visualização
Muito bem, agora que já vimos para que serve cada uma das ferramentas do painel, está na hora de vermos algumas destas ferramentas em ação! Vamos lá!?
Ferramentas em ação
Agora é chegada a hora de conferir algumas das ferramentas em ação para entendermos melhor seu funcionamento. Confira!
Crop Tool
Vamos começar com a ferramenta de Crop, vista logo no começo deste tutorial. Veja a imagem abaixo:
Agora é chegada a hora de conferir algumas das ferramentas em ação para entendermos melhor seu funcionamento. Confira!
Crop Tool
Vamos começar com a ferramenta de Crop, vista logo no começo deste tutorial. Veja a imagem abaixo:
Note que a imagem é bastante grande e isso não é muito interessante em alguns casos. O que faremos neste caso é indicar ao Fireworks qual a área da imagem que realmente nos importa, utilizando a ferramenta Crop. Selecione a ferramenta e simplesmente desenhe a área que deseja manter, obtendo o mesmo resultado que o da imagem acima. Depois de ajeitar o Crop de acordo com suas necessidades, dê um duplo-clique na área selecionada e perceba que o Fireworks cortou a imagem exatamente naquela área, dispensando o restante! Veja a imagem:
Foi mantida apenas a parte que nos interessa :) ...
Ferramentas Bitmap
Agora veremos algumas ferramentas do menu Bitmap. Para facilitar, juntei todas as ferramentas e seus respectivos efeitos na imagem abaixo:
Hotspot
Muito bem, se você não entendeu para que serve a ferramenta Hotspot, veja a imagem abaixo:
Note que selecionei uma parte da imagem (uma banana). Dê uma olhada no painel de propriedades e perceba que agora podemos definir um nome para esta região da imagem, além de podermos atribuir um link, Alt (descrição através de tooltip) e Target (alvo do link) para ela.
Slices
Muito parecida com o Hotspot, essa ferramenta serve para definirmos algumas opções e comportamentos a uma determinada região de uma imagem ou objeto! Veja a imagem abaixo:
Com ela podemos indicar ao Fireworks qual será o tipo de imagem a ser exportada naquela região (GIF, JPEG...), um Link, Alt, Target e nome. Além disso podemos atribuir comportamentos como Rollover, Pop-up e assim por diante, bastando clicar no ícone que aparece no meio do Slice semelhante a um relógio!
Ferramenta Caneta
Esta é uma ferramenta extremamente útil quando se deseja desenhar formas arredondadas no Fireworks MX. Basta ver a imagem abaixo para entender exatamente o que estou dizendo!
Note também que no painel de Propriedades do Fireworks nós podemos definir as opções da caneta, como contorno, preenchimento, efeitos, texturas...
Retirado do site: www.baboo.com.br
Nenhum comentário:
Postar um comentário