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

उपकरणों में रंग प्रबंधन

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

जब टीबी के लिए एक तस्वीर विकसित की जा रही है, तो एक विशेष रूप से कैलिब्रेटेड मॉनिटर का उपयोग किया जाता है, जबकि एक साथ एक टीवी स्क्रीन पर छवि को प्रसारित करता है। डिजाइनर जानता है कि दर्शक को क्या छवि मिलेगी।

इन परिदृश्यों में, रंग प्रबंधन कई लाभ प्रदान करता है।

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

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

लक्ष्य

वेबसाइटों या मोबाइल एप्लिकेशन को डिजाइन करते समय, हम चाहते हैं कि फ़ोटोशॉप में सेट किए गए एचईएक्स रंग मूल्य हर जगह समान हों।

समस्या

फ़ोटोशॉप अपने स्वयं के आईसीसी प्रोफाइल को प्रदर्शित दस्तावेजों पर लागू करता है, इसे एक फ़ाइल में सहेजता है।

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

डिफ़ॉल्ट सेटिंग्स के साथ काम करते समय, एक समस्या उत्पन्न होगी: उदाहरण के लिए, रंग # FF0000 को ## FB0018, और BB95FF को # BA98FD के रूप में प्रदर्शित किया जा सकता है। सटीक मान ICC प्रदर्शन प्रोफ़ाइल और फ़ोटोशॉप सेटिंग्स पर निर्भर करेगा। इस मामले में, एचईएक्स मूल्यों में अंतर अपरिहार्य हैं।

OS X और Windows से फ़ोटोशॉप रंग प्रबंधन में क्या अंतर है?

OS X रंग प्रबंधन वीडियो मेमोरी स्तर पर होता है। सॉफ़्टवेयर उपयोगिताओं पूरे स्क्रीन पर एक निश्चित तरीके से रंग की व्यवस्था करती हैं और हमेशा फ़ाइल में निर्दिष्ट सटीक मानों की रिपोर्ट करती हैं, या प्रोग्रामेटिक रूप से सेट होती हैं। विंडोज विस्टा और विंडोज 7 इसी तरह काम करते हैं।

फ़ोटोशॉप, जैसा कि पहले उल्लेख किया गया है, जैसे ही आप फ़ाइल खोलते हैं, प्रोग्राम के भीतर रंग को नियंत्रित करता है। मुख्य समस्या यह है कि ऑपरेटिंग सिस्टम आपको अपनी आईसीसी प्रोफ़ाइल से अवगत कराता है, और कार्यक्रम अपना स्वयं का सेट करता है, एक "ओवरले" संघर्ष है। इसलिए, जब आप हेक्स मानों का चयन करते हैं, तो उन्हें गलत तरीके से संकेत दिया जाएगा। हालांकि, यह ध्यान देने योग्य है कि फ़ोटोशॉप के शीर्ष पर ओएस एक्स आईसीसी प्रोफ़ाइल स्थापित है।

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

CS 2 से पहले फ़ोटोशॉप संस्करणों में ऐसा करना काफी आसान है, बाकी के लिए आपको थोड़ा कौशल चाहिए।

फ़ोटोशॉप में RGB रंग प्रबंधन अक्षम करें।

मैक और विंडोज पर फोटोशॉप CS4 और CS5 के लिए निर्देश हैं। CS3 सेटिंग्स समान हैं।

चरण 1 - एडिट> कलर सेटिंग चुनें और RGB - मॉनिटर RGB के लिए वर्किंग स्पेस सेट करें।



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



चरण 3 - दस्तावेज़ खोलें और संपादित करें> प्रोफ़ाइल का चयन करें, और फिर इस दस्तावेज़ को रंग प्रबंधित न करें स्थापित करें। यह प्रत्येक व्यक्तिगत दस्तावेज़ के लिए किया जाना चाहिए जिसमें आप काम करते हैं।



चरण 4 - दृश्य बंद करें> सबूत रंग।

चरण 5 - वेब फ़ाइलों के लिए सहेजें सहेजते समय, कोनवर को sRGB में अक्षम करें। यदि आप एक जेपीईजी फ़ाइल सहेजते हैं, तो एंबेड कलर प्रोफाइल को अक्षम करें (यह फोटो के साथ काम करने के लिए आवश्यक हो सकता है, लेकिन इंटरफेस या आइकन के डिजाइन के मामले में, हम डिस्कनेक्ट करने की सलाह देते हैं)।

प्रोफ़ाइल निर्दिष्ट करें और प्रोफ़ाइल में कनवर्ट करें के बीच अंतर

