Como fazer um slide No Dreamweaver 8 ?

[teixeira2009 0]

Galera , eu to construindo um site e dae queria fazer as noticias Ficar em um tipo de slide eu vi uma web radio com um slide bem legal ,o link desse slide e

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

ai eu queria fazer um desse tipo soh mudando as imagens alguem sabe como fazer , Desde jah agradeço:D

[KopaG 13]

Olá man !

Seguinte, este tipo eu chamo de banner ou algo parecido xP, abaixo vo disponibilizar 3 tutoriais que poderam ajudar a criar este tipo de animação, tudo feito no photofiltre :D.

 

Primeiramente o Downlaod do photo filtre :D

 

Download Photo Filtre

PhotoFiltre 6.3.2

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

"Uma ótima alternativa gratuita para edição de imagens digitais com filtros, seleções vetoriais e muito mais."

PhotoFiltre Studio 10.0.0

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

"Focado na simplicidade de uso e com suporte a filtros, PF Studio é uma boa alternativa aos programas de edição de imagens"

Eu pessoalmente recomendo o 10.0 :D

 

1° Tutorial :

 

Preview:

- Fundo :

- Brushe de Escrita :

Tutorial

1ª etapa, preparando as fotos .

nesta etapa, iremos preparar as fotos que ficarão no centro do banner,

sobre aquela parte listradinha.

 

1- Clique em Arquivo / Novo , e ajuste assim :

284 x 214 .

2- Clique em Camada / Novo / Abrir como camada, e selecione sua foto.

3- Caso tenha ficado muito grande sua foto, clique sobre ela com

o botão direito, e selecione a opção Transformar Livremente. Vá diminuindo a Escala . ^^

4- Repita os passos 1 , 2 & 3 , com 4 fotos .

   

2° etapa, preparando uma " base " para o banner .

 

1- Clique em Arquivo / Abrir , e selecione o fundo que postei nos materiais ^^

2- Clique em Camada / Novo / Abrir como camada, e selecione a foto sem fundo

( que ficará no catinho do banner ^^ ).

3- Clique na Ferramenta Gerenciador de Camadas [ atalho W ], e diminua a opacidade,

no meu caso diminui até 79% ^^ { print para facilitar :

4- Junte as camadas { shift + enter } .

5- Clique em Arquivo / Abrir , e selecione o brushe de escrita .

6- Copie-o (Ctrl + C ) , escolha uma cor na caixinha de cores .

7- Clique em Editar / Colar Especial / Máscara . e ajuste onde você preferir.

8- Clique no T, escreva o que quiser .

9- Junte as camadas { shift + enter }

3ª etapa, organizando fotos animadas

Nesta etapa iremos preparar as fotos, que irão ficar em movimento ,

por isso chamamos de " animadas " . ^^

1- Clique em Camada/ Novo / Abrir como camada, e selecione a foto que você

preparou na 1ª etapa .

2- Ajuste - a no centro do banner, sobre aqueles risquinhos. ^^

3- Repita os passos 1 & 2 , com as 4 fotos que você preparou na 1ª etapa,

e não junte as camadas .

4- Feito isso , ficará assim as camadas do seu banner :

( Camada 1 , 2 , 3 , 4 e Fundo ) .

   

4ª etapa, salvando o banner .

1- Clique em Ferramentas / Exportar Gif Animado,

e ajuste assim :

2- Clique em Expotar , e está prontinho ^^

 

Créditos: Acarica

Retirado de>http://www.webcheats.com.br/forum/tutoriais-design/205605-tuto-photofiltre.html

 

2° Tutorial

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

3° Tutorial

 

preview:

Materiais

 

Brush O1

Brush O2

*

◦◦ Fotos

não darei limite,mais preferivel a 5 fotos,

◦◦◦ Créditos

' Miley Cyrus ~ , irreplaceable ♪

 

O1. Abra um novo documento 5OO x 25O cinza claro,ou escuro,tanto fas.Vá em Filtro > Artistico > Aquarela marque contornos e nivel 1 dê ok.Abra o brush O1 copie e cole deishe ele no canto inferior dereiito,e na ferramenta gerenciadora de camadas,abaiixe a opaciidade para 3O%.Abra o brush O2,copie e cole,como ele estara grande,clique com o botão direito nele e vá em transformar livremente abaixe a escala para 7O% e dê ok.Junte as camadas.

*

O2. Abra a uma foto,essa sera a foto principal,duplique ela 3 vezes,então irá ficar o fundo e as camadas 1,2,3 e 4.Na camada 1 abaixe a opacidade para 2O% na 2 opacidade 5O% e na camada 3 a opacidade é 8O% na 4 é 1OO msmo.Abra mais uma foto,duplique ela 2 vezes,elas serão as camadas 5,6e7.Na camada 5 coloque a opacidade 4O% na camada 5 coloque a opacidade 7O% e na 6 1OO% mesmo.Abra mais uma foto,copie e cole;duplique ela 2 vezes,elas serão as camadas 8,9 e 10.Na camada 8 coloque a opacidade 4O% na camada 9 coloque a opacidade 7O% e na 1O 1OO% mesmo.

*

O3. Vá la no fundo,duplique ele,e arraste ele pra cima da camada 1O,duplique ele duas veses,elas serão as camadas 11,12 e 13.Na camada 11 coloque a opacidade 4O% na camada 12 coloque a opacidade 7O% e na 13 1OO% mesmo.

*

O4. Até agora,nosso banner tem 13 camadas.Bom agora abra mais uma foto,

O5. Duplique ela 3 vezes,então irá ficar o fundo e as camadas 14,15,16 e 17.Na camada 14 abaixe a opacidade para 2O% na 15 opacidade 5O% e na camada 16 a opacidade é 8O% na 17 é 1OO msmo.Agora,sabe aquela foto beem fraquinha do fundo ?então vamos faser aquela.abra uma foto,copie e cole ala,abaixe a opacidade dela para 2O%.Agora,arraste essa foto até em cima da camadas 13 e agora,aperte Ctrl + Enter do seu teclado.

*

O6. Agora,escreva o que quiser,de uma cor que combine com as fotos.Agora vá em Ferramentas > exportar gif animado,configure deste jeito:

 

Retirado> http://www.webcheats.com.br/forum/tutoriais-design/209403-montajes-photo-filtre.html

[oinetooi 1]

Duvida tirada -.-''

 

CloseD

 

Abraços,

Neto