Módulo 2: Trabalhando com elementos Gráficos: 2.1 - O Painel Tools (Ferramentas)

O Painel Tools (Ferramentas).

O PAINEL TOOLS contém ferramentas de seleção, de desenho, de texto e de cores, as quais são usadas para criar e/ou modificar propriedades dos objetos dispostos no palco. Sempre que você clica em determinada ferramenta o Painel de Propriedades muda automaticamente para refletir as propriedades da ferramenta selecionada, note ainda que muitas ferramentas do painel tools, apresentam modificadores específicos na parte inferior desse painel, os quais exibem propriedades adicionais da ferramenta selecionada.

A FERRAMENTA SELECTION:

Para selecionar um objeto no palco ou para editar as formas desse objeto, usamos a ferrramenta Selection.

FERRAMENTAS DE DESENHO:

As ferramentas de desenho geram objetos vetoriais (mantêm o seu aspecto em qualquer resolução)
Para criar um desenho devemos escolher a cor do traço (borda) e a cor do preenchimento. Após isso escolhemos a forma de desenho, clicamos na posição inicial e arrastamos até a posição final no palco.

CRIANDO UMA FORMA SEM BORDA:

Para criarmos uma forma sem borda devemos selecionar na ferramenta de desenho stroke color o ícone do quadrado branco com um traço diagonal em vermelho. Após isso escolhemos a forma de desenho, clicamos na posição inicial e arrastamos até a posição final no palco.

CRIANDO UMA FORMA SEM PREENCHIMENTO:

Se quisermos criar uma forma sem preenchimento devemos selecionar na ferramenta de desenho fill color o ícone quadrado branco com um traço diagonal em vermelho. Após isso escolhemos a forma de desenho, clicamos na posição inicial e arrastamos até a posição final no palco.
Observação: Podemos selecionar cores ao selecionar a ferramenta de desenho, na caixa de propriedades ou no painel color.

TRAÇO E PREENCHIMENTO, DUAS COISAS DIFERENTES:

O Flash® trata o traço ou borda e o preenchimento de maneira distinta. Clique no centro de uma forma que tenha borda e preenchimento e mova esse objeto no palco. Observe que só o preenchimento se moverá, se quisermos mover borda e preenchimento ao mesmo tempo, devemos dar duplo clique na forma antes de movê-la.

• • O traço é o contorno da forma.
• • O preenchimento é o interior da forma.

MODELO DE DESENHO DO FLASH®: MERGE DRAWING VERSUS OBJECT DRAWING

No modelo Merge Drawing, as formas desenhadas sobrepostas na mesma camada criarão um efeito de “recortado” no ponto em que as figuras se sobrepõem. Se forem da mesma cor as duas formas serão mescladas em uma única forma. Embora esse recurso seja muito útil (padrão do Flash®) ele em determinadas situações pode atrapalhar, por exemplo se você posicionar outro elemento sem querer sobre uma forma já desenhada este modelo criará recortes não desejados. Para que isso não ocorra ou usamos camadas diferentes para os desenhos, ou usamos o modelo Object Drawing.
No modelo Object Drawing, as formas são encapsuladas em uma caixa delimitadora de seu próprio objeto, garantindo com isso que os elementos permaneçam separados.

Para alternar entre modelos de desenho Object Drawing e Merge Drawing, usamos o painel de opções modificadoras do painel Tools, clicando no ícone de um círculo dentro de um retângulo. As seguintes ferramentas do painel Tools permitem a opção entre as duas formas de desenho: Pencil, Line, Pen, Brush, Oval, Rectangle e PolyStar. Veja imagem abaixo:

SELECIONANDO TRAÇO E PREENCHIMENTO:

• 1. Para selecionar o traço use a ferramenta Selection e clique no traço.
• 2. Para selecionar o preenchimento use a ferramenta Selection e clique dentro da forma.
• 3. Para selecionar traço e preenchimento use a ferramenta Selection e dê duplo clique dentro da forma.

FAZENDO CÓPIAS DE OBJETOS NO PALCO:

Para fazer cópias mantemos a tecla Alt pressionada e arrastamos o objeto.

SELECIONANDO VÁRIOS OBJETOS AO MESMO TEMPO:

Para selecionar vários objetos dispostos no palco ao mesmo tempo, pressionamos a tecla Shift e clicamos em cada objeto.
Outra opção: Também podemos clicar e arrastar a ferramenta Selection para acomodar todos os objetos que desejamos mover ou apagar.

MODIFICANDO A FORMA DE UM OBJETO NO PALCO:

Com a ferramenta Selection podemos modificar os objetos no palco, selecionamos a borda do objeto, clicamos e arrastamos para a nova posição.

A FERRAMENTA SUBSELECTION:

Com a ferramenta Subselection podemos criar diversos pontos de ancoragem, clicando e arrastando os pontos, alteramos a forma do objeto com maior precisão. Veja a figura abaixo:

A FERRAMENTA LINE:

A ferramenta Line é usada para traçar retas. Para desenhar, clicamos na ferramenta, ajustamos as propriedades desejadas e traçamos a linha clicando na posição inicial e arrastando o mouse até a posição final desejada.
Podemos mudar cor, espessura e tipo de linha através do painel de propriedades. Sendo que se a linha já estiver pronta, antes a selecionamos através da ferramenta Selection, em seguida alteramos as propriedades desejadas no painel de propriedades.

A FERRAMENTA PEN:

