Apostila de flash, Notas de estudo de Engenharia Elétrica

Baixe Apostila de flash e outras Notas de estudo em PDF para Engenharia Elétrica, somente na Docsity!

FLASH CS

Autor:

Marcos Paulo furlan

Apostila vencedora do 3º. Concurso de Apostilas do Apostilando.com

ÍNDICE

INTRODUÇÃO

A tecnologia Shockwave Flash, da Adobe, já esta presente na WEB há alguns anos e hoje presente em praticamente 98% dos computadores existentes. O grande sucesso do Flash se deve ao seu poder de processamento multimídia, limitado somente pela criatividade de designers e criadores de conteúdo, tudo isto aliado a uma característica muito importante: os arquivos transferidos pela Internet são pequenos. A nova versão CS4 que está totalmente remodelada faz com que o Flash atinja um patamar nunca alcançado para uma ferramenta de criação a animação web.

O que é Shockwave Flash

É uma ferramenta de autoria e edição de imagens vetoriais com animação, som e interatividade. Baseada em imagens vetoriais, possibilita a criação de efeitos avançados em arquivos bastante pequenos. Além de imagens vetoriais, ao conteúdo Flash pode ser acrescentado arquivos bitmaps, sons, vídeos, etc... O que são Imagens vetoriais: As imagens vetoriais não são geradas por meio da combinação de pontos de imagem, e sim criadas a partir de cálculos matemáticos executados pelo computador. Isto significa que os arquivos que contém essas imagens armazenam somente as fórmulas matemáticas que representam formas, curvas e cores, e, portanto são muito pequenos. Assim, um arquivo que contenha o desenho de um círculo com 1 centímetro de diâmetro terá exatamente o mesmo tamanho se o círculo tiver 20 centímetros. Outra vantagem é que, ao serem ampliadas, não perdem absolutamente nada em qualidade. A desvantagem das imagens vetoriais é a impossibilidade de representar imagens mais complexas e realistas com qualidade fotográfica. O que podemos criar com o Flash Desde simples faixas animadas com anúncios para páginas da WEB, menus interativos, desenhos animados, arquivos executáveis, gifs animados, etc...

O AMBIENTE DO FLASH

Ao iniciarmos o Flash ele vai apresentar uma tela com as opções que podemos trabalhar com o Flash.

Para quem já utiliza ou utilizou alguma versão anterior do Flash a primeira mudança que pode ser observada é de distribuição de sua “Workspace”. A Timeline (linha do tempo), agora está embaixo – como à maioria dos programas de animação – a janela central mostra-se um menu inicial, na direita temos algumas paletas como Properties e Library e a caixa de ferramentas. É possível mudar a Workspace, para isso basta clicar no menu Window, Workspace e escolher uma das opções que o Flash disponibiliza.

programa como ao carregar (on Lauch) o que deve ser mostrado – o padrão é a tela de boas vindas. Quantidade de opções de desfazer, cores de elementos visíveis, etc... Podemos definir também as preferências relativas à linguagem ActionScript, auto formatação. opções de objetos a serem colados no Flash, como se comportar com as ferramentas de desenho, preferências de texto, avisos e importação de PSD e AI para dentro do Flash.

Atalhos

O Flash também disponibiliza um grande quantidade de atalhos para facilitar a sua utilização, a grande maioria segue os padrões dos programas gráficos como CRTL+S para salvar, CTRL+A para selecionar todos os objetos. Os principais atalhos você pode observar ao selecionar um item de menu.

Na barra de ferramentas lateral ao posicionar o mouse sobre uma ferramenta ele mostra o nome e entre parênteses a letra correspondente ao atalho dela. Para saber sobre todos os atalhos do Flash, clique no menu Edit> Keyboard Shortcuts.

Nessa tela também é possível adicionar novos atalhos ao programa.

Tela de Abertura

Na tela de abertura podemos verificar os últimos filmes abertos, ou abrir um arquivo já existente. Na opção do meio podemos criar um novo filme do Flash utilizando a linguagem ActionScript 3, ActionScript 2, documento AIR, Flash Móbile, ActionsScript File, ActionScript Communication File, Flash JavaScript e Flash Project. Na direita da tela temos A opção de usarmos um Template e de adicionarmos uma extensão ao Flash.

As grandes novidades do Flash CS4 para que possam ser utilizadas precisarão que seus projetos estejam em actionscript 3. Inicie um novo projeto ActionScript 3

Observe que seu filme tem uma taxa de quadros de 24 fps (frames per second

• frames por segundo) e uma dimensão de 550x400px e fundo de tela branco.

