Definir a visibilidade dos elementos

Você pode formatar e animar a visibilidade

de um elemento - isto é, se o espectador pode ver um elemento no Palco. Mesmo se você virar Visibilidade fora e você já não vê o elemento no Palco, você ainda pode selecioná-lo a partir do painel Elements ou a Linha de tempo e trabalhar com ele. Você tem as seguintes opções:

  • Você pode transformar Visibilidade Off, On, ou Always On.

  • Você pode animar a configuração de visibilidade para que elementos aparecer ou desaparecer à medida que a animação é reproduzida.

Elemento Visibilidade no Palco

Se a sua composição começa a ficar confuso com muitos elementos, você pode transformar a visibilidade de elementos específicos e desligando para ajudar a limpar a desordem. Quando você desligar a visibilidade de um elemento, ele desaparece do palco, mas ele ainda está presente- você ainda pode vê-lo quando você visualizar a animação em um navegador.

Esta figura mostra onde o ícone Visibilidade conjunto de corpos é na linha do tempo e como ele aparece quando ele está ligado ou desligado.

Definir um elemento's visibility on the Stage from the Timeline.
Definir a visibilidade de um elemento no Palco da Linha de tempo.

Animando a visibilidade dos elementos

Você pode usar o recurso de exibição de elemento sobre praticamente qualquer coisa no Edge Animate, incluindo caixas de texto, imagens e retângulos. O recurso de exibição é encontrado no painel de propriedades (como mostrado).

O padrão é Always On, o que significa que o público vai ver sempre o elemento no Palco.

O recurso de exibição de elemento.
O recurso de exibição de elemento.

Use o recurso de exibição para alternar elementos de um estado para outro, seja Always On, On, ou Off. Clique na pequena seta ao lado de Sempre para abrir o menu mostrado.

O menu recurso Display.
O menu recurso Display.

O recurso de exibição de elemento é útil na medida em que você pode dizer Edge Animate quando você quer um certo elemento mostrado na animação. Isto vem a calhar se, por exemplo, você quer um pouco de texto a ser exibido no final da animação e, em seguida, para que desapareça.

Em vez de adicionar na opacidade atributos para tornar o texto aparecem em um determinado ponto na Linha de tempo - por animar a opacidade de 0% a 100% - você pode simplesmente usar o recurso de elemento Display. Mais informações sobre a opacidade é encontrado neste capítulo.

A configuração padrão para o recurso de exibição de elemento está sempre ligado. Então, se você quer que seu público para ver sempre o elemento, então você não tem que fazer qualquer coisa para se certificar que seu elemento está sempre ligado.

Para alternar um elemento de Off para On, você precisa primeiro criar um elemento, como um retângulo. Então, a partir do painel de propriedades, clique na seta drop-down para exibição e escolha Desativar. Se o fizer, insere um quadro-chave (diamante) na Timeline como mostrado nesta figura - que também mostra a configuração de exibição, que aparece na linha do tempo, juntamente com o quadro-chave.

Elemento Display desligado.
Elemento Display desligado.

A partir da Timeline, você pode alternar a exibição entre ligado e desligado, mas a fim de reverter para Always On, você tem que fazer isso a partir do painel Propriedades. Quando você reverter o elemento para Always On, Edge Animate avisa que qualquer keyframes serão removidos (como mostrado).

Revertendo para Always On remove todos os quadros-chave associados com Display.
Revertendo para Always On remove todos os quadros-chave associados com Display.

Não se assuste para ver sua caixa de texto de repente desaparecem do palco quando você transformá-lo para fora. Da mesma forma, não se preocupe quando você percebe que você não pode selecionar o elemento virou-Off do Palco. Em essência, quando um elemento estiver desligado, ele pode muito bem não ser parte da composição de todo.

No entanto, você ainda pode selecioná-lo no painel de elementos no canto superior direito e você também pode vê-lo listado na Linha de tempo. É assim que você sabe o elemento ainda existe.

Siga estes passos para animar a visibilidade de um elemento de Off para On para Off novamente:

  1. Criar um elemento no Palco.

  2. Mova o indicador de reprodução para o ponto na linha do tempo em que você deseja que o elemento se tornar visível.

  3. Selecione o elemento e, em seguida, escolher Lig no menu Display.

    Se o fizer, automaticamente transforma Visibilidade para fora para o tempo que leva até quando ele está ligado.

  4. 4. Mover o indicador de reprodução para o ponto na linha do tempo em que você deseja que o elemento de se tornar invisível.

  5. Escolha Off no menu Display.

Parabéns! Agora você criou uma animação em que um elemento começa invisível, torna-se visível, e depois desaparece novamente. Para testar se ele funciona, você pode visualizar a animação no navegador ou você pode ver a partir do Palco.

Esta figura mostra como o seu cronograma deve aparecer depois de concluir os passos rápidos para animar Visibilidade. As áreas sombreadas representam quando o elemento está desligado. O tempo de vida do segmento entre as duas diamantes ocos representa o tempo durante o qual o elemento é visível.

Timeline para um elemento's Visibility going from Off to On to Off again.
Timeline para a visibilidade de um elemento que vai de Off para On para Off novamente.

menu