मेरा पारदर्शी पीएनजी अच्छा क्यों नहीं दिखता है?

Question

मैं एक JPG को पारदर्शी में बदलना चाहता हूं और GIMP का उपयोग करके मैंने अल्फा लेयर्स और पारदर्शिता को जोड़ा है उसी तरह मैं GIF को पारदर्शी बनाता हूं मैंने इसे PNG में बदल दिया है लेकिन जब मैं इसे अपने टेम्पलेट पर लोड करता हूं तो यह अच्छी तरह से प्रदर्शित नहीं होता है:

मूल छवि है

जब यह पारदर्शी PNG में बनाया जाता है तो यह अच्छा क्यों नहीं दिखता है? क्या मुझे पारदर्शी GIF बनाने से बेहतर किस्मत मिल सकती है? या यह नीला रंग है जो काले रंग के साथ अच्छी तरह से नहीं मिलता है और मुझे कुछ अन्य लोगो का उपयोग करके अधिक भाग्य मिल सकता है:

धन्यवाद

Comments

यह सबसे अच्छा होगा यदि आप स्पष्ट करें कि आपने इसे पारदर्शी पीएनजी में कैसे बदल दिया।

— जून

टिप्पणी के लिए धन्यवाद। मैं इस जानकारी के साथ प्रश्नों को अद्यतन करता हूं कि मैंने जीआईएमपी का उपयोग किया था उसी तरह मैं एक जीआईएफ को पारदर्शी बनाता हूं। मैंने इसे अभी तक बनाने की कोशिश नहीं की, लेकिन यह देखना बेहतर होगा कि क्या यह बेहतर है।

— निकोलस

मैं आपको अभी बता सकता हूँ कि .gif बेहतर काम नहीं करेगा। आपकी .png छवि में वर्तमान गुणवत्ता सबसे अच्छी नहीं है। png कर सकता है। हालांकि यह सबसे अच्छा है जो .gif कर सकता है। तो आपके पास ऐसा करने के तरीके के साथ कुछ होना चाहिए जो बस लोगो के चारों ओर सफेद धब्बे छोड़ देता है। (यह संभवतः आप मदद कर सकता है journalxtra.com/easyguides/... )

— Joonas

अतिरिक्त अजीब GIMP 2.8.10 अवलोकन: * जब पारदर्शिता को "परत" के माध्यम से जोड़ा जाता है -> "पारदर्शिता" -> "रंग से अल्फा", तो विकल्प की परवाह किए बिना घटाव बनाया जाता है * जब आप पहली बार "परत" करते हैं -> "पारदर्शिता" > "अल्फा चैनल जोड़ें", फिर "अल्फा से रंग" केवल चयन पर काम करेगा।

— टामैश

Answer 1

मुख्य अनुभव, मेरे अनुभव में, GIMP में एक छवि के लिए चिकनी पारदर्शिता जोड़ने के लिए परत → ट्रांसपेरेंसी → कलर टू अल्फा ... टूल का उपयोग किया जाता है। बेशक, आपको यह जानना होगा कि इसे अच्छे प्रभाव के लिए कैसे उपयोग किया जाए - अपने दम पर, यह सब आपकी छवियों को सभी हास्यास्पद और पारदर्शी दिखता है।

अगर मैं आपके ऊपर पोस्ट की गई छवि लेता हूं, और बस उस पर कलर टू अल्फा चलाएं (पारदर्शी रंग के लिए सफेद उठाते हुए, निश्चित रूप से), मुझे जो मिलता है वह यह है:

       

जैसा कि आप देख सकते हैं, एक हल्की पृष्ठभूमि पर यह छवि ठीक दिखती है। दुर्भाग्य से, इसे एक काले रंग की पृष्ठभूमि पर रखने से धूसर तत्व पूरी तरह से गायब हो जाते हैं, और नीले हिस्से इतने शानदार नहीं लगते हैं:

       

समस्या यह है कि कलर टू अल्फा टूल ने वही किया जो करना चाहिए था: इसने मूल छवि के सभी सफेद रंग को पारदर्शिता में बदल दिया। इसका मतलब है कि ग्रे लाइनें अर्ध-पारदर्शी काली रेखाएं बन गईं, और हल्की नीली अर्ध-पारदर्शी गहरी नीली हो गईं।

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