Com a ferramenta Pen marcamos os pontos e o Flash® traça a reta desejada. Podemos acrescentar pontos de ancoragem, apagar alguns e puxar outros para criarmos curvas. Veja imagem abaixo:

A FERRAMENTA RECTANGLE:

Com a ferramenta Rectangle podemos desenhar retângulos.
Mantendo a tecla Alt pressionada mantemos a proporção entre os lados gerando quadrados.
Já a opção Rectangle Corner Radius nos permite traçar cantos arredondados, bastando para isso que mudemos os valores no painel de propriedades. Quanto maior o valor, maior o arredondamento dos lados do quadrado.

A FERRAMENTA OVAL:

Com a ferramenta Oval desenhamos círculos e elipses. Ela é acessada junto a ferramenta Retângulo. 

A FERRAMENTA RECTANGLE PRIMITIVE:

Esta ferramenta desenha retângulos considerando borda e preenchimento como um único objeto.

A FERRAMENTA OVAL PRIMITIVE:

Esta ferramenta desenha círculos e elipses considerando borda e preenchimento como um único objeto.

A FERRAMENTA POLYSTAR:

A ferramenta PolyStar traça formas com vários lados (polígonos). Podemos alterar o número de lados através do botão Options na caixa de propriedades. Com a PolyStar também desenhamos formas de estrelas. Ela é acessada através da ferramenta Retângulo.

A FERRAMENTA PENCIL:

Com a ferramenta Pencil (lápis) podemos desenhar à mão livre. Essa ferramenta possui três modificadores:

• • Straighten (Retas) que converte as curvas em retas,
• • Smooth (Suave) que suaviza as curvas e
• • Ink (Tinta) que deixa o traçado todo livre. 

A FERRAMENTA BRUSH:

A ferramenta Brush (Pincel) também permite traçado livre. Automaticamente suaviza as bordas do desenho, podemos ajustar o modo, o tamanho e o tipo do pincel antes de criarmos nossa forma. Pode ser usada para criar, por exemplo, caracteres personalizados.

A FERRAMENTA FREE TRANSFORM:

A ferramenta Free Transform (Transformação Livre) permite ampliar ou reduzir o objeto selecionado. Selecionamos a ferramenta no Painel Tools e clicamos na forma a ser alterada. Em seguida clicamos em uma das oito alças e arrastamos com o mouse até o novo tamanho desejado. Lembre-se que o Flash® CS3 trata a borda e o preenchimento de forma distinta. Se quisermos mover ou alterar os dois componentes de uma única vez, devemos dar dois cliques na forma para selecionarmos a borda e o preenchimento.

Essa ferramenta também pode ser usada para girar objetos.
A ferramenta Free Transform possui quatro modificadores:

• • Rotate And Skew que rotaciona a imagem e permite alterar eixo horizontal e vertical, mas só trabalha com um eixo de cada vez.
• • Scale permite distorcer o objeto mantendo as proporções entre os lados.
• • Distort permite que você aplique qualquer tipo de distorção.
• • Modificador Envelope aplica diversos pontos de ancoragem ao longo da borda do objeto. Dá para manipular cada ponto separadamente permitindo maior liberdade na distorção.

A FERRAMENTA GRADIENT TRANSFORM:

Usamos esta ferramenta para transformar gradientes, através de ajustes no tamanho, na direção, ou no centro do preenchimento. Para isso, selecionamos a ferramenta Gradient Transform no painel Tools, clicamos na área de preenchimento da forma e usamos os ícones da seguinte forma:

• • Size:  Círculo com uma seta dentro para aumentar o tamanho do gradiente.
• • Rotation: Seta dentro de um círculo, para rotacionar o gradiente.
• • Width: Para ajuste da largura do gradiente.

Lembrando que os gradientes podem ser linear ou radial.

A FERRAMENTA LASSO:

Esta ferramenta nos permite selecionar partes de uma forma para recorte, podemos fazer essa marcação com o formato free-hand (mão livre), ou usar o modificador Poligon Mode, para termos um controle maior da área a ser recortada.

A FERRAMENTA INK BOTTLE:

Usamos esta ferramenta para modificar a cor do traço de uma forma no palco. Para isto, clicamos na ferramenta Ink Bottle, selecionamos a nova cor em stroke color no painel tools ou em Ink Bootle na caixa de propriedade, em seguida clicamos na forma a ter a cor da borda modificada.

A FERRAMENTA PAINT BUCKET:

Usamos esta ferramenta para modificar a cor do preenchimento de uma forma no palco. Para isto, clicamos na ferramenta PaintBucket, selecionamos a nova cor em fill color no painel tools ou em Paint Bucket na caixa de propriedade, em seguida clicamos na forma a ter a cor do preenchimento modificado. O preenchimento só ocorre em formas fechadas, mas essa ferramenta apresenta modificadores que permitem especificar a sensibilidade do preenchimento em relação a formas que tenham pequenas aberturas.

A FERRAMENTA EYEDROPPER:

Usamos esta ferramenta para copiar a cor do preenchimento e/ou da borda de um objeto e atribuí-lo a outro no palco. Também usamos esta ferramenta para capturar cores de um bitmap no palco e atribuí-la a uma forma por exemplo.

A FERRAMENTA ERASER:

Usamos esta ferramenta para apagar a cor do preenchimento e/ou da borda de um objeto. Essa ferramenta apresenta modificadores: de modo a ser atribuído ao apagador, de forma do apagador, e a opção Faucet (Torneira), que apaga em um clique o preenchimento da forma, ou apaga o traço (borda) da mesma, de acordo com a área selecionada.