Diseñador de afinidad: Cómo usar restricciones

Jan 27, 2026
Cómo
[dieciséis]

El diseñador de afinidad es un popular arte vectorial herramienta. Además de las versiones de Mac y Windows, Serif recientemente lanzado Diseñador de afinidad para iPad .

Hoy en día, si está diseñando para la web y las aplicaciones, debe estar trabajando en múltiples dispositivos y resoluciones en mente. Esto puede llevar a múltiples tablas de arte y graves dolores de cabeza cuando se trata de mantener las cosas uniformes. Afortunadamente, el diseñador de afinidad puede ayudarlo a racionalizar este proceso un poco más, con algo llamado restricciones.

En este tutorial entraremos brevemente a los fundamentos de las restricciones y cómo funcionan. Mire el video a continuación para obtener una visión general, o lea para cinco consejos esenciales para usar restricciones en el diseñador de afinidad.

Tampoco se olvide de revisar nuestros artículos sobre Cómo usar Grids y Cómo usar la persona de exportación. y Cómo usar la herramienta de la pluma .

01. Objetos de padres e hijos.

parent and child objects Affinity Designer

[dieciséis] Los objetos infantiles escalarán en relación con el contenedor principal.

Las restricciones funcionan utilizando objetos de padres e hijos. Su objeto seleccionado es el 'niño', y el contenedor se conoce como el 'padre'. Los objetos infantiles aumentarán en relación con el objeto principal.

Por ejemplo, si altera el tamaño de su tablero de arte y su objeto secundario está anclado en su tablero de arte, responderá con el cambio. Deberá alternar las distintas opciones para lograr el resultado deseado.

02. Opciones de restricción de palanca

affinity designer: contraints

[dieciséis] Comience habilitando restricciones

Para habilitar restricciones, vaya a ver & gt; Studio & GT; Restricciones. Desde allí, obtendrá un menú emergente que muestre las opciones de restricción. El cuadrado interno es donde cambia las restricciones de su objeto secundario, y la plaza exterior es su objeto principal.

03. Aplicar restricciones.

Affinity Designer: constraints

[dieciséis] Estas opciones dictarán la forma en que su contenido ancla a la mesa de arte.

Como mencionamos anteriormente, los objetos de anclaje a la mesa de arte harán que se reduzcan con el tablero de arte. Sin embargo, para mantener el espaciado entre los objetos y evitar la distorsión, necesitamos establecer ciertas reglas.

En este ejemplo, estoy trabajando con un encabezado, logotipo y navegación de menú de un sitio web. Para el encabezado (en la imagen arriba), permití las restricciones a la izquierda, la derecha y la parte superior del objeto. Esto significa que el encabezado se anclará a la izquierda, a la derecha y la parte superior del tablero de arte, sin importar cómo se escale el tablero de arte.

Para el título del sitio, habilité las restricciones a la izquierda y la parte superior del objeto. Si habrá que habilitar la restricción del contenedor / padre adecuado, el diseño se distorsionaría. La navegación es similar, pero con el lado derecho habilitado, porque se sienta a la derecha. Una vez que haya practicado esto un par de veces, ¡ganará mucho más sentido! También podría ayudar a ver el video de arriba y ver esto en acción.

04. Pegar artículos restringidos

Affinity Designer: pasting designs

[dieciséis] Pegar un diseño en un tablero de arte de diferentes tamaños lo hará cambiar el tamaño

Mi diseño original se basó en una pantalla de iPad. Ahora, cuando lo pongo en un tablero de arte de tamaño x, mi botón de encabezado, logotipo y navegación se adaptará automáticamente al contenedor más estrecho. Esto es genial porque mantiene mi diseño y espaciado uniforme a través de diferentes tamaños de arte.

05. Cuándo usar restricciones

El uso de restricciones es una gran herramienta para ahorrarle bolsillos de tiempo en lugares. Sin embargo, le recomendaría que los uses con moderación y cuidadosamente. Son excelentes para cosas simples, como encabezados y pies de página, pero cualquier diseños de contenido (e imágenes en particular) requerirán algunos ajustes.

Leer más:

  • Cómo crear un logotipo retro con el diseñador de afinidad.
  • La marca tradicional está muerta.
  • 6 enormes tendencias de logo para 2019

Cómo - Artículos más populares

21 Pasos para JavaScript Super Speedy

Cómo Jan 27, 2026

[dieciséis] (Crédito de la imagen: pexels.com) A primera vista, el procesamiento paralelo suena como una invitación al almu..

paso a paso: Cómo imitar la pintura al óleo en Corel Painter

Cómo Jan 27, 2026

Solo se siente como ayer cuando estaba jugando a los amigos de la escuela secundaria en los mundos de fantasía llenos de caballeros, magos, bárbaros y tesoros escondidos en las mazmorras. C..

Comienza con óxido

Cómo Jan 27, 2026

[dieciséis] Página 1 de 2: Página 1 Página 1 Página 2 ..

Diseños flexibles de moda con cuadrícula CSS

Cómo Jan 27, 2026

[dieciséis] La cuadrícula CSS es perfecta para crear diseños de dos ejes de filas y columnas. La sintaxis es simple y hace que la di..

Cómo crear un monstruo de estilo laberinto de PAN

Cómo Jan 27, 2026

[dieciséis] Página 1 de 2: Página 1 Página 1 Página 2 ..

Crea movimiento dinámico en una composición

Cómo Jan 27, 2026

[dieciséis] Antes de comenzar su dibujo, es importante decidir qué tipo de movimiento desea capturar. Trate de mantenerlo simple y di..

Cómo crear un paño de CG realista

Cómo Jan 27, 2026

[dieciséis] Cuando trabaje con tela y telas en 3D, puede ser difícil lograr una buena resolución y un gran aspecto. Su trabajo podr�..

Cómo crear una reina hada vívida

Cómo Jan 27, 2026

[dieciséis] Se le pide que pinte una reina de hadas de mala culo por nada que no sea mi revista favorita, ImagineFX, me emocionó much..

Categorías