सरफेस आर्टिस्ट बनने के लिए आपको टेक्सचरिंग, या जो आपको जानना जरूरी है। भाग 1. पिक्सेल

सबक की यह श्रृंखला किस बारे में है?

लेखों की इस श्रृंखला में मैं गेमिंग उद्योग के लिए बनावट बनाने के सिद्धांत को अधिकतम करने की कोशिश करूंगा, जो कि "पिक्सेल" की अवधारणा से शुरू होता है और खेल इंजन में जटिल सामग्री (शेड्स) के निर्माण के साथ समाप्त होता है, जो अवास्तविक इंजन 4 के उदाहरण का उपयोग करता है।

भाग 1. पिक्सेल - आप इसे पढ़ते हैं।
भाग 2. मास्क और बनावट यहाँ ।
भाग 3. PBR और सामग्री यहाँ ।
भाग 4. यहाँ मॉडल, मानदंड, और स्वीप ।
भाग 5. सामग्री प्रणाली यहाँ ।

मैं विंडोज पेंट, फोटोशॉप, सब्स्टेंस पेंटर, सब्स्टेंस डिज़ाइनर और संभवतः, क्विक्सेल जैसे कार्यक्रमों को कवर करने की कोशिश करूँगा (मैं वास्तव में इस कार्यक्रम में बात नहीं देख रहा हूँ, क्योंकि सभी लेखों को पढ़ने के बाद, पाठकों को इस बात की पूरी समझ होनी चाहिए कि, टेक्स्ट के साथ कैसे काम करना है, और Quixel सहज हो जाएगा)।

मैं पीबीआर, मास्क और विभिन्न प्रकार के बनावट जैसे अवधारणाओं का यथासंभव विश्लेषण करने की कोशिश करूंगा।

और यह सब पहले-ग्रेडर के लिए सबसे कम और सबसे बुनियादी स्तरों से माना जाएगा और जिन लोगों को कभी भी इसके साथ कोई समस्या नहीं हुई है, ताकि इन लेखों को पढ़ने पर, पाठक को कोई सवाल नहीं होगा, यह समझने की अधिकतम समझ है कि यह सब कैसे काम करता है, और वह किसी भी सॉफ़्टवेयर में बनावट और शेड के साथ आत्मविश्वास से काम करना शुरू कर सकता है, क्योंकि सभी का एक आधार ( आधार, सार ) है।

मैं संपूर्ण नहीं हूं। मुझे नहीं लगता है कि मैं इस विषय को जानता हूं और से। मैंने अपने दोस्तों को बिना मेरी मदद के टेक्सचरिंग की इस खूबसूरत दुनिया में शामिल होने में मदद करने के लिए यह लेख लिखना शुरू किया - ताकि वे किसी भी समय लेख खोल सकें, उन्हें पढ़ सकें और समझ सकें कि वे इसके साथ कैसे काम करते हैं और उन्हें क्या करना चाहिए। और मैं आप सभी का आभारी रहूंगा यदि आप इस ट्यूटोरियल को भरने में मेरी मदद करेंगे ताकि हम सभी इन लेखों को सही लोगों को दे सकें और वे जल्दी से इस क्षेत्र में शामिल हो सकें। मैं वास्तव में हर किसी से पूछता हूं जो इस क्षेत्र और इस क्षेत्र में प्रशिक्षण के विषय की परवाह करता है, टिप्पणियों में मेरी मदद करने के लिए - अपनी खुद की सुधार या इच्छाओं को बनाने के लिए, अगर मैं अचानक कुछ याद करता हूं या किसी चीज में गलती करता हूं।

मैं हर किसी से भीख मांगता हूं, जो अन्य उदाहरणों के साथ टिप्पणी में अनसब्सक्राइब करने के लिए एक ब्लॉक की बेहतर समझ के लिए आ सकता है ताकि मैं इन उदाहरणों को लेख में जोड़ सकूं। अचानक, मेरे उदाहरण मूल बातें पूरी तरह से समझने के लिए पर्याप्त नहीं होंगे?

तो दोस्तों, चलिए =)

