✍️
Nota
Atenção! A 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
- Vamos começar selecionando as formas que queremos agrupar. Há algumas maneiras de fazer isto. Podemos clicar nos itens no painel de camadas enquanto seguramospara selecionar várias camadas consecutivamente ou segurar⇧ Shiftpara selecionar ou desmarcar itens individualmente. Também podemos arrastar e selecionar itens na tela enquanto usamosCtrlCommand ⌘para adicioná-los ou removê-los.Command ⌘ouCtrl
- Os elementos podem ser movidos para dentro e para fora dos Containers selecionando e arrastando no painel de camadas.
- Clique com o botão direito em qualquer um dos itens.
- Clique em Grupo. Como alternativa, podemos desenhar uma caixa de seleção em torno dos elementos e pressionar ouCommand ⌘G.CtrlG
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.
- 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.
- Clique com o botão direito em qualquer um dos itens.
- Clique em Desagrupar. Como alternativa, podemos desenhar uma caixa de seleção ao redor dos elementos e pressionar no Mac, ouCommand ⌘⇧ ShiftGno Windows.Ctrl⇧ ShiftG
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.
- Selecione o ícone do container no menu suspenso de formas.
- 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 enquanto arrasta.⇧ Shift
À 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.
- Desenhamos uma caixa delimitadora de container sobre uma área específica que queremos isolar.
- Altere para "esconder" para exibir apenas os elementos visuais que ficam dentro das bordas definidas.
- 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.
© Phase Software GmbH 2024