अब असाइन प्रोफाइल और कन्वर्ट प्रोफाइल में अंतर के बारे में बात करने का समय है। प्रत्येक फ़ोटोशॉप दस्तावेज़ में एक ICC प्रोफ़ाइल होती है, जिसमें प्रत्येक पिक्सेल के लिए निर्दिष्ट रंग विकल्प होते हैं। एक "असाइन प्रोफ़ाइल" असाइन करके आप दस्तावेज़ में रंग मानों को प्रभावित किए बिना प्रोफ़ाइल को बदल देते हैं। आप दस्तावेज़ को नुकसान पहुंचाने के डर के बिना आवश्यकतानुसार रंग प्रोफ़ाइल को बदल सकते हैं। यह निश्चित रूप से प्रदर्शन को प्रभावित करेगा, लेकिन मूल एचईएक्स मूल्यों को बचाया जाएगा।

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

यदि आप एक फोटोशॉप डॉक्यूमेंट से दूसरे लेयर्स की लेयर्स कॉपी करते हैं, तो यह सिंगल कलर प्रोफाइल की गारंटी देता है।

इलस्ट्रेटर

यदि आप Illustrator छवियों को फ़ोटोशॉप में स्थानांतरित करना चाहते हैं या Illustrator से फ़ोटोशॉप में आयात करना चाहते हैं, तो कुछ भी बर्बाद किए बिना, निम्न आवश्यक हैं (ये निर्देश Illustrator CS4 और मैक और विंडोज पर CS5 के लिए हैं। Illustrator CS3 की सेटिंग्स समान हैं):

चरण 1 - संपादन सेटिंग्स> रंग का चयन करें और कार्य स्थान को RGB - मॉनिटर RGB पर सेट करें।



चरण 2 - दस्तावेज़ खोलें और संपादित करें> प्रोफ़ाइल का चयन करें, और फिर इस दस्तावेज़ को प्रबंधित न करें रंग स्थापित करें। यह प्रत्येक व्यक्तिगत दस्तावेज़ के लिए किया जाना चाहिए जिसमें आप काम करते हैं।



चरण 3 - दृश्य बंद करें> सबूत रंग।

चरण 4 - वेब और डिवाइसेस फ़ाइलों के लिए सहेजें सहेजते समय, कन्वर्ट को sRGB में बंद करें। यदि आप एक जेपीईजी फ़ाइल सहेजते हैं, तो एंबेड कलर प्रोफाइल को अक्षम करें (यह फोटो के साथ काम करने के लिए आवश्यक हो सकता है, लेकिन इंटरफेस या आइकन के डिजाइन के मामले में, हम डिस्कनेक्ट करने की सलाह देते हैं)।

गामा

विंडोज अपने परिचय के बाद से 2.2 के मान के साथ एक गामा का उपयोग करता है। हिम तेंदुए की रिहाई से पहले सभी संस्करणों के लिए ओएस एक्स गामा 1.8। स्नो लेपर्ड, लायन और माउंटेन लायन में, गामा वैल्यू विंडोज से मेल खाती है।

स्नो लेपर्ड जारी होने से पहले, मैक पर वेब पेज विंडोज की तुलना में अधिक गहरे दिखते थे। सौभाग्य से, दोनों ऑपरेटिंग सिस्टम एक सामान्य मानक पर आ गए हैं। इस प्रकार, यदि हम एक मॉनिटर का उपयोग करते हैं, तो दोनों ऑपरेटिंग सिस्टम में गामा का मिलान होना चाहिए।

IOS गेम के बारे में जानकारी पाना थोड़ा मुश्किल है, लेकिन मुझे लगता है कि यह अभी भी गामा 2.2 है।
(अपने iPhone या iPad के साथ प्रयोग करने के अच्छे कारणों में से एक)।

उपकरणों का परीक्षण

जाहिर है, iPhone, iPod या iPad की स्क्रीन पर छवि कंप्यूटर डिस्प्ले की तुलना में थोड़ी अलग दिखाई देगी। कुछ प्रकार के डिस्प्ले, जैसे कि AMOLED, नियमित कंप्यूटर एलसीडी की तुलना में अधिक समृद्ध और अधिक विपरीत हो सकते हैं। स्क्रीन प्रकार, गर्म रंग और यहां तक ​​कि पिक्सेल की संख्या डिवाइस प्रकारों के बीच भिन्न होती है। क्या आप हमेशा मतभेदों को स्पष्ट रूप से देखना चाहेंगे?

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

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

मैक उपयोगकर्ताओं के लिए आसान उपकरण

मैक पर भी, पिकर, हेक्स कलर पिकर और कलर्स (सभी मुफ्त) फ़ोटोशॉप से ​​प्रोग्राम कोड में रंग को मिलाने और स्थानांतरित करने में मदद करते हैं।

निष्कर्ष

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