How-to

Herramienta de selección Parte 2. Dominar la barra de control y el panel Transformar: Domina la barra de control y el panel de transformación

Introducción

Esta continuación de nuestra serie de Herramientas de selección se sumerge en la Barra de control y en su compañero más preciso: el panel Transformar. Aprenderás a aplicar ediciones numéricas y exactas de tamaño, rotación, posición, inclinación y visibilidad para que tus logotipos, iconos y diseños encajen en su sitio con total confianza.

Descripción general de la barra de control

La barra de control (a la derecha en el escritorio, abajo en los teléfonos) se adapta a la herramienta activa. Con la herramienta de selección activa, verás:

  • Transformar: tamaño exacto, codazos de ángulo, posición, inclinación, visibilidad.
  • Objeto: orden de capas, agrupar/desagrupar, voltear, máscara de clip.
  • Alinear
  • Alinear: alinear al lienzo o a un objeto de destino.
  • Alinear: alinear al lienzo o a un objeto de destino.
  • Acomodar: espaciado lineal o disposición en cuadrícula.
  • Acomodar
      • Acomodar.

    Los paneles comunes (disponibles en todas las herramientas) incluyen Boolean, Stroke, Shadow, Layers, Settings, Document y Export.

    Panel Transformar: Controles de precisión

    Utiliza el panel Transformar para realizar ediciones numéricas exactas en tu selección:

    • Bloqueo (candado): Cuando está bloqueado, al cambiar Ancho se actualiza Alto proporcionalmente (y viceversa). Desbloquee para ajustar libremente cada dimensión.
    • Amplitud.
    • Ancho y Alto: escriba los valores exactos para obtener un tamaño perfecto de píxeles. Combínelo con el bloqueo para un escalado proporcional.
    • Rotación.
    • Rotación: Vector Ink trata el ángulo almacenado del objeto como cero al caer. Utilice el campo para girar o aplicar un delta exacto (por ejemplo, introduzca 90 para girar 90°). El campo vuelve a 0 después por diseño.
    • Posición
    • Posición.
    • Posición (X, Y): Coordenadas relativas al documento. Establezca X=0 para ajustarse al borde izquierdo, Y=0 al borde superior. Los controles de flecha se desplazan en incrementos de 10 píxeles.
    • Inclinación: Aplica inclinación horizontal/vertical mediante flechas de incremento. Al igual que la rotación, la inclinación se aplica como un delta (no se rastrea permanentemente como un ángulo vivo).
    • Inclinación: aplica inclinación horizontal/vertical mediante flechas de incremento.
    • Visibilidad: establezca la opacidad de 0 (oculto) a 1 (totalmente visible) para flujos de trabajo de enfoque y revelación rápidos.

    Recetas rápidas

    1. Escalar un logotipo proporcionalmente: Bloquea el candado → establece el Ancho exacto (por ejemplo, 512) → La altura se actualiza automáticamente.
    2. Rotar por un valor exacto: en Rotación, introduzca 45 (o utilice las flechas) → se aplica la rotación; el campo se restablece a 0 (comportamiento esperado).
    3. Sujetar a los bordes del lienzo: Establezca X=0 para el borde izquierdo, Y=0 para la parte superior. Combinar con el panel Alinear para el centrado final.
    4. Ajustar a los bordes del lienzo.
    5. Crear un sutil efecto de cursiva: Aplique pequeños incrementos de Inclinación (por ejemplo, unos pocos toques) para inclinar el texto o las formas de forma coherente.
    6. Centrar
    7. Enfocar edición de una capa: establezca temporalmente la Visibilidad de los objetos cercanos en 0,2-0,4 mientras ajusta el elemento héroe y, a continuación, restaure a 1.

    Consejos profesionales y trucos

    • La puesta a cero de la rotación es intencionada: trata el campo como un control de "rotar por". ¿Necesita precisión de pivote? Establezca primero un Anclaje (menú de acciones de la herramienta Selección) y, a continuación, gire.
    • Píxeles
    • Píxeles
    .
  • Rejillas de píxeles perfectos: Utilice incrementos de Posición (empujones de 10 px) para colocar rápidamente filas/columnas en su lugar; termine con Ordenar → Cuadrícula.
  • Proporciones.
  • ¿Proporciones a la deriva? Asegúrese de que el bloqueo de almohadilla está activado, o utilice la acción Constreñir de la Herramienta de selección mientras arrastra.
  • Porcentajes a la deriva.
  • Torsión para perspectiva: Un ligero sesgo + deltas de rotación menores pueden falsear la perspectiva en tarjetas o insignias de interfaz de usuario planas sin efectos complejos.
  • Perspectiva.

Práctica de 2 minutos

  1. Dibuja un rectángulo. En Transformar, bloquea las proporciones y establece W=320. Introduce 15 en Rotación.
    2. .
  2. Ajuste X=0, Y=0 para acoplar a la parte superior izquierda, luego empuje las flechas X/Y dos veces para desplazar 20 px.
    3. .
  3. Aplique dos toques de Inclinación horizontal para una inclinación sutil y, a continuación, establezca Visibilidad en 0,8 para obtener una vista previa sobre un diseño ocupado.

Diseña con números, no con suposiciones

Acopla el panel Transformar con las funciones Target Selection, Align y Anchor de la herramienta Selección para crear sistemas limpios y repetibles. Listo para probarlo en un proyecto en vivo? Abra Vector Ink y marque su próximo logotipo o diseño de interfaz de usuario con un control numérico preciso.Related