1. परत को डुप्लिकेट करें।

2. निचली परत पर, लेयर → मास्क → लेयर मास्क जोड़ें ... और "ट्रांसफर लेयर के अल्फा चैनल" का चयन करके पारदर्शिता को मास्क में बदलें ।

3. पारदर्शिता को एक मुखौटा में स्थानांतरित करने के बाद, निचली परत को पूरी तरह से सफेद बना दें (जैसे "भरण पूरे चयन" मोड में बाल्टी भरण उपकरण का उपयोग करके)।

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

   ऐसा करने के लिए, इसे संपादित करने के लिए परतें संवाद में निचली परत के मुखौटे पर क्लिक करें, छवि के प्रत्येक अलग भाग ("बी", "नैनो" और उनके ऊपर ड्राइंग) का चयन करने के लिए आयत चयन उपकरण का उपयोग करें। बारी, और चलाने रंग → ऑटो → प्रत्येक चयन पर सामान्य करें ।

यह सब करने के बाद (और वैकल्पिक रूप से परतों को विलय), परिणाम इस तरह दिखना चाहिए:

       

यदि आप ऊपर की पहली छवि के साथ इसकी तुलना करते हैं, तो देखने के लिए लगभग कोई अंतर नहीं है। लेकिन देखें कि जब हम इसे किसी काले रंग की पृष्ठभूमि पर रखते हैं तो क्या होता है:

       

अब रंग अपारदर्शी दिखते हैं, लेकिन पृष्ठभूमि अभी भी पारदर्शी है और किनारे चिकने हैं।

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

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

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

Answer 2

यहां समस्या यह है कि छवि में किनारों पर "फीका-से सफेद" है, और आपने इसे नहीं हटाया है। फीका या एंटी-अलियासिंग का उपयोग उन ग्रेज़ को प्राप्त करने के लिए किया जाता है जो गहरे रंगों के खिलाफ उच्च विपरीत हो जाते हैं।

मैं GIMP का उपयोग नहीं करता हूं, लेकिन सरल शब्दों में, इसके साथ सबसे आसान तरीका यह है कि लेयर स्टैक के निचले भाग पर एक नई परत बनाएं और बाढ़ इसे एक रंग स्पष्ट, उच्च विपरीत और आम तौर पर छवि में नहीं भरें। मैं अक्सर RGB (255,0,0) का उपयोग करता हूं। यह आपके लिए किसी भी पृष्ठभूमि पर काम करने के लिए छवि को निकालने या समायोजित करने के लिए आवश्यक सभी क्षेत्रों को तुरंत आपके लिए उजागर करेगा। आपको ऊपरी परतों में क्षेत्रों को सफेद करने (रंग को नहीं) को हटाने की आवश्यकता है ताकि आप नीचे की परत से लाल को देख सकें। जब आप कर लेते हैं, तो आप PNG को निर्यात करने से पहले कंट्रास्ट लेयर को हटा देते हैं या छिपा देते हैं। यह कंट्रास्ट परत विशेष रूप से सहायक है क्योंकि आप परीक्षण के लिए इसे निर्यात करने की आवश्यकता के बिना अंतिम परिणाम देख सकते हैं।

आप जिस चीज से हवा लेना चाहते हैं, वह अनिवार्य रूप से एक ही परत है जिसमें सभी पारदर्शी हिस्से हटा दिए गए हैं (सफेद नहीं, बल्कि पारदर्शी)। मैं आमतौर पर ऐसा करने के लिए लेयर मास्क का उपयोग करता हूं, क्योंकि यह गैर-विनाशकारी है, लेकिन जो कुछ भी करने की आवश्यकता है वह करें।

हालाँकि, मुझे लगता है कि आपके पास बेहतर परिणाम होंगे यदि आप जेपीईजी आयात करने के बजाय तत्वों का पुनर्निर्माण करते हैं। इसके अलावा, इस में लाइनें वास्तव में पतली और हल्की हैं, और काले रंग में वे बाहर छोड़ सकते हैं।

कुछ मामलों में लोगो को स्टैम्प या स्टिकर के रूप में गर्भ धारण करने के लिए बेहतर है, आंतरिक बिट्स को सफेद छोड़ दें और बाहरी किनारों के चारों ओर 5px सफेद रेखा को स्ट्रोक करें।