Fireworks:Como criar um slide show

Olá meus amigos do MXSTUDIO, bem vindos a mais um tutorial, dessa vez vou ensinar a vocês como criar um slide show no Fireworks, sem necessidade de códigos XML. Isso mesmo; poucos sabem mais o Fireworks nos proporciona essa opção, bem fácil de fazer e fica muito legal no seu site ou blog.
Bom primeiramente salve as fotos que você deseja colocar no slide em uma pasta, isso é ideal para criar o slide.

1° passo- abra o seu Fireworks e na aba commands clique em Create slideshow,

depois de clicar em create slideshow vai abrir a pagina de configuração do slide.

2° passo- quando abrir a janela do slideshow, você precisa colocar um titulo e uma descrição, no seu lado direito tem opções de Player nessa opção você pode escolher qual será o estilo usado no slide, infelizmente não tem tantas opções de estilo no Fireworks, para ser mais preciso são apenas 6 estilos. Escolha um de seu agrado, é possível visualizar abaixo sua escolha.

3° passo- depois de escolher o estilo, logo abaixo você poderá escolher como quer que seu slide seja apresentado; existe 2 opções :Auto-start slidshow (nessa opção o slide começa sozinho a apresentação), Allow clicking imagens (Já essa opção será necessário clicar nas imagens para a apresentação iniciar). Caso você marque a opção Allow clicking imagens , terá que escolher ainda se deseja que as imagens abram na mesma aba, na mesma janela ou se o navegador quem decide isso.

4° passo- agora vamos adicionar as imagens no slide, do seu lado esquerdo visualize Albuns, depois disso clique no + na parte superior, ele vai adicionar as imagens. Depois de clicar no + vai aparecer uma janela Files to process, nela existe …(3 pontinhos) clique neles para procurar a pasta das imagens que você criou no inicio. Selecione todas as fotos e depois clique em Done e ok.

5° passo- após adicionar suas imagens no slide, você vai visualizar na parte superior em álbuns: o titulo e folder name, logo abaixo você encontra o nome de todas as imagens que você adicionou em file name, na opção caption é possível adicionar uma legenda a cada foto. Também é possível alterar a ordem das fotos, Cada foto que você clicar é possível visualizar abaixo.

6° passo- Agora você vai editar as configurações da forma que preferir, nessa parte não tem muito segredo, vai ate Album properties e escolha entre as opções: Thumbnail e background, também pode ver suas escolhas ao lado das opções.
Abaixo você encontra captions que são opções de legenda. E logo abaixo e muito importante, são as propriedades do slide, onde você vai configurar qual o intervalo das imagens, o estilo de transição das imagens, ainda é possível escolher qual o estilo que fica mais bonito visualizado; são 12 opções de estilo de transição das imagens. Também será necessário escolher como deseja que as fotos apareçam, In ordem(em ordem) ou Random(aleatóriamente).

7° passo- Bom agora para finalizar seu slide, configure as opções de exportar seu slide. Clique em Export options Nessa opção você vai escolher se deseja gerar o XML, exportar as imagens, o formato do XML e export path que é onde você deseja salvar seu slide. Você pode ainda configurar a altura(height) e largura(width) e qualidade da imagem. Depois de fazer todas essas configurações de acordo com o que você deseja, clique em Create para criar seu slide show.

8° passo- Pronto seu slide show foi criado, agora basta abrir a pasta onde ele foi salvo, la vai estar o html do slide, XML , scripts e uma pasta com as imagens, clique no arquivo HTML do slide e visualize no seu navegador. Bom ai fica ao seu critério se deseja utilizar a pagina toda em seu site ou colocar apenas o código no HTML onde deseja visualizar o slide.

Bom é isso meus amigos do MXSTUDIO, mais um tutorial bem fácil de fazer e que fica legal no seu site, blog. Mais uma ferramenta do Fireworks que é desconhecida por muitos da área e tem uma certa utilidade. Até o próximo artigo, tutorial aqui no portal MXSTUDIO, um grande abraço e mais informações acesse meu site www.brunohenris.com lá você encontra meu Portfólio, noticias e mais informações sobre Design. Obrigado e até a próxima. by: @brunohenris

Escrito por Bruno Henris on março 31, 2011. Arquivado em Fireworks. Você pode seguir as respostas a esse artigo pelo RSS 2.0. Você pode deixar respostas para esse artigo

2 respostas a Fireworks:Como criar um slide show

  1. Boa noite eu gostaria de saber que Depois que eu fizer todo o procedimento como eu faço para colocar no meu blogspot.se precisa hosper qual arquivo. fico no aguardo

  2. olá Freddie, bom nunca utilizei esse slideshow em um blog, tanto da plataforma wordpress ou blogger,utilizo em sites; onde tem que ser hospedado no servidor os arquivos HTML, XML, scripts e a pasta com as imagens, todos esses arquivos vão ser gerados pelo próprio Fireworks, se você deseja colocar o slide dentro do seu site, com o Dreamweaver tem a opção adicionar HTML do Fireworks, assim fica bem mais fácil, basta escolher o local na pagina onde deseja colocar o slide e adicionar o HTML do Fireworks. Em um blog, eu recomendo você adicionar o widget; é bem simples também, basta ir no painel de controle do blog; entre em layout>elemento da pagina, na coluna que deseja ter o slide, clique em adicionar um gadget>apresentação de slides, depois é só colocar um titulo e escolher o álbum que deseja utilizar, pode ser um álbum do Flickr, Picasa, Photobucket, Flogão, dai é só entrar com seu nome de usuário de um desses sites que hospeda suas imagens; depois de configurar o álbum, clique em salvar, arraste o widget do slide ate o local desejado e salve. Bom se deseja uma explicação mais detalhada entre em contato pelo meu e-mail: artedesign@brunohenris.com posso explicar melhor e esclarecer outras duvidas,enfim poder ajudar da melhor forma.

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

*

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>