Transformar

Todos los elementos pueden moverse, cambiar de tamaño y rotarse arrastrándolos en el tablero o escribiendo valores exactos en el panel de atributos, y voltearse desde el panel de acciones. Su posición y su rotación se miden desde su pivote.

Arrastrar

Con el elemento seleccionado, arrástralo o arrastra sus asas en el tablero. En los ejemplos siguientes, el elemento atenuado muestra dónde empezó.

Mover

Cambia dónde se sitúa el elemento en el tablero.

• Operación: arrastra el elemento.
  • Mantén Mayús para mantener el movimiento en un solo eje.
  • Mantén Alt para dejar el original en su sitio y mover una copia.
  • Mantén Ctrl o Cmd para activar o desactivar el ajuste durante ese arrastre.
• Necesita: si el elemento tiene una Animación de posición, solo puedes moverlo antes de que empiece la animación.
• Resultado: el elemento sigue al puntero.

Cambiar de tamaño

Cambia el tamaño del elemento. En el ejemplo, el asa inferior derecha se mueve hacia dentro mientras la esquina superior izquierda permanece fija.

• Operación: arrastra una de las asas que rodean la selección.
  • Mantén Mayús para conservar las proporciones durante ese arrastre.
  • Mantén Alt para cambiar el tamaño desde el centro en lugar de desde el lado opuesto.
  • Mantén Ctrl o Cmd para activar o desactivar el ajuste durante ese arrastre.
• Resultado: el elemento crece o se encoge desde el asa que arrastras.
• Consejo: para conservar las proporciones en cada cambio de tamaño, también al escribir valores, activa Prop. bloqueada.

Rotar

Gira el elemento alrededor de su pivote.

• Operación: arrastra justo fuera de un asa de esquina. Mantén Mayús para rotar en pasos de 15 grados.
• Resultado: el elemento gira alrededor de su pivote. Varios elementos giran juntos alrededor del pivote de la selección.

Ajustar

Alinea el elemento con sus vecinos mientras lo mueves o cambias su tamaño. Este ejemplo muestra dos elementos antes y después de alinear sus bordes izquierdos. La línea naranja señala el borde compartido.

• Operación: activa Ajuste en los ajustes de interfaz y mueve o cambia de tamaño. Para cambiarlo durante un solo arrastre, mantén Ctrl o Cmd:
  • Con Ajuste activo, el elemento se mueve libremente.
  • Con Ajuste desactivado, se ajusta.
• Resultado: los bordes y centros se enganchan a los de los elementos cercanos. Al mover, se enganchan cuando frenas el puntero. Con Cuadrícula activa, los elementos también se ajustan a la cuadrícula.

El pivote

El pivote es el punto alrededor del cual gira un elemento y al que se refiere su posición.

• Los valores de X, Y y rotación del panel de atributos se miden desde él.
• Las animaciones de rotación y de escala lo usan como centro predeterminado.
• Moverlo deja el elemento en su sitio y cambia qué punto describen esos valores.

Para ver los pivotes en el tablero y arrastrarlos, activa Pivotes en los ajustes de interfaz.

Mover el pivote a un lado

Coloca el pivote en el centro del elemento o en el punto medio de un borde.

• Operación: pulsa Centrar pivote en el panel de acciones, o una de las otras opciones del mismo multibotón:
  • Mover pivote a la izquierda del elemento
  • Mover pivote a la derecha del elemento
  • Mover pivote a la parte superior del elemento
  • Mover pivote a la parte inferior del elemento
• Necesita: un elemento seleccionado.
• Resultado: el pivote salta al centro o al punto medio de ese borde.

Arrastrar el pivote

Coloca el pivote exactamente donde quieras.

• Operación: arrastra el asa del pivote en el tablero.
• Resultado: el pivote queda donde lo sueltes, dentro o fuera del elemento.

Escribir sus coordenadas

Coloca el pivote en unas coordenadas exactas.

• Operación: haz clic en el asa del pivote para seleccionarla y escribe su X y su Y en el panel de atributos.
• Resultado: el pivote se mueve a ese punto del tablero, también si el elemento está dentro de un marco.

Varios elementos y grupos

• Varios elementos: la selección tiene su propio pivote, que empieza en su centro y vuelve a él cuando cambia la selección. Arrástralo o escribe sus coordenadas como con el pivote de un elemento. Al rotar la selección, gira alrededor de este punto.
• Grupos: un grupo tiene su propio pivote, que puedes arrastrar. El grupo gira alrededor de él.

Escribir valores exactos

Escribe los valores en Información de la selección, la primera sección del panel de atributos:

• X e Y colocan el pivote del elemento en el tablero. Dentro de un marco, se miden desde el marco.
• W y H fijan su tamaño. Prop. bloqueada conserva su proporción, y Proporcional escala el trazo con ellos.
• Rotación es el ángulo alrededor de su pivote, en grados.

Con varios elementos seleccionados:

• X o Y pone el pivote de cada elemento en esa coordenada.
• W o H da ese tamaño a cada elemento.
• Rotación gira la selección entera alrededor de su pivote.

Voltear

Refleja los elementos seleccionados.

En el ejemplo, la flecha horizontal lleva al volteo horizontal y la vertical, al volteo vertical.

• Operación: pulsa uno de estos en el panel de acciones:
  • Voltear horizontalmente
  • Voltear verticalmente
• Necesita: elementos que se puedan reflejar. El texto de código, los elementos HTML y los de audio no se pueden, ni tampoco un grupo o un marco que contenga alguno. Para reproducir un sonido al revés, usa Voltear horizontalmente en el editor de audio.
• Resultado:
  • Las imágenes, los vídeos, los contenidos web y los textos reflejan su contenido en su sitio.
  • Los demás elementos se reflejan respecto al centro que comparten, así que, con varios seleccionados, también intercambian sus lados.