ZECA BALA (45 pts)

GUILHERME G.G. (137 pts)

LUIZ HERRERA (117 pts)

FÁBIO DUARTE (79 pts)

EDUARDO CARREGA (150 pts)

IRAPUAN MARTINEZ (45 pts)

JOTA LAGO (40 pts)

GÉRIO (93 pts)

NETO LEAL (116 pts)

SYDNEY GANHO (60 pts)

PANDOGO (82 pts)

FLASHGURU (155 pts)
Treinamento PontoFlash de Flash e ActionScript

Como fazer uma variável receber um valor aleatório (randômico) entre 50 e 100?

Como arrastar um swf com uma foto, aberto com load movie?

Como posicionar um movie clip carregado via attachMovie?

Como capturar a tecla pressionada, para usar em uma ação?

Várias formas para fazer code animation (animação por actionscript).

Quero que quando terminar a animação de um movieclip, comece outro e assim sucessivamente.

Função tela tremendo (shake) com Flash e Javascript.

Como fazer um objeto isqueiro acender quando arrasto sobre outro (fogão)?

Criar SWF em tempo de execução, ou seja, criar SWF a partir de PHP.

Como eu abro uma janela popup de uma tag HTML em um arquivo .txt importado com load variables?

Eu gostaria de saber como fazer um banner rotativo no flash.

Posso limitar o tempo de permanência de um usuário numa página?

Como faço para parar cada cena da minha animação, esperando a pessoa teclar ENTER ou qualquer tecla?

Como fazer uma animação com um texto sendo digitado?
Code Animation - Parte 1

O "X" do MacOS no PhotoShop

Elasticidade com ActionScript.

Separar mensagens das listas das pessoais, usando o Outlook

Spectrum Analizer - Medidores de som

Imagens transparentes usando PhotoShop, Fireworks e Flash.

Objeto Sound.

Desenvolvendo um Controle de Volume Customizado em Flash

Variáveis do servidor ASP em ambiente flash

Efeito de texto esticado (stretched text).

Transparência no Flash.

Níveis dentro do Flash - Load Movie e Load Variables (terceira parte)
Position

Drag gravity

Duplicate MC

Combobox

Luz

Menu rotativo

Move objects

Ping Pong

Customized mouse

Adivinhação

Data Glue

Swirl2
HOME | TUTORIAIS
Citroen, máscaras que simulam vídeo - Avaliação de sites
por Daniela Pires

Com máscaras no flash, é possível simular vídeo e movimento de câmera com apenas uma foto atrás de uma máscara. Este efeito pode ser visto em muitos sites, eu mesma já utilizei, mas no site da Citroen (http://www.citroenc5.com.br) a utilização das máscaras tem um diferencial, pois ela é estilizada e a foto é deslocolada de muitas maneiras que, causando aspecto de estar mesmo sendo passado um vídeo.

   A identidade visual criada é clean, o peso do site está no topo, a parte debaixo é branca apresentando o produto com as informações. O aspecto de aço escovado com o logo aplicado, traz uma sutileza na aplicação da marca. O fullscrean preto valorizou a janela que contém o site.

   No item "Conforto" as passagens das imagens para os detalhes dos acessórios dentro das máscaras, além de valorizar o detalhe do produto, compõem uma imagem gráfica que poderia ser aproveitada em um catálogo impresso. Embaixo é mostrado o texto com a específicação do item escolhido.

   O designer se preocupou com a diagramação do texto e também como seria exposto cada produto e a identificação da marca.



   No item "Tecnologia", a passagem das imagens é de uma maneira supreendente. É feito um alfa total na página para o preto e a imagem do carro com o farol do mesmo, iluminam a página voltando a compor a tela.

   Mas a mostragem do produto surpreendente mesmo, vem no item "Design" e "Break", é feito uma mostragem dos produtos num giro de 360º nos detalhes do carro, as fotos são deslocadas pelo eixo x quando você passa o mouse em um novo ângulo do carro.





   O item "Multimídia", no mouse over do botão, é mostrado uma miniatura de uma imagem, que quando clicado sai do botão e vai para a máscara maior em zoom. Na realidade o botão também é uma máscara. Nele a imagem sai menor e vai aumentando até chegar a máscara maior causando o aspecto de que estava longe e vai se aproximando. Quando a imagem aparece total o detalhe da foto fica eminente no botão.

   O site da Citroen é um site em flash simples sem efeitos extraordinários e tem um design que pode ser aplicado a qualquer peça publicitária ou catálogo. O fullscrean neste caso está perfeito, primeiro porque valoriza o layout da página e segundo porque nele tem ferramentas para você minimizar a janela ou fechá-la.

   O site da Citroen é uma ótima referência para designers que querem montar não só um site mas sim uma campanha inteira para um cliente, pois toda composição do site pode ser aplicado a qualquer peça impressa.



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