Panel de propiedades
El panel de propiedades es donde editas lo que esté seleccionado en el lienzo. Cambia según el objeto, o se convierte en controles a nivel de parte cuando no hay nada seleccionado.
Resumen rápido
- Selecciona nada y el panel muestra el tamaño y fondo de la parte actual.
- Selecciona un objeto y el panel muestra las pestañas Propiedades, Diseño y Capas.
- La pestaña Propiedades contiene ajustes específicos del tipo de objeto: relleno y contorno para formas, fuente para texto, filtros para imágenes, etc.
- La pestaña Diseño contiene posición, tamaño, rotación y alineación. Consulta Mover, redimensionar y transformar.
- La pestaña Capas contiene la lista de capas de la parte actual. Consulta Agrupación y capas.
- Abre cualquier muestra de color para acceder al selector completo de color y degradado.
Referencia detallada
Qué se muestra según la selección
| Selección | La pestaña Propiedades muestra |
|---|---|
| Nada | Tamaño de la parte y controles de fondo (sólido, degradado o imagen) |
| Forma | Relleno, contorno, opacidad, modo de fusión y radio de esquina. Consulta Formas. |
| Texto | Familia tipográfica, tamaño, peso y estilo, color, espaciado entre letras, interlineado, alineación y efectos de texto como contorno, sombra y mayúsculas/minúsculas |
| Imagen | Filtros, recorte, eliminación de fondo y ajuste de perspectiva. Consulta Edición de imágenes. |
| Grupo | Número de miembros y opacidad, aplicados a todo el grupo |
| Marco | Información del marco, más botones para editar su contorno o convertirlo en una forma simple. Consulta Herramientas de selección. |
| Código QR | URL, color de primer plano y de fondo, y tamaño. Consulta Códigos QR y códigos de barras. |
| Gráfico | Tipo de gráfico, editor de datos y colores. Consulta Gráficos. |
Las pestañas Diseño y Capas permanecen igual independientemente de lo que esté seleccionado; solo cambia el contenido de la pestaña Propiedades.
Campos de diseño (para el constructor masivo)
Cada objeto seleccionado tiene un menú desplegable Campo de diseño cerca de la parte superior de la pestaña Propiedades, marcado con una estrella. Etiqueta el objeto con un rol para que el constructor masivo sepa qué objetos intercambiar cuando genere muchas variaciones a partir de un conjunto de datos. Déjalo en Ninguno (estático) para cualquier cosa que deba permanecer igual en todas las variaciones.
| Grupo | Ejemplos de roles |
|---|---|
| Texto | Título, subtítulo, cuerpo, autor o fuente, contador, botón, hashtag, llamada a la acción |
| Visual | Imagen de fondo, imagen principal, icono, logotipo, valor de código de barras, tipo de código de barras |
| Decorativo | Forma, insignia, divisor, superposición, marca de agua, marco |
| Otro | Acento de color, personalizado |
El botón de destello junto a la etiqueta abre una nota de IA opcional, una breve sugerencia de texto libre que guía la generación automática de contenido para ese campo. Un diseño de cuadrícula puede tener su propio campo de diseño en cada celda, de modo que una sola cuadrícula puede mapear varias columnas de datos a la vez.
Relleno, contorno y opacidad
| Propiedad | Se aplica a | Rango u opciones |
|---|---|---|
| Relleno | Formas, texto | Color sólido o degradado, o ninguno |
| Contorno | Formas, texto, trazados de pluma | Color más un ancho desde 0 px |
| Opacidad | Cada objeto | 0 a 100 por ciento, un control unificado que se muestra para cualquier selección |
| Radio de esquina | Rectángulos | Desde 0 px, con un preajuste Circular que redondea hasta un óvalo completo |
La opacidad es un control compartido que se aplica a lo que esté seleccionado, incluido un grupo completo. No hay un control general de modo de fusión por objeto en este panel; los modos de fusión aparecen solo en herramientas especializadas, como la maqueta de perspectiva para imágenes. El ancho del contorno y el radio de esquina ofrecen cada uno un menú de preajustes rápidos (por ejemplo 0, 1, 2, 3, 4, 6, 8, 12 para el ancho del contorno) junto al campo numérico.
El selector de color
Al abrir una muestra de color en cualquier parte de la aplicación, ya sea un relleno, un contorno, color de texto, color de pincel o color de código QR, se abre el mismo selector de color.
| Control | Descripción |
|---|---|
| Campo de saturación y valor | Un campo cuadrado donde el eje horizontal es la saturación y el vertical el brillo. Haz clic o arrastra en cualquier lugar para actualizar el color al instante. |
| Control deslizante de tono | Establece el tono base para el campo superior. |
| Entrada hexadecimal | Escribe un valor hexadecimal exacto directamente. El campo y el deslizador se actualizan para coincidir. |
| Cuentagotas | Toma una muestra de color desde cualquier lugar de la pantalla, incluso fuera del selector de color. |
| Colores del documento | Colores ya utilizados como relleno, contorno o punto de degradado en la parte actual, ofrecidos como muestras de un solo clic. |
| Colores de la foto | Si la parte tiene una imagen rasterizada, sus colores dominantes se extraen y se agrupan como muestras junto a una miniatura. |
| Paleta preestablecida | Un conjunto de muestras predeterminadas siempre disponible. |
| Colores de marca | Los colores de tu kit de marca, cuando el proyecto tiene uno. |
| Colores recientes | Una tira de colores que has usado recientemente, en cualquiera de las herramientas anteriores. |
La pestaña Degradado
Cambiar el selector de color a Degradado lo convierte en un editor compacto de múltiples paradas:
| Control | Descripción |
|---|---|
| Tipo | Lineal, radial, angular o diamante |
| Barra de degradado | Una sola barra muestra el degradado en vivo. Haz clic en cualquier lugar para agregar una parada, luego arrastra las paradas para reposicionarlas. |
| Lista de paradas | Cada parada tiene su propia posición, color y opacidad, más una acción de eliminación |
| Voltear / Rotar | Invierte el orden de las paradas, o rota el degradado 90 grados por clic |
| Preajustes | Degradados ya preparados que puedes usar como punto de partida y luego ajustar |
Un degradado se guarda con su disposición completa de paradas, por lo que al reabrir el selector en ese relleno más tarde se muestra exactamente lo que dejaste. Consulta Fondos, patrones y degradados para usar un degradado como fondo de parte.
Controles específicos de imagen
Seleccionar una imagen agrega botones más allá de los controles estándar de relleno y contorno:
| Control | Acción |
|---|---|
| Filtros | Abre brillo, contraste, saturación, desenfoque y looks de un solo clic |
| Recortar | Abre la herramienta de recorte, con preajustes de relación de aspecto y una cuadrícula de tercios |
| Eliminación de fondo | Ejecuta un recorte automático, o cambia a un pincel de perforación manual |
| Perspectiva | Abre el ajuste de perspectiva para distorsionar la imagen sobre una superficie |
Consulta Edición de imágenes para obtener todos los detalles de cada uno.
Paso a paso
Etiquetar un objeto como campo del constructor masivo
- Selecciona el objeto que deseas hacer dinámico.
- En la pestaña Propiedades, abre el menú desplegable Campo de diseño (lleva una estrella).
- Elige el rol que coincida con el objeto, por ejemplo Título para un encabezado o Imagen principal para la imagen principal. Selecciona Ninguno (estático) para mantenerlo fijo.
- Opcionalmente, haz clic en el botón de destello junto a la etiqueta para agregar una nota de IA que describa qué debe llenar ese campo.
- Repite para cada objeto que deba cambiar por variación, luego abre el constructor masivo para mapear tus datos en estos campos.
Cambiar el relleno, contorno y efectos de un objeto
- Selecciona una forma o un objeto de texto. La pestaña Propiedades muestra su relleno y contorno.
- Haz clic en la muestra de relleno para abrir el selector de color, luego elige un color sólido, un degradado o un color ya usado en el diseño.
- Establece un color de contorno y arrastra el ancho desde 0 px para un borde.
- Para texto, usa los controles de efectos de texto para agregar un contorno, sombra o cambio de mayúsculas/minúsculas. Para una forma, ajusta el radio de esquina y la opacidad desde el mismo panel.
Encontrar la pestaña Capas y reordenar objetos
- Con un objeto seleccionado, haz clic en la pestaña Capas en la parte superior del panel.
- La lista refleja el orden de apilamiento de cada objeto en la parte actual.
- Arrastra una fila para cambiar el orden de apilamiento, o haz clic en una fila para seleccionar un objeto que sea difícil de alcanzar en el lienzo.
- Consulta Agrupación y capas para bloquear, ocultar y agrupar desde esta lista.
Cambiar a controles de tamaño y fondo a nivel de parte
- Haz clic en un área vacía del lienzo, o presiona Escape, para deseleccionar todo.
- El panel cambia de controles de objeto al tamaño y fondo de la parte actual.
- Establece el fondo como un color sólido, un degradado o una imagen, o abre el menú de tamaño para elegir un preajuste o escribir dimensiones personalizadas.
- Selecciona cualquier objeto nuevamente para volver a sus pestañas Propiedades, Diseño y Capas.
Tareas comunes
- Reutilizar un color ya presente en el diseño: abre cualquier muestra y elige de Colores del documento en lugar de todo el espectro.
- Coincidir con tu marca: abre una muestra y elige de Colores de marca (disponible cuando el proyecto tiene un kit de marca).
- Obtener un color de una foto: usa el cuentagotas, o haz clic en uno de los Colores de la foto extraídos de una imagen rasterizada en la parte.
- Convertir un rectángulo redondeado en un óvalo: establece el radio de esquina en el preajuste Circular.
- Atenuar todo un grupo a la vez: selecciona el grupo y arrastra el control único de opacidad, se aplica a todos los miembros.
Atajos de teclado
| Atajo | Acción |
|---|---|
Enter | Confirmar un valor escrito en el campo hexadecimal o en un campo de Diseño |
Esc | Cerrar el selector de color sin perder el valor actual |
Tab | Moverse al siguiente campo en la pestaña Diseño |
Consejos
Revisa primero los colores del documento
Antes de abrir todo el espectro, revisa los Colores del documento. Reutilizar un color que ya está en la parte es la forma más rápida de mantener un diseño coherente.
Los degradados recuerdan sus paradas
Como la disposición de paradas de un degradado se guarda con el objeto, es seguro cerrar el selector a mitad de edición y volver más tarde sin perder tu progreso.
Solución de problemas
- El panel se ve diferente de lo esperado. Es sensible al contexto. Sin nada seleccionado muestra el tamaño y fondo de la parte; con un objeto muestra los controles específicos de ese tipo. Si ves filtros donde esperabas relleno y contorno, tienes una imagen seleccionada en lugar de una forma.
- Una imagen no tiene opción de relleno o contorno. Las imágenes no llevan relleno. En su lugar exponen un color y ancho de borde (contorno), radio de esquina y los botones de filtros, recorte, eliminación de fondo y perspectiva.
- El panel se colapsó solo. Se colapsa automáticamente cuando la parte actual está vacía y se expande automáticamente en el momento en que seleccionas un objeto. Usa el alternador de cheurón en su borde para abrirlo o cerrarlo manualmente.
- Una pizarra muestra un panel diferente. En una parte de pizarra o tablero, el panel intercambia controles específicos de pizarra, oculta las secciones estándar de objetos y se oculta por completo cuando no hay nada seleccionado.
- El menú desplegable Campo de diseño ha desaparecido. Aparece solo mientras un objeto está seleccionado. Al deseleccionar, se reemplaza por el panel de fondo de parte.
Relacionados
- Mover, redimensionar y transformar para la pestaña Diseño completa
- Agrupación y capas para la pestaña Capas completa
- Efectos de texto para contorno, sombra y mayúsculas/minúsculas en texto
- Edición de imágenes para filtros, recorte, eliminación de fondo y perspectiva
- Fondos, patrones y degradados para el fondo a nivel de parte y degradados
- Constructor masivo para convertir campos de diseño etiquetados en muchas variaciones