Projeto de Portfolio

[Emiliano Ribeiro 0]

Olá gente, tudo bem? Então, depois de anos que fiz um curso de Web Design, eu voltei a praticar, revendo HTML, Dreamweaver, Flash, Photoshop, etc...

Eu estou desenvolvendo meu layout de Portfolio todo no Photoshop... E eu vi um dia desses um Portfolio muito bacana, de uma menina chamada Andrezza, o link é este:

 

http://www.andrezzavantini.com.br/

 

Bem, eu quero uns efeitos parecidos. Mas não sei como foi feito, e é isso que gostaria que me esclarecessem...

1°Como posso fazer um slideshow igual a este na página principal, juntamente com esta barra de carregamento?

2°Como introduzo sons nos botões como ela fez?

3°Queria saber também, como eu faço essa transição... Esse Fade quando clico nos links, a página central desaparece e o texto cai. Como é isso? Que código usar, como é desenvolvido?

Bem é isso....

Abraços, e agradeço a quem puder me ajudar =]

[Elektra 102]

Posso falar apenas do Flash que é a minha praia.

 

O ideal para o slideshow é usar imagens externas com carregamento por XML e a animação via ActionScript.

 

Os botões também podem ser adicionados via code + XML + som em mouse_over.

 

O preloader, a barra que antecede o slideshow, é recomendável para todo arquivo em Flash, especialmente considerando os usuários com banda de menor alcance ou algum atraso no carregamento do arquivo. Informa que em breve algo será exibido naquele local.

 

 

Para quem não tem tanto domínio do Flash, é possível fazer o slideshow com imagens internas, o mais leve possíveis (Save for Web & Devices no PS + compressão ao importar para o Flash) e animar na timeline, melhor se usar um Ease, para adicionar aceleração/desaceleração ao movimento, deixa menos mecânico.

 

Ela escolheu exibir 4 slides e interromper, mas adicionou um botão para retornar ao frame 1 e repetir a animação.

 

 

Para os botões, basta criar o símbolo 'button', e ao editar os estados, inserir o som (interno) no estado 'over'.

 

 

Ao clicar nos thumbnails é usado Lightbox (JavaScript).

 

 

Quanto a transição de páginas outros colegas que são especialistas em html e outras linguagens afins podem lhe auxiliar com segurança.

 

 

Abraços.

[Matheus Brito 12]

Pesquise por Tween, para fazer as animações inclusive os efeitos de alpha, que você citou.

Abs