Explorando a Interface Flash

Transcrição

1 CAPÍTULO UM Explorando a Interface Flash Se essa é sua primeira vez utilizando o Flash, pode levar algum tempo até que você se acostume com a abordagem idiossincrática do programa em relação aos desenhos e animações. Mas mesmo se você já tiver usado o Flash antes, descobrirá que as tarefas já familiares agora têm que ser tratadas de uma maneira diferente. Na versão CS3, a Adobe tomou a iniciativa de fornecer em todos os seus produtos Creative Suite uma interface semelhante. Agora, no CS4, os desenvolvedores reprojetaram essa interface para que ela ficasse mais simples, mais flexível e mais consistente entre os produtos e plataformas. Este primeiro capítulo o orientará pela ativação do Flash, sua customização e preparação para um projeto. É tentador pular estas etapas e mergulhar na criação de um filme, mas você descobrirá que reservar esse tempo para configurar sua área de trabalho e organizar seus arquivos o ajudará a usar o Flash de maneira mais confortável e eficiente. Caso o Flash seja novidade para você, será útil manter em mente que o Flash começou como um programa de animação para a Web. Portanto, vários de seus elementos de interface têm nomes que foram tirados do mundo dos filmes: um arquivo do Flash é chamado de filme (independente do fato de ser ou não animado); a área em que os elementos visuais do filme são montados é chamada de palco; as etapas incrementais pelas quais as ações do filme acontecem são chamadas de quadro (como os quadros de uma tira ou filme); e filmes de longa duração são, às vezes, divididos em segmentos chamados cenas. Mesmo que você pretenda utilizar o Flash como um ambiente de programação ou como uma ferramenta de desenvolvimento de interface, ainda assim é importante ver como esses recursos mais avançados se relacionam aos recursos de animação.

2 2 # 1 Introdução ao Flash A primeira vez que você iniciar o Flash, encontrará uma tela de Instalação do Software (Figura 1a). Para usar o software, terá que inserir seu número de série em no máximo 30 dias após a sua instalação. Se o número que você inserir for válido, uma marca de seleção na cor verde aparecerá. Quando você clica no botão Next, é levado para a tela de Ativação. Sua cópia do Flash não funcionará a menos que você a ative. Se estiver conectado à Internet, o Flash executará isso automaticamente; caso contrário, terá a opção de ativar por telefone. Caso tenha realizado uma instalação em grupo de vários produtos Creative Suite, pode ser que não tenha que ativar o Flash individualmente, pois a ativação de um produto do conjunto ativa automaticamente todos os outros. Figura 1a Esta tela de instalação aparece da primeira vez que você inicia o Flash. Caso não tenha seu número de série em mãos, poderá utilizar o programa sem ele por até 30 dias. Após o Flash ter sido ativado, a tela padrão de boas vindas padrão aparecerá (Figura 1b). Esta tela oferece atalhos para tarefas que os usuários geralmente querem desempenhar quando iniciam o Flash, como abrir um arquivo salvo ou criar diversos tipos de novos arquivos. CAPÍTULO UM Explorando a Interface Flash

3

4

5 # 2 Gerenciando Sua Área de Trabalho 5 A área de trabalho do Flash consiste em uma variedade de painéis que podem ser arranjados de diversas maneiras, dependendo do tipo de projeto em que você está trabalhando e o ambiente no qual se sente confortável. Quatro painéis essenciais quase sempre estarão visíveis: o painel Tools (Ferramentas), a linha de tempo, o palco e Properties (Propriedades, antes denominado Properties Inspector). Embora esses painéis tenham as mesmas funções que tinham nas versões anteriores do Flash, sua aparência e layout foram notadamente alterados no Flash CS4 (Figura 2a). Palco Linha de Tempo Propriedades Painel de Ferramentas Figura 2a Estes são os quatro painéis mais importantes na interface com o usuário do Flash CS4, mostrados em seu layout padrão. O painel Tools contém as ferramentas que você precisa para criar e editar os elementos visuais de um filme do Flash. Você pode passar o ponteiro sobre cada elemento para descobrir o nome dessa ferramenta e o atalho do teclado que poderá usar para selecioná-la. Um pequeno triângulo preto na área inferior à direita da ferramenta indica que há outras ferramentas escondidas por detrás dela. Para vê-las, pressione e segure o ponteiro do mouse sobre a ferramenta que está atualmente visível. A linha de tempo é o lugar em que você mapeia o modo como os elementos de seu filme mudarão com o tempo. Acima dela está o palco, onde você cria, edita e arranja as formas, imagens, videoclipes e os elementos que formam a parte visual do seu filme. #2: Gerenciando sua Área de Trabalho