A taxa de quadros de um filme é de extrema importância, até a versão anterior o Flash trazia como padrão uma taxa de quadros de 12fps, a mudança para 24fpf melhora a visualização de sua animação, mas deixa o filme mais pesado em sua exibição. Um filme com taxa de quadros de 24 fps significa que para que sua animação tenha algum movimento de um segundo ela vai precisa se deslocar 24 quadros em sua Timeline. Se sua animação será criada para rodar em um DVD ou TV você precisa criar a sua animação em 30fps. Você pode alterar todas as propriedades clicando no botão Edit.

Você pode chamar essa tela também através do clique com o botão direito e

depois a opção “Document Properties”.

Barra de ferramentas

Para exibir a barra de ferramentas no Flash, clique no Menu, Window, Toolbars, Main

Na Barra de ferramentas além dos botões padrões como Novo, Abrir, Salvar, etc..., temos botões exclusivos do FLASH como, por exemplo, Encaixar (formato de imã) que auxilia no posicionamento dos elementos na tela do filme.

Caixa de Ferramentas

A caixa de Ferramentas do Flash CS4 é composta de quatro subdivisões: Ferramentas (Tools), Exibir (View), Cores (Colors) e Opções (Options). A área de ferramentas é composta dos botões de desenho e manipulação dos desenhos feitos na área de desenho do FLASH. A área Exibir permite modificar a forma de visualizar a área de desenho do Flash permitindo mover o desenho ou ampliá-lo com a lupa. Na área de cores podemos definir cores de linhas e cores de preenchimento dos desenhos feitos no FLASH. Opções tratam das opções de desenho selecionado. Ainda com relação à caixa de ferramentas, ao posicionar a ponta do mouse sobre uma ferramenta ela mostra o nome da ferramenta e uma letra entre parênteses, ao pressionar a tecla correspondente à letra ela será marcada como ativa automaticamente.

Ferramentas de Desenho e suas propriedades

A primeira ferramenta a ferramenta seta é utilizada para selecionar os objetos de sua área de trabalho, podemos selecionar os objetos clicando sobre eles ou simulando um contorno em forma de retângulo sobre o objeto a ser selecionado. Tecla de atalho “V”. Ao selecionar um objeto e clicar na aba Properties, você poderá alterar as propriedades do objeto selecionado.

Os objetos no Flash diferenciam contorno de preenchimento então se você clicar no meio de um objeto você apenas selecionará o preenchimento. Para poder selecionar ambos é necessário um duplo clique ou simular um contorno sobre ambos com a ferramenta seta.

Na imagem acima a primeira bola temos apenas o preenchimento selecionado, na segunda somente o contorno e na terceira ambos.

A ferramenta em forma de uma flecha branca é a ferramenta subselecionar que permite trabalhar com os nós de seu objeto.

Abaixo temos a ferramenta FreeTransform. Ao clicar sobre ela, será mostrado alças de dimensão em volta de seu objeto. Na parte de Options da caixa de ferramentas ele mostra as opções da ferramenta.

A primeira opção é a “Rotate and Skew”, que permite rotacionar e inclinar a ferramenta.

A segunda opção “Scale” permite dimensionar a forma selecionada. Se redimensionar seu objeto com a tecla ALT pressionada ao dimensionar para um lado ele faz a mesma dimensão para o outro lado. A terceira opção é a opção Distort que permite distorcer seu objeto em perspectiva. A última opção é a Envelope que vai permitir editar o objeto com curvas de bezier. Caso você já tenha convertido seu objeto em símbolo as opções disponíveis serão somente “Rotate and Skew” e “Scale”. Essa ferramenta tem junto a ela um pequena flecha no canto inferior direito, ferramentas que contém essa flecha contém outras ferramentas no mesmo

grupo caso no a ferramenta “Gradient Transform Tool” , veremos o uso dessa ferramenta posteriormente. A ferramenta seguinte faz parte das novas ferramentas da versão CS4, que é a

ferramenta 3D Rotation Tool. Para que essa ferramenta possa ser utilizada é necessário que seu objeto já esteja convertido em símbolo. Veremos como converter um objeto em símbolo e funcionamento da ferramenta posteriormente.

Junto a ela temos a 3D Translation Tool , veremos o funcionamento dela também posteriormente.

Ao lado da ferramenta linha temos a ferramenta Laço que permite fazer seleções irregulares em nossos objetos.

Depois temos o grupo da ferramenta Pen Tool (caneta) que permite desenhar linhas e curvas, ela também possui um grupo, que são as opções de adicionar pontos, apagar pontos e converter os pontos.

