Flash Catalyst - O espaço de trabalho

• Pode 6, 2024

Em nosso projeto de portfólio, criamos os gráficos para a interface do nosso portfólio no Photoshop^R e importou o arquivo PSD para o Adobe^R Instantâneo^R Catalisador^TM. Agora, estamos prontos para criar os botões (chamados de componentes interativos) que tornarão o portfólio navegável. Abra seu arquivo PortfolioLayout.psd no Catalyst e vamos dar uma olhada. À primeira vista, você verá que o espaço de trabalho não é tão intimidador quanto o espaço de trabalho do Flash.

Na parte superior, o painel Páginas / Estados é onde você encontrará uma miniatura para cada página do nosso projeto. No momento, temos uma página com o primeiro logotipo visível. Mas, para exibirmos os outros dois logotipos no portfólio, precisaremos criar mais duas páginas (Estados).

Sob o painel Páginas / estágios, está a visão do nosso projeto, denominada Prancheta, e abaixo dele, o painel Linhas de tempo. Aqueles que conhecem o Flash perceberão que a Linha do tempo é um pouco diferente no Catalyst. Como você pode ver nas guias Transições de estado e Sequências de ação, ainda usamos a Linha do tempo para controlar o que acontece, mas a Linha do tempo não possui esses Quadros-chave familiares. Isso ocorre porque o Catalyst toma a maioria das decisões sobre o que acontece conosco à medida que adicionamos os componentes da interface do usuário.

À direita, temos o painel Ferramentas e ícones semelhantes a todos os softwares da Adobe. Abaixo disso, temos o painel Camadas. Funciona como o Photoshop e o Illustrator^R Painéis de camadas e não como camadas no Flash, que fazem parte da Linha do tempo.

Em seguida, temos os painéis Componentes de estrutura de arame, Biblioteca e Dados de tempo de design. Clique na guia Biblioteca e você verá uma lista dos gráficos e estilos do nosso arquivo PSD importado. Volte ao painel Componentes do Wireframe. Este é o painel que contém todos os componentes que podemos adicionar ao nosso projeto. Eles são chamados de "estrutura de arame" porque esses componentes são "ossos vazios". Eles devem ser adicionados aos nossos gráficos importados para criar componentes visuais.

O painel Propriedades no Catalyst é como o painel Propriedades no Flash. Conforme você seleciona um objeto em nosso projeto, as propriedades editáveis ​​desse objeto são exibidas neste painel. À medida que trabalhamos em nossa navegação para este projeto, apresentaremos um novo painel no Catalyst chamado HUD. No momento, é a guia esmaecida, intitulada "Sem seleção". Quando começarmos a trabalhar, ele será expandido para fornecer os controles de que precisamos, com base no objeto ativo.

Finalmente, para esses tipos curiosos, podemos mudar do espaço de trabalho Design padrão para o espaço de trabalho Código. Basta clicar em Janela - Espaço de trabalho de código na barra de menus. Como você pode ver, ele se parece muito com o painel Ações do Flash, mas em vez do ActionScript, vemos o código MXML que o Catalyst está gerando em segundo plano enquanto trabalhamos.

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 é / são marcas comerciais registradas ou marcas comerciais da Adobe Systems Incorporated nos Estados Unidos e / ou em outros países.

Instruções De Vídeo: What Mirror's Edge Catalyst Should Have Learned From Burnout Paradise | Game Maker's Toolkit (Pode 2024).