Como redimensionar o Adobe Edge Animate Stage

O Palco é onde você vai colocar os seus elementos, tais como imagens, texto e objectos desenhados. O Palco é uma janela HTML ao vivo, o que significa que o que você vê na tela, é o que o público vê quando visualizar e interagir com a sua composição. Você pode dimensionar o Palco algumas maneiras diferentes:

• Píxeis: Adobe Edge Animate CC permite-lhe definir o cenário para permanecer um tamanho específico, não importa o tamanho da janela do navegador.

• Percentagem: Para aqueles que preferem um web design mais ágil.

• Testando web design responsivo: Você pode querer mudar a cor do Palco fundo para testar a capacidade de resposta do seu projeto.

Dimensionamento da sua fase por valores de pixels

O mais provável é um dos primeiros passos que você vai querer tomar é o tamanho do seu Stage corretamente. Se você pretende inserir a sua animação em uma página web existente, primeiro determinar quanto espaço você quer que sua animação para assumir nessa página, e, em seguida dimensionar o Palco conformidade.

Para redimensionar o Palco, clique nos números de laranja na seção Etapa do painel Propriedades - na coluna mais à esquerda perto do topo da tela - como mostrado. Clicar em largura ou altura números permite que você digite as dimensões exatas (em pixels) que deseja que o Stage ter.

Se você não deseja digitar os números, Edge Animate dá-lhe um método alternativo para redimensionar o Palco: Basta colocar o cursor sobre um dos números de laranja. Quando o cursor se transforma em uma seta dupla (como mostrado), você pode clicar e arrastar para aumentar ou diminuir o tamanho do Palco.

Dimensionamento da sua Stage pela porcentagem de tamanho de tela

Se você quiser criar uma animação que não tem de se adaptar a qualquer dimensão específica, então você deve mudar de pixels (px) a porcentagem (%), clicando no comutação (ver nesta figura). Este é um passo para a criação de um web design responsivo. Quando você dimensionar o Palco pelo percentual de tela em vez de valores de pixel, o Palco tamanhos si de acordo com o tamanho do elemento pai.

Um exemplo de um elemento pai pode ser ela mesma janela do navegador - se a animação é uma página da Web independente. No entanto, se a animação é uma parte de uma página web, em seguida, o elemento pai pode ser um elemento div no qual a animação está aninhado.

Para ter o seu Stage preencher a janela do navegador inteira, definir a largura e altura do estágio a 100%, como mostrado nesta figura. Para ter o seu Stage preencher metade janela do navegador, definir o palco para 50% - e assim por diante, dependendo de quanto da janela do navegador que você quer a sua animação para ocupar.

Por padrão, o fundo do palco é branco. Portanto, você não verá nenhuma diferença no Stage quando você alternar entre px e%.

Para testar a diferença entre usar px e% para o tamanho do Palco, mudar a cor do Palco fundo para algo diferente de branco, como o vermelho. Em seguida, experimentar com diferentes percentagens e dimensões px para ver os diferentes efeitos.

Para alterar a cor do Palco (como mostrado) de fundo, clique no quadrado branco para abrir um seletor de cores.

Você pode dizer Edge Animate para manter a largura e altura distribui o mesmo clicando no Largura Link e ícone Altura (destacado nesta figura). Por padrão, a largura Link e ícone Altura está ligado off- com esse padrão com efeito, Edge Animate não vai manter a largura (ou altura) na mesma proporção quando redimensionar.