6 6 Sempre que precisar alterar as opções ou as configurações para as ferramentas, quadros ou para um filme inteiro, o painel Properties é onde você pode fazer isso. Esse painel é sensível ao contexto, o que significa que ele exibe informações diferentes dependendo do lugar na tela em que você clicou com o mouse mais recentemente (Figura 2b). Figura 2b A face mutante do painel Properties: à esquerda, ele exibe informações sobre todo o filme; à direita, ele exibe informações sobre um único quadro. Painéis menores são, geralmente, fixados juntamente em um receptáculo retangular chamado dock. Os painéis do dock podem ser expandidos ou fechados, clicando na barra esmaecida na parte superior de cada painel (Figura 2c). Ao clicar na barra cinza escura na parte superior de qualquer dock, é possível reduzir todos os painéis nesse dock para ícones. Se precisar de um painel que não está disponível atualmente, poderá escolher seu nome pelo menu Window. Se o painel estava em um dock da última vez que foi fechado, ele reaparecerá nesse dock. Do contrário, ele aparecerá em uma janela flutuante. Você pode segurar o painel pela barra escura no topo (Figura 2d) e arrastá-lo até um dock existente. CAPÍTULO UM Explorando a Interface Flash

7 7 Painel fechado Painel Expandido Figura 2c Painéis do dock podem ser fechados (por exemplo, o painel Transform) ou expandidos (por exemplo, o painel Swatches). Linha Azul Arraste a janela daqui Figura 2d Uma janela flutuante sendo arrastada para um dock #2: Gerenciando Sua Área de Trabalho

8

9

10 10 # 3 Configurando as Propriedades do Documento Quando você cria um novo filme do Flash em branco, a primeira coisa a fazer é configurar as Propriedades do Documento um conjunto de configurações fundamentais que afetam todo o filme. Para configurar essas propriedades, escolha Document no menu Modify para abrir a caixa de diálogo Document Properties (Figura 3a). As propriedades mais importantes para configurar são Dimensions (Dimensões), Background Color (Cor do Plano de Fundo), Frame Rate (Taxa de Quadro) e Ruler Units (Unidades da Régua). Figura 3a Caixa de diálogo Document Properties com suas configurações padrão. Dimensions. Essa propriedade determina a altura e a largura do palco. Uma vez que a maioria dos filmes do Flash são projetados para serem vistos na tela, é uma prática comum especificar as dimensões do filme em pixels em vez de unidades orientadas para impressão, como polegadas ou pontos. As dimensões padrão de 550 por 400 pixels são arbitrárias. Deixe as dimensões do seu filme tão grandes ou pequenas quanto for adequado para seu projeto. O único momento em que precisará prestar atenção especial às dimensões é quando você estiver usando o Flash para produzir animações para vídeo. Nesse caso, o programa de edição do vídeo especificará que dimensões o filme deve ter geralmente, 1920 por 1080 pixels para um vídeo de alta definição. Há dois atalhos representados pelos botões de opção à direita da etiqueta Match. (O terceiro botão reconfigura as dimensões padrão). A impressora configura as dimensões do filme para corresponder à área de impressão da impressora atualmente selecionada, e o botão de Conteúdo faz com que as dimensões do filme correspondam às dimensões do que estiver no palco. Pense com cuidado antes de fazer sua seleção. Embora seja simples mudar as dimensões posteriormente, é muito mais difícil modificar seu filme para que ele se encaixe às novas configurações. CAPÍTULO UM Explorando a Interface Flash

11 11 Background Color. Essa propriedade determina qual será a cor do palco. Seja qual for a cor que você escolher, ela aparecerá em todas as áreas não ocupadas do palco. Para obter informações sobre como escolher uma cor, consulte #8. Frame Rate. A taxa de quadro, que é discutida em detalhes em #31, é a medida da velocidade com que seu filme progride. Por ora, saber que 12 a 15 quadros por segundo (fps) são comuns para filmes do Flash que são postados na Web, e que 30fps é o padrão por animações usadas em um vídeo é o suficiente. A taxa de quadro padrão no Flash CS4 é de 24fps. Ruler Units. Essa propriedade não afeta o filme, e sim o modo como o filme e seu conteúdo serão medidos no Flash. Se você especificou as dimensões do filme em pixels, geralmente é bom configurar as unidades da régua também em pixels. Caso queira tornar essas propriedades do novo documento como as configurações padrão para filmes futuros, clique no botão Make Default na parte inferior esquerda da caixa de diálogo. #3: Configurando as Propriedades do Documento

