NETO LEAL (116 pts)

ZEBEDIAH (35 pts)

EDUARDO CARREGA (150 pts)

ZECA BALA (45 pts)

EDUARDO WALMOTT (226 pts)

JONAS GALVEZ (521 pts)

JOTA LAGO (40 pts)

KEN AWAMURA (130 pts)

DENIS CARAVALHO (85 pts)

SASHA GUDEY (235 pts)

RICARDO TEIXEIRA (40 pts)

MUZAK (45 pts)
Treinamento PontoFlash de Flash e ActionScript

Qual o significado de um Array para a programação no Flash?

Como eu altero o conteúdo de um campo de texto por um botão?

Quero chamar um determinado frame na timeline do flash a partir de outro frame Html?

Queria que minha página em HTML tivesse aquele script de data e hora.

Troca de cursor e drag movieclip não funcionam juntos?

Posso abrir uma janela popup de um projetor (executável)?

Dica sobre o uso de cenas.

Quero um mouse trail que tenha vários objetos que juntam no final.

Importar variáveis de um TXT, com loadVars em um compontente scrollBar (rolagem).

Uma grande dica para o uso do Prototype.

Como trabalhar com o onLoad em arquivos externos no MX?

Como criar uma função só para executar uma outra função com certos parâmetros?

Como eu faço pra quando publicar não ficar um quadrado preto ao redor?

Como fazer um formulário no Flash usando um checkBox?
Uso da tecla tab num formulário Flash.

Flash e Banco de Dados.

Menu estático.

Objetos e classes

Primeiros passos - desenhando e animando

Contador usando SharedObjects.

Entendendo como funciona um preloader. Terceira parte.

Alterar a parência dos componentes do FlashMX.

Menu horizontal com descrição.

Desenhando um avião no Flash

Separar mensagens das listas das pessoais, usando o Outlook

Flash Communication Server MX - Primeira Parte
Menu interativo

Barra de navegação

Spiral show

News

Radio button 1

Magnetism3

Digitalclock

Drag box

Photo album

Estática

Drag limitado

Rippled
HOME | TUTORIAIS
TV Scan Lines - Fireworks
por Amaury Bentes

A resolução de um aparelho de televisão é muito inferior à do monitor de um computador. No entanto quase não nos damos conta disso porque geralmente assistimos televisão a uma distância considerável, ao contrário do que acontece quando estamos utilizando o computador. Mas se você chegar bem perto da TV poderá ver as linhas de varredura horizontal que formam a imagem que aparece na tela. Uma simulação dessas linhas cria um efeito elegante e bastante original que com freqüência é empregado em sites profissionais. Embora pareça difícil de ser produzido a obtenção de tal efeito é facílima e mesmo um iniciante poderá criá-lo no Fireworks.

Nete exercício, você conhecerá o passo-a-passo para obter este simples, porém extraordinário efeito. Clique e aprenda a criar as famosas TV Scan Lines.

01 - Abra um novo arquivo no Fireworks
02 - Configure a largura (width) em 10 pixels e a altura (height) em 2 pixels. Deixe o fundo transparente.

03 - Maximize a janela do documento para ter uma visão mais adequada
04 - Amplie a área de trabalho em 6400%. Para isso use o atalho [Ctrl]+[6]
05 - Desenhe um retângulo de 10 pixels de largura por 1 de altura

Você poderá conferir as dimensões adequadas do retângulo selecionando-o e clicando no comando Modify>Transform>Numeric Transform. Em seguida, mude a opção para Resize de modo que possa observar os valores em pixels ao invés de percentagens.

06 - Se necessário, use as barras de rolagem para centralizar a visualização ampliada da área de trabalho
07 - Certifique-se de que a ferramenta Ponteiro esteja selecionada (ou clique na letra V)
08 - Mantenha [Alt] pressionada e arraste o retângulo recém-desenhado para baixo
09 - Será criada uma cópia idêntica do mesmo

O próximo passo é preencher os dois retângulos com as cores adequadas. Os melhores resultados são obtidos quando cada retângulo é preenchido com uma tonalidade diversa da mesma cor. Usar branco ou preto em um dos retângulos para criar contraste com a cor do outro também costuma dar bons resultados. Há outras possibilidades que você só descobrirá experimentando. Neste exemplo utilizaremos duas tonalidades de verde.

10 - Clique no retângulo superior para selecioná-lo
11 - Altere sua cor de preenchimento para #006600
12 - Selecione agora o retângulo inferior
13 - Altere sua cor de preenchimento para #003300
14 - Salve o arquivo no formato .PNG (não exporte como .PNG, apenas salve) para usar quando necessário
15 - Clique em File>Export Preview (Arquivo>Visualizar Exportação)
16 - Configure para o formato GIF e exporte com o nome tvlines.gif
17 - Use este bitmap como figura de plano de fundo da sua página HTML

Devido às cores utilizadas neste exemplo, qualquer texto digitado sobre o fundo só ficará legível se usar uma letra bem clara, de preferência branca. Veja o exemplo abaixo:



Devido à reformulação implementada no site, pode ser que você encontre alguns links quebrados. Por favor, ajude-nos a corrigir eventuais problemas nos informando links quebrados
0 comentário