O funcionamento da ferramenta caneta no Flash é idêntico a qualquer outra ferramenta de desenho. Você clica e ele marca um ponto, depois ao clicar em outro ponto e mover o mouse ele fará curva conforme você move o mouse, ao clicar em um terceiro ponto ele cria nova curva.

Texto Estático : É o texto normal. Utilizamos esse tipo de texto no Flash para frases e blocos de texto. Para se criar um bloco basta clicar e manter o mouse pressionado para definir o tamanho de sua caixa de texto. Ele permite formatação de caractere e parágrafo, opções de aplicação de link direto nele e filtros (veremos posteriormente junto com símbolos). Texto Dinâmico : É o texto que recebe informações de uma variável, ou seja, ele lê o texto de um arquivo qualquer que contenha uma variável igual a sua, exemplo de usos para leitura de variáveis de scripts, ASP, PHP, HTML e até mesmo de arquivos TXT, como por exemplo, para textos em barras de rolagem. Texto de Entrada : Permite que se crie uma caixa de texto e que a mesmo comporte-se como campo de formulários, ele permite que o usuário insira informações que serão repassadas também através de variáveis.

Abaixo temos a ferramenta Linha que permite que se trace linhas e podemos também unir os ponto de uma linha criando assim polígonos.

Estando com o a ferramenta encaixar (Imã) ligada - o mesmo encontra-se caixa de propriedades e na barra de ferramentas - ao traçar ele mantém uma “bolinha” na extremidade da linha e quando encaixar ele também a mostrará, isso fará também com que as linhas sempre saiam retas na vertical e diagonal. Esta ferramenta também auxiliará na criação de quadrados e circunferências. Também manterá uma grade invisível em sua tela - o que muitas vezes atrapalha - para o posicionamento de objetos. Para evitar o uso do “imã” você pode desligá-lo ou então utilizar as setas de seu teclado para o posicionamento.

Grupo de ferramentas de desenho, a primeira ferramenta é o retângulo. Para se desenhar com o retângulo o processo é simples, clica-se na ferramenta e com o mouse pressionado arraste-se o mesmo pela tela. Enquanto se desenha no canto inferior direito aparece uma pequena bolinha, quando o retângulo fica uniforme como um quadrado a bolinha fica mais forte, isso facilita muito para se criar objetos perfeitos, outra forma de se criar se criar um quadrado é

pressionar a tecla SHIFT enquanto se desenha. Para desenhar seu retângulo com cantos arredondados externos e internos, ao selecionar a ferramenta retângulo, você chama o painel Properties, nele você pode alterar tanto cor de contorno e preenchimento como definir o arredondamento dos cantos.

Quando precisar desenhar um retângulo com cantos arredondados e não souber seu ângulo desenhe seu retângulo e sem soltar o mouse vá arredondando seus cantos com as setas direcionais.

A ferramenta Elipse permite desenhar circunferências, ovais, e a partir da versão CS4 podemos também ângulos de inicio, fim e alterar o raio interno.

A ferramenta lápis permite desenhar linhas em sua área de desenho ao selecionar a ferramenta linha na caixa de opções abrem-se as opções de linhas: Acertar, Suavizar e Tinta.

A ferramenta pincel que permite traços com de preenchimentos, na caixa

de opções abre-se às possibilidades de preenchimento, tipos de pinceis e diâmetros de pinceis. As opções dessa ferramenta são:

• Paint Normal: Pinta o objeto por onde o pincel for passado;
• Paint Fills: Pinta somente preenchimentos;
• Paint Behind: Pinta somente fora do objeto;
• Paint Selection: Pinta somente o que está selecionado;
• Paint Inside: Permite pintar somente dentro. Abaixo dessas opções temos o tamanho do pincel e abaixo dele a forma do pincel.

Para quem utiliza uma Tablet ao selecionar a ferramenta pincel ele habilita mais uma opção que é a configuração de pressão do pincel.

NOVIDADE
Uma das grandes novidades da versão CS4 é a

ferramenta Deco Tool. Essa ferramenta funciona como um spray dentro do Flash, Ao selecionar essa ferramenta a janela Properties permite uma série de configurações. Como essa é uma ferramenta que permite a utilização de símbolos com pincel espalhador, não vamos nos aprofundar nela no momento. Mas na janela de propriedades temos o efeito de desenho (Drawing Effect), abaixo temos as opções de utilizar ou não símbolos – como está marcada a opção Default Shape o botão Edit esta desabilitado – podemos mudar as cores do efeito Nas opções avançadas podemos mudar o ângulo e o escalamento do padrão de preenchimento. Podemos também definir se o efeito será estático ou podemos animar o padrão.