Filtros gráficos

Visão geral de filtro

Os filtros (efeitos gráficos) do permitem adicionar efeitos visuais enriquecedores ao texto, aos botões e clipes de filme. Um recurso exclusivo do Animate é que você pode animar os filtros aplicados usando interpolações de movimento.

Os modos de mesclagem do Animate permitem criar imagens compostas. Composição é o processo de variação da transparência ou interação de cor entre dois ou mais objetos sobrepostos. Os modos de mesclagem também incluem o controle da opacidade de objetos e imagens. Você pode usar os modos de mesclagem do Animate para criar realces ou sombras, que permitem exibir os detalhes de uma imagem, ou para colorir uma imagem.

Sobre filtros animados

Anime os filtros na linha do tempo. Os objetos em quadros principais separados, mas unidos por uma interpolação, terão os parâmetros dos filtros interpolados em quadros intermediários. Se na extremidade oposta da interpolação, o filtro não tiver um correspondente (do mesmo tipo), este será adicionado automaticamente, para assegurar que o efeito ocorra no final da sequência de animação.

Para evitar que interpolações de movimento funcionem de maneira incorreta, se um filtro estiver ausente de uma extremidade da interpolação ou se filtros forem aplicados em uma ordem diferente a cada extremidade, o Animate faz o seguinte:

• Se você aplicar uma interpolação de movimento a um clipe de filme com filtros aplicados a ele, quando inserir um quadro principal na extremidade oposta da interpolação, o clipe de filme terá automaticamente os mesmos filtros, na mesma ordem de empilhamento, no último quadro da interpolação, conforme tinha no início da interpolação.

• Se você colocar clipes de filme em dois quadros diferentes com filtros diferentes aplicados a cada um deles e aplicar um movimento de interpolação entre os quadros, o Animate processará primeiro o clipe de filme com a maioria dos filtros. O Animate em seguida compara os filtros aplicados ao primeiro clipe de vídeo em relação aos filtros que o segundo clipe de filme utiliza. Se não for encontrado nenhum filtro correspondente no segundo clipe de vídeo, o Animate irá gerar um filtro simulado sem parâmetros e com a cor dos filtros existentes.

• Se existir uma interpolação de movimento entre dois quadros principais e você adicionar um filtro ao objeto de um quadro principal, o Animate adicionará automaticamente um filtro simulado ao clipe de filme quando alcançar o quadro principal na outra extremidade da interpolação.

• Se existir uma interpolação de movimento entre dois quadros principais e você remover o filtro de um objeto de um quadro principal, o Animate removerá automaticamente o filtro correspondente do clipe de filme quando alcançar o quadro principal na outra extremidade da interpolação.

• Se você definir de maneira inconsistente os parâmetros do filtro entre o início e o final de uma interpolação de movimento, o Animate aplicará as configurações de filtro do quadro inicial aos quadros interpolados. Configurações inconsistentes ocorrem quando os seguintes parâmetros são definidos diferentemente entre o início e o fim da interpolação: vazado, sombra interna, brilho interno e tipo de brilho de gradiente e bisel de gradiente.

  Por exemplo, se você criar uma interpolação de movimento usando o filtro de sombra projetada e aplicar uma sombra projetada com um vazado ao primeiro quadro da interpolação, e uma sombra interna ao último quadro da interpolação, o Animate corrigirá o uso inconsistente do filtro na interpolação de movimento. Nesse caso, o Animate aplica as configurações de filtro usadas no primeiro quadro da interpolação, uma sombra projetada com vazado.

Sobre o desempenho dos filtros e do Flash Player

O tipo, a quantidade e a qualidade dos filtros aplicados aos objetos pode afetar o desempenho dos arquivos SWF conforme você os executa. Quanto mais filtros você aplicar ao objeto, maior o número de cálculos que o Adobe® Flash® Player deverá processar para exibir corretamente os efeitos visuais que você criou. A Adobe® recomenda aplicar um número limitado de filtros a um determinado objeto.

Todos os filtros incluem controles que permitem ajustar a intensidade e a qualidade do filtro aplicado. O uso de configurações mais baixas melhora o desempenho em computadores mais lentos. Se você estiver criando conteúdo para reprodução em uma ampla gama de computadores ou se não tem certeza sobre a capacidade disponível dos computadores do seu público, defina o nível de qualidade como Baixo para maximizar o desempenho de reprodução.

Sobre os filtros do Pixel Bender

Adobe Pixel Bender™ é uma linguagem de programação desenvolvida pela Adobe que permite que os usuários criem filtros personalizados, efeitos e modos de mesclagem para utilizar no Animate e no After Effects. O Pixel Bender é independente de hardware e foi desenvolvido para ter uma execução eficiente em uma variedade de arquiteturas de GPU e CPU automaticamente.

Os desenvolvedores do Pixel Bender criam filtros por meio da gravação do código do Pixel Bender, que é salvo posteriormente em um arquivo de texto com a extensão de arquivo pbj. Uma vez gravado, um filtro do Pixel Bender pode ser usado por qualquer documento do Animate. Use o ActionScript® 3.0 para carregar o filtro e utilizar seus controles.

Para obter mais informações sobre o trabalho com o Pixel Bender no ActionScript, consulte o Guia do desenvolvedor do ActionScript 3.0.

Os tutoriais em vídeo a seguir demonstram o uso dos filtros do Pixel Bender no Animate:

Trabalho com filtros

Aprimorado no Animate