12 12 # 4 Utilizando as Teclas de Função e os Atalhos do Teclado Uma vez que criar um filme no Flash pode consumir tempo, é útil descobrir maneiras de acelerar o processo. Uma das melhores maneiras é dominar os atalhos de teclado integrados que fazem com que você execute comandos do Flash com um único pressionamento de tecla, em vez de ter que escolher cada comando de um menu. As tarefas mais comuns do Flash podem ser realizadas utilizando as teclas de função (aquelas teclas na parte de cima do seu teclado chamada de F1, F2 e por aí vai). Há diversas teclas de função F5, F6 e F7, por exemplo que são vitais para criar animações e, portanto, deveriam se tornar parte de seu vocabulário. (Os usos específicos dessas teclas são explicados no Capítulo 5, Criando Animações Básicas.) Usar as teclas de função no Flash geralmente é um problema para usuários do Mac. O Mac OS X reserva algumas teclas de função para seu uso próprio, e essas teclas não funcionam adequadamente no Flash. As teclas mais comumente afetadas vão do F9 ao F12, que o sistema operacional usa para controlar recursos da Apple, como o Dashboard e o Exposé. Isso é ainda mais frustrante no caso da tecla F9 que, no Flash, é usada para abrir alguns painéis bastante usados. Há duas maneiras de contornar esse problema. A primeira é navegar até as Preferências do Sistema do Mac e remapear os recursos do Dashboard e do Exposé para um conjunto diferente de pressionamentos de tecla. A segunda é entrar no Flash e remapear seus recursos da tecla F9 até a F12. Já que este livro trata do Flash, não do sistema operacional do Mac, veremos a segunda alternativa. Para remapear os atalhos no Flash: 1. Escolha Edit > Keyboard Shortcuts (Windows) ou Flash > Keyboard Shortcuts (Mac). A caixa de diálogo dos Atalhos do Teclado aparecerá (Figura 4a). Botão Duplicate Set Figura 4a Caixa de diálogo dos Atalhos do Teclado. CAPÍTULO UM Explorando a Interface Flash

13

14 14 6. Destaque o pressionamento de tecla no campo Press Key, em seguida, pressione a tecla (ou combinação de tecla) pela qual você deseja fazer a substituição. Se a mensagem de erro Esse pressionamento de tecla já foi designado aparecer, continue experimentando combinações de teclas até que encontre uma que esteja livre. 7. Clique em OK. A caixa de diálogo Keyboard Shortcuts é fechada, e o novo atalho do teclado passa a funcionar. Se você não estiver interessado em remapear teclas, e quiser apenas aprender os atalhos de teclado existentes, olhe nos menus padrão do Flash. Para cada comando ao qual um atalho de teclado está designado, o atalho de teclado aparece à direita do comando. CAPÍTULO UM Explorando a Interface Flash

15 # 5 Organizando Seus Arquivos 15 O Flash é capaz de salvar e exportar uma série de tipos de arquivos diferentes, incluindo arquivos de filme do QuickTime, arquivos GIF animados, arquivos de projetor, e mais. Independentemente do tipo de trabalho que você está realizando no Flash, há dois tipos de arquivos que você sempre usará: FLA, geralmente pronunciado flah, e SWF, geralmente pronunciado swiff (Figura 5a). Figura 5a Arquivos FLA e arquivos SWF podem ser reconhecidos por seus ícones. O ícone para um arquivo FLA é aquele mostrado à esquerda; o ícone para um arquivo SWF é o da direita. O FLA é um formato de arquivo de desenvolvimento proprietário do Flash. Um arquivo FLA contém todas as informações que o Flash precisa para criar e modificar seu filme: formas vetoriais, símbolos, imagens e sons descompactados, informações sobre a linha de tempo, texto, códigos ActionScript decompilados, e assim por diante. Por essa razão, os arquivos FLA tendem a ser grandes, às vezes chegando a centenas de megabytes. Para gerar um arquivo FLA, você deve abrir ou criar um filme no Flash e, então, escolher File > Save (ou File > Save As). A única maneira de visualizar ou editar um arquivo FLA é abrindo-o no Flash. O SWF é o formato de arquivo do Flash Player. Todas as informações que não são necessárias para exibir seu filme foram extraídas dele, e as informações restantes são altamente compactadas. Portanto, um arquivo FLA de muitos megabytes pode virar um arquivo SWF de apenas alguns kilobytes. Embora o tamanho do arquivo FLA não importe (considerando que ele caiba em seu disco rígido!), seu objetivo ao criar um filme no Flash deve ser sempre acabar com um arquivo SWF que seja o menor possível. Você aprenderá alguns truques para diminuir o tamanho de arquivos SWF no capítulo 2, Utilizando as Ferramentas de Desenho. Você gera um arquivo SWF ao abrir um arquivo FLA no Flash e testar o filme (consulte #35) ou publicá-lo (consulte #78). Para modificar um arquivo SWF, será necessário abrir seu arquivo FLA correspondente no Flash, fazer as alterações e gerar um novo arquivo SWF para substituir o antigo. Com algumas poucas exceções, os arquivos SWF não podem ser editados; apenas reproduzidos. #5: Organizando Seus Arquivos

16

17 17 Uma vez que os projetos do Flash quase sempre compreendem diversos arquivos, um bom gerenciamento de arquivos é essencial. O Flash inclui um painel chamado Project que permite que você execute tarefas básicas de gerenciamento de arquivo, como criar e excluir arquivos e organizar arquivos em uma pasta, sem sair do ambiente do Flash (Figura 5c). Para abrir esse painel, escolha Window > Other Panels > Project. Figura 5c O painel Project facilita o gerenciamento de arquivos. #5: Organizando Seus Arquivos

18