Desenhando com o Flash

 

Objetivos:

 

Ambientar o aluno com as ferramentas de desenho do Flash.

 

Autor: Carlos Vitor de Castro

 

Modificando as propriedades do documento

 

Antes de criar um filme no Flash, devemos pensar em suas propriedades, como tamanho e a cor do segundo plano. Podemos definir as dimensões de um filme, a cor de fundo, a taxa de quadro e as unidades de medida da régua do palco, usando o Property Inspector (inspetor de propriedades) e a caixa de diálogo Document Properties.

 

 

O Flash tem como padrão criar novos arquivos com 550 pixels de largura e 400 pixels de altura, se você faz na maior parte das vezes banners fulls (468x60) pode configurar para que seja este o tamanho padrão.

 

Como fazer:

 

1. Abra o Flash e peça um novo arquivo (File/New...).

 

2. Clique no botão Size    aparecerá a caixa de diálogo abaixo:

 

 

De agora em diante todos os arquivos criados serão definidos automaticamente configurados para o tamanho 468x60.

 

Desenhando formas básicas

 

Temos como formas básicas: retângulo, polígono e elipse, combinando-as e transformando-as podemos desenhar formas complexas. Neste tutorial vamos ver como desenhar formas básicas e transformá-las.

 

 

Para se acessar a ferramenta polígono devemos clicar na ferramenta retângulo e manter o botão esquerdo do mouse pressionado.

 

Para desenhar qualquer uma destas formas, selecione-as, vá para sua área de trabalho e clique e arraste na diagonal. Para desenhar círculos e quadrados desenhe com a tecla SHIFT pressionada, se desenharmos com a tecla ALT pressionada desenhamos as duas formas a partir do centro.

 

Quando desenhamos uma forma básica esta forma apresenta seu contorno e preenchimento separados, para mover uma forma depois de pronta, não basta apenas clicar em qualquer ponto, devemos clicar duas vezes no meio da forma, para selecionar seu preenchimento e seu conteúdo.

 

Retângulos com cantos arredondados

 

Para desenhar retângulos com cantos arredondados. Selecione a ferramenta Retângulo, e observe que abaixo da caixa de ferramentas aparece este botão:

 

 

Clique no botão e defina o raio de arredondamento do retângulo, valores entre 15 e 20 são ótimos para botões.

 

 

Alterando formas

 

Podemos alterar retângulo ou um polígono de duas maneiras: clicando e arrastando o vértice do ângulo ou clicando e arrastando em qualquer ponto do seu contorno.

 

Usando o vértice

 

Usamos o vértice para alterar a forma sem criar formas arredondadas, este método simula uma perspectiva.

 

 

 

Usando qualquer ponto do contorno

 

Usamos este método para criar formas arredondadas.

 

 

 

Dimensionando formas

 

Para aumentar ou diminuir o tamanho de qualquer forma, use a ferramenta Transform.

 

 

Clique na ferramenta Transform, depois clique na forma que deseja modificar o tamanho, se esta forma tiver contorno e preenchimento, devemos clicar duas vezes para selecionar.

 

 

A bolinha branca no meio da forma é o eixo de rotação.

 

Retirando contorno de objetos

 

Para retirar o contorno de uma elipse, de um clique com a ferramenta Selection e pressione Delete, de retângulos ou polígonos, podemos remover só um lado do contorno ou todos os lados.

 

Para remover só de um lado clique uma vez, na parte do contorno que quer apagar e pressione Delete, para remover todos os lados clique duas vezes em qualquer parte do contorno e pressione Delete.

 

Reaplicando contorno em um objeto

 

 

Alterando o traçado de uma forma

 

Podemos alterar a espessura e o estilo de um traçado use o inspetor de propriedades:

 

 

Alterando a cor do preenchimento de uma forma

 

 

Combinando formas

 

Aparando formas – podemos, como no Fireworks, usar uma forma para recortar outra, para fazer isto siga os passos abaixo:

 

Desenhe duas formas da mesma cor e ano retire o contorno.

 

 

Clique no círculo da direita e posicione em cima do da esquerda e desmarque-o

 

 

Clique duas vezes no círculo da direita e arraste-o para seu lugar de origem.

 

 

O que fez uma forma recortar a outra foi o contorno, podemos usar também formas sem contorno, mas com preenchimentos diferentes.

 

Soldando formas – Vamos juntas duas formas e transformá-las em uma única forma. Siga os passos abaixo.

 

Desenhe duas formas da mesma cor e retire o contorno.

 

 

Clique na da direita e arraste para cima da outra, desmarcando-a.

 

 

Agora tente separá-las, clicando em qualquer uma das duas, não é possível pois agora elas são uma única forma.

 

Desenhando linhas e traçados

 

Temos quatro ferramentas para desenhar linhas e traçados:

 

 

Lápis

 

É uma ferramenta de desenho muito útil. Permite a pintura de detalhes, desenhos a mão-livre e muito mais. Existem vário modos de desenho com o lápis, e os recursos de suavização do Flash são bem interessantes. Podemos usar o lápis como um lápis normal, mas também podemos fazer com que os traços sejam automaticamente suavizados, em curvas ou em retas.

 

Quando selecionamos a ferramenta lápis, aparece na parte de baixo da caixa de ferramentas o controle abaixo:

 

 

» Selecione a opção Straighten e desenhe uma linha sinuosa na tela, você irá observar que os ângulos da linha vão ficar um pouco mais retos.

» Selecione a opção Smooth e desenhe uma linha parecida com a anterior, você notará que quando terminar de desenhar a linha terá seus contornos suavizados.

» A opção Ink não altera a aparência das linhas depois de desenhadas.

 

Pincel

 

A ferramenta pincel tem um funcionamento parecido com a ferramenta Lápis, com a diferença que podemos escolher o formato do pincel.

 

Selecione a ferramenta pincel e na parte de baixo da barra de ferramentas escolha o tamanho do pincel e um modelo de pincel.

 

 

Além do tamanho e do traçado podemos alterar também o comportamento do desenho do traçado em relação às outras formas, podemos pintar somente sobre áreas preenchidas, só atrás de outras formas, etc.

 

 

Pen

 

Usamos a ferramenta Pen para desenhar polígonos irregulares ou formas curvas. Para desenhar polígonos, selecione a ferramenta Pen e clique em vários pontos da tela, para finalizar esta forma de um clique no ponto inicial do desenho. Para desenhar formas curvas, selecione a Pen e quando clicar, dê uma pequena “arrastada” com o mouse, finalize clicando no ponto inicial.

 

Abaixo um exemplo de um polígono irregular e de uma forma curva criada com a ferramenta Pen.

 

 

Neste tutorial falamos sobre a configuração do tamanho de um documento Flash e das principais ferramentas de desenho deste programa.

 

Semana que vem iremos falar sobre técnicas de animação do Flash.