Toda vez que você adiciona um novo filtro ao objeto, ele é adicionado à lista de filtros aplicados a esse objeto no Inspetor de propriedades. Você pode aplicar vários filtros ao objeto e remover filtros aplicados anteriormente. Você pode aplicar filtros apenas no texto, botão, clipe de filme, componentes e objetos de clipe compilados.

Você pode criar uma biblioteca de configurações de filtro que permite aplicar facilmente o mesmo filtro ou conjuntos de filtros ao objeto. O Animate armazena as predefinições de filtro criadas na seção Filtros do Inspetor de propriedades, no menu Filtros > Predefinições.

Com o Flash Professional CS6 e versões anteriores, a aplicação de filtros se restringiu apenas ao clipe de filme e aos símbolos de botão. Com o Animate, agora você pode aplicar filtros e clipes compilados e componentes clipe de filme. Isso permite que você adicione vários efeitos diretamente nos componentes, com o clique de um botão (ou dois), tornando a aparência de suas aplicações muito melhor. Com o Flash CS6, para adicionar filtros ou outros componentes, "envolva-o" dentro de um símbolo de clipe de filme. Isto é:

1. Criar ou adicionar um componente ao palco.
2. Clique com o botão direito no componente e selecione Converter para símbolo.
   

Com o CS6 (e versões anteriores), você pode adicionar filtros ou vários outros tipos de efeitos após envolver o componente dentro de um símbolo. Entretanto, isso foi apenas uma solução alternativa, e não a melhor prática sugerida.   Com o Animate, você pode adicionar vários filtros aos componentes usando diretamente as opções Filtros, Efeitos de cor e Configurações de exibição disponíveis no Painel de propriedades. Para entender melhor esse aprimoramento principal, considere o seguinte exemplo:   Adicionar um filtro de chanfro a um componente de botão  

1. Criar ou adicionar um botão do Painel componentes no palco e selecionar o botão subsequente.
2. No Painel de propriedades, clique no botão na lista suspensa na seção Filtros e selecione o filtro Bisel. São exibidas as propriedades e valores para o filtro Bisel.
3. Modifique ou ajuste os valores apropriados para cada propriedade desejada. Por exemplo, Desfocar X, Desfocar Y, Energia, Sombra, etc. Você vai notar os efeitos refletindo sobre o botão selecionado simultaneamente.
   

Aplicar ou remover filtro

Cópia e colagem de filtro

Aplicação de filtro predefinido a um objeto

 Quando você aplica um filtro predefinido ao objeto, o Animate substitui qualquer filtro aplicado atualmente aos objetos selecionados pelos filtros usados na predefinição.

Ativação ou desativação de filtro aplicado a objeto

Ativação ou desativação de todos os filtros aplicados ao objeto

Criação de bibliotecas de filtros predefinidos

Salve configurações de filtro como bibliotecas predefinidas que podem ser facilmente aplicadas a clipes de filme e objetos de texto. Compartilhe suas predefinições de filtro com outros usuários fornecendo a eles o arquivo de configuração de filtro. O arquivo de configuração de filtro é um arquivo XML salvo na pasta Configuração do Animate, no seguinte local:

 

• Windows 7 e 8: C:\Users\nome do usuário\AppData\Local\Adobe\Flash CC\idioma\Configuration
• (Apenas para o Flash Professional CS6 ou versões anteriores) Windows XP: C:\Documents and Settings\nome do usuário\Local Settings\Application Data\Adobe\Flash CS6\idioma\Configuration\Filters\filtername.xml
• (Apenas para o Flash Professional CS6 ou versões anteriores) Windows Vista: C:\Users\nome do usuário\Local Settings\Application Data\Adobe\Flash CS6\idioma\Configuration\Filters\filtername.xml
• Macintosh: Macintosh HD/Users/nome do usuário/Library/Application Support/Adobe/Flash CC/idioma/Configuration/Filters/filtername.xml

Criar uma biblioteca de filtros com configurações predefinidas

Renomear predefinição de filtro

Exclusão de predefinição de filtro

Aplicação de filtros

Aplicação de sombra projetada

O filtro Sombra simula a aparência do objeto projetando uma sombra sobre uma superfície.

Para obter uma amostra de sombra com interpolação clássica, consulte a página Amostras do Animate, em www.adobe.com/go/learn_fl_samples_br. Baixe e descompacte o arquivo zip Amostras e navegue ate o diretório Graphics\AnimatedDropShadow.

Criar uma sombra projetada inclinada

Aplicação de desfoque

O filtro Desfoque suaviza as arestas e os detalhes de objetos. Aplicar um desfoque ao objeto faz com que ele pareça como se estivesse atrás de outros objetos ou faz com que pareça que o objeto está em movimento.

Aplicação de brilho

O filtro Brilho permite aplicar uma cor ao redor das arestas do objeto.

Aplicar bisel

O bisel aplica um realce ao objeto que faz com que ele pareça estar projetado acima da superfície do plano de fundo.

Aplicar brilho de gradiente

A aplicação do brilho de gradiente produz uma aparência de brilho com cor de gradiente na superfície do brilho. O brilho de gradiente requer uma cor no inicio do gradiente com valor de Alfa igual a 0. Você não pode mover a posição dessa cor, mas pode alterar a cor.

Aplicação de bisel de gradiente

A aplicação do bisel de gradiente produz uma aparência de elevação que faz com que o objeto pareça elevado acima do plano de fundo, com uma cor de gradiente na superfície do bisel. O bisel de gradiente requer uma cor no meio do gradiente com valor de alfa igual a 0.

Aplicação do filtro Ajustar cor

O filtro Ajustar cor permite controlar melhor os atributos de cor do objeto selecionado, incluindo contraste, brilho, saturação e matiz.