अगर आपको भी अपना यूआई डिजाइन वर्कफ्लो इंप्रूव करना है और उसमें बहुत सारा टाइम सेव करना है तो आपको फि मा का एक बहुत इंपॉर्टेंट फीचर ऑटो लेआउट को अच्छे से यूज़ करना आना चाहिए यह इतना यूज़फुल फीचर है कि कोई भी डिजाइनर इसके बगैर अब डिजाइन नहीं करता है तो आज इस सीरीज की सिक्स्थ वीडियो में हम यही ऑटो लेआउट को मास्टर करने वाले हैं हेलो एंड नमस्ते मेरा नाम है सौरव वेलकम बैक टू द फिग्मा कश कोर्स सीरीज होप फुली आप इस कोर्स को स्टार्टिंग से फॉलो कर रहे होंगे और अगर अभी तक आपने बाकी वीडियोस नहीं देखी हैं तो चैनल पे मैंने एक प्लेलिस्ट बना दी है अब वहां से जाके पिछली सारी वीडियोस आप देख सकते हो अब आज की इस वीडियो में हम ऑटो लेआउट के बारे में सब कुछ डिटेल में समझने वाले हैं कि किस तरीके से यूज़ करते हैं और क्या-क्या फीचर्स अवेलेबल है फमा के अंदर रेस्पॉन्सिव डिजाइन ऑटो लेआउट को यूज़ करके किस तरह बनाते हैं और मैं अपनी एक डिजाइन का एग्जांपल आप लोग को एकदम डिटेल में दिखाने वाला हूं तो मेक श्योर कि हमेशा की तरह इस वीडियो को भी लास्ट तक देखना बिना स्किप किए ताकि आपसे कोई भी इंपॉर्टेंट पॉइंट ऑटो लेआउट के बारे में मिस ना हो और आपको ऑटो लेआउट के बारे में कोई भी कंफ्यूजन ना रह जाए तो सबसे पहले मैं आपको एक इंपॉर्टेंट चीज बताऊंगा कि आपको ऑटो ले सीखने से पहले कंस्ट्रेंट्स को सीखना बहुत जरूरी है कंस्ट्रेंट्स भी फिग्मा का एक फीचर है जो कि वहां पे रिस्पांसिस डिजाइन के लिए यूज होता है यह चीज फमा में है ऑलरेडी और मैंने इसके ऊपर काफी टाइम पहले ही एक डिटेल वीडियो बना दी है यहां से जाके आप ये वाली वीडियो देख सकते हो और इस वीडियो में मैंने कंस्ट्रेंट को डिटेल में समझाया है ऑटो लाउट भी समझाया बट ऑटो लाउट आप इस वीडियो में फिर से समझ सकते हो बट कंस्ट्रेंट्स आप इस वीडियो प जाके देख सकते हो क्योंकि कंस्ट्रेंट में वही सारी चीजें हैं कुछ ज्यादा अपडेट्स नहीं हुए फि मा के अंदर ठीक है बट ऑटो लड में काफी ज्यादा चेंजेज हुए हैं फमा ने काफी अपडेट्स किए हैं ऑटोलेआउट के अंदर तो वो चीजें हम इस वीडियो में देखेंगे तो अभी सीधे चलते हैं फिग्मा बोर्ड पे और देखते हैं ऑटोलेआउट किस तरीके से यूज करते हैं और ये क्या होता है तो अभी के लिए मेरे पास एक पूरा ब्लैंक कैनवास है और ऑटो लेआउट लगाने के लिए आपको सबसे पहले एक फ्रेम चाहिए तो सबसे पहले मैंने यहां पे कीबोर्ड पे एफ प्रेस करा यानी कि मुझे एक फ्रेम लेना है तो मैं रैंडम कोई फ्रेम ऐसे ड्रॉ कर लेता हूं ठीक है अब आप समझना ऑटो लेआउट आप किसी भी ऑब्जेक्ट के अंदर लगा सकते हो ठीक मतलब किसी भी ऑब्जेक्ट के अंदर मतलब अगर दो ऑब्जेक्ट है सिंगल ऑब्जेक्ट है कोई टेक्स्ट ऑब्जेक्ट है बटन है कोई फ्रेम है कलेक्शन ऑफ फ्रेम है बहुत सारे फ्रेम्स हैं ठीक है आप सब जगह ऑटो लट लगा सकते हो ठीक उसकी कुछ प्रॉपर्टी होती है जिस भी फ्रेम पे आप लगाओगे जिस भी ऑब्जेक्ट पे आप ऑटो लेआउट लगाओगे वो अपने आप को उस ऑटोलेआउट के प्रॉपर्टीज के अकॉर्डिंग एडजस्ट कर लेगा ठीक है वो कैसे होता है मैं आपको बताता हूं ठीक तो जैसे ये एक फ्रेम है मैं इसके अंदर एक ऑब्जेक्ट ड्रॉ करता हूं कुछ भी ड्रॉ कर सकता हूं मैंने एक और फ्रेम इसके अंदर ड्रॉ किया ठीक और इसको मैंने यहां पे सेंटर अलाइन कर दिया ठीक जैसे इसको सेंटर अलाइन किया थोड़ा सा मैं इसको कलर दे देता हूं कोई ताकि यह दिखे ठीक है फॉर एग्जांपल मैंने इसको ये कलर दिया तो अभी ये एक नॉर्मल फ्रेम है है ना इसमें हमने कुछ भी ऑटो लट वगैरह नहीं लगाया है तो आप अगर लेयर्स पैनल प देखोगे तो ये एक फ्रेम का सिंबल है ठीक जैसे फ्रेम का यहां पे होता है ना तो ये जितने भी अभी देखो लगे हुए हैं वो फ्रेम्स के सिंबल है ठीक तो अभी हमको इस पूरे फ्रेम में ऑटो लेआउट लगाना है अब आप बोलोगे ऑटो लेआउट क्यों लगाना है देखो इसलिए लगाना है कि अभी क्या होगा ठीक अभी क्या होगा अगर मैं इसको रिसाइट करूं तो अभी ये कंस्ट्रेंट सेट है इसके ठीक फॉर एग्जांपल कंस्ट्रेंट आप आपने पढ़ रखे हैं जैसे मैंने बताया कि आपको अगर कंस्ट्रेंट सीखना है तो आप मेरी वो कंस्ट्रेंट वाली वीडियो देख सकते हो मैं कार्ड्स में उसका लिंक दे दूंगा आप वहां से जाके उसको पहले देख लो कंस्ट्रेंट्स देन आप ऑटर लाउट सीखो ठीक तो अगर इस फ्रेम में मैं अभी इसको डुप्लीकेट करूं फॉर एग्जांपल मैं इसमें कंट्रोल डी प्रेस करता हूं तो कुछ भी नहीं हुआ ये डुप्लीकेट तो हुआ बट क्या हुआ कि उसके ऊपर ही डुप्लीकेट हो गया सी ओवरलैप होके डुप्लीकेट हो गया और आप यहां पे फ्रीली कोई भी ऑब्जेक्ट को मूव कर सकते हो इन विद इन द फ्रेम बट ऑटो लेआउट में क्या होता है सब चीज सिस्टम से होती है वो मैं बताता हूं अभी कि इस तरीके से होती है बट यहां पे आपका ना एरर के चांसेस बढ़ जाते हैं आप हो सकता है आपसे मैनुअली कोई चीज इधर-उधर हिल जाए अगर एक पिक्सेल भी हिल गई तो आपकी पडि वो अ सही नहीं आती स्पेसिंग डिस्टर्ब हो जाती है और एक बेसिकली आप कह सकते हो कि रैंडम नंबर्स हो सकते हैं क्योंकि आप मैनुअली मूव कर सकते हो बट वहीं पे ऑटो लेआउट में क्या होता है सारी चीजें आप एक प्रॉपर्टी से कंट्रोल करते हो और कुछ भी आप मैनुअली मूव नहीं कर सकते ठीक तो फॉर एग्जांपल आपने यहां पे डुप्लीकेट करा अब देखो जैसे ये फ्रेम है अब मेरे पास दो ऑब्जेक्ट हैं और अगर मैं एक ऑब्जेक्ट को डिलीट करता हूं तो बाहर वाला जो फ्रेम है वो बिल्कुल रिस्पांसिस नहीं है मतलब अगर डिलीट कर रहे हो या डुप्लीकेट कर रहे हो तो कोई फर्क नहीं पड़ रहा उस फ्रेम में ठीक क्योंकि वो एक फिक्स विड्थ पे सेट है अब यही चीज ऑटो लेआउट में किस तरीके से होती है तो देखो जैसे एक ये फ्रेम है ठीक मैंने इस पे ऑटो लेआउट लगाना है ठीक तो मैंने क्या किया यहां पे ऑटो लेआउट राइट साइड में आप देखोगे तो यहां पे ऑटो लेआउट का एक ऑप्शन रहता है ठीक ये वाला तो इस ऑटो लेआउट प मैं क्लिक करता हूं जैसे मैंने इस पर क्लिक करा या फिर आप शिफ्ट ए भी प्रेस कर सकते हो शिफ्ट ए ऑटो लआउट का शॉर्टकट होता होता है और वो काफी काम का शॉर्टकट है क्योंकि क्या होता है कई बारी ऑटो लेआउट यहां पे ये ऑप्शन आपको नहीं दिख रहा होता है कुछ पर्टिकुलर ऑब्जेक्ट्स में ऑटो लेआउट का ऑप्शन नहीं दिख रहा होता है जैसे आपने कोई टेक्स्ट सेलेक्ट किया हुआ है है ना ये सारी चीजें सेलेक्ट करी है तो ऑटो लेट का ऑप्शन नहीं दिखेगा बट हम शिफ a का यूज़ करके ऑटो लेआउट फिर भी लगा सकते हैं ठीक तो जैसे यहां पे ऑटो लड मैंने क्लिक करा या मैंने शिफ्ट ए प्रेस करा जैसे ही आप शिफ्ट ए प्रेस करते हो तो देखो क्या हुआ बाहर वाला जो फ्रेम था उसने अपने आप को इस ऑब्जेक्ट के अकॉर्डिंग फिट कर लिया और इसने इतनी स्पेस क्यों छोड़ी है 36 और 40 फ की क्योंकि बाय डिफॉल्ट जो स्पेस रहती है है ना चारों बाउंड्री से उस ऑब्जेक्ट की वही पैडिट हो जाती है तो जैसे फॉर एग्जांपल ये जो फ्रेम था अब ये ऑटो लेआउट में हो गया है अगर आपको रिचेक करना है ऑटो लेआउट में हो गया कि नहीं तो आप लेयर्स पैनल में जाके देख सकते हो यहां पे ये वाला सिंबल बदल जाएगा इस सिंबल के जगह यानी ये फ्रेम का सिंबल था अब ये इस सिंबल में कन्वर्ट हो चुका है इस आइकन में व्हिच इज द ऑटोलेआउट आइकन ठीक अब ये आइकन ऑटो लाउट में चेंज होता रहता है वो मैं अभी बताता हूं आपको कि किस तरीके से कितने टाइप के आइकंस यहां पे हो सकते हैं है बट अभी आप समझो कि ये ऑटो लट में लग चुका है ठीक अब यहां पे क्या होगा कि आपको कोई भी चीज एडजस्ट करनी है कोई स्पेस एडजस्ट करना है कोई पैडिट एडजस्ट करनी है पैडिट क्या होती है जब भी कोई ऑब्जेक्ट अपने पेरेंट के अंदर है यानी फॉर एग्जांपल ये रेड रेड वाला जो बॉक्स है ये इस फ्रेम के अंदर है तो इसका ये फ्रेम जो हुआ पेरेंट हो गया कंटेनर हो गया पेरेंट कंटेनर और ये फ्रेम जो हो गया अंदर का जो भी ऑब्जेक्ट होगा इस जगह पे कुछ भी हो सकता है कोई इमेज कोई टेक्स्ट कोई बटन मल्टीपल चीजें हो सकती हैं ठीक है तो उस ऑब्जेक्ट से जो कंटेनर है उसकी जितनी भी डिस्टेंस रहती है दैट इज पडि सो फॉर एग्जांपल यहां पे क्या है अगर मुझे पैडिट चेक करनी है तो मैं ऑल्ट होल्ड करूंगा अपने कीबोर्ड पे ऑप्शन होल्ड करूंगा मैक पे जैसे मैंने ऑल्ट होल्ड करा तो आप देखोगे यहां पे जहां पे भी मैं हर करता हूं कुछ इस तरह तो आप देखोगे कि ये नंबर्स दिख रहे हैं 44 36 और 44 ठीक है तो ये जो 44 पडि है दिस इज अ हॉरिजॉन्टल पैडिट और ये जो 36 है दिस इज वर्टिकल पैडिट ठीक कि ऊपर नीचे से कितने डिस्टेंस है और लेफ्ट राइट से कितने डिस्टेंस है तो ऑटो लट में ये सारी चीजें आप प्रॉपर्टीज से ही ऑटो लाउट के एडजस्ट कर सकते हो आपको कुछ भी मैनुअली करने की जरूरत नहीं होती ठीक तो कैसे होता है देखो यहां पे मैंने ऑटो लेआउट पे क्लिक करा मेक श्यर कि आप बाहर वाले ऑटो लेआउट वाले फ्रेम पे सिलेक्टेड रहो अदर वाइज आपको प्रॉपर्टीज नहीं दिखेंगी ठीक ऑब्जेक्ट पे नहीं सेलेक्ट करना है आपको बाहर आउटर मोस्ट फ्रेम पे आपको सेलेक्ट करना है ठीक तो अब समझते हैं ऑटो लाउट में क्या-क्या ऑप्शंस हमको मिल जाते हैं राइट पैनल पे ठीक तो अगर ये वाला पैनल आप देखोगे तो यहां पे आपको ऑट आउट के अंदर इतनी प्रॉपर्टीज आपको मिलती है तो एक-एक करके समझते हैं ठीक है तो सबसे पहले हमारे पास ऑप्शन होता है अलाइन मेंट का ठीक यानी कि लेआउट का ऑप्शन होता है फिग्मा इसको आउट बोलता है ठीक तो फॉर एग्जांपल ये तब काम करता है जब दो से ज्यादा या एक से ज्यादा कोई चीज होती है मतलब दो या दो से ज्यादा ऑब्जेक्ट्स होने चाहिए तो फॉर एग्जांपल अभी यहां पे एक है तो ये वर्टिकल लेआउट हॉरिजॉन्टल लेआउट और रैपिंग काम नहीं करेगी ठीक क्योंकि हमारे पास सिर्फ एक चीज है तो हम क्या करते हैं डायरेक्टली इस फ्रेम को सेलेक्ट किया मैंने और इसको कंट्रोल डी प्रेस करके इसको डुप्लीकेट किया ठीक तो जैसे मैंने इसको डुप्लीकेट किया अब देखो ये ऑटोमेटिक फ्रेम खुद को एडजस्ट कर रहा है बट वहीं पे फ्रेम वाले केस में क्या हो रहा था कुछ भी नहीं हो रहा था यानी कि आप चाहे जितना मर्जी डुप्लीकेट करो डिलीट करो फ्रेम एक फिक्स साइज पे रहता था ठीक इस केस में क्या है जब मैं डुप्लीकेट करता हूं तो नंबर ऑफ अ लाइक बॉक्सेस बढ़ते जाते हैं यानी कि जो ऑब्जेक्ट है वो बढ़ता जा रहा है और अपने आप को फ्रेम भी एडजस्ट कर रहा है क्योंकि दिस फ्रेम इज इन द ऑटो लेआउट ऑटो लेआउट का मतलब अपने लेआउट को ऑटोमेटिक एडजस्ट करेगा अकॉर्डिंग टू द नीड ठीक है जैसे-जैसे अंदर के ऑब्जेक्ट्स चेंज होंगे तो अभी आप यहां पे देखो कि इस फ्रेम पे ऑटो लाउट लगा हुआ है और ये वर्टिकल लेआउट पे सेट है तो जैसे ही मैं इसको वर्टिकल से अगर हॉरिजॉन्टल चेंज करूं तो यहां पे क्या होगा ये अपने आपको हॉरिजॉन्टल अपने आप प्लेस कर लेगा ठीक तो जैसे यहां पे वर्टिकल यहां पे हॉरिजॉन्टल ठीक अब यहां पे एक और ऑप्शन है रैपिंग का अब ये रिसेंट फीचर है फिग्मा का लेकिन बहुत इंपॉर्टेंट है ठीक तो जैसे इस केस में देखो क्या होगा अगर मैं इसको यहां पे ऐसे रिस्पांसिस करने का ट्राई करूं तो कुछ भी नहीं होगा क्या हो रहा है क्लिप हो जा रहा है हां आप यहां पे रिसाइम सेट करके क्या कर सकते हो कि इस ऑब्जेक्ट में मैंने सारे ऑब्जेक्ट्स को सेलेक्ट करा यानी कि एक दो तीन ऐसे करके मैंने सेलेक्ट कर लिया या फिर आप बाहर पे फ्रेम पे रह कर के इंटर प्रेस कर सकते हो इंटर पे क्या होता है कि एक फ्रेम के अंदर जितने भी ऑब्जेक्ट्स हैं वो एक ही बार में सारे सेलेक्ट हो जाते हैं जैसे मैंने इंटर प्रेस करा तो सारे ऑब्जेक्ट देखो सेलेक्ट हो चुके हैं ठीक है उस फ्रेम के अंदर और मैंने इसकी रिसाइटिड करके ये सब क्या होती है एक-एक करके मैं बताता हूं यहां पे आपको फिक्स विड्थ हक कंटेंट और फि कंटेनर ऐसे प्रॉपर्टीज मिलती हैं तो अभी के लिए मैं इसको सिंपली फिल पे कर देता हूं तो जैसे ही मैंने फिल पे करा तो क्या होगा अब ये रिस्पांसिस हो जाएगा रिस्पांसिस तो हो जाएगा बट क्या हो अगर आप ये नहीं चाहते हो कि आपके जो ऑब्जेक्ट्स हैं यानी कि जो आपके अंदर के कार्ड्स हैं वो इस तरीके से रिसाइट हो हम क्या चाहते हैं सिंपली कि चार हैं तो जैसे मैं रिसाइट करूं तो वो ब्रेकडाउन हो जाए यानी कि चार से दो नीचे आ जाए और दो ऊपर हो जाए यानी जो उनका लेआउट है वो सिंपली चेंज हो जाए तो उस केस में आप क्या करते हो रैपिंग यूज़ करते हैं ठीक तो जैसे ही मैंने रैपिंग ऑन किया तो अब देखो क्या होगा एक पॉइंट पे आकर के ये अपने आप को ब्रेक करेगा लाइंस में क्यों रैपिंग का मतलब क्या हुआ कि जहां तक तो जगह है वो तो उसमें रह रहा था यानी कि पूरा अगर हमने वर्टिकल पूरी स्पेस दे रखी है तो सारे ऑब्जेक्ट्स एक ही लाइन में आ जाएंगे बट अगर आपने स्पेस कम कर दी यानी कि अगर मैं इसको कम करता चला जाता हूं तो ऑटोमेटिक वो दो लाइंस प ब्रेक करेगा फिर दो कॉलम ब्रेक करेगा फिर अ एक कॉलम में ब्रेक कर लेगा ठीक यानी कि ये कंप्लीट ऑटोमेटिक है तो ये चीज यूज होती है जब आप बहुत एडवांस लेवल की रिस्पांसिस डिजाइन बनाते हो ठीक और इसमें मैक्स विड्थ और मीन विड्थ भी ऐड हो जाती है वो चीज भी हम देखेंगे आने वाले वीडियोस में बट अभी के लिए आप ऑटो लेआउट समझो ठीक तो जैसे इसमें ऑटो लेआउट है और ये लेआउट के फीचर्स हैं बेसिकली ठीक मैंने आपको वर्टिकल बता दिया हॉरिजॉन्टल बता दिया और रैपिंग बता दी ठीक अब नीचे मूव करते हैं स्पेसिंग में तो देखो यहां पे क्या होगा अगर मैं इसको वर्टिकल पे चेंज करूं और मैं इसको हक कंटेंट कर दूं यानी कि जो फ्रेम है वो खुद को एडजस्ट कर लेगा अपने ऑब्जेक्ट्स के अकॉर्डिंग तो मैंने इसको हग पे चेंज करा एंड अब देखो स्पेसिंग का मतलब क्या होता है ठीक तो जैसे मैं यहां पे हर करता हूं यानी दो ऑब्जेक्ट के बीच में तो आपको यहां पे प्रॉपर्टी मिलती है ठीक आप इसको चेंज करके ऐसे चेंज कर सकते हो दिस इज कॉल्ड स्पेसिंग या फिर आप यहां से देखोगे यहां पे नीचे ये फीचर मिलता है यानी कि ये स्पेसिंग का फीचर मिलता है तो जैसे मैं इस पर जाकर के कोई नंबर डालता हूं या फिर अगेन आप ड्रैग करके वैल्यू को चेंज कर सकते हो ठीक तो जैसे मैंने वैल्यू बढ़ाई तो देखो स्पेसिंग बढ़ती है तो स्पेसिंग हमेशा दो चीजों के बीच में होती है जो कि एक ऑटो लेआउट कंटेनर के अंदर है जो कंटेनर है वो ऑटो लेआउट में होना चाहिए तभी आपको ये फीचर दिखेगा ठीक और दो ऑब्जेक्ट्स होने चाहिए दो से ज्यादा ही होना चाहिए बेसिकली तो जैसे यहां पे चार है तो चारों के बीच की जो स्पेसिंग है है ना वो चेंज हो रही है इसके अकॉर्डिंग सिमिलरली हम अगर यही चीज हॉरिजॉन्टल लेआउट में करते हैं तो वहां पे भी देखो यही स्पेसिंग काम में आएगी ठीक लेकिन जब हम रैपिंग ऑन कर देते हैं जैसे फॉर एग्जांपल मैं रैपिंग ऑन करता हूं यहां पे तो आपको दो स्पेसिंग देखो देखने मिलती है देखो जैसे मैंने ऑन किया यहां पे नोटिस करना आप जैसे मैंने ऑन करा एक और देखो स्पेसिंग ऐड हो गई क्यों क्योंकि रैपिंग में क्या हो रहा था रैपिंग में ये हो रहा था कि जब हम इसको ब्रेक करते हैं तो देखो यहां पे एक तो स्पेसिंग हो गई हॉरिजॉन्टल और एक स्पेसिंग हो गई वर्टिकल यानी कि रैपिंग के अंदर दोनों टाइप के स्पेसिंग प्ले में आती हैं ठीक तो इस चीज को करने के लिए अभी बाय डिफॉल्ट क्या रहता है कि जो आपने एक स्पेसिंग सेलेक्ट कर रखी है बाय डिफॉल्ट वही स्पेसिंग यहां पर भी सिलेक्टेड रहती है बट मैनुअली आप दोनों को अलग-अलग स्पेसिंग भी दे सकते हो ठीक तो जैसे 120 एक है 120 और दूसरी को मैं 20 कर देता हूं तो आप देखो ठीक यानी कि जो वर्टिकल स्पेसिंग थी वो हमने वर्टिकल गैप को बढ़ा दिया यानी कम कर दिया और हॉरिजॉन्टल गैप को ऐसे ऐसे कम कर दिया तो अब आप समझ गए होंगे कि रैपिंग में किस तरीके से स्पेसिंग काम करती है बेसिकली ये ऐसे और ये ऐसे ठीक तो में आप थोड़ा सा प्ले करके देख सकते हो थोड़ा सा और प्रैक्टिस करोगे तो इस चीज में कमांड हो जाएगी आपकी उसके बाद आपको यहां पे पैडिट के ऑप्शंस मिलते हैं ठीक तो जैसे आपको मिलता है हॉरिजॉन्टल पैडिट और वर्टिकल पैडिट तो जैसे मैंने बताया था पैडिट ये वाली प्रॉपर्टी होती है यानी कि किसी भी कंटेनर से डिस्टेंस होता है ऑब्जेक्ट का तो मैंने ये कंटेनर सेलेक्ट करा ऑटो लाउड के अंदर है जो और मैं इसकी पैडिट बढ़ाता हूं ठीक तो अभी 44 है जब मैं इसकी बढ़ाता हूं पडि तो देखो क्या होगा ये इंक्रीज हो रही है सिंपल और सिमिलरली वर्टिकल पडि इस तरीके से वर्टिकल पैडिट घटेगी बढ़ेगी ठीक है तो ये चीज भी आप काम में लाते हो फॉर एग्जांपल आपने कोई बटन बनाई कोई फ्रेम बनाया और उसमें आपको कंटेंट प्लेस करना है तो आप राद देन मैनुअली किसी फ्रेम में करने के बजाय आप यहां से जाके डायरेक्टली एक नंबर डाल सकते हो सर्टेन फॉर एग्जांपल मैंने य पे 44 डाल दिया तो एग्जैक्ट वही नंबर लेफ्ट एंड राइट से होगा और आप कभी भी कुछ भी चेंज करोगे तो वो नंबर चेंज नहीं होगा यानी कि ये पैडिट कभी भी हटेगी नहीं जब तक आप इसको हटाओ ग नहीं ठीक ओके तो उसके बाद हमारे पास एक और ऑप्शन है इंडिविजुअल पडि देने का फॉर एग्जांपल आप जैसे पडि इंक्रीज कर रहे थे तो वो दोनों साइड ऊपर और नीचे से बराबर या इक्वल क्वांटिटी में मूव हो रहा था बट व्हाट इफ यू वांट कि अ हमको ऊपर के पडि कुछ और चाहिए एंड नीचे की पडि कुछ और चाहिए तो एक मेथड तो ये है कि आप यहां पे आके इस लाइन पे हर करेंगे तो आप मैनुअली इस तरीके से चेंज कर सकते हैं ठीक है आप चारों तरफ की इस तरीके से चेंज कर सकते हो ठीक और अगर आप ऑल्ट होल्ड करोगे तो दोनों तरफ की एक साथ चेंज होगी और अगर आप शिफ्ट ल्ट होल्ड करोगे तो चारों पडि एक साथ चेंज होगी तो ये सारे शॉर्टकट्स भी हैं ये भी आप सीख जाओगे धीरे-धीरे आप आप या तो याद भी कर सकते हो अगर मैं यहां पे हर करके शिफ्ट और ऑप्शन होल्ड करके यानी कि शिफ्ट और ऑल्ट होल्ड करके इंक्रीज करूं तो चारों साइड की बराबर इक्वल प्रोपोर्शन में इंक्रीज एंड डिक्रीज होगी ठीक एंड सिमिलरली यहां पे अगर सिंपल एक ऑल्ट होल्ड करता हूं तो यहां पे क्या होगा दोनों साइड की केवल इंक्रीज और डिक्रीज होगी ठीक तो यहां पे भी वही चीज है अगर मैं इंडिविजुअल पैडिट ऑन करता हूं तो आपको चार पैडिट देखने मिल जाती है यानी लेफ्ट टॉप और राइट और बॉटम ठीक तो फॉर एग्जांपल ऊपर और नीचे की दोनों की 100 पडि है 100 पिक्सल की तो मैं एक को अगर 10 पिक्सेल कर दूं तो आप देखो यहां पे ऊपर से 10 पिक्सेल हो गया अगर आपको वेरीफाई करना है तो आप यहां से ऑल्ट होल्ड करके अगेन देख सकते हो दिस इज 10 पिक्सल ठीक ओके तो इंडिविजुअल पैडिट भी आपको समझ में आ गई स्पेसिंग समझ में आ गई अब बात करते हैं पोजीशन की यानी कि ये वाला जो पैनल है ये क्या चीज है ठीक है तो उसको समझाने के लिए मैं सबसे पहले ये ऑब्जेक्ट्स डिलीट कर देता हूं तीन तो यहां पे ऑटो लाउट में ये भी होता है कि जैसे मैंने डिलीट किया ऑटोमेटिक फ्रेम खुद को एडजस्ट कर लेता है ठीक तो अभी देखो आप ये कहां पे प्लेस है टॉप लेफ्ट कॉर्नर पे प्लेस है ठीक है है अब इसकी पोजीशन कितनी हो सकती है तो किसी भी स्क्वायर के अंदर यानी किसी भी ऑ फ्रेम के अंदर आपकी नाइन पोजीशन पॉसिबल पोजीशंस हो सकती हैं इस ऑटो लाउट के अंदर तो जैसे क्या है मैं इस कंटेनर को सेलेक्ट करता हूं ऑटो लाउट वाले के और यहां पे आपको ऑप्शन दिख रहा होगा पोजिशनिंग का तो यहां पे नाइन पॉसिबल पोजीशंस हैं जैसे 1 2 3 4 5 6 7 8 9 ठीक तो नौ पॉसिबल पोजीशंस हैं और अभी यह टॉप लेफ्ट पे अलाइड है ठीक तो जैसे मैं इसका अलाइन मेंट टॉप सेंटर पे करता हूं देखो क्या होगा ये ऑटोमेटिक सेंटर पे आ जाएगा और सिमिलरली मैं अगर टॉप राइट कॉर्नर पे करता हूं तो ये ऐसे हो जाएगा एंड नाइन डिफरेंट पोजीशंस हैं जिस भी पोजीशन को मैं टॉगल करूंगा उस पोजीशन पे वो ऑब्जेक्ट चला जाएगा बहुत ही सिंपल है ये चीज ठीक है जैसे मैंने इसको यहां पे क्लिक करा तो ये ऐसे हो गया सेंटर पे किया तो ये सेंटर हो गया अब नो मैटर हाउ वी इंक्रीज और डिक्रीज द फ्रेम ठीक है ये सेंटर पे ही रहेगा तो सिमिलरली ये सारे पोजीशंस पे भी यही चीज होती है तो नाइन डिफरेंट पॉसिबल पोजीशंस होती हैं अब ये काफी यूज़फुल चीज होती है कब यूज़फुल होती है अब मैं आपको ये बताता हूं तो फॉर एग्जांपल मेरे पास एक डिजाइन है ठीक है मैं इस डिजाइन को ओपन करता हूं अभी देखो क क्या है यहां पे कि जैसे मैं इस कार्ड को यहां से कॉपी कर लेता हूं ठीक एंड मैंने यहां पे ऐसे प्लेस करा एंड लेट्स ड्रॉ अनदर फ्रेम ओवर देयर एंड ये एक यहां पे अ ऑब्जेक्ट है जो एक फ्रेम पे है मैंने इसको जैसे ही ऑटो लाउट पे लगाया ठीक अंदर वाले फ्रेम इस फ्रेम को भी ऑटोलेआउट पे लगाया और मैं इस आइकन को यहां से डिलीट कर देता हूं फॉर एग्जांपल ठीक है और इस फ्रेम को भी मैं ऑटो लट पे लगा कर के उसको हग पे कर देता हूं ठीक अब ये सब मैं क्या कर रहा हूं ये आपको पता चल जाएगा बट अभी के लिए आप समझो कि मैं आपको समझा रहा हूं अलाइन मेंट किस तरीके से एक्चुअल डिजाइन में यूज़ होता है ठीक यानी पोजिशनिंग किस तरह यूज़ होती है तो जैसे ये एक फ्रेम है जो ऑटो लेआउट में है ये देखो आप यहां पे ये ऑटो लेआउट का फीचर मतलब ये ऑटो लेआउट का एक सिंबल है ठीक है तो देखो डिज़ाइन है जैसे ये अब आप पूरी डिजाइन ऑटो लेआउट में बनाते हो ठीक है सारे लोग पूरी डिजाइन ऑटो लेआउट में ही बनाते हैं ठीक आपको भी प्रैक्टिस करना है जो भी डिजाइन आप बनाओ सारी की सारी डिजाइन ऑटो लट में होना चाहिए छोटी से छोटी चीज आप ऑटो लाउट में रखने का ट्राई करो ठीक ग्रुपिंग आपको बिल्कुल अवॉइड करनी है फ्रेम्स आपको बिल्कुल अवॉइड करने है ठीक फ्रेम आप आउटर मोस्ट जो फ्रेम है कंटेनर है उसको फ्रेम रख सकते हो अदर वाइज आपको पूरी चीज ट्राई करनी है पोर्टल आउट में रखो अगर आपसे नहीं हो रहा है तो आप और ज्यादा प्रैक्टिस करो आपसे जरूर हो जाएगा ठीक है बहुत ही इजी है ज्यादा कोई रॉकेट साइंस नहीं है ऐसा ठीक है तो जैसे अभी के लिए क्या है मैंने इस फ्रेम को सेलेक्ट करा और क्या होगा अलाइन मेंट का देखो फर्क क्या पड़ता है अगर आपने यहां पे कर दिया ना तो ये सेंटर पे चला जाएगा अगर आपने यहां पे राइट कर दिया ना तो ये राइट प चला जाएगा ठीक बट यहां पे एक चीज और है अगर आपने को सेलेक्ट करके फिल कंटेनर कर दिया तो ये लेफ्ट में चला जाएगा अब आप कुछ भी यहां पे कर रहे हैं मतलब आप ये चेंज कर रहे हैं तो कोई फर्क नहीं पड़ेगा क्यों क्योंकि अब आपकी टेक्स्ट की जो ये प्रॉपर्टी होती है ना ये वाली ये काम में आती है बट फॉर एग्जांपल यहां पे कोई आइकन होता तो उसमें ये प्रॉपर्टी नहीं होती तो उस केस में आपको ऑटो लेआउट का अलाइन मेंट फीचर यूज़ करना पड़ेगा जो कि ये वाला होता है जैसे मैं अभी के लिए अगेन यहां से चाहे हक कंटेंट कर सकते हो आप चाहे आप यहां से जाके हग कंटेंट पे चेंज कर सकते हो जैसे मैंने हक पे चेंज किया तो अब ये फिर से इतने उस पोर्शन में आ गया है यानी हाफ में यानी फिल नहीं है और अब अगर मैं इसकी पोजीशन चेंज करता हूं तो अगेन ये अपने आप को एडजस्ट करेगा क्यों क्योंकि ये फिल तो था नहीं तो आपने जो अलाइन मेंट करा उसी अलाइन मेंट में ये चेंज हो जाएगा तो जब आप एक्चुअल डिजाइनिंग करते हो तो वहां पे ये चीजें इस तरीके से यूज़ होती हैं अब ये चीजें और ज्यादा कॉम्प्लेक्टेड ऑब्जेक्ट्स हो सकते हैं कोई आप डेटा टेबल बना रहे हो कोई आप नोटिफिकेशन कंपोनेंट बना रहे हो या फिर कोई बहुत कॉम्प्लेक्शन करो आप इसको भी अच्छे से प्रैक्टिस करो ठीक है तो यह इतनी प्रॉपर्टीज थी जो बेसिक ऑटो लाउट के प्रॉपर्टीज के अंदर आती हैं बट इसके अलावा भी एडवांस लेवल की चीजें भी हैं और रिसाइट होती है तो अब समझते हैं रिसाइम क्या होती है ठीक उसके बाद हम ऑटोल के एडवांस फीचर्स को देखेंगे तो सबसे पहले डि साइजिंग समझने के लिए मैं अ चलो इसी डिजाइन में बताता हूं ठीक है मैंने इस कंटेनर को सेलेक्ट करा जो कि एक ऑटो लाउट के अंदर अभी नहीं है तो फॉर एग्जांपल मैं इसको ऑटो लाउट में डालता हूं सिंपली मैं शिफ्ट a प्रेस करूंगा ऑटो लाउट लगाने के लिए या फिर आप यहां से भी जाके ऑन कर सकते हो ठीक तो जैसे मैंने शिफ्ट a प्रेस करा तो ये पूरा बाहर वाला फ्रेम अंदर वाले फ्रेम के अकॉर्डिंग अपने आप को एडजस्ट करके ऑटो लाउट में हो गया है ठीक अब आप ऐसा कह सकते हो यह एक ऑब्जेक्ट है जो इस कंटेनर के अंदर है ठीक सिंपल अब मैं इसकी थोड़ी सी पडि कम करता हूं फॉर एग्जांपल ये अच्छा लगने लग जाए समथिंग लाइक दिस ठीक अब क्या होगा अगर मैं इसको यहां से बोलूं रिस्पांसिस होने के लिए तो जैसे मैंने इसको रिस्पांसिस करा अभी तो कुछ भी नहीं हुआ अब आप बोलोगे अगर आप कंस्ट्रेंट आपको पता है तो आप बोलोगे कंस्ट्रेंट लगा दो चलो कंस्ट्रेंट लगा के देखते हैं लेकिन यहां तो कंस्ट्रेंट का फीचर ही नहीं आ रहा जैसे देखो यहां पे कंस्ट्रेंट तो कहीं आपको दिख ही नहीं रहा है क्योंकि ऑटो लेआउट के अंदर कंस्ट्रेंट्स गायब हो जाते हैं और कंस्ट्रेंट की जगह पे रिसाइम आ जाती है जो कि यहां पे आती है इस जगह पे आप देखो हक कंटेंट ये चीज आ जाती है अगर मैं इसको डुप्लीकेट बनाऊं और यहां से ऑटो लट हटा दूं तो यहां पे नोटिस करना ये वाली चीज चली जाएगी जैसे मैंने हटाया देखो यहां से वो चीज चली गई और यहां पे अब कंस्ट्रेंट्स आ गए हैं ये देखो ठीक कंस्ट्रेंट दिख रहा है ना और वहीं पे मैं इस पे सेलेक्ट करता हूं तो यहां कंस्ट्रेंट्स नहीं दिख रहे हैं क्योंकि यहां पे रिसाइम ऑन हो जाती है तो ऑटो लेआउट और नर्मल फ्रेम में ये एक डिफरेंस होता है तो चलो जैसे मैं इसको मुझे रिस्पांसिस बनाना है अगर आप यहां पर इसको रिस्पांसिस बनाना होता तो आप सिंपली क्या करते ये एक नॉर्मल फ्रेम है और आप इस फ्रेम प जाकर के इसका कंस्ट्रेंट इसके सेट कर देते बेसिकली तो जैसे मैंने इसको लेफ्ट एंड राइट पे करा तो ये एक टल आउट है जिसको मैंने कंस्ट्रेंट सेट कर दिए लेफ्ट एंड राइट एंड इस इमेज के भी कंस्ट्रेंट मैंने सेट कर दिए लेफ्ट एंड राइट अब आप बोलोगे ये तो रिस्पांसिस हो गया डेफिनेटली हो गया बट व्हाट विल हैपन इफ यू डिक्रीज अ लिटिल बिट मोर देखो क्या होगा बहुत ज्यादा अगर कर दोगे तो यहां पे तो रिस्पांसिस चली गई यानी ये टेक्स्ट पीछे चला गया क्रॉप हो गया अगर मैं इसको ऊपर भी लेके आऊं तो इस तरीके से ओवरलैप हो जाएगा दिस इज नॉट रिस्पांसिस ठीक बट कुछ हद तक आप कंस्ट्रेंट्स का यूज करके रिस्पांसिस अचीव कर सकते हो इस तरीके से ठीक है बट ऑटो लाउट में क्या होता है अब हम वो देखते हैं ठीक अब क्योंकि मैंने पहले बताया आपको ऑटो लट में कंस्ट्रेंट्स तो होते नहीं रिसाइम को सेलेक्ट करा अब ये ऑटो लट में लगा हुआ है ऑलरेडी आप यहां से वेरीफाई कर सकते हो ठीक मैं इसको रिसाइट करता हूं कुछ भी नहीं हुआ तो मैंने क्या करा इसको थोड़ा सा इंक्रीज करा अब मैं अंदर वाले ऑब्जेक्ट को जाक के यहां से हग पे चेंज करके ना इसको फिल कर दूंगा फिल का मतलब समझ रहे होगे कि जो बाहर वाला आउटर मोस्ट कंटेनर है उस कंटेनर को फिल कर लेगा ये ये भी जो भी ऑब्जेक्ट अंदर होगा ठीक है जैसे मैंने फिल प क्लिक किया तो देखो यह फिल हो गया ठीक अब ये इमेज फिल नहीं हुई तो हम इस इमेज पर क्लिक करेंगे और इसको फिर से फिक्स से चेंज करके फिल पे कर देंगे ठीक जैसे मैंने फिल पे करा इमेज भी फिल हो गई अब आप इस केस में देखो क्या होगा जैसे जैसे से मैं इसको रिस्पांसिस करता हूं यह ओवरलैप नहीं होगा अब क्यों क्योंकि हमने एक प्रॉपर स्पेसिंग दे रखी है 22 की मतलब यहां पे अगर आप देखो तो यह 22 के स्पेसिंग दे रखी है और अंदर वाला ऑब्जेक्ट भी ऑटो लेआउट में है सारी चीजें ऑटो लेआउट में है ये वाले जो टेक्टस हैं इनको भी हमने ऑटो लेआउट में किया हुआ है ताकि इनमें भी रिस्पांसिस अच्छी रहे ठीक तो मैं जैसे ही अब इसको डिक्रीज इंक्रीज करता हूं अब ये प्रॉपर रिस्पांसिस है अगर यही एग्जांपल मैं आपको उसमें दिखाऊं ठीक तो यहां पे देखो क्या होगा यह नॉर्मल है यानी कि चलो मैं यहां दिखाता हूं तो अभी मैंने यहां पे एक एग्जांपल डाला हुआ है विदाउट ऑटो लेआउट एंड कंस्ट्रेंट्स तो ये एक नॉर्मल डिजाइन है जिसमें ना तो कोई फ्रे कोई चीज कोई भी फ्रेम ऑटो लाउट में लगा है और ना ही किसी फ्रेम के कंस्ट्रेंट सेट है तो ये किस तरीके से दिखेगा देखो ऐसे यहां पे कुछ भी नहीं होगा ठीक सिंपल अब वही चीज अगर आप कंस्ट्रेंट सेट करके रखते हो तो क्या होगा एक हद तक डिजाइन रिस्पांसिस रहेगी डिजाइन में ठीक है जैसे ही मैं उसको कंप्रेस करता हूं तो यहां पे ओवरलैपिंग आती है सी डिजाइन पूरी खराब हो चुकी है लेकिन वहीं पे अगर मैं ऑटो लेआउट लगा के र दिखाऊ और रि साइजिंग ऑन करके रखी मैंने सही से अच्छे से सेट करके रखी है तो इस केस में क्या होगा देखो पूरी डिजाइन अपने आप को अच्छे से रिस्पांस करेगी अगर मैं इसको कम भी करता हूं यहां पे थोड़ा सा ब्रेक हो रहा है तो मैं इसमें क्या कर सकता हूं सिंपली रैपिंग ऑन कर सकता हूं जैसे मैंने रैपिंग ऑन करा तो अब देखना क्या होगा ठीक अभी देखो जैसे ही उस विड्थ तक पहुंचेगा अपने आप को एडजस्ट कर लेगा खुद से यानी कि ओवरलैपिंग किसी भी टाइप की नहीं होगी लाइक दिस सी तो ऐसे करके आप ऑटो लेआउट से रिस्पांसिस अचीव कर सकते हो कुछ ज्यादा ही एडवांस लेवल प ठीक अब इसके बाद अ अब इसके बाद रिसाइम में कुछ और ऑप्शंस भी हैं जैसे फॉर एग्जांपल आप इस फ्रेम में देखोगे तो यहां पे सबसे पहले तो अंदर आपको ऑप्शन मिल रहा था फिल का हक कंटेंट का और फिक्स विड्थ का तो यह दो ऑप्शंस आपको और मिलते हैं फिक्स विड्थ और हक कंटेंट फिल कंटेनर तो हम देख चुके हैं कि जैसे-जैसे कंटेनर हम रिसाइट करेंगे वैसे-वैसे अंदर का ऑब्जेक्ट भी एज टू एज एकदम पैडिट को मेंटेन करते हुए अपने आप को रिसाइट करेगा सिंपल ठीक लेकिन अब हक कंटेंट में क्या होता है कि जैसे फॉर एग्जांपल मैंने इस अंदर वाले टेक्स्ट का फॉर एग्जांपल इसको फिक्स विड्थ करके इतना कर दिया एंड इमेज को भी हमने इतना कर दिया बट अभी भी यह जो फ्रेम है वो फिल कंटेनर पे सेट है इसीलिए ये स्ट मतलब यहां तक फिट नहीं हुआ तो फॉर एग्जांपल अब मैं इसको रिसाइट करता हूं तो देखो यहां पे कुछ होगा नहीं ठीक तो ये वाला जो अ क्या बोलते हैं फ्रेम है जो अंदर का ऑब्जेक्ट था वो अभी फिल पे सेट है जैसे मैं इसको हक कंटेनर करूंगा तो क्या होगा ये जो फ्रेम है यानी ये वाला कंटेनर जो है जितना भी जिसके अंदर इतने सारे कंटेंट्स हैं मतलब कि एक बाहर वाला टल आउट हो गया और उसके अंदर वाला आउट ले आउट हो गया तो जो हक कंटेंट होता है वो क्या करेगा जितना भी कंटेंट है उसको हक कर लेगा नाम से ही पता है यानी अगर हम अंदर वाला जो कोई भी ऑब्जेक्ट है अगर उसको रिसाइट करेंगे तो बाहर वाला जितना भी ऑब्जेक्ट है यानी कि जो बाहर वाला ऑटर लेआउट फ्रेम है वो अपने आप को उसी के अकॉर्डिंग एडजस्ट कर लेगा क्योंकि वो हग पे सेट है अगर मैं ये वाला ऑब्जेक्ट डिलीट कर देता हूं तो भी ये फ्रेम पूरा इमेज को हग कर लेगा तो अब इसी तरीके से मैं इसको अंडू करता हूं अब फिक्स विड्थ किस तरीके से काम करती है मतलब वो भी देखते हैं इसी तरीके से वो भी काम करती है फॉर एग्जांपल मैं इसको ये पूरे फ्रेम को मैंने सेलेक्ट किया एंड मैं हग कंटेंट से मैंने चेंज कर दिया फिक्स विड्थ पे अब फिक्स विड्थ पे क्या होगा एक फिक्स विड्थ इनेबल हो जाती है यानी कि फॉर एग्जांपल अगर मैं इस फ्रेम को 214 से चेंज करके 250 विड्थ देना चाहता हूं तो एक फिक्स विड्थ में दे सकता हूं जैसे मैंने क्लिक करा एंटर किया तो अब ये एक फिक्स विड्थ पे हो गया है अब आप कुछ भी चेंज करेंगे अंदर बाहर ठीक है कुछ भी चेंज करेंगे यानी अगर इसको डिलीट भी कर देंगे और इसको भी डिलीट कर देंगे तो ये इतनी साइज हमेशा मेंटेन रहेगी बिकॉज हमने बाहर वाले फ्रेम का साइज जो है वो फिक्स कर दिया है अब वो रिसाइट नहीं होगा खुद से ठीक तो ये रिसाइम के तीन ऑप्शंस हैं और जब आप डिजाइंस बनाओगे तो इन चीजों को आप चेंज कर कर के देखोगे तभी ये चीज आपको आएगी क्योंकि थोरी में मतलब इससे ज्यादा कुछ है नहीं लेकिन जब आप अ कॉम्प्लेक्शन हो जाती है कई बारी अ जो रिसाइट मास्टर करने के लिए आपको थोड़ा ज्यादा प्रैक्टिस करनी पड़ेगी तो सिंपली आप इसको फिल कंटेनर में चेंज कर सकते हो ठीक तो जैसे मैंने फि कंटेनर करा और अंदर का मैं एक बार अनडू कर देता हूं ठीक है तो अब मैंने इस फ्रेम को लिया और मैंने इसको फिल कंटेनर किया अभी भी देखो ये फिल पे नहीं हुआ क्यों क्योंकि इसके अंदर के जो ऑब्जेक्ट्स है वो फिल पे चेंज नहीं है तो मैं इन दोनों ऑब्जेक्ट्स को सेलेक्ट करके फि पे करता हूं अब देखो ये रिसाइट हो ग फि पे हो गया हो सकता है ये जो अंदर का टेक्स्ट है ये भी फिक्स विड्थ या हग कंटेंट पे हो जाए अभी अगर हग कंटेंट पे होता तो ये इस तरीके से हो जाता फॉर एग्जांपल मैंने इसको फिक्स विड्थ पे चेंज करा एंड इतनी विड्थ दे दी अभी भी ये रिसाइट नहीं होगा मतलब रिस्पांसिस नहीं होगा क्योंकि ये फिक्स विड्थ पे है तो हम हमेशा रिस्पांसिस डिजाइन में फिल कंटेंट का का यूज़ करते हैं आप एक चीज समझ लो फिल कंटेनर का यूज़ करते हैं ठीक तो जैसे मैंने फिल किया और इसको भी मैंने फिल किया अब आप देखो ये पूरा सब फिल है यानी कि जैसे-जैसे हम फ्रेम रिसाइट ये अपने आप को खुद वैसे ही रिस्पांसिस करेगा लाइक दिस ठीक एंड सेम गोज विद द वर्टिकल रिसाइम एज वेल तो यहां पे आपको दो टाइप की रिसाइम मिलती है जस्ट लाइक कंस्ट्रेंट में आपको वर्टिकल कंस्ट्रेंट मिलते थे और हॉरिजॉन्टल कंस्ट्रेंट मिलते थे सिमिलरली यहां पे आपको वर्टिकल रिसाइटिड हॉरिजॉन्टल रिसाइम ती है फॉर एग्जांपल अभी ये हॉरिजॉन्टल इतने पे सेट है और हॉरिजॉन्टल इसकी मैं ये कम कर कर देता हूं पैडिट फॉर एग्जांपल मैंने यहां पे कर दी 20 ठीक है और इसको मैं इंक्रीज कर देता हूं तो अब क्या होगा अगर मैं इसको वर्टिकली फिल करूं तो ये वर्टिकली फिल कर लेगा देखो यहां पे फिल कर लिया इसने ठीक बट अभी ये चीज नहीं हुई क्योंकि इनमें भी वर्टिकल कंस्ट्रेंट अभी सेट नहीं है यानी वर्टिकल रि साइजिंग अभी सेट नहीं की मैंने तो मैं मैंने यहां पे अगेन क्लिक किया और इस वाले टेक्स्ट पे स सेलेक्ट करके मैंने फिल कंटेनर किया जैसे ही फिल कंटेनर किया तो देखो क्या होगा यह इस तरीके से सेट हो जाता है यानी कि फिल कर लेगा खुद को और अगर इमेज को भी मैं वर्टिकली फिल कंटेनर दूं तो क्या होगा इमेज भी इमेज और दो ऑब्जेक्ट्स अपने आप को 50 % फिल कर लेंगे विद सर्टेन अमाउंट ऑफ स्पेसिंग जो आपने दे रखी है तो अभी आप देखो ये उतने साइज का है और ये भी उतने ही सेम 212 पिक्सेल के साइज का है क्योंकि दोनों ही चीजें फिल पे हैं वर्टिकली तो 50-50 पर पे स्प्लिट हो जाएगा ठीक तो अगर आपको एक चीज फिक्स रखना है और एक चीज फिल करना है तो अगर मैं इसको देखो डिक्रीज करूं तो इमेज फिल होती जाएगी सी अगर मुझे इमेज फिल करना है और मैं इसको ऐसे करूं तो मैं इसको सिंपली हक कंटेंट पे कर सकता हूं और इमेज को फिल पे रहने दे सकता हूं तो जो आपका कं टेनर है आप जितना मर्जी स्केल कर लो वो इस तरीके से इमेज फिल हो जाएगी लाइक दिस सी तो इस तरीके से आप कर सकते हो ठीक वर्टिकल रिसाइट रि साइजिंग इस तरीके से काम करती है अब इसमें एक बहुत इंपॉर्टेंट चीज और है जो मैंने आपको नहीं बताया जो कि स्पेसिंग के अंदर आती है स्पेसिंग के अंदर क्या है कि यहां पर जैसे स्पेसिंग थी इसका कोई नंबर दे सकते हो वैसे ही यहां पर एक ऑप्शन आता है ऑटो का ठीक वो कैसे करते हैं देखो जैसे अगर मैं इसको रिसाइट करके ऐसे करता हूं तो यहां पर क्या हो रहा है इमेज रिसाइट हो रही है क्योंकि इमेज जो है फी पे सेट है अगर मैं इमेज को हग पे करता हूं यानी फिक्स विड्थ पे चलो कर देता हूं तो मैंने इमेज फिक्स विड्थ करके 300 की हाइट दे दी इसकी ठीक अब मैं इसको स्केल करता हूं ठीक अब देखना क्या होगा यहां पे कुछ हो नहीं रहा ठीक अगर क्या हो मैं चाहूं अगर कि इन दोनों के बीच की जो ये स्पेस है ये इंक्रीज हो जाए यानी ये जो टेक्स्ट के बीच की और जो इमेज के बीच की ये जो डिस्टेंस है 22 पिक्सेल की ये अपने आप को इंक्रीज कर ले यानी मैं चाहता हूं कि टेक्स्ट ऊपर फिक्स रहे और इमेज जैसे-जैसे मैं बाहर का फ्रेम रि साइज करूं इमेज भी वैसे-वैसे चले ठीक तो सबसे पहले मैं क्या करूंगा अंदर वाले फ्रेम प मैंने सिलेक्ट करा और उसको जो स्पेसिंग 22 की है यहां ड्रॉप डाउन देखो एक छोटा सा है इस पे जब क्लिक करोगे आप तो ऑटो का ऑप्शन आएगा आपको ऑटो मतलब क्या होगा जैसे मैं ऑटो करता हूं देखना क्या होगा देखो नीचे उसने खुद को बेज दिया यानी कि ये जो डिस्टेंस है वो पहले फिक्स थी 22 पे अब ये ऑटो पे है तो जैसे-जैसे आप हॉरिजॉन्टल चीजों को वर्टिकली स्क्रोल इंक्रीज करोगे ये अपनी साइज को वैसे-वैसे इंक्रीज कर लेगा एंड यही चीज चीज वर्टिकली भी हो सकती है रैपिंग में भी हो सकती है और हॉरिजॉन्टल स्पेसिंग में भी हो सकती है यानी आपने कोई भी लेआउट लगा रखा है और अगर आप उसमें ऑटो लगाते हो तो दो ऑब्जेक्ट के बीच की जो डिस्टेंस है वो ऑटो पे सेट हो जाएगी और ये फीचर भी हम बहुत यूज करते हैं जैसे मैं आपको बताता हूं कहां पे करते हैं जैसे ये डिजाइन है ठीक है ये वाली डिजाइन है इस डिजाइन में क्या है ये एक टेक्स्ट है और ये एक आइकन है ठीक अब इस इस वाले जो मतलब जो कंटेनर है जिसमें एक टेक्स्ट है और ऑटोल आउट मतलब एक कंटेनर है जिसमें टेक्स्ट है और आइकन है तो मैं उस कंटेनर को सेलेक्ट करता हूं देखो इसके कंटेनर के अंदर एक आइकन है और एक टेक्स्ट है तो इस कंटेनर में आप नोटिस करोगे तो ये ऑटो पे सेट है इससे क्या होता है इससे यह होता है कि अगर मैं इसको मान लेते हैं 22 दे दूं ठीक ये देखो आइकन इधर चला गया तो या तो एक ऑप्शन आपके पास है कि इस तरीके से करना है आपको इधर भेजना है बिल्कुल इस आइकन को आपको राइट कॉर्नर पे भेजना है ऑटो लाउट के अंदर ही रह के तो आप पहली चीज तो मैनुअली कुछ चेंज नहीं कर सकते देखो आप अगर चेंज करोगे तो यू कैन नॉट चेंज इट आप अगर ऐसे करोगे तो स्विच हो सकता है पोजीशन स्विच हो जाएगी ठीक बट आप मैनुअली कोई चीज इधर से उधर मूव नहीं कर सकते हो तो इसके लिए आप क्या करोगे एक तो ऑप्शन आपके पास ये है कि आप इतना नंबर बढ़ा दो इसका कि कॉर्नर पे चला जाए बट अगेन ये सही तरीका नहीं है क्योंकि इसमें रिस्पांसिबल होगी नहीं मैं दिखा देता हूं आपको ठीक मैंने इसको मैनुअली चेंज करा था ये देखो आइकन क्रॉप हो जा रहा है कोई रिस्पांसिस नहीं है ठीक है दूसरा ऑप्शन क्या है आपके पास ऑटो करने का ऑप्शन है अगर मैं फॉर एग्जांपल मैं एडू करता हूं एक बार ठीक अब ये इतनी डिस्टेंस थी 22 की अगर मैं क्या हो इसको चेंज करके a लिख दूं यहां पे ऑटो कर दूं या फिर आप यहां से ए भी लिख सकते हो अगर आप इसमें सेलेक्ट करके a लिखोगे या फिर आप ड्रॉप डाउन में से ऑटो सेलेक्ट करोगे तो क्या होगा ऑटोमेटिक ये वाला जो आइकन है वो राइट कॉर्नर पे चला जाएगा क्यों क्योंकि दोनों के बीच की स्पेसिंग जो है वो ऑटो हो गई तो जैसे मैं इसको ऑटो करूं देखो आप सी बिल्कुल राइट में यानी कि एक साइड लेफ्ट में एक ऑब्जेक्ट हो गया और एक ऑब्जेक्ट राइट में हो गया ठीक तो दोनों एक्सट्रीम लेफ्ट एंड राइट कॉर्नर पे हो गए अब आप चीजों को स्केल करोगे तो क्या होगा एक लेफ्ट पे रुका रहेगा और ले राइट पे रुका रहेगा और इस सिनेस अच्छी बनी रहेगी लाइक दिस जैसे मैंने ऑटो पे करा अब आप देखो सी यह जितना हम अगर बढ़ाएंगे तो यह यह वाला आइकन राइट पे है और यह वाला आइकन लेफ्ट पे है इस तरीके से रिस्पांसिस आप अचीव कर सकते हो इसके अंदर ठीक है तो यह ऑटो वाला ऑप्शन था और पडि में ऑटो नहीं होता बाय द वे ठीक है यहां पर ऑटो होता है सिर्फ स्पेसिंग के अंदर ठीक अब बात करते हैं हम कुछ एडवांस ऑटो लट फीचर्स की जो हिडन होते हैं बेसिकली ठीक है तो उनको किस तरीके से यूज करना है और उनका यूज केस क्या है वो अब हम समझते हैं ठीक है तो जैसे फॉर एग्जांपल मैं इस फेम पे वापस आता हूं तो बेसिकली एडवांस ऑटोलेआउट फीचर्स के लिए आपको यहां पे थ्री डॉट्स दिखेंगे इन थ्री डॉट्स में आपको क्लिक करना पड़ता है और यहां पे तीन ऑप्शंस आपके पास मिलते हैं ठीक है और किसी भी ऑप्शन के ऊपर हर करोगे तो आपको एग्जांपल यहां पे दिख जाएगा ठीक है मतलब यहां पे देखो प्रीव्यू में दिख जाता है कि आप इन वाले फीचर से बेसिकली होता क्या है तो ये बहुत ही कॉम्प्लेक्टेड करके मैंने हक कंटेंट कर दिया और उसके अकॉर्डिंग रि साइज हो जाए ठीक है ऑब्जेक्ट के अकॉर्डिंग अब मैं इसकी पैडिट थोड़ी सी बढ़ाता हूं लाइक दिस अब मैं क्या करता हूं कि इस ऑब्जेक्ट को डुप्लीकेट कर करता हूं ठीक है कंट्रोल डी प्रेस करके मैंने तीन बार डुप्लीकेट कर लिया और मैं इनका कलर चेंज कर देता हूं समथिंग लाइक तो मैं पहले तो आपको ये करके दिखाता हूं कि मैंने इस फ्रेम को डुप्लीकेट किया तो मैं इसका सबसे पहले ऑटो लट यहां से हटा देता हूं तो जैसे ही मैंने ऑटो लेट यहां से हटाया ठीक है अब ये एक नॉर्मल फ्रेम है ठीक है तो अगर क्या होगा अगर मैं बोलूं कि इनके बीच की स्पेसिंग मैं कम कर दूं तो सबसे पहले मैं ऐसे करके कम कर देता हूं यहां से ऑप्शन आता है कम करने के लिए कोई भी फ्रेम जो है वो ऑटो लाउट के अंदर नहीं है तो इस तरीके से जनरली स्पेसिंग मैनेज करने का ऑप्शन आता है तो मैंने इसको माइनस में कर दिया यानी कि एक के ऊपर एक ओवरलैप हो गया ठीक तो इस फ्रेम को सेलेक्ट करके मैं थोड़ा सा इसको पहले तो एडजस्ट कर देता हूं ठीक है और समथिंग लाइक दिस ठीक है अब क्या हो अगर आपको रेड ऊपर चाहिए और पर्पल नीचे चाहिए यानी कि जो फर्स्ट वाला है उसको वो आपको टॉप पे चाहिए और फिर उसके ऊपर उसके नीचे मिडिल एंड देन उसके नीचे अ लास्ट वाला चाहिए तो अगर कोई फ्रेम नॉर्मल फ्रेम है यानी कि वो ऑटो लाउट में नहीं है तो उस केस में तो आप लेयर मैनेज कर सकते हो जैसे ये देखो एक लेयर है ना इसको मैं नाम देता हूं रेड ठीक है इसको मैंने नाम दिया ग्रीन मैं आपको दिखाने के लिए इसकी नेमिन कर रहा हूं ठीक है फिर इसको मैंने नाम दिया पर्पल अब आप देखो क्या होगा पर्पल अभी टॉप पे है जैसे मैं पर्पल को अगर नीचे करूं तो क्या होगा देखो मैंने ड्रैग करके इसको नीचे करा पर्पल नीचे चला गया पर्पल वाला बॉक्स और रेड वाला बॉक्स ऊपर मतलब बीच में है तो अभी मैं क्या करता हूं रेड वाले बॉक्स को मैं टॉप पे कर देता हूं जैसे मैंने इसको टॉप पे किया तो रेड वाला टॉप पे है उसके नीचे ग्रीन उसके नीचे पर्पल या फिर आप सिंपली क्या कर सकते हो कि राइट क्लिक करके इसको ब्रिंग टू फ्रंट कर सकते हो या फिर सेंड टू बैक कर सकते हो इसका शॉर्टकट शकट भी होता है जो स्क्वायर ब्रैकेट्स होते हैं वो उसका शॉर्टकट होता है जैसे मैंने इसको सेंड टू बैक करा तो यह बैक में चला जाएगा तो बेसिकली लेयर्स ही चेंज हो रही होती है है ना लेयर में ही लेयर्स का ऑर्डर चेंज हो रहा होता है तो इस तरीके से ओवरलैपिंग होती है बट अगर आप यही चीज ऑटो लेआउट के अंदर करने जाओगे तो देखो इशू क्या आता है जैसे मैंने यहां पे ऑटो लड के अंदर हम गए और मैंने यहां पे बोला अगेन इसको मैं नेमिन कर देता हूं तो पहले तो मैं इसको माइनस में कर लेता हूं यानी स्पेसिंग इनको ओवरलैप करवा लेता हूं तो फॉर एग्जांपल मैंने स्पेसिंग कुछ इस तरीके से करी ठीक है अब ये ओवरलैप में है तो फॉर एग्जांपल अभी यहां पे क्या हो रहा है रेड ऊपर है ग्रीन है पर्पल है अगर मैं पर्पल को अब ऊपर चाहता हूं तो आप अगर ड्रैग करने जाओगे तो देखो क्या होगा पोजीशन स्वाइप हो जाएगी जैसे मैंने इसको ड्रैग करके ऊपर करा तो यह पोजीशन देखो पर्पल पहले आ गया ऑटो लेआउट में वो कांसेप्ट काम नहीं करता है अ ब्रिंग टू फ्रंट और ब्रिंग टू बैक वाला जैसे मैं अभी करता भी हूं सेंड टू बैक करता हूं तो देखो सेंड टू बैक किया तो वो चीज ना एक्सट्रीम राइट पे चली जाएगी यानी अपनी पोजीशन चेंज कर लेगी ठीक तो इसको फिक्स करने के लिए फिग्मा में एक एडवांस ऑट का फीचर है जैसे मैं राइट क्लिक करता हूं और यहां पर कैनवास स्टैकिंग है देखो कैनवास स्टैकिंग में फर्स्ट ऑन टॉप पे है यानी कि जो ऑटो लाउट में फर्स्ट चीज है वो टॉप पे है और यहां पर दो ऑप्शन आपको मिलते हैं फर्स्ट ऑन टॉप लास्ट ऑन टॉप जैसे मैं इसको लास्ट ऑन टॉप करता हूं तो जैसे नाम से क्लियर है कि लास्ट वाला जो ऑब्जेक्ट है वो टॉप पे आ जाएगा आप इसमें यह चीज नहीं कर सकते हो कि ग्रीन वाला टॉप पे आ जाए और इस तरीके से बेसिकली नहीं कर सकते हो इसको करने के लिए आपको अगर यह चीज अचीव करनी है तो दोनों चीजों को पहले एक बार और ऑट आउट में डालो ठीक उसके उसके बाद इनमें फिर से स्पेसिंग कम करो और इनमें जाकर के आप फिर से क्या करो फर्स्ट एंड टॉप कर दो फर्स्ट एंड टॉप करोगे देखो ग्रीन आ जाएगा ऊपर बट अगर आप ऑटो लट में नहीं करते हो यानी सिंपल ही है वो तब आप ये चीज अचीव नहीं कर सकते हो आपके पास दो ही ऑप्शन रहते हैं या तो इधर फर्स्ट विल बी ऑन टॉप और सेकंड और बेसिकली लास्ट विल बी ऑन टॉप ठीक तो ये ऑप्शन है अब इसका यूज केस कहां होता है वो मैं आपको बताता हूं लेकिन उससे पहले मैं आपको ये बताता हूं कि एब्सलूट पोजीशन क्या होती है तो यहां पे एक ऑप्शन आता है एब्सलूट पोजीशन का देखो सिंपल बात समझो कि मैं पहली चीज तो एक डिजाइन प समझाता हूं मैं आपको जैसे ये डिजाइन है ठीक है अगेन वही डिजाइन मैंने ली है अब ऑट लाउट के अंदर जैसे मैंने आपको बताया कि आप कुछ भी मैनुअली मूव नहीं कर सकते हो ठीक सब चीज सिस्टम से मूव होती है क्या होगा अगर आपको चाहते हो कि आप यहां पे आइकन यहां पे लग जाए मतलब इस पैडिट वाली जगह प लग जाए जबकि आप पडि वाली जगह कुछ भेज नहीं सकते हो फॉर एग्जांपल अगर मैं यहां पे कुछ ड्रा करने का ट्राई करता हूं ना जैसे यहां पे तो वो ऑटोमेटिक यहां पे जैसे मैं ड्र करता हूं ना तो वो ऑटोमेटिक यहां पे स्नैप हो जाएगा क्यों क्योंकि एक सिस्टम में है अगर मैं इसको फिल दूं देखो आप यहां पे बन रहा है तो इसको मैं यहां मूव करना चाहूं देखो नहीं मूव हो रहा है सी नहीं होगा क्योंकि ऑटो लेआउट पे है ये तो यहां पे प्ले में आती है एब्सलूट पोजिशनिंग तो क्या कर सकते हो आप तो अगर आपको जो भी चीज ऑटो लाउट में आपको फ्रीली मूव करनी है तो आप यहां से जाकर के एक फीचर है ये वाला ठीक है यहां देखो एब्सलूट पोजीशन यहां पे देखो लिखा था एब्सलूट पोजिशनिंग एब्सलूट पोजीशंड कर सकते हो जैसे मैंने क्या करा इस वाले फॉर एग्जांपल सपोज ये एक आइकन है या फिर मैं एक आइकन ही ले आता हूं ठीक है तो मैंने क्या करा यह वाला आइकन मैं कॉपी कर लेता हूं यहां से ठीक और इस वाले जगह पे मैंने कंट्रोल शिफ्ट आर प्रेस किया कंट्रोल शिफ्ट आर प्रेस करने से क्या होता है आपका जो भी ऑब्जेक्ट है वो रिप्लेस हो जाएगा जैसे मैंने प्रेस करा अब ये ऑब्जेक्ट आइकन यहां पे है आई वांट दिस आइकॉन टू बी हियर नॉट यर मतलब यहां पे करना है तब तो आप ऑट लट के अंदर कर ही सकते हो इस टेक्स्ट को और इस आइकन को दोनों को ऑटर लट में करा सकते हो यानी कि एक ऑटर लट बना सकते हो बट आई वांट कि ये यहां पे चला जाए तो मैंने क्या करा एब्सलूट पोजीशन जैसे यहां पे ऑन करी तो अब देखो क्या हुआ अब ये आप ऑटो लाउट में कहीं पे फ्रीली मूव कर सकते हो यह ऑटो लाउट के अंदर ही है बट फिर भी फ्रीली मूव हो सकता है और यह फीचर हम बहुत ज्यादा यूज करते हैं कहीं पे कोई टूल टिप दिखानी है कहीं पे कोई आइकन इस तरीके से दिखाना है है ना कहीं पे इंफॉर्मेशन आइकन दिखाना है कोई चीज ओवरलैप करके दिखानी है पॉप ओवर के तरीके से तो इस तरीके से यूआई डिजाइनिंग में ये एब्सलूट पोजिंग यूज होती है तो अभी जैसे मुझे यहां पे प्लेस करना था ये मैं यहां जाकर सिंपली मैंने यहां पे प्लेस कर दिया इस तरीके से आप यहां पे कोई x कोई कैंसल वाला आइकॉन इस तरीके का आइकॉन आप प्लेस कर सकते हो नॉट ओनली आइकन बट बहुत सारी चीजें कर सकते हो ठीक तो एब्सलूट पोजिशनिंग आपको समझ में आ गई होगी क्या होता है कि कोई भी जैसे मैं इस वाले को अगर ऑट लट से बाहर कर दूं यानी कि एब्सलूट पोजीशन ऑन करूं इस वाले पूरे ऑब्जेक्ट में तो जैसे मैंने इसको ऑन करा अब देखो ये चीज अब फ्रीली मूव हो जाएगी थ्रू आउट द ऑटो लट फ्रेम तो एब्सलूट इस तरीके से यूज़ करते हैं अब हम जो एब्सलूट पोजीशन है और स्टैकिंग है उन दोनों को किस तरीके से यूज़ करते हैं वो देखते हैं तो फॉर एग्जांपल मेरे पास यहां पे एक डेटा टेबल है ठीक है डाटा टेबल है सिंपली कोई भी डेटा टेबल हो सकती है और मुझे यहां पे लेबल में सपोज एक टूल टिप लगानी है ठीक अब ये सब ऑटो लेआउट में है आप देखो ये कॉलम्स में ऑटोलेआउट में लगा हुआ है ठीक है और यहां पे आपको देखना है तो यहां से वेरीफाई कर सकते हो तो सिंपली मैं इसको हाइड करता हूं यहां पे एक ऑटो लेआउट है एक टूल टिप है ये मैंने टूल टिप को क्या किया मुझे यहां पे टूल टिप चाहिए ये ठीक है इस लेवल के ऊपर चाहिए तो देखो मैंने ऐसे करके इस वाले पे प्लेस करा तो सिंपली स्नैप करेगा ओबवियसली क्योंकि ऑटोलेआउट में है तो अब मुझे स्नैप तो कराना नहीं है मुझे तो इसके नीचे चाहिए तो मैं यहां पे सिंपली इसको एब्सलूट कर दूंगा जैसे मैंने एब्सलूट करा अब ये ऑटोल आउट अ के जो प्रिंसिपल्स है उसको मानना बंद कर देगा अब आप मैनुअली कहीं पे मूव कर सकते हो विदाउट ऑटो लेआउट को हटाए हुए ठीक कई लोग ऐसा करते हैं कि जिनको ऑटो लेआउट हटाना नहीं पता एब्सलूट पोजीशन वो टर लट को हटा के सिंपली उसको फे फ्रेम में कन्वर्ट कर देंगे एंड देन उसको फ्रीली मूव करके उसको एडजस्ट कर लेते है ठीक तो इस तरीके से आपको नहीं करना है एब्सलूट पोजीशन आपको यूज़ करनी है जैसे मैंने इसको अ इस तरीके से एडजस्ट कर लिया अब आप देखो यहां पे हो क्या रहा है ये हाइड हो जा रहा है पूरा अब आप कहोगे ठीक है क्लिप कंटेंट होगा तो ठीक है क्लिप कंटेंट देख लेते हैं यहां पर मैंने देखा तो क्लिप कंटेंट तो नहीं लगा है यहां पर देखो यहां पर भी क्लिप कंटेंट नहीं लगा है यहां लगा हुआ है बट इससे हमें मतलब नहीं अगर मैं इसको भी ऑफ कर दूं तो भी कोई फर्क नहीं पड़ रहा देखो तो यहां पे क्या हो रहा है यह जो पर्टिकुलर यह जो टूल टिप है वह इस वाले ऑल आउट फ्रेम के अंदर है यानी कि इस कंटेनर के अंदर है यह देखो टल आउट लगा है ना इस कंटेनर के अंदर है और यह कंटेनर इस वाले कंटेनर के अंदर है यानी जैसे मैं इस पे हूं तो आप बैक स्लैश प्रेस करोगे ना जो इंटर के ऊपर आपका बैक स्लैश होता है उसको फ्लिप प्रेस करोगे तो उसके ऊपर वाला फ्रेम सेलेक्ट हो जाएगा ठीक कंटेनर तो ये कंटेनर है जिसके अंदर ये बहुत सारे कंटेनर हैं एक ये है दो है तीन है चार है पांच है अब आपको समझ में आ गया होगा कि आपको यहां पे स्टैकिंग काम में आएगी जैसे क्या होगा मैंने इस पे सेलेक्ट करा यहां पे एडवांस सेटिंग्स पे गए हम ऑ टल आउट के और अभी देखो लास्ट ऑन टॉप है क्यों क्योंकि ये जो ये वाला जो है ना वो ऊपर है इसके ऊपर है तभी तो ओवरलैप कर रहा है ना तभी तो क्रॉप कर दे रहा है बट मैं यहां पे गया और मैंने क्या बोला इसको आप कर दो फर्स्ट ऑन टॉप जैसे ही मैं फर्स्ट ऑन टॉप करता हूं तो देखो क्या होगा ये वाला जो लेबल है ये जो टूल टिप है ये ऊपर आ गया इसके तो ये वाली चीज पीछे चली गई तो अपने आप वो चीज दिखने लग गई तो क्लिप कंटेंट अगर हम क्लिप कंटेंट ऑन होता तो इस तरीके से दिखता तो क्लिप कंटेंट भी ऑफ है फिर भी नहीं दिख रहा तो आपको ऑटो लेआउट के अंदर स्टैकिंग यहां पे यूज़ में आएगी अभी भी देखो क्लिप हो रहा है तो अब हम क्या करेंगे ये जो बाहर वाला एक बार फिर से बैक स्लैश प्रेस करेंगे और एक बार और ब बैक स्लैश प्रेस करेंगे क्योंकि यहां तो हमने फर्स्ट ऑन टॉप कर दिया लेकिन अब हम जाते हैं इसके भी ऊपर वाले कंटेनर पे जहां पे यह सारी चीजें अवेलेबल बेसिकली कॉलम्स कंटेंड है ठीक तो मैंने फिर से बैक स्लैश प्रेस करा और ये वाले ऑटो लट में हम गए और यहां पे एडवांस सेटिंग में गए अभी देखो यहां पे भी लास्ट ऑन टॉप था इसीलिए य क्लिप हो रहा था यहां से जैसे मैंने इसको फर्स्ट ऑन टॉप करा देखो अब यह क्लिप नहीं हो रहा है ठीक तो यह फीचर्स हैं जिससे आप जो जो कि फि मा में अवेलेबल है ताकि आपको कोई भी चीज ऑटो लाउट से हटानी ना पड़े और मतलब बेसिकली आपको नॉर्मल फ्रेम्स और ग्रुपिंग करके के काम ना करना पड़े तो आप देखो यहां पे बिना बिना ऑटोलेआउट हटाए अगर मैं यहां पे ये फ्रेम डिलीट करूं ये वाला जो ऑटोलेआउट ऑब्जेक्ट है इसको डिलीट करूं तो ये ऑब्जेक्ट भी हट गया और टूल टिप भी चला गया क्यों क्योंकि ये ये जो टूल टिप था वो विद इन दिस फ्रेम था ओनली ठीक तो इस तरीके से आप इसको यूज कर सकते हो काफी काम की चीजें हैं और हो सकता है आपको थोड़ी सी कॉम्प्लेक्टेड करूंगा और कोई डाउट होता तो आप कमेंट सेक्शन में पिन कर सकते हो या मुझे कर सकते हो और ओबवियसली और उसके अंदर एक रेड ऑब्जेक्ट है ठीक रे रेक्टेंगल बोल सकते हो या फ्रेम बोल सकते हो तो उसमें क्या है कि मैंने बिल्कुल जीरो पैडिट दे दी तभी के लिए पैडिट यहां पे दिख नहीं रही ठीक अब मैं क्या करता हूं कि मैं अंदर वाले इस रेड वाले ऑब्जेक्ट में स्ट्रोक ऐड करता हूं स्ट्रोक ऐड करने के लिए आप स्ट्रोक पे क्लिक करोगे और यहां पे थोड़ी सी मतलब मैं चलो वाइट दे देता हूं स्ट्रोक और मैंने इनसाइड की जगह पे बेसिकली आप जैसे बढ़ाओ ग तो इनसाइड का मतलब होता है स्ट्रोक उस फ्रेम के अंदर आए रहेगी फिर यहां पे अगर इनसाइड पे क्लिक करोगे तो देखो दो-तीन ऑप्शन मिलते हैं एक सेंटर मिलता है सेंटर में क्या होगा आधी स्ट्रोक अंदर और आधी स्ट्रोक बाहर जाएगी ठीक सिमिलरली उसी तरीके से आउटसाइड में क्या होता है आउटसाइड में आपकी जितनी भी स्ट्रोक है वह उस बाउंड्री के यानी कि जो भी आपकी ऑब्जेक्ट की बाउंड्री उससे बाहर चली जाएगी तो अब देखो यहां पर आप अगर यह फ्रेम मैं सेलेक्ट करूं टल आउट वाला यह वाला फ्रेम तो अब देखो यह फ्रेम तो यहां तक है बट स्ट्रोक तो उसके बाहर जा रही है राइट तो इस केस में अगर आप चाहते हो कि स्ट्रोक यार इसके अंदर रहे भले में आउटसाइड दे रखा है मैंने बट फिर भी स्ट्रोक इसके अंदर रहे है ना तो क्या हो गया आप फिर से एडवांस सेटिंग में जाओगे ठीक है और आपने इस कंटेनर को सेलेक्ट किया हुआ है मेक श्यर एडवांस सेटिंग पे हम गए और यहां पे हमने स्ट्रोक को कर दिया एक्सक्लूडेड की जगह पे इंक्लूडेड जैसे मैं इंक्लूडेड करता हूं देखना क्या होगा ये देखो आपने अभी भी आउटसाइड पे रखा है स्ट्रोक बट फिर भी उस कंटेनर के अंदर स्ट्रोक आ चुकी है तो यहां रहा आपका ऑब्जेक्ट और ये रहा आपका स्ट्रो बाहर वाला कंटेनर जो उस स्ट्रोक को इंक्लूड करा अपने अंदर ठीक अब कुछ भी बाहर नहीं जा रहा है पडि अभी भी जीरो है देखो पडि जीरो है मतलब इस वाले जो ऑब्जेक्ट की जो जितनी भी स्ट्रोक है हम घटाए बढ़ाएंगे तो वो उसी फ्रेम के अंदर ही रहेगा और यह भी काफी काम का फीचर है ठीक है जब आप कॉम्प्लेक्टेड जइंस्टीट्यूट डिलीट करता हूं इसको या फिर मैं इसको सिंपली थोड़ा सा छोटा कर देता हूं एंड मैं इसके अंदर एक टेक्स्ट ऐड करता हूं ये एक आइकॉन हो गया ये एक बटन हो गया फॉर एग्जांपल ये एक पूरी बटन है ठीक थोड़ा सा मैं इसको और छोटा कर देता हूं और पडि मैंने स्पेसिंग कम कर दी अब देखो होगा क्या अगर मैं इस आइकन को बहुत छोटा करता हूं समथिंग लाइक दिस ठीक ये अब देखोगे आप कि यह वाली जो लाइन है बेसिकली मैं रूलर लेके आता हूं और बताता हूं कि जो टेक्स्ट की ये जो लाइन है ये यहां से यहां तक है यह रही टेक्स्ट की आपकी अपर लाइन और यह बेस लाइन हो गई टेक्स्ट की कुछ यहां से ठीक अब आप देखोगे क्या होगा बेस लाइन टेक्स्ट की यहां से भी है ठीक और यह वाली उसकी बाउंड्री है मतलब ये यहां से बेस है और यहां से बाउंड्री है टेक्स्ट की तो अब क्या होगा अगर मैं चाहता हूं देखो यहां से क्या हो रहा है ये सेंटर लाइंड है मतलब यहां से देखो या तो मैं टॉप अलाइन कर दूं तो ये टॉप में चला जाएगा ये क्यों यहां इस बाउंड्री से क्यों जा रहा है मैं इसको एक बार रूलर हाइड करता हूं ठीक है रूलर हाइड कर दिया मैंने इस बाउंड्री से इसलिए जा रहा है क्योंकि ये 17 की पैडिट जीरो कर दूं तो ये ऐसे एक ये पोजीशन होगी और एक ये पोजीशन होगी और एक ये पोजीशन होगी एक सेंटर होगी पोजीशन ठीक है मिडल में होगी और एक टॉप में एक बॉटम में होगी अगर मैं थोड़ी सी पटिंग फिर से बढ़ा देता हूं तो अब क्या होगा अब ऐसा तो सही नहीं लग रहा है तो आप क्या करोगे आप सेंटर ही करोगे बट सेंटर करने के बाद भी तो इसके बेस लाइन में नहीं आ रहा है मतलब आप या तो एक काम कर सकते हो इसका साइज इंक्रीज कर सकते हो बट व्हाट इफ कि मुझे साइज नहीं इंक्रीज करना है तो आप क्या करोगे मैं रूलर लेके आता हूं अब देखो बेस लाइन यह रही बेस लाइन यह है और मुझे यहां से आना है यहां से एक पिक्सेल देखो ज्यादा हो रहा है तो मैंने ऑटो लाउट पे मैंने क्लिक करा बाहर वाले ओबवियसली बाहर वाले कंटेनर पे एडवांस सेटिंग में जाकर के मैंने क्या किया अलाइन टेक्स्ट टेक्स्ट बेस लाइन जैसे मैंने इसको ऑन किया तो यहां पे देखो क्या हुआ टेक्स्ट के बेस लाइन से वो अलाइन हो गया इरेस्पेक्टिव आपके अपने पैडिट क्या दे रखी है अलाइन मेंट क्या कर रखा है ठीक है वो टेक्स्ट के बेस लाइन से अलाइन हो जाएगा और ये चीज भी आपको कॉम्प्लेक्शन फीचर भी ऑटो लट में अवेलेबल है तो जब आप टेक्स्ट बेस लाइन चेंज करते हो तो देखो यहां पे अलाइन मेंट के पोजिशनिंग के भी ऑप्शन चेंज हो जाते हैं ये कुछ भी नहीं है ये बेसिकली ये ये वाली लाइन होती है जब आप इस पे क्लिक कर दोगे तो फिर से वापस चले जाओगे और यहां से बेसिकली बेस लाइन और यहां पे पोजिशनिंग का ऑप्शन होता है अभी ये काम नहीं करे क्योंकि सिर्फ दो ऑब्जेक्ट हैं और ये हॉरिजॉन्टल प्लेस है ठीक है तो इस तरीके से ये चीजें काम करती हैं तो ऑटोल में बस इतनी ही चीजें है मैंने आपको ऑटोल के बेसिक फीचर बता दिए स्पेसिंग बता दी लेआउट किस तरीके से होता है रैपिंग बता दी आइकन किस तरीके से चेंज होते हैं लेयर पैनल्स में पोजिशनिंग क्या होती है और पैडिट कितनी होती है पैडिट क्या चीज होती है बेसिकली रिसाइट टाइप की होती है ऑट लाउट के अंदर एडवांस फीचर ऑट लाउट के भी बता दिए मैंने आपको तो और एब्सलूट पोजिशनिंग भी बता दिया मैंने आपको एक डिजाइन का एग्जांपल शो करके भी दिखा दिया इतनी चीजें हैं ऑट लट में इतनी चीजें होती है ल आउट में और आप जैसे-जैसे प्रैक्टिस करते जाओगे आपको और चीजें पता चलती जाएंगी तो बेसिकली ये बेसिक फीचर्स हैं जो अवेलेबल है इनका यूज़ करके आप बहुत कॉम्प्लेक्शन चीजें कर सकते हो ठीक है बट चीजें इतनी है फीचर्स इतना ही है इसके अलावा आपको कभी कुछ देखने और नहीं मिलेगा फ्यूचर में कोई अपडेट आएंगे तो वो ऑब् वियस उसमें रहेंगे अदर वाइज ऑट लट में इतना ही है ठीक है तो होप फुली ये स्टक्स वीडियो भी आपके लिए जरूर हेल्पफुल रहेगी मैंने अपना फुल ट्राई किया है ऑटो लाउट के बेसिक से बेसिक तरीके से आपको समझाने के लिए और बहुत एडवांस लेवल की चीजें मैंने आपको इसमें बताई है आप आप उन चीजों को प्रैक्टिस करोगे तो आपको वो चीजें आ जाएंगी ओबवियसली ठीक है काफी मेहनत लगी है वीडियो बनाने में यार तो लाइक जरूर कर देना और शेयर करना अपने बिगनर फ्रेंड्स के साथ और सब्सक्राइब कर लेना इस चैनल को क्योंकि आने वाली वीडियोस भी अब जल्दी ही आएंगी चैनल पे ठीक है थोड़ा सा वीडियो लेट हो जाती है तो उसके लिए सॉरी बट आई एम ट्राइम माय बेस्ट टू अपलोड रेगुलर वीडियोस एज मच एज पॉसिबल ठीक है अब नेक्स्ट वीडियो में हम टेक्सटाइल्स कलर स्टाइल्स और जितने टाइप की भी फिग्मा में स्टाइल्स होती है लेआउट ग्रेड्स इफेक्ट स्टाइल्स तो वो सारी चीजें देखेंगे तो तब तक के लिए आप ये चीजें प्रैक्टिस कर सकते हो और मतलब बेसिकली आप कोई भी डिजाइन बनाओ और रेप्ट करो किसी डिजाइन को और वो ऑटो लाउट में रेप्ट करने का ट्राई करो ठीक है तो मिलते हैं नेक्स्ट वीडियो में तब तक के लिए बाय