Gráfico de capa para Flash iOS Storybook App

• Abril 25, 2024

Neste tutorial, criaremos os clipes de filme para cada página do livro de histórias do aplicativo iOS Flash e os colocaremos na Linha do tempo principal, em preparação para a construção da navegação da página.

Para os leitores que criaram a Fase Um dos tutoriais para fazer a introdução animada de seu livro de histórias, coloque esse arquivo fla de lado e inicie um novo arquivo de projeto.

Vamos começar do começo com um novo Flash^R Arquivo de projeto de aplicativo para iOS com largura de 1024, altura de 768 e taxa de quadros de 24 a 30. Essas dimensões são para um layout de paisagem. Você pode criar um layout de retrato, definindo a largura para 768 e a altura para 1024. Consulte os primeiros tutoriais da Fase 1 para saber como iniciar um novo projeto iOS.

Estou assumindo que você já criou um Photoshop^R arquivo psd para cada página do seu livro. Este arquivo deve conter o gráfico de plano de fundo na camada inferior. Os elementos de design individuais não incluídos na camada de segundo plano devem estar em suas próprias camadas acima. Consulte os primeiros tutoriais na fase um para saber como preparar seus arquivos do Photoshop.

Se você ainda não o fez, abra o arquivo psd de cada página no Photoshop e salve o gráfico na camada inferior como um arquivo png separado.

1. Selecione a camada inferior que contém o gráfico de plano de fundo da página.
   
   
2. Na barra de menus, clique em Editar - Copiar.
   
   
3. Inicie uma nova janela de imagem com resolução de 1024 x 768 x 72.
   
   
4. Clique em Editar - Colar.
   
   
5. Salve o novo arquivo como cover.png.
   
   
6. Repita isso para cada página do seu livro, nomeando os arquivos png sequencialmente (por exemplo, cover.png, page1.png, page2.png etc.).
   
   

Agora, criaremos a capa do livro no novo arquivo fla.

1. No Quadro 1 da Linha do tempo principal, renomeie a camada 1 para "páginas".
   
   
2. Clique em Arquivo - Importar - Importar para o palco e selecione o arquivo cover.png.
   
   
3. Clique com o botão direito do mouse no png e escolha Covert to Symbol.
   
   
4. Defina o Tipo de clipe de filme e marque a caixa de seleção Exportar para ActionScript.
   
   
5. Nomeie o símbolo "capa".
   
   
6. No painel Propriedades, dê um nome de instância se "cobrir".
   
   

Usaremos o arquivo cover.png em dois quadros e iniciaremos a primeira página do livro no Quadro 3.

IMPORTANTE: esses tutoriais de desenvolvimento de aplicativos foram escritos com o novato em Flash em mente. Você precisará otimizar seu aplicativo para além do coberto nestes tutoriais antes de finalizá-lo na loja de aplicativos.


Direitos autorais 2018 Adobe Systems Incorporated. Todos os direitos reservados. As capturas de tela do produto Adobe foram impressas com permissão da Adobe Systems Incorporated. Adobe, Photoshop, Álbum do Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst e Flash Paper é / é [a] marca registrada ou marca comercial da Adobe Systems Incorporated nos Estados Unidos e / ou em outros países.

Instruções De Vídeo: Como Animar un Dibujo en Storyboard Pro | Kevin Farias (Abril 2024).