Affinity Designer: How to use constraints

Sep 15, 2025
कैसे करना है

एफ़िनिटी डिजाइनर एक लोकप्रिय है वेक्टर कला उपकरण। साथ ही मैक और विंडोज संस्करण, हाल ही में एसईआरआईएल जारी किया गया आईपैड के लिए एफ़िनिटी डिजाइनर । [2 9]

आजकल, यदि आप वेब और ऐप्स के लिए डिज़ाइन कर रहे हैं, तो आपको कई उपकरणों और संकल्पों के साथ काम करने की आवश्यकता है। जब चीजें समान रखने की बात आती है तो इससे कई कलाकारों और गंभीर सिरदर्द हो सकते हैं। सौभाग्य से, एफ़िनिटी डिजाइनर आपको इस प्रक्रिया को थोड़ा और अधिक व्यवस्थित करने में मदद कर सकता है, जिसमें बाधाओं कहा जाता है। [2 9]

इस ट्यूटोरियल में हम संक्षेप में बाधाओं के मूलभूत सिद्धांतों और वे कैसे काम करेंगे। एक सिंहावलोकन के लिए नीचे दिए गए वीडियो को देखें, या एफ़िनिटी डिज़ाइनर में बाधाओं का उपयोग करने के लिए पांच आवश्यक युक्तियों के लिए पढ़ें। [2 9]

यहां भी हमारे लेखों को देखने के लिए मत भूलना ग्रिड का उपयोग कैसे करें तथा निर्यात व्यक्तित्व का उपयोग कैसे करें तथा पेन टूल का उपयोग कैसे करें । [2 9]

01. माता-पिता और बच्चे की वस्तुएं

[5 9] parent and child objects Affinity Designer [2 9]

बाल वस्तुएं पैरेंट कंटेनर के सापेक्ष स्केल करेंगी
[6 9]

मूल और बाल वस्तुओं का उपयोग करके बाधाएं काम करती हैं। आपकी चयनित वस्तु 'बच्चा' है, और कंटेनर को 'माता-पिता' के रूप में जाना जाता है। बाल वस्तुएं मूल वस्तु के सापेक्ष पैमाने पर होगी। [2 9]

उदाहरण के लिए, यदि आप अपने आर्टबोर्ड के आकार को बदलते हैं और आपकी चाइल्ड ऑब्जेक्ट को आपके आर्टबोर्ड पर लंगर दिया जाता है, तो यह परिवर्तन के साथ जवाब देगा। आपको अपने वांछित परिणाम प्राप्त करने के लिए विभिन्न विकल्पों को टॉगल करने की आवश्यकता होगी। [2 9]

02. टॉगल अवलोकन विकल्प

affinity designer: contraints [2 9]

बाधाओं को सक्षम करके शुरू करें
[6 9]

बाधाओं को सक्षम करने के लिए, दृश्य और जीटी पर जाएं; स्टूडियो और जीटी; बाधाएं। वहां से, आपको एक पॉपअप मेनू मिल जाएगा जो बाधा विकल्प दिखा रहा है। आंतरिक वर्ग वह जगह है जहां आप अपने बच्चे की वस्तु की बाधाओं को टॉगल करते हैं, और बाहरी वर्ग आपकी मूल वस्तु है। [2 9]

03. बाधाओं को लागू करें

[10 9] Affinity Designer: constraints [2 9]

ये विकल्प यह निर्धारित करेंगे कि आपकी सामग्री आर्टबोर्ड पर एंकर
[6 9]

जैसा कि हमने पहले उल्लेख किया था, आर्टबोर्ड पर एंकरिंग ऑब्जेक्ट्स उन्हें आर्टबोर्ड के साथ आकार देने का कारण बनेंगे। हालांकि, वस्तुओं के बीच अंतर को बनाए रखने और विरूपण से बचने के लिए, हमें कुछ नियम निर्धारित करने की आवश्यकता है। [2 9]

इस उदाहरण में, मैं एक वेबसाइट हेडर, लोगो और मेनू नेविगेशन के साथ काम कर रहा हूं। शीर्षलेख (ऊपर चित्रित) के लिए, मैंने ऑब्जेक्ट के बाएं, दाएं और शीर्ष पर बाधाओं को सक्षम किया। इसका मतलब है कि हेडर को बाएं, दाएं और शीर्ष पर लंगर दिया जाएगा, कोई फर्क नहीं पड़ता कि आर्टबोर्ड को कैसे स्केल किया गया है। [2 9]

साइट शीर्षक के लिए मैंने ऑब्जेक्ट के बाईं और शीर्ष पर बाधाओं को सक्षम किया। यदि आप सही कंटेनर / अभिभावक की बाधा को सक्षम करना चाहते थे, तो डिजाइन विकृत होगा। नेविगेशन समान है, लेकिन दाएं तरफ सक्षम है, क्योंकि यह दाईं ओर बैठता है। एक बार जब आप इसे दो बार अभ्यास कर लेते हैं तो यह और अधिक समझ में आता है! यह उपरोक्त वीडियो देखने में भी मदद कर सकता है और इसे कार्रवाई में देख सकता है। [2 9]

04. बाधित आइटम पेस्ट करें

Affinity Designer: pasting designs [2 9]

एक अलग आकार के आर्टबोर्ड में एक डिजाइन को चिपकाने से इसका आकार बदल जाएगा
[6 9]

मेरा मूल डिजाइन आईपैड स्क्रीन पर आधारित था। अब, जब मैं इसे आईफोन एक्स-साइज्ड आर्टबोर्ड में पेस्ट करता हूं, तो मेरा शीर्षलेख, लोगो और नेविगेशन बटन स्वचालित रूप से संकुचित कंटेनर को अनुकूलित करेगा। यह बहुत अच्छा है क्योंकि यह विभिन्न कलाकृत आकारों में मेरा डिज़ाइन और स्पेसिंग वर्दी रखता है। [2 9]

05. कब बाधाओं का उपयोग करें

बाधाओं का उपयोग करने से आपको स्थानों में समय की जेब बचाने के लिए एक अच्छा उपकरण है। हालांकि, मैं सलाह दूंगा कि आप उन्हें कम और सावधानी से उपयोग करते हैं। वे हेडर और पाद लेखों जैसी सरल चीजों के लिए बहुत अच्छे हैं, लेकिन किसी भी सामग्री-भारी डिजाइन (और विशेष रूप से छवियों) को कुछ tweaking की आवश्यकता होगी। [2 9]

अधिक पढ़ें: [2 9]

  • एफ़िनिटी डिज़ाइनर के साथ रेट्रो लोगो कैसे बनाएं
  • पारंपरिक ब्रांडिंग मर चुका है
  • 2019 के लिए 6 विशाल लोगो के रुझान
    • [16 9]

कैसे करना है - सर्वाधिक लोकप्रिय लेख

एक सिर कैसे आकर्षित करें: एक पूर्ण गाइड

कैसे करना है Sep 15, 2025

(छवि क्रेडिट: ओलिवर पाप) [1 9] 2 का पृष्ठ 1: ..

Use brain.js to build a neural network

कैसे करना है Sep 15, 2025

(छवि क्रेडिट: गेट्टी छवियां) [1 9] Brain.js एक तंत्रि�..

Get started with Babel 7

कैसे करना है Sep 15, 2025

पारिस्थितिक तंत्र की चौड़ाई के कारण जावास्क्रिप..

5 hot new CSS features and how to use them

कैसे करना है Sep 15, 2025

2 का पृष्ठ 1: 5 नई सीएसएस विशेषताएं एक्सप्�..

Jump start React Native with Expo

कैसे करना है Sep 15, 2025

मूल निवासी एक ऐसा मंच है जो आपको जावास्क्रिप�..

How to prototype a mobile app with Origami Studio

कैसे करना है Sep 15, 2025

ऐसी दुनिया में जहां उपयोगकर्ताओं को वेब और मोबाइल, प्रोटोटाइपिंग और उपय�..

How to create amazing effects with CSS Shapes

कैसे करना है Sep 15, 2025

फ्रंटेंड डेवलपर्स आयताकार में सोचते हैं; आयताका�..

तेल चित्रकला के साथ कैसे शुरू किया जाए

कैसे करना है Sep 15, 2025

तेल के साथ चित्रकारी कला बनाने का एक रोमांचक तरीका है। हालांकि, कई लोगों �..

श्रेणियाँ