हम 32x32 में एक स्पष्ट घर आइकन बनाते हैं (ala FatCow)

आइकन कैसे खींचना है (आकार 32x32, भाग I)

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

तो चलिए शुरू करते है! सबसे पहले, ताकि आइकन आकार से बाहर न हों और शैली में समान हों, आपको एक टेम्पलेट बनाने की आवश्यकता है जिसके आधार पर हम आइकन की एक श्रृंखला तैयार करेंगे।

सबसे पहले, एडोब फोटोशॉप प्रोग्राम को चलाएं, फिर फाइल> न्यू मेनू पर जाएं, या कुंजी संयोजन Ctrl + N दबाएं, और आकार में एक छवि 32x32 पिक्सेल और 72 डीपीआई का एक रिज़ॉल्यूशन बनाएं।

इसके अलावा, ताकि हमारे आइकन स्पष्ट, धुंधले किनारों वाले हों, और भविष्य में वे स्पष्ट और विपरीत दिखें, हमें ग्रिड (ग्रिड) के डिस्प्ले को कॉन्फ़िगर करने की आवश्यकता है, जिसके लिए हमें ड्राइंग करते समय निर्देशित किया जाएगा - क्योंकि छवि में पिक्सेल होते हैं, तदनुसार हमें प्रदर्शित करने की आवश्यकता होती है एक पिक्सेल की वृद्धि में ग्रिड।
मेनू पर जाएं> प्राथमिकताएं> मार्गदर्शिकाएँ, ग्रिड और स्लाइस संपादित करें, या कीबोर्ड पर Ctrl + K दबाएं और सेटिंग्स को छवि में दिखाए अनुसार बनाएं।

अब हमने एक खाका बनाया है जिसके आधार पर हम अपनी छोटी कृतियों का निर्माण करेंगे। चूँकि हमारे आइकनों में छाया का मतलब है, इस पर ध्यान दिया जाना चाहिए। मेरी योजना है कि आइकॉन के नीचे छाया का आकार 2 पिक्सेल और हर तरफ 1 पिक्सेल हो, इसलिए, हमें आइकन 30x30 प्लस छाया प्राप्त होता है। सुविधा के लिए, आइए ऐसे मार्गदर्शक लगाएं जो हमें आइकन छवि और उन छायाओं के बीच की सीमाओं को देखने की अनुमति देगा, जिन पर हमने संबंधित स्थान आवंटित किया था।

नतीजतन, हमारा टेम्प्लेट तैयार है, और अब आप सीधे माउस के ड्राइंग पर आगे बढ़ सकते हैं।

होम आइकन
हमारे द्वारा खींची गई आकृतियों को स्पष्ट रूप से देखने के लिए, मैं काली भरण का उपयोग करूंगा। तो टूल के साथ पेन टूल (K) होम आइकन के लिए आधार बनाते हैं।

अगला, वांछित रंग और रूपरेखा देने के लिए, Layer> Layer Style> Gradient Overlay ... पर जाएं और eae6c9 से cbcfba में ग्रेडिएंट फिल करें

इसके बाद, ताकि भविष्य में आकृति विपरीत हो, हम इस आकृति को एक आकार प्रदान करेंगे। ऐसा करने के लिए, परत> परत शैली> स्ट्रोक पर जाएं ... और रेखा 1 पिक्सेल मोटी और 868686 रंग के साथ बनाएं

वही हमें मिलना चाहिए

अब उसी टूल का उपयोग कर रहे हैं पेन टूल (K) छत के लिए आधार बनाते हैं

अब इसे अपना मनचाहा रंग दें - लेयर> लेयर स्टाइल> ग्रैडिएंट ओवरले ... पर जाएं और कलर b06a00 से कलर 8c4d00 में ग्रेडिएंट फिल करें।

हमें इसका परिणाम मिलता है

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

रंग ee6c9 से रंग cbcfba तक पाइप में एक ग्रेडिएंट फिल भरें, केवल इस बार हम क्षैतिज रूप से ग्रेडिएंट को निर्देशित करते हैं।

पहले की तरह, 1 पिक्सेल की मोटाई और 868686 के रंग के साथ एक रूपरेखा जोड़ें

हमें मिलता है ...

अब पृष्ठभूमि में, और उपकरण के साथ पाइप छिपाएं रेक्टैंग टूल (यू) एक और छत तत्व खींचता है

रंग b96a00 के लिए रंग CE9128 से एक ढाल असाइन करें ...

... और a86600 रंग के साथ 1 पिक्सेल मोटी रूपरेखा जोड़ें

हम देखते हैं ...

हम तैयार तत्व के साथ-साथ पाइप को पृष्ठभूमि में छिपाते हैं, और फिर से उपकरण के साथ रेक्टैंग टूल (यू) एक दरवाजा खींचता है

और हम उस ऑपरेशन को करते हैं जो हम पहले से ही रंग b06a00 से रंग cd9128 के एक ढाल के साथ परिचित हैं

... और लाइन के बारे में मत भूलना ... मोटाई 1 पिक्सेल, रंग a75700

हम परिणाम को देखो ...

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

खैर, और, फिर से, ढाल 2e8ce0 से 7cc6fd तक है

एक 1 पिक्सेल मोटी रूपरेखा और रंग 4381c8 असाइन करें

परिणाम का मूल्यांकन करें ...

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

लेयर> लेयर स्टाइल> ग्रैडिएंट ओवरले ... पर जाएं और कलर 000000 से कलर फाफफ तक ग्रैडिएंट फिल करें। ब्लेंड मोड पैरामीटर पर ध्यान दें - मैंने स्क्रीन पर मान सेट किया है

आपको निम्नलिखित परिणाम प्राप्त करना चाहिए

हमें जिस प्रभाव की आवश्यकता होती है, उसे प्राप्त करने के लिए, हमें निम्नलिखित जोड़तोड़ को परत पर लागू करना होगा

परिणामस्वरूप, हमें ऐसा प्रभाव मिलता है

अब छत के नीचे एक हाइलाइट बनाएं। एक नई परत बनाएं, और उसी टूल का उपयोग करें पेंसिल (बी) निम्नलिखित आकर्षित करते हैं

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

परिणाम इस प्रकार होगा

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

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

परिणामस्वरूप, हमें निम्नलिखित प्राप्त करना चाहिए

इस स्तर पर, घर पूरा दिखता है, लेकिन मैं अभी भी नींव को बल देते हुए अपने आप को परिष्करण स्पर्श करने की अनुमति देता हूं। ऐसा करने के लिए, उपकरण का उपयोग करें पेंसिल (बी), रंग f3f3ea का चयन, निम्नलिखित आकर्षित

लगभग किया हुआ। नीचे, हम केवल रंग b5b8a3 के साथ एक और पंक्ति जोड़ते हैं ।

यह हमारे घर में छाया डालने के लिए रहता है। ऐसा करने के लिए, सभी परतों का चयन करें, और उन्हें एक समूह में समूहित करें - यह हमारा स्रोत होगा। अगला, समूह की एक प्रति बनाएं और इस प्रति में हम सभी परतों को एक में संपीड़ित करते हैं - मेनू परतें> मर्ज परतें (Ctrl + E) पर जाएं। यह वह परत होगी जिस पर हम छाया लागू करेंगे, और हम अपने स्रोत कोड को अदृश्य बना देंगे

अगला, लेयर> लेयर स्टाइल> ड्रॉप शैडो ... पर जाएं और निम्नलिखित पैरामीटर्स के साथ एक शैडो असाइन करें

और, अंत में, हम उपयोग के लिए तैयार एक आइकन प्राप्त करते हैं!

मुझे आशा है कि मेरा पाठ आपके लिए उपयोगी था। यह कैसे समाप्त हुआ और यह कहां से शुरू हुआ।