phase logo
Produto
Aprender
Sobre
Comunidade
✍️

Nota

Atenção! O Phase recebe pequenas atualizações e melhorias o tempo todo. Nossos tutoriais podem ser ligeiramente diferentes do aplicativo atual.

Containers

Um Container é um elemento que agrupa vários objetos ou formas, permitindo-nos manipulá-los e animá-los juntos como uma unidade.

Agrupando Containers

Agrupando Elementos em Containers

  1. Vamos começar selecionando as formas que queremos agrupar. Há algumas maneiras de fazer isto. Podemos clicar nos itens no painel de camadas enquanto seguramos
    ⇧ Shift
    para selecionar várias camadas consecutivamente ou segurar
    Ctrl
    Command ⌘
    para selecionar ou desmarcar itens individualmente. Também podemos arrastar e selecionar itens na tela enquanto usamos
    Command ⌘
    ou
    Ctrl
    para adicioná-los ou removê-los.
  2. Os elementos podem ser movidos para dentro e para fora dos Containers selecionando e arrastando no painel de camadas.
  3. Clique com o botão direito em qualquer um dos itens.
  4. Clique em Grupo. Como alternativa, podemos desenhar uma caixa de seleção em torno dos elementos e pressionar
    Command ⌘
    G
    ou
    Ctrl
    G
    .
Depois de criar o grupo, um container será adicionado ao painel de camadas, e todos os elementos selecionados serão movidos para baixo dele como uma pasta.
O painel de propriedades do elemento é aberto quando selecionamos esse container. Uma caixa delimitadora é colocada ao redor de todos os elementos agrupados e essa caixa se torna a base para o comprimento, largura e localização do container. Podemos redimensionar e mover essa caixa independentemente das formas internas e alterar sua cor, bordas e sombras.

Desagrupando Containers

Desagrupando um Container

As formas podem ser movidas para dentro e para fora dos Containers sendo selecionadas e arrastadas no painel de camadas. Esta pode ser uma forma de alterar o grupo em que as formas estão ou de desagrupá-las.
Semelhante ao agrupamento de formas, desagrupe as formas por meio do menu de contexto.
  1. Selecionamos o container no qual queremos desagrupar os itens. Clique no container no painel de Camadas ou em qualquer uma das formas agrupadas na tela.
  2. Clique com o botão direito em qualquer um dos itens.
  3. Clique em Desagrupar. Como alternativa, podemos desenhar uma caixa de seleção ao redor dos elementos e pressionar
    Command ⌘
    ⇧ Shift
    G
    no Mac, ou
    Ctrl
    ⇧ Shift
    G
    no Windows.

Criando Containers

Adicionando Elementos em um Container

Containers podem ser feitos individualmente antes de adicionar formas a eles. O processo para fazer isso é muito semelhante ao de criar um retângulo.
  1. Selecione o ícone do container no menu suspenso de formas.
  2. Clique em uma área na tela para começar e arraste na direção desejada para expandir o container. Podemos dar ao nosso container dimensões iguais, como um quadrado, segurando
    ⇧ Shift
    enquanto arrasta.
À medida que nosso container é criado, o painel de propriedades do elemento é aberto.
📖

Leia mais

Aprenda como personalizar Containers lendo sobre o Painel de Propriedades.

Aplicando Alterações em Containers

Com containers selecionados no painel de Camadas, podemos aplicar edições como elementos individuais.
Ao clicar com o botão direito, podemos recortar, copiar, colar, duplicar ou excluir. Também podemos reposicionar trazendo para frente, mandando para trás, avançando ou retrocedendo. Além disso, podemos agrupar/desagrupar containers, mostrá-los/ocultá-los e bloqueá-los/desbloqueá-los.

Excesso

A função Excesso controla a visibilidade de objetos que se estendem além dos limites de um container na Phase. Alterne entre as configurações "mostrar" e "esconder" no painel de propriedades.
Quando habilitado, "mostrar" faz com que quaisquer elementos dentro de um container permaneçam totalmente visíveis, mesmo que ultrapassem suas bordas. Isso permite que formas, imagens, molduras de texto e outros objetos se destaquem visualmente sem cortes ou máscaras.
"Esconder" faz com que qualquer coisa que ultrapasse as bordas de um container fique oculta, criando um efeito de máscara. O container atua essencialmente como um aparador, escondendo qualquer coisa fora do perímetro definido.
Veja como usamos o excesso a nosso favor.
  1. Desenhamos uma caixa delimitadora de container sobre uma área específica que queremos isolar.
  2. Altere para "esconder" para exibir apenas os elementos visuais que ficam dentro das bordas definidas.
  3. Volte para "mostrar" para revelar as versões completas novamente.
✍️

Nota

Lembre-se de que a configuração Excesso só estará acessível quando um container for selecionado.

Começar a animar

Comece com nossa plataforma gratuita baseada na Web.

Produto

Editor

Colaboração

Comparação

Notas de lançamento

Aprender

Tutorial

Recursos

Sobre

Carreiras

Comunidade

FAQ

Legal

Política de privacidade

Termos de serviço

© Phase Software GmbH 2024