भाग 1. पिक्सेल

पिक्सेल क्या है?

"पिक्सेल" की अवधारणा का उपयोग डिस्प्ले मैट्रिक्स के भौतिक तत्व की परिभाषा में किया गया है, साथ ही छवि में सबसे छोटा रंग बिंदु है, जिसमें से ही छवि का निर्माण होता है।
“पिक्सेल” की अवधारणा समान रूप से यहाँ और वहाँ दोनों के लिए समान रूप से उपयोग की जाती है, सामान्य तौर पर, इस तत्व के संचालन का सिद्धांत मॉनिटर में और मामूली अंतर वाले चित्रों में समान है। इसलिए, शुरू करने के लिए, आइए मॉनिटर पर पिक्सेल के सिद्धांत का विश्लेषण करें।

पिक्सेल और मॉनिटर्स

(नीचे पिक्सेल के संचालन का वर्णन सार है और एलसीडी मॉनिटर के संचालन की वास्तविक भौतिक घटनाओं का वर्णन नहीं करता है)।

मॉनिटर में, एक पिक्सेल एक भौतिक तत्व है जिसमें 3 रंगों के 3 चमकदार तत्व शामिल हैं - लाल, हरा और नीला। प्रत्येक तत्व (तीव्रता) की तीव्रता पिक्सेल के रंग को निर्धारित करती है। यही है, अगर हरे और नीले तत्व पूरी तरह से चमकना बंद कर देते हैं, और लाल तत्व चालू रहता है, तो स्क्रीन पर यह पहले से ही एक लाल डॉट (लाल पिक्सेल) होगा, और यदि आप भौतिक रूप से जितना संभव हो उतना मॉनिटर के करीब पहुंच सकते हैं, तो आप देख सकते हैं कि यह लाल बिंदु इसके दाईं ओर कैसे है काली जगह - दो खाली तत्व।

तीव्रता रेंज और पिक्सेल रंग

हम एक बार फिर दोहराते हैं। पिक्सेल रंग 3 हल्के तत्वों द्वारा निर्धारित किया जाता है - लाल, हरा और नीला। उनकी चमक सेटिंग्स के आधार पर, रंग स्वयं प्राप्त किया जाता है। यह महत्वपूर्ण है।

अब प्रत्येक तत्व की तीव्रता के पैमाने के रूप में इसकी कल्पना करें, जहां हरा वर्तमान तीव्रता का प्रतिनिधित्व करता है, और दाईं ओर वर्ग में रंग है, जो लगभग तत्वों की तीव्रता के संयोजन से प्राप्त होता है:


कल्पना कीजिए कि आंकड़ा सभी पिक्सेल तत्वों की चमक की अधिकतम तीव्रता को दर्शाता है, जो अंततः हमें मॉनिटर पर एक सफेद पिक्सेल देता है। तदनुसार, यदि हम हरे और नीले तत्वों की तीव्रता को 0 तक कम कर देते हैं, तो हमें एक असाधारण चमकदार लाल रंग मिलता है:


और भी हम एक बहुत महत्वपूर्ण बिंदु पर आते हैं - तीव्रता की सीमा।

तीव्रता सीमा (इसे कहते हैं कि) एक तत्व की अवस्था की न्यूनतम अवस्था (इसकी कोई चमक नहीं है) से इसकी अधिकतम स्थिति (अधिकतम चमक) होती है।

यह कई स्वरूपों में व्यक्त किया जा सकता है, उदाहरण के लिए:

• - 1% से 100% तक। यही है, तत्व आधे बल में, दूसरे शब्दों में, 50% तक चमक सकता है।
• - 1 से 6000 मोमबत्तियों तक। यही है, तत्व की अधिकतम चमक (100%) 6000 मोमबत्तियाँ हैं, और 75% की शक्ति क्रमशः 4500 मोमबत्तियों के बराबर होगी।
• - 1 से 255 तक। अर्थात्, इस सीमा में 30% 76.5 के बराबर होगा।
• - 1 से 1. 100% के समान है, लेकिन 100 के बजाय 1 का उपयोग करें। यह गणना के लिए सुविधाजनक है, जिसे हम निश्चित रूप से बाद में विचार करेंगे।

हमारे पाठों में, हम रेंज प्रतिनिधित्व के अंतिम संस्करण का उपयोग करेंगे, क्योंकि यह गणना के लिए सुविधाजनक है, जैसा कि हम बाद में देखेंगे।



हमारे पाठों में, हम रेंज प्रतिनिधित्व के अंतिम संस्करण का उपयोग करेंगे, क्योंकि यह गणना के लिए सुविधाजनक है, जैसा कि हम बाद में देखेंगे।

अब हमारे पैमाने पर तीव्रता सीमाएं जोड़ें और निम्न चित्र प्राप्त करें:


अब हम देखते हैं कि तीव्रता R = 1 है, तीव्रता G = 0.55-0.60 है, और B = 0. परिणामस्वरूप, हम नारंगी रंग के बारे में प्राप्त करते हैं जो पिक्सेल हमें मॉनिटर पर देते हैं। आप भौतिक रूप से मॉनिटर के जितना करीब हो सकते हैं और परिणाम के वर्ग में पिक्सेल को देखने की कोशिश कर सकते हैं - आप इन पिक्सल में एक नीले तत्व को नहीं देखेंगे, क्योंकि यह पूरी तरह से बंद है (इसकी तीव्रता 0 है)।

यह समझना महत्वपूर्ण है कि मैट्रिक्स, असेंबली और कुछ अतिरिक्त मापदंडों के निर्माता के आधार पर प्रत्येक मॉनिटर, चमक का स्तर पूरी तरह से अलग हो सकता है।

उदाहरण के लिए, मॉनिटर की मैट्रिक्स में पिक्सेल चमक की सीमा:

• - सैमसंग के पास 6,000 मोमबत्तियां हो सकती हैं।
• - एलजी = 5800 मोमबत्तियाँ।
• - HP = 12,000 मोमबत्तियाँ।

ये अमूर्त आंकड़े हैं जिनका वास्तविकता से कोई लेना-देना नहीं है, इसलिए कि एक समझ है कि प्रत्येक मॉनिटर में अधिकतम तीव्रता बल है, लेकिन तीव्रता सीमा हमेशा समान होती है - 0 से 1. तक, जब आप 1 से मुड़ते हैं लाल तत्व की तीव्रता, फिर वह चमकना शुरू कर देता है जितना आप कर सकते हैं, क्योंकि 1 = अधिकतम।

अब हमारे पास अधिकतम विचार है कि मॉनिटर पर रंग कैसे बनाया गया है - एक मिलियन पिक्सल अपने तत्वों की तीव्रता को समायोजित करते हैं ताकि कुल में उन्हें वांछित रंग मिल सके। यदि आप एक सफेद पृष्ठभूमि पर काले अक्षरों में इस पाठ को पढ़ रहे हैं, तो आपको पहले से ही समझना चाहिए कि पत्र स्वयं पिक्सेल में प्रदर्शित होते हैं जो पूरी तरह से अपनी चमक को बंद कर देते हैं, और सफेद पृष्ठभूमि में पिक्सेल होते हैं जो अपने सभी तत्वों की तीव्रता को अधिकतम तक पहुंचाते हैं।

यदि आप इस महासागर में बहुत गहराई तक जाते हैं, तो आप पा सकते हैं कि पिक्सेल में चमक की तीव्रता की 2 श्रेणियां हैं - यह प्रत्येक तत्व की तीव्रता सीमा है, और समग्र तीव्रता रेंज, जो संपूर्ण मॉनिटर की समग्र चमक निर्धारित करती है (उदाहरण के लिए, मॉनिटर की चमक अंधेरे में और कम हो गई है जब यह बहुत हल्का हो)।

स्क्रीन रिज़ॉल्यूशन और पिक्सेल आकार

और इसलिए, यह समझते हुए कि पिक्सेल में रंग कैसे बनाया जाता है, हम समझते हैं कि मॉनिटर पर छवि कैसे बनती है। और एक पिक्सेल का आकार क्या है? और आकार महत्वपूर्ण क्यों है?

आकार में पिक्सेल जितना छोटा होगा, उतना ही आप उन्हें मॉनिटर में रख सकते हैं। हालाँकि, पिक्सेल गणना स्वयं हमेशा स्क्रीन रिज़ॉल्यूशन द्वारा सीमित होती है।

उदाहरण के लिए, 1920x1080 के रिज़ॉल्यूशन वाली स्क्रीन में 2,073,600 पिक्सल होते हैं। यही है, स्क्रीन की चौड़ाई में 1920 पिक्सल और ऊंचाई = 1080 पिक्सल है। इन दो मूल्यों को गुणा करने पर, हमें पिक्सेल का क्षेत्रफल (संख्या) मिलता है।

इस प्रकार, मॉनिटर और स्क्रीन रिज़ॉल्यूशन के विकर्ण के आधार पर, स्क्रीन पर पिक्सेल के अपने आयाम हैं। तो, 19 इंच के मॉनिटर विकर्ण और 1920x1080 के रिज़ॉल्यूशन के साथ, पिक्सेल का आकार समान रिज़ॉल्यूशन वाले 24-इंच के मॉनिटर से छोटा होगा। तदनुसार, यदि हम 2560x1440 के संकल्प के साथ 24 इंच का मॉनिटर लेते हैं, तो इसका पिक्सेल आकार पिछले उदाहरण की तुलना में छोटा होगा।

कुल मिलाकर

हमें इस बात का अंदाजा है कि मॉनिटर पर पिक्सल का रंग कैसे बनता है।

हमारे पास पिक्सेल के आकार के बारे में एक विचार है, और यह कि वे मॉनिटर के आधार पर भिन्न हो सकते हैं।

हमारे पास एक विचार है कि फोन के मॉनिटर पर 1920x1080 के रिज़ॉल्यूशन के साथ, चित्र अधिक विस्तृत और तेज दिखेंगे, क्योंकि पिक्सल छोटा है।

और सामान्य तौर पर, हमें यह समझ है कि मॉनिटर पर छवि कैसे बनती है।

चित्र में पिक्सेल

एक बार और। "पिक्सेल" की अवधारणा का उपयोग डिस्प्ले मैट्रिक्स के भौतिक तत्व की परिभाषा में किया गया है, साथ ही छवि में सबसे छोटा रंग बिंदु है, जिसमें से ही छवि का निर्माण होता है।

रंग गठन

आइए छवि को देखें, कुछ तस्वीर। उदाहरण के लिए, मेरी बिल्ली:


इस तस्वीर का रिज़ॉल्यूशन 178x266 पिक्सल है। अर्थात्, चित्र में 47.348 पिक्सेल होते हैं और स्क्रीन पर केवल 2.2 प्रतिशत स्थान होता है। क्या ऐसा है? क्या यह तस्वीर आपके मॉनिटर पर वास्तव में 47.348 भौतिक पिक्सेल रखती है? और अगर छवि नीचे पैमाने पर है? किसी छवि को कम और बड़ा करते समय, इसमें शामिल पिक्सेल की संख्या में परिवर्तन नहीं होता है, जिसका अर्थ है कि छवि में पिक्सेल स्पष्ट रूप से मॉनिटर में पिक्सेल से कुछ अलग है। हाँ और नहीं।

एक छवि में एक पिक्सेल सबसे छोटा रंग बिंदु होता है जिसमें से छवियों का एक गुच्छा बना होता है। चित्र में पिक्सेल की संख्या किसी भी तरह से मॉनिटर से जुड़ी नहीं है और यह निर्भर करती है कि यह चित्र किसने बनाया है (या क्या बनाया है)। इस उदाहरण में, मेरे टेढ़े हाथों पर पिक्सेल की संख्या निर्भर है - मैंने फ़ोटो को अनियमित रूप से काट दिया और उस कई पिक्सेल के साथ एक तस्वीर मिली।


एक छवि में "पिक्सेल" क्या है यह समझना आसान बनाने के लिए, आपको इस ऑब्जेक्ट के सॉफ़्टवेयर कार्यान्वयन की ओर मुड़ना चाहिए।

कंप्यूटर छवि में एक पिक्सेल संख्याओं का एक समूह है। अपेक्षाकृत बोल, इस ब्लॉक (ईंट, वर्ग) - बिल्ली के कान पर एक सफेद वर्ग 32 बिट्स लेता है। जब कंप्यूटर मेरी बिल्ली को आपके मॉनिटर पर प्रदर्शित करना चाहता है, तो यह छवि के प्रत्येक पिक्सेल (बदले में सभी 47.348 पिक्सेल) को पढ़ता है, और उन्हें मॉनिटर पर प्रदर्शित करता है। जब छवि स्केल 1 से 1 होता है (छवि का 1 पिक्सेल मॉनिटर के 1 पिक्सेल के बराबर होता है या, दूसरे शब्दों में, स्केल 100% होता है), छवि का आकार मॉनिटर के पिक्सेल की समान संख्या पर कब्जा कर लेता है, जैसा कि उसके पास है।

ऐसे प्रत्येक पिक्सेल में 8 बिट्स = 32 बिट्स के 4 मान (चैनल) होते हैं।

3 मूल्यों को रंगों के गहन वितरण के लिए आवंटित किया जाता है लाल, हरा और नीला (यह याद रखना कि मॉनिटर में पिक्सेल कैसे काम करता है, यह तुरंत स्पष्ट हो जाता है कि ये मूल्य रंग को कैसे प्रभावित करते हैं)।

1 मान पारदर्शिता (उस पर बाद में अधिक) को दिया जाता है।

(इन पाठों में हम केवल 32-बिट चित्र और 8-बिट चैनल पर विचार करेंगे। बाकी सब कुछ पहले से ही विशेष है और अन्य मानक जो सादृश्य द्वारा काम करते हैं)।

प्रत्येक मान (चैनल) 0 से 255 पूर्णांकों की सीमा में हो सकता है, या 256 मान हो सकते हैं, जो 8 बिट के बराबर है।

दूसरे शब्दों में:

यदि हरे और नीले रंग के लिए जिम्मेदार चैनल 0 के बराबर होंगे, और लाल 255 के बराबर होगा - तो छवि पिक्सेल यथासंभव लाल होगा।

यदि हरे रंग का मूल्य 128 (जो मध्य या 0.5 के बराबर है) के लिए उठाया जाता है, तो पिक्सेल नारंगी होगा, जैसा कि ऊपर मॉनिटर से पिक्सेल के साथ उदाहरण में है।

या यहाँ एक और उदाहरण है:


इस छवि में, टिंट, कंट्रास्ट और चमक विकल्प वास्तव में रंग निर्माण को प्रभावित नहीं करते हैं। ये डेरिवेटिव हैं जो चैनलों के वर्तमान मूल्यों से स्वचालित रूप से गणना किए जाते हैं, और उनमें संग्रहीत नहीं होते हैं, इसलिए आपको इतने अंकों से डरने की आवश्यकता नहीं है।
अर्थात्, छवि पिक्सेल में तीन चैनल (तीन मान) होते हैं, जिनकी तीव्रता 0 से 255 तक होती है। चैनल की तीव्रता को समायोजित करके, रंगों के विभिन्न रंगों को प्राप्त करना संभव है।

इस क्षण से, हम एडोब फोटोशॉप कार्यक्रम का उपयोग करना शुरू कर देंगे, क्योंकि इसमें 3 चैनलों से रंग के संकलन की कल्पना करने का एक शानदार तरीका है (और इससे भी अधिक, लेकिन बाद में और अधिक)।

ऐसा हुआ कि तीव्रता की सीमा के दृश्य प्रदर्शन के लिए सफेद रंगों का उपयोग करना शुरू किया।

सबसे काला रंग = ०।
सफेद रंग = 1 (या 255, अगर हम 0 से 255 तक के पैमाने पर विचार करें)।

और यह इस तरह दिखता है:


वैसे, फ़ोटोशॉप में तीव्रता सेट करना लेवल पैरामीटर (रेंज पदनाम 0-100 है) से मेल खाती है। जहां 65 को 65% तीव्रता या 0.65 माना जा सकता है:


याद रखें कि कैसे पेंट में रंग सेटिंग्स के स्क्रीनशॉट में मैंने अन्य मापदंडों पर ध्यान नहीं देने के लिए कहा? वास्तव में, फ़ोटोशॉप में आप अन्य विकल्पों को अनदेखा कर सकते हैं। सब कुछ 3 चैनलों द्वारा नियंत्रित किया जाता है - आरजीबी। शेष मूल्यों की गणना आरजीबी मूल्यों के आधार पर की जाती है। लेकिन आप उनका उपयोग कर सकते हैं, उदाहरण के लिए, 0 से 100 तक स्तर पैरामीटर में तीव्रता का संकेत, और फिर फ़ोटोशॉप हमारे लिए RGB के लिए आवश्यक मानों की गणना करेगा।

फ़ोटोशॉप में, आप प्रत्येक चैनल पर अलग से स्विच कर सकते हैं और देख सकते हैं कि प्रत्येक चैनल की तीव्रता को 0 से 1 तक सफेद में दिखाया गया है:


लाल चैनल:


ग्रीन चैनल:


ब्लू चैनल:


खैर, एक बार फिर, कैसे सब कुछ एक साथ दिखता है:


अब, यह समझना कि चैनलों के योग से पिक्सेल के रंग को कैसे चित्रित किया जाता है, प्रत्येक चैनल की तीव्रता की कल्पना कैसे की जाती है, आप समझ सकते हैं कि प्रत्येक चैनल को अलग से देखने पर कुछ वस्तुओं के क्या रंग होते हैं। उदाहरण के लिए, लाल चैनल पर शीर्ष दाईं ओर नारंगी कवर चमकदार सफेद (तीव्रता 0.8 और उच्चतर है), हरे चैनल पर औसत तीव्रता (लगभग 0.5) है, और नीले चैनल पर यह लगभग काला (0 के बारे में तीव्रता) है। साथ में, परिणाम एक नारंगी रंग है।

कुल मिलाकर

छवि में पिक्सेल मॉनिटर पर पिक्सेल के समान रंग बनाता है। वास्तव में, जब 1 से 1 चित्र को स्केल किया जाता है, तो छवि पिक्सेल मॉनिटर पिक्सेल को चमकने का तरीका बताता है। लेकिन पहले से ही ज़ूम इन सॉफ्टवेयर बनाता है जिसमें छवि को अलग तरीके से संसाधित करने के लिए ऐसा होता है।

(यहां कार्य प्रक्रियाओं के एक व्यक्तिपरक दृश्य के साथ एक पैराग्राफ है) जैसा कि मैं इसे समझता हूं, जब आप किसी चित्र को ज़ूम इन करते हैं, तो सॉफ़्टवेयर बस पिक्सेल का एक गुच्छा (उदाहरण के लिए, 4 से 4) एक ही रंग में पेंट करता है (जैसे कि यह एक एकल पिक्सेल था, चित्र के करीब होने का एहसास और इसके पिक्सेलेशन। । लेकिन तस्वीर को ज़ूम आउट करते समय, जब मॉनिटर के 1 वास्तविक पिक्सेल पर छवि के 2 या अधिक पिक्सेल गिरने लगते हैं, तो सॉफ़्टवेयर मॉनिटर के 1 पिक्सेल से लड़ने वाले छवि के कई पिक्सेल के रंग को औसत करना शुरू कर देता है। और जब आप छवि के पैमाने को बढ़ाते और घटाते हैं, तो सॉफ्टवेयर किसी तरह अपने इमेज प्रोसेसिंग एल्गोरिदम का उपयोग करता है।

इसके अलावा:

ऊपर किसी भी संपीड़न के बिना एक छवि के निर्माण के लिए एक प्रणाली है। सामान्य तौर पर, छवि संपीड़न विधियों की किस्में होती हैं, जिनमें मानों को छंटनी की जाती है या इसके बगल वाले लोगों से औसत लिया जाता है, और इसी तरह - यह अब हमारे लिए दिलचस्प नहीं है, और संपीड़न तरीके पहले से ही कंप्यूटर पर स्मृति की मात्रा में कटौती करने के तरीके हैं जो इस दृश्य से पुनर्प्राप्त किए जाते हैं पिक्सेल का काम।

छवियाँ और मास्क

और अब धीरे-धीरे हम सबसे दिलचस्प चीज - मास्क के करीब हो रहे हैं।

पहला मुखौटा जो हमने पहले ही सामना किया है, लेकिन आवाज नहीं दी है, पारदर्शिता का मुखौटा है।
याद रखें कि एक पिक्सेल में 8 बिट्स के 4 चैनल होते हैं। इनमें से 3 चैनल रंग निर्माण के लिए जिम्मेदार हैं, और चौथा पारदर्शिता के लिए जिम्मेदार है।

ट्रांसपेरेंसी मास्क इमेज पिक्सेल में 4th चैनल है, जो यह दर्शाता है कि इस पिक्सेल को पूरी तरह से प्रदर्शित किया जाना चाहिए, पारदर्शिता हो या पूरी तरह से प्रदर्शित न हो।
यही है, इस चैनल का आकार भी 8 बिट्स है और इसमें 0 से 255 तक मान हो सकते हैं। जहां 0 सबसे पारदर्शी है, और 255 सबसे अधिक पारदर्शी नहीं है।

अगर आपके पास इमेज में ट्रांसपेरेंसी चैनल नहीं है, तो ऐड चैनल पर क्लिक करके इसे जोड़ना आसान है:


और आपके पास तुरंत एक अल्फा चैनल होगा।

अब, इस चैनल के सभी मान 0 हैं, और यह नेत्रहीन पूरी तरह से काला है।

अगला, मैंने 100% दृश्यता के क्षेत्र को निर्दिष्ट किया - मेरी बिल्ली को उजागर किया, अल्फा चैनल में एक बिल्ली का एक सिल्हूट आरेखण:


अब, यदि आप सभी 3 चैनलों + अल्फा चैनल के प्रदर्शन को सक्षम करते हैं, तो आप निम्नलिखित देख सकते हैं:


फ़ोटोशॉप ने लाल क्षेत्रों को चिह्नित किया है जो पूरी तरह से पारदर्शी हैं, इसलिए मैं समझता हूं कि पारदर्शी छवि अपलोड करते समय, जो पिक्सेल लाल क्षेत्र में आते हैं, उन्हें रिकॉर्ड किया जाएगा, उनका सभी 4 चैनलों में एक मान होगा, लेकिन जब से वे 4 चैनल में 0 का मान रखते हैं, तब उन्हें प्रदर्शित नहीं किया जाएगा और इसलिए छवि फ़ाइल द्वारा तौला जाएगा।

यह है कि पीएनजी प्रारूप में निर्यात की गई छवि पारदर्शिता की परत के साथ कैसी दिखती है (वास्तव में, यह टिफ़ था, लेकिन यह कोई भूमिका नहीं निभाता है):


अब यह ध्यान दिया जाना चाहिए कि जब मैं पारदर्शिता मुखौटा खींच रहा था, तो उस पर चिकनी संक्रमण थे (यानी, लगभग 1 और 0 नहीं, लेकिन केंद्र में 1, और किनारों पर 1 से 0 तक नरम किनारों)। इसने हमें पारभासी पिक्सल्स बनाने की अनुमति दी, जो इस छवि में दिखाती है कि बिल्ली के चारों ओर कितनी आसानी से तस्वीर पारदर्शिता में जाती है।

इतनी आसानी से हम अगले व्यापक विषय पर आ गए, जिसे मैं निकट भविष्य में - मास्क और टेक्सचरिंग के पहले पाठ में शामिल करने का प्रयास करूंगा।

आपका ध्यान के लिए धन्यवाद, आपकी इच्छाओं और सुधारों के लिए प्रतीक्षा कर रहा है =)