✍️

Nota

Ten en cuenta que la interfaz de la aplicación puede cambiar ligeramente debido a mejoras, como mostrar los movimientos del cursor y las selecciones de los colaboradores en tiempo real, y permitir que los usuarios de solo vista vean archivos en el modo de Diseño.

Contenedores

Un Contenedor es un elemento que agrupa múltiples objetos o formas, lo que nos permite manipular y animar todos ellos juntos como una sola unidad.

Agrupación de Contenedores

Agrupando Elementos en Contenedores

  1. Empecemos seleccionando las formas que queremos agrupar. Hay varias formas de hacerlo. Podemos hacer clic en los elementos del panel de capas mientras mantenemos presionada la tecla
    ⇧ Shift
    para seleccionar múltiples capas consecutivamente o mantener
    Ctrl
    o
    Command ⌘
    para seleccionar o deseleccionar elementos individualmente. También podemos seleccionar arrastrando en el lienzo mientras usamos
    Command ⌘
    o
    Ctrl
    para agregar o eliminar elementos.
  2. Los elementos se pueden mover dentro y fuera de los Contenedores seleccionándolos y arrastrándolos en el panel de capas.
  3. Haz clic derecho en cualquiera de los elementos.
  4. Haz clic en Agrupar. Alternativamente, podemos dibujar un cuadro de selección alrededor de nuestros elementos y presionar
    Command ⌘
    G
    o
    Ctrl
    G
    .
Después de crear el grupo, se añadirá un contenedor al panel de capas, y todos los elementos seleccionados se moverán debajo de él como si fuera una carpeta.
El panel de Propiedades del elemento se abre cuando seleccionamos ese contenedor. Se coloca un cuadro delimitador alrededor de todos los elementos agrupados, y ese cuadro se convierte en la base para la longitud, el ancho y la ubicación del contenedor. Podemos redimensionar y mover ese cuadro de forma independiente de las formas internas, y cambiar su color, bordes y sombras.

Desagrupar Contenedores

Desagrupando un Contenedor

Las formas se pueden mover dentro y fuera de los contenedores seleccionándolas y arrastrándolas en el panel de capas. Esto puede ser una forma de cambiar el grupo al que pertenecen las formas o de desagruparlas.
De manera similar a agrupar formas, desagrupamos las formas a través del menú contextual.
  1. Seleccionamos el contenedor en el que queremos desagrupar los elementos. Haz clic en el contenedor en el Panel de Capas o en cualquiera de las formas agrupadas en el lienzo.
  2. Haz clic derecho en cualquiera de los elementos.
  3. Haz clic en Desagrupar. Alternativamente, podemos dibujar un cuadro de selección alrededor de los elementos y presionar
    Command ⌘
    ⇧ Shift
    G
    en Mac, o
    Ctrl
    ⇧ Shift
    G
    en Windows.

Creación de Contenedores

Agregando Elementos a un Contenedor.

Los contenedores se pueden crear de forma individual antes de agregarles formas. El proceso es muy similar al de crear un rectángulo.
  1. Selecciona el ícono de contenedor del menú desplegable de la función formas.
  2. Haz clic en un área del lienzo para comenzar y arrastra en la dirección en la que queremos expandir el contenedor. Podemos darle dimensiones iguales, como un cuadrado, manteniendo
    ⇧ Shift
    mientras arrastramos.
A medida que se crea el contenedor, se abre el panel de Propiedades del elemento.
📖

Leer Más

Aprende cómo personalizar los Contenedores leyendo sobre el Panel de Propiedades.

Aplicando Cambios a los Contenedores

Con los contenedores seleccionados en el Panel de Capas, podemos aplicar ediciones de la misma manera que con los elementos individuales.
Al hacer clic derecho, podemos cortar, copiar, pegar, duplicar o eliminar. También podemos reposicionar usando "traer al frente," "enviar al fondo," "mover hacia adelante" o "mover hacia atrás." Además, podemos agrupar/desagrupar contenedores, mostrarlos/ocultarlos y bloquearlos/desbloquearlos.

Desbordamiento

La función de desbordamiento controla la visibilidad de los objetos que se extienden más allá de los límites de un contenedor en Phase. Alterna entre los ajustes de "Mostrar" u "Ocultar" en el Panel de Propiedades.
Cuando está habilitado, "Mostrar" hace que cualquier elemento dentro de un contenedor siga siendo completamente visible incluso si se desborda fuera de sus bordes. Esto permite que formas, imágenes, marcos de texto y otros objetos salgan visualmente sin recortes ni enmascaramientos.
"Ocultar" hace que cualquier cosa que se extienda más allá de los bordes del contenedor se oculte de la vista, creando un efecto de enmascaramiento. El contenedor actúa esencialmente como una herramienta de recorte, ocultando cualquier parte del contenido que sobresalga.
Aquí te mostramos cómo usamos el desbordamiento a nuestro favor.
  1. Dibujamos un cuadro delimitador de contenedor sobre un área específica que queremos aislar.
  2. Activamos la opción "Ocultar" para mostrar únicamente los elementos visuales que se encuentran dentro de esos bordes definidos.
  3. Volvemos a "Mostrar" para revelar las versiones completas nuevamente.
✍️

Nota

Ten en cuenta que la configuración de Desbordamiento solo es accesible una vez que se ha seleccionado un contenedor.

Comienza a Animar

Comienza a crear con nuestra plataforma web gratuita