Affinity Designer: come usare i vincoli

Sep 15, 2025
Come si fa

Affinity Designer è un popolare Arte vettoriale attrezzo. Oltre alle versioni Mac e Windows, SERIF recentemente rilasciato Designer di affinità per iPad .

Al giorno d'oggi, se stai progettando per il web e le app, è necessario lavorare con più dispositivi e risoluzioni in mente. Questo può portare a tavolette multiple e mal di testa gravi quando si tratta di mantenere le cose uniformi. Fortunatamente, Affinity Designer può aiutarti a semplificare questo processo un po 'di più, con qualcosa chiamato vincoli.

In questo tutorial entreremo brevemente nei fondamenti dei vincoli e di come funzionano. Guarda il video qui sotto per una panoramica o leggere per cinque suggerimenti essenziali per l'utilizzo dei vincoli in Affinity Designer.

Inoltre non dimenticare di controllare i nostri articoli su Come usare le griglie e Come usare il personaggio di esportazione e Come usare lo strumento penna .

01. Genitore e oggetti figlio

parent and child objects Affinity Designer

Gli oggetti figlio ridurranno relativi al contenitore genitore

I vincoli funzionano utilizzando oggetti genitore e figlio. Il tuo oggetto selezionato è il "bambino" e il contenitore è noto come "genitore". Gli oggetti figlio ridurranno relativi all'oggetto principale.

Ad esempio, se altera la dimensione della tua tavola da disegno e il tuo oggetto figlio è ancorato alla tua tavola da disegno, risponderà con il cambiamento. Avrai bisogno di attivare le varie opzioni per raggiungere il risultato desiderato.

02. Opzioni del vincolo a levetta

affinity designer: contraints

Inizia abilitando i vincoli

Per abilitare i vincoli, andare a View & GT; Studio & GT; Vincoli. Da lì, riceverai un menu popup che mostra le opzioni del vincolo. La piazza interiore è dove disattiva i vincoli del tuo oggetto figlio, e il quadrato esterno è il tuo oggetto genitore.

03. Applicare vincoli

Affinity Designer: constraints

Queste opzioni detterranno come i tuoi contenuti vengono ancore alla tavola da disegno

Come abbiamo detto prima, l'ancoraggio di oggetti alla cartongesso causerà loro di ridimensionare con la tavola da disegno. Tuttavia, al fine di mantenere la spaziatura tra gli oggetti ed evitare la distorsione, dobbiamo impostare determinate regole.

In questo esempio, sto lavorando con un'intestazione del sito Web, logo e navigazione del menu. Per l'intestazione (nella foto sopra), ho abilitato vincoli a sinistra, a destra e in cima all'oggetto. Ciò significa che l'intestazione sarà ancorata a sinistra, destra e cima della cartongesso, non importa come la tavola da disegno è ridimensionata.

Per il titolo del sito I abilitato i vincoli a sinistra e sulla parte superiore dell'oggetto. Se dovessi abilitare il giusto contenitore / vincolo dei genitori, il design potrebbe distorcere. La navigazione è simile, ma con il lato destro abilitato, perché si siede sulla destra. Una volta praticata questo un paio di volte farà molto più senso! Potrebbe anche aiutare a guardare il video sopra e vederlo in azione.

04. Incolla oggetti vincolati

Affinity Designer: pasting designs

Incollare un design in una tavola da disegno di diversa dimensione lo farà ridimensionare

Il mio design originale era basato su uno schermo iPad. Ora, quando l'ho incollato in una tavola da disegno di un iPhone X-dimensionale, il mio intestazione, logo e pulsante di navigazione si adatta automaticamente al contenitore più stretto. Questo è ottimo perché mantiene la mia forma di design e spaziatura attraverso diverse dimensioni della tavola da disegno.

05. Quando usare vincoli

L'utilizzo dei vincoli è un ottimo strumento per salvarti tasche di tempo in luoghi. Tuttavia, consiglierei di usarli con parsimonia e attentamente. Sono fantastici per cose semplici come intestazioni e piè di pagina, ma qualsiasi disegno di contenuti pesanti (e immagini in particolare) richiederà un po 'di modifica.

Per saperne di più:

  • Come creare un logo retrò con Affinity Designer
  • Il branding tradizionale è morto
  • 6 Enormi tendenze del logo per il 2019

Come si fa - Articoli più popolari

Come creare un collage di foto in Photoshop cc

Come si fa Sep 15, 2025

Imparare come creare un collage di foto in Photoshop sarà utile in molte situazioni diverse. Le singole foto catturano momenti singoli nel tempo, ma invocano un collage e potrai illustrare u..

Inizia con Bulma

Come si fa Sep 15, 2025

(Immagine di immagine: Bulma) Vuoi iniziare a usare Bulma? Sei nel posto giusto. Bulma è un framework CSS popolare c..

Crea arte CSS animata

Come si fa Sep 15, 2025

(Immagine di credito: SCKONG TIFFANY) La creazione di immagini CSS è un modo divertente per praticare le tue abilit�..

Come creare erba 3D

Come si fa Sep 15, 2025

L'erba 3D può essere creata in una varietà di modi diversi ed è una risorsa essenziale per qualsiasi ambiente naturale o rende..

Usa Marmoset Toolbag per presentare i modelli in VR

Come si fa Sep 15, 2025

MARMOSET Toolbag non è affatto nuovo al 3D Art. industria. È stato fuori per anni, ed è noto per la sua robuste..

Come utilizzare i font Web

Come si fa Sep 15, 2025

Di seguito è riportato un estratto preso dal manuale di Bram Stein's WebFont. Compralo qui ..

Arrivo con la tecnica pittura umida-in-bagnata

Come si fa Sep 15, 2025

Wet-in-wet è a tecnica di pittura che può spesso causare frustrazione. Questo metodo è dove viene aggiunta una ..

Usa particelle per creare uno splash 3D

Come si fa Sep 15, 2025

Questo tutorial darà un'occhiata a come è possibile creare uno spruzzo liquido o un effetto corona e può essere usato per fare..

Categorie