Como redimensionar o palco adobe edge animate

O Palco é o lugar 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 sua composição. Você pode dimensionar o Palco um par de 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.

  Video: Loading external scripts into Adobe Edge Animate CC (Edge Commons + Parallax)

• 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 Stage 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 a sua animação para assumir nessa página, e depois 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 você quer que seu 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 alaranjados. 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 do tamanho da 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 alternância (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, então o elemento pai pode ser um elemento div em que a animação está aninhado.

Video: Уроки Adobe Edge Animate

Para ter o seu Stage preencher a janela do navegador inteira, definir a largura e altura do estágio a 100%, como mostra a figura. Para ter o seu Stage preencher metade janela do navegador, definir o cenário 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 aquele padrão em vigor, Edge Animate não vai manter a largura (ou altura) na mesma proporção quando redimensionar.