All Articles InDesign
Criando uma galeria de imagens. Swf no InDesign para ePub
David Smith on Mon, April 2nd 4 comments
ePubs are all the rage and Adobe InDesign CS5.5 supports some intriguing, interactive features for this format. David Smith shows how to create an SWF image gallery for the ePub format.

A ascensão meteórica na popularidade de ePub viu Adobe responder com algumas grandes aplicações novas, bem como grandes novos recursos para aplicações existentes. Lá em cima perto do topo da coorte de frio são alguns dos recursos interativos no InDesign. Nenhum mais assim que a criação de galerias interativas em arquivos. Swf.


Passo 1 - Prepare algumas Fotos

Abra 4 imagens no Photoshop e selecione a ferramenta de recorte.

crop tool options

Ferramentas opções de corte.


Defina o tamanho da ferramenta de corte de 12 centímetros de largura e altura de 8 cm, ea resolução de 300ppi. Isto irá assegurar todas as imagens são do mesmo tamanho, e que eles já se ajustar à página InDesign.

Cortar cada imagem até que você esteja feliz com a composição e conteúdo de cada um retorno e pressione para aceitar a edição de culturas.


Passo 2 - Faça o RGB Imagens

Vá para o menu Image e escolha Modo

RGB mode

Modo RGB.


Finalmente salvar cada imagem, por sua vez como um jpg e nomeá-los "Galeria Pic 1", "Galeria Pic 2", etc Em seguida, feche o Photoshop.


Passo 3 - Coloque as imagens

Em seu documento do InDesign adicionar uma nova página, ou selecione um vazio. Pressione Command-D para começar a colocar fotos.

Place options

Opções de lugares.


Selecione todas as 4 imagens Galeria Pic você acabou de criar e clique em Abrir. Todos os 4 imagens são carregadas em seu cursor no InDesign, esperando para ser colocado.

Clique 4 vezes em diferentes partes da página de modo que cada imagem aparece colocado na página. Lembre-se que foram dimensionados já no Photoshop por isso não há necessidade de redimensioná-las aqui.


Passo 4 - Alinhar as imagens

Selecione todas as 4 frames gráfico na página e usar o painel Alinhar para alinhá-los horizontalmente e verticalmente para que todos compartilham o mesmo X e Y coordenadas.

The aligned images.

As imagens alinhadas.


Passo 5 - Criar um objeto

Mantenha os 4 quadros selecionados e mudar o layout da janela de Interactive. Isto irá revelar o objeto de painel Estados.

Object panel

Painel de objeto.


Abra o painel Objeto Estados e clique na seleção Converter multi-estado botão do objeto. Isso faz com que as 4 imagens um grupo multi-estado, que é o que precisamos criar nossa galeria. Nome do grupo "Galeria 1" no campo Nome do Objeto e pressione Return.


Passo 6 - Adicione alguns botões

Agora, localize o painel Amostra Botões e escolher um estilo de botão que você deseja usar. Arraste uma apontando para a direita para o lado direito de seu objeto Galeria 1. Redimensioná-lo se você precisar.

Buttons placed

Os botões colocados.


Faça o mesmo no lado esquerdo usando uma seta para a esquerda apontando. Estas se tornarão nossos botões próximo e anterior para a galeria. Lembre-se de ser puro e alinhá-los.

Dica: Tudo pode ser usado como um botão, e não apenas o conteúdo da biblioteca.


Passo 7 - Faça os botões funcionam

Selecione o botão ao lado e abra o painel chamado Buttons. Aqui podemos adicionar comportamentos para o botão e também nomeá-los. Nome este botão Avançar.

Actions

Ações no trabalho.


A Ação Ir para URL é adicionada já a um botão em um Evento de Lançamento On, o que significa que quando um botão é clicado e liberado o URL abriria. Para remover esta ação clique no botão de subtração ao lado de Ações. Em seguida, clique no botão Mais para adicionar uma nova ação, escolhendo da lista. Alterar a ação de ir para o próximo estado.

Certifique-se que a ação está apontando para Galeria 1 no menu drop-down Object.

Essa ação significa que quando o botão é clicado ao lado da Galeria 1 objeto vai mudar para o próximo estado (foto) no Grupo Multi-estado.


Passo 8 - Adicione um botão Anterior

Repita o passo 7 para o botão anterior, só escolher a ação para o lançamento como ir ao estado anterior, eo nome que o botão anterior.


Passo 9 - Exportação de swf

Salve o documento, escolhendo

Flash Export Menu

Flash Menu Export.


Salve o arquivo SWF para fora e então abri-lo usando o Flash Player ou um navegador web.

Clique nos botões Próximo e Anterior para visualizar a galeria.

Final Gallery

Galeria Final.


Agora que deve ser suficiente para mantê-lo ocupado acrescentando alguns oomph aos seus documentos interativos. Se você realmente deseja adicionar algum brilho extra se esqueça de incluir cachos página interativa em suas opções de exportação de swf para que a experiência realmente imersiva do usuário.


Related Videos
Comments (4)

You must be logged in to comment.

  • Jasmine
    Hi David How does this tie in with epub?
    • 8 years ago
    • By: Jasmine
    Reply
  • David Smith
    It's not specifically a technique for ePub. Interactive .swf is a more likely use, perhaps I should re-name it. However if you do intend to add a swf gallery to an ePub file (granted ignoring iOS users) this is how you'd create the swf.
    • 8 years ago
    • By: David Smith
    Reply
  • Jasmine
    Hi David Thanks for getting back to me so fast. How do you add a swf file to an ePub file? Could you recommend an ebook reader/tablet device that supports swf animation? Jazzy
    • 8 years ago
    • By: Jasmine
    Reply
  • David Smith
    Bookworm supports Flash, you need to use some ActionScript to embed the .swf. You also need a fallback (usually a .jpg) for all the readers that don't support Flash.
    • 8 years ago
    • By: David Smith
    Reply
More Michael Wohl Final Cut Pro Tips
Final Cut Pro X 303
Dream It. Do It.
Do you want to learn More Michael Wohl Final Cut Pro Tips?
Yes, I want to learn!
No Thanks, I just want to read the article.
Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: