Tela inicial do Adobe Photoshop CS5

O Photoshop possui um painel de ferramenta complexo, com várias opções de cofiguração que está organizado pelos seguintes grupos:
a) Ferramentas de seleção
b) Ferramentas de corte e fatiamento
c) Ferramentas de medida
d) Ferramentas de retoque
e) Ferramentas de pintura
f) Ferramentas de texto e desenho
g) Ferraentas 3D e navegação
Na caixa de ferramentas encontramos todas as ferramentas disponíveis para trabalhar na edição das imagens. A figura a seguir ilustra tais ferramentas visíveis e aquelas organizadas em sub-grupos conforme ascategorias citadas acima.

Todas as ferramentas da barra de ferramentas do Photoshop CS5

Para selecionar uma ferramenta, basta clicá-la, sendo também possível o uso da tecla de atalho correspondente.
Algumas ferramentas possuem uma pequena seta no canto inferior direito, que indica a presença de ferramentas ocultas do mesmo grupo. Para selecionar uma ferramenta oculta:
a) Clique e mantenha pressionado o botão esquerdo do mouse sobre uma ferramenta que possui ferramentas ocultas;
b) Pressione a tecla Alt e clique na ferramenta. Cada novo clique seleciona a ferramenta seguinte do grupo;
c) Pressione Shift + tecla de atalho da ferramenta. Cada vez que repetir esta operação, você estará selecionando a ferramenta seguinte do grupo.

Na medida em que aumenta o tamanho do arquivo de documentos, também aumenta o tempo de download e a velocidade da reprodução. Podemos tomar diversas medidas para preparar nosso documento para uma melhor reprodução.
Como parte do processo de publicação, o Flash executa automaticamente alguma otimização nos documentos. Antes de exportar um documento, podemos otimizá-lo ainda mais usando diversas estratégias para reduzir o tamanho do arquivo. Podemos, também, comprimir o arquivo SWF na publicação.
Enquanto fazemos as mudanças, teste o documento executando-o em diversos computadores, sistemas operacionais e conexões da internet.
Para otimização de documentos siga as seguintes diretrizes:
• Use símbolos, animados ou não, para todos os elementos que aparecem mais de uma vez.
• Use animações interpoladas sempre que possível na criação de seqüências animadas. As animações interpoladas usam menos espaço de arquivo do que uma série de quadros- chave.
• Use clipes de filme em vez de símbolos gráficos para seqüências de animação.
• Limite a área de mudança em cada quadro-chave; faça a ação acontecer na menor área possível.
• Evite elementos de bitmap animados; use imagens de bitmaps como elementos estáticos ou de fundo.
• Use mp3, o menor formato de som, sempre que possível.
• Limite o número de tipos de linhas especiais, como tracejadas, pontilhadas, irregulares e assim por diante. As linhas sólidas exigem menos memória. As linhas criadas com a ferramenta Lápis exigem menos memória que os traçados com pincel.
• Limite o número de fontes e de estilos de fonte. Use fontes incorporados com moderação, pois elas aumentam o tamanho do arquivo.
• Use gradientes com moderação. O preenchimento de uma área com cor gradiente exige cerca de 50 bytes a mais do que preenchê-la com cor sólida.
• Use transparência alfa com moderação, pois ela retarda a reprodução.
► O melhor formato de bitmap a ser importado para o Flash é o PNG, o formato nativo do Adobe Fireworks. Os arquivos PNG têm informações RGB e alfa para cada pixel.
A taxa mais alta de quadros (medida em quadros por segundo, ou fps) produz uma animação suave em um arquivo SWF mas pode exigir muito do processador, principalmente em computadores mais antigos. Teste as animações em taxas de
quadros diferentes, para encontrar a menor taxa de quadros possível.
O bitmap em cache ajuda a melhorar o desempenho de clipes de filmes de conteúdo estático nos aplicativos. Quando definimos as propriedades MovieClip.cacheAsBitmap ou Button.cacheAsBitmap para verdadeiro, o Flash Player coloca em cache a representação interna do bitmap do clipe de filme ou da ocorrência do botão. Isso pode melhorar o desempenho dos clipes de filme com conteúdo
vetorial complexo. Todos os dados vetoriais de um clipe de filme que têm bitmaps em cache são desenhados no bitmap, em vez de no Palco principal.

Há muitas opções disponíveis para editar o vídeo, antes de importarmos para um documento FLA, ou para carregar um arquivo FLV para um arquivo SWF. O Flash e o Adobe Media Encoder têm controles melhores para compressão de vídeo. A compressão cuidadosa do vídeo é importante porque ela controla a qualidade da seqüência de imagens do vídeo e o tamanho do arquivo. Os arquivos de vídeo, mesmo comprimidos, são grandes em comparação com a maioria dos outros recursos do arquivo SWF.
Antes de importar o vídeo para o Flash, considere a qualidade de vídeo que necessita, que formato de vídeo usar com o arquivo FLA e como fazer o download. Se importar vídeo para um arquivo FLA (chamado vídeo incorporado), ele aumenta o tamanho do arquivo SWF para publicação. O download deste vídeo começa a ser feito, progressivamente, para o computador do usuário, seja o vídeo visualizado ou não. Podemos exibir o vídeo externo FLV usando um componente ou um objeto de vídeo.
Um componente facilita o desenvolvimento de aplicativos com o vídeo FLV, porque os controles do vídeo são pré-construídos e há necessidade apenas de especificar o caminho do arquivo FLV para reproduzir o conteúdo.
Para manter o arquivo SWF o menor possível, exiba o vídeo em um objeto de vídeo e crie seus próprios recursos e códigos para controlar o vídeo. Considere, também, o uso do componente FLVPlayback do Flash CS5 Professional, que tem tamanho de arquivo menor do que os componentes de Media (Flash MX Professional 2004 e posterior).
É uma boa idéia dar algum controle aos usuários (como a capacidade de parar, dar pausa, reproduzir e reiniciar o vídeo, além de controlar o volume) sobre o vídeo em um arquivo SWF.
Para conquistar algum tipo de flexibilidade sobre o vídeo, como manipular o vídeo com animação ou sincronizar diversas partes dele com a linha do tempo, incorpore o vídeo no arquivo SWF, em vez de carregá-lo usando o ActionScript ou um dos componentes Media.
Para maior controle sobre um símbolo de vídeo que a classe Vídeo permite, coloque o vídeo dentro de um Movie Clipe. A linha do tempo do vídeo é reproduzida independentemente de uma linha do tempo do Flash e podemos colocar o conteúdo dentro de um clipe de filme para controlar as linhas de tempo.

Exportação, compressão e hospedagem de arquivos FLV

Podemos exportar arquivos FLV dos ambientes de criação do Flash. Após a exportação do vídeo para o documento, ele aparece como símbolo de vídeo na biblioteca. Para exportar o vídeo como FLV, selecione o vídeo e depois selecione Biblioteca > Propriedades.
Para definir configurações de exportação, clique em Exportar na caixa de diálogo Propriedades do vídeo incorporado.
O exportador QuickTime do FLV comprime vídeos de software de edição de vídeo de terceiros.
Quando for comprimir o vídeo, lembre-se das seguintes recomendações:
• Não comprima novamente o vídeo. Recomprimir novamente um vídeo provoca degradação da qualidade, como artefatos. Use seqüências filmadas não processadas, ou as menos comprimidas, que tenha disponíveis.
• Faça o seu vídeo o mais curto possível. Apare o início e o fim do vídeo e edite para remover todo o conteúdo desnecessário. Isso pode ser conseguido diretamente no Flash usando o assistente de importação de vídeo.

Os quadros e as camadas em uma linha do tempo mostram onde estão colocados os recursos e determinam como seu documento funciona. A forma de configurar e usar a linha do tempo e a biblioteca afetam todo o arquivo FLA e sua aplicabilidade global.
As diretrizes a seguir ajudam a criar conteúdos com eficiência e permitem que outros autores que usam seus documentos FLA tenham maior compreensão da estrutura do documento.
- Dê a cada camada um nome intuitivo de camada e reúna os recursos relacionados no mesmo local. Evite usar os nomes padrão de camada (como layer 1, layer 2).
- Descreva com clareza a finalidade ou o conteúdo de cada camada ou pasta, quando for nomeá-los.
- Se aplicável, coloque suas camadas que incluem o ActionScript e a camada para rótulos dos quadros na parte superior da pilha de camadas na linha do tempo.
- Use pastas de camadas para agrupar e organizar as camadas semelhantes, para facilitar a localização das camadas que incluem códigos e rótulos.
- Bloqueie as camadas que não estiver usando ou não deseja modificar.
- Nunca coloque quaisquer símbolos ou recursos em camada que inclua o ActionScript. Como isso pode, potencialmente, causar conflitos entre os recursos no Palco e no ActionScript que os aplicam, mantenha todos os seus códigos em sua própria camada de ações e bloqueie depois de criá-la.
- Use rótulos de quadros (label) em um arquivo FLA, em vez de usar números de quadros no código ActionScript. Se esses quadros mudarem posteriormente, quando for editar a linha do tempo, e se usar rótulos de quadros e movê-los na linha do tempo, não há necessidade de mudar nenhuma referência no seu código.
- Uso de pastas de biblioteca.
- Use pastas na biblioteca para organizar os elementos semelhantes (como símbolos e recursos de mídia) em um arquivo FLA. Se nomear as pastas de biblioteca consistentemente, todas as vezes que criar um arquivo, fica mais fácil lembrar onde colocou os recursos. Normalmente, os nomes de pastas usados são Botões, Clipes de filme, Gráficos, Recursos, Componentes e, algumas vezes, Classes.

Gravação de arquivos e controle de versão

Para gravar os arquivos FLA, use um esquema de nomes consistente para seus documentos. Isso é especialmente importante se gravar múltiplas versões de um único projeto.
Use nomes intuitivos para os seus arquivos, de leitura fácil, não crípticos, e que funcionem bem on-line:
• Não use espaços, letras maiúsculas ou caracteres especiais.
• Use apenas letras, números, barras e sublinhados.
• Se gravar múltiplas versões do mesmo arquivo, desenvolva um sistema de numeração consistente como menu01.swf, menu02.swf e assim por diante.
• Pense em usar apenas caracteres em minúscula em seus esquemas de nomeação, pois alguns software do servidor diferenciam maiúsculas e minúsculas.
• Considere um sistema de nomeação que use a combinação substantivo-verbo ou adjetivo-substantivo para dar nomes ao arquivo, por exemplo, planejamentoclasse.swf e meuprojeto.swf.

Organização do action script em um aplicativo

Sempre que possível, coloque o ActionScript em um único local. A organização do código em um lugar ajuda a editar os projetos com mais eficiência, pois podemos evitar a busca em locais diferentes quando depuramos ou modificamos o ActionScript.
Se colocar código no arquivo FLA, coloque o ActionScript no Quadro 1 ou no Quadro 2, em uma camada chamada ações na camada mais alta da Linha do tempo.

stage.scaleMode = StageScaleMode.NO_SCALE;
stage.displayState = StageDisplayState.FULL_SCREEN;

O Flash ainda gera arquivos no formato de vídeo compatível com o QuickTime.
Esses filmes podem ser assistidos por usuários que não possuem o plugin do Flash.

Flash

As configurações disponíveis para este formato são:
- Player: a versão do player necessário para visualizarmos o arquivo swf.
- Script: escolhemos a versão do ActionScript que será utilizada no filme.

Html

Podemos configurar o arquivo HTML que o Flash vai gerar. Esse arquivo pode ser colocado no nosso site para que os usuários visualizem nosso filme. Não esquecendo de levar o arquivo swf junto.
- Template: contém opções de modelos de códigos HTML predefinidos para serem usados em nossas paginas;
- Detect Flash Version: essa opção faz com que o arquivo HTML possua um código anexo que verifica a versão do player;
- Dimensions: podemos definir o tamanho que o filme ocupará na página HTML;
- Paused at start: com essa opção selecionada o filme se inicia parado, aguardando que um comando mande reproduzi-lo;
- Loop: faz com que o filme recomece ao atingir seu ponto final, desde que nenhuma ação no último frame mande o filme parar;
- Display menu: quando o usuário clica com o botão direito do mouse no filme, um menu contextual se abre. Caso não deseje exibir o menu completo (alguns itens são obrigatórios), podemos desmarcar essa opção;
- Device font: essa opção substitui fontes existentes no filme por existentes na máquina do usuário;
- Quality: define a qualidade do filme;
- Window mode: no Internet Explorer podemos definir o comportamento visual da área do filme. Temos as opções: Window (modo padrão), Opaque Windowless (evita que elementos que estejam por trás do filme sejam exibidos através dele) é uma opção bastante utilizada para evitar que um menu DHTML se sobreponha ao filme e não funcione corretamente e o Transparent Windowless (torna o fundo do filme transparente).
- HTML alignment: configura o alinhamento que a área do filme ocupará no navegador;
- Scale: configura como o conteúdo do Flash ire se comportar caso tenha sido alterada alguma das dimensões do filme: Default (Show all) não distorce o filme, No Border mantém a proporção do filme, cortando-o se ultrapassar a área especificada, Exact Fit faz com que todo o conteúdo do filme seja compreendido na área especificada para ele, não se importando com a proporção, podendo acarretar
distorção e o No Scale que é sem escala;
- Flash alignment: configura o alinhamento que o filme terá dentro da área especificada.
- Show warning messages: se marcada, mostra alertas sobre eventuais erros. Para termos um controle maior do nosso HTML com as Tags DIV recomenda-se que o HTML do seu Website seja gerado através do Adobe Dreamweaver e inserido o arquivo swf  posteriormente.

Gif

- Dimensions: define o tamanho da imagem. Se marcada a opção Match Movie, teremos as dimensões do filme do Flash; caso desmarcada, poderemos definir nossas dimensões;
- Playback: opção para definir se a imagem GIF será estática (Static) ou animada (Animated);
Quando definida a opção Animated, é necessário escolher se a imagem estará em um loop infinito (Loop continuously) ou o número de quantidades de vezes que a image será reproduzida até parar (Repeat).
- Optimize colors: remove cores não utilizadas na tabela de cores da imagem GIF;
- Interlace: mostra a imagem rapidamente, melhorando sua qualidade aos poucos enquanto faz o download dela;
- Smooth: suaviza a imagem a ser exportada;
- Dither solids: utiliza pontilhamentos (utilização de duas cores próximas para simular uma terceira) para simular uma gama maior de cores;
- Remove gradients: converte os gradientes em cor sólida;
- Transparent: configura como será a transparência da imagem: Opaque (sem transparência), Transparent (faz com que o fundo do filme seja exportado como área transparente na imagem), Alpha (transparência parcial da imagem).
No campo Threshold definimos um valor de 0 a 255 que corresponderá a um limite para a transparência.
- Dither: configura o pontilhamento: None (não pontilha e substitui cores não presentes na tabela de cores da imagem pelas mais próximas), Ordered (pontilhamento com qualidade razoável sem aumentar muito o tamanho do arquivo), Difusion (melhor qualidade, entretanto com aumento do arquivo);
- Palete type: tipo de paleta a ser utilizada na imagem: Web 216 (cores seguras da Web), Adaptive (cria uma tabela com as cores utilizadas no arquivo, alterando algumas para se manter no limite do formato), Web Snap Adaptive (semelhante à adaptive, só que converte cores semelhantes em cores da paleta segura da Web), Custom (podemos buscar uma tabela de cor).

Png

- Dimensions: define o tamanho da imagem. Se marcada a opção Match Movie, teremos as dimensões do filme do Flash; caso desmarcada, poderemos definir nossas dimensões;
- Bit depth: profundidade de cores utilizada na imagem que será gerada, sendo sua opções: 8 bits (256 cores), 16 bits (milhares de cores), 24 bits com with Alpha (milhares de cores com transparência);
- Optimize colors: remove cores não utilizadas na tabela de cores da imagem GIF;
- Interlace: mostra a imagem rapidamente, melhorando sua qualidade aos poucos enquanto faz o download dela;
- Smooth: suaviza a imagem a ser exportada;
- Dither solids: utiliza pontilhamentos (utilização de duas cores próximas para simular uma terceira) para simular uma gama maior de cores;
- Remove gradients: converte os gradientes em cor sólida;
- Dither: configura o pontilhamento: None (não pontilha e substitui cores não presentes na tabela de cores da imagem pelas mais próximas), Ordered (pontilhamento com qualidade razoável sem aumentar muito o tamanho do arquivo), Difusion (melhor qualidade, entretanto com aumento do arquivo);
- Palete type: tipo de paleta a ser utilizada na imagem: Web 216 (cores seguras da Web), Adaptive (cria uma tabela com as cores utilizadas no arquivo, alterando algumas para se manter no limite do formato), Web Snap Adaptive (semelhante à adaptive, só que converte cores semelhantes em cores da paleta segura da Web), Custom (podemos buscar uma tabela de cor).
- Filter: são as maneiras como a imagem será filtrada para facilitar sua compressão.

Vídeo em tela cheia

Uma novidade incorporada a mais recente versão do player do Flash é a possibilidade de exibir seu conteúdo em tela cheia.
Podemos criar um vídeo de forma semelhante ao que ocorre no You Tube, por exemplo.
1- Crie um arquivo novo.
2- No painel Components arraste para o palco uma instância do componente FLVPlayback.
3- No painel Component Inspector no item source escolha o video cafe_art.flv.
4- No item Skin escolha uma que tenha a opção FullScreen.
5- Selecione o menu: File > Publish Settings.
6- Na área HTML ajuste o item template para: Flash Only – Allow Full Screen.
7- Clique no botão Publish.
8- Ao testarmos o arquivo HTML gerado clique no botão dedicado a exibir o filme em tela cheia, localizado na extremidade inferior direita do skin.
Uma mensagem, que desaparece logo depois, avisa que é possível utilizar a tecla ESC para sair do modo de tela cheia.
Será gerado um arquivo com a extensão .js (JavaScript) que deve ser enviado junto com os arquivos para o seu website.

6- Teste seu arquivo.

Os retângulos aparecem e revelam partes da imagem até mostrá-la por completo.
Temos, também, o PixelDissolve que faz o Movie Clip aparecer ou desaparecer através de um efeito em quadrados que vão aos poucos aparecendo ou desaparecendo.
7- Insira um novo quadro-chave na layer que contém a imagem e insira a imagem transicao.3.jpg que esta na pasta imagens.
8-Transforme esta imagem em um Movie Clip e coloque o nome de instância da imagem de “imagem1”.
9- Na camada das actions insira um novo quadro e digite:
var transicao1:TransitionManager=new
TransitionManager(imagem1);
10- Na próxima linha digite:
transicao1.startTransition({type:PixelDissolve,
direction:Transition.IN, duration:1,
easing:Strong.easeOut,xSections:20,ySections:0});
Temos como parâmetros adicionais xSections (quantidade de quadrados no eixo x) e ySections (quantidade de quadrados no eixo y). A Adobe aconselha valores de
no máximo 50 para estes parâmetros.
Iremos colocar uma função para controlar a passagem das imagens com as transições.
11- No primeiro quadro da layer das ações, digite:
stop();
var tempo = 10000;
function vai():void{
if(this.currentFrame != this.totalFrames)
nextFrame();
else
gotoAndStop(1);
}
setInterval(vai, tempo);
12- Teste o arquivo.