एक्सेल में मॉडलिंग कार्टून कार्टून सिम्पसंस कोच गैग

सज्जनों, खाबरोवस्क नागरिकों!
कई वर्षों के कारावास के लिए, ड्यूफरेन ने चैंबर की दीवार पर चढ़ने वाले हथौड़ा के साथ एक सुरंग को घूंसा मारा। प्रसिद्ध अमेरिकी सुंदरियों को दर्शाने वाले पोस्टरों के साथ छेद को ढंकते हुए, शशांक जेल से भागते समय, वह तहखाने में चढ़ गया, एक सीवर पाइप को तोड़ दिया और जेल की बाड़ के पीछे से होकर रेंग गया।
पिक्सेल - गैसुन्स-ड्यूफरीन का हथौड़ा। पांच साल की कड़ी मेहनत के पीछे हैं। यह फैटोव आइकॉन , 3926 पीसी की नवीनतम रिलीज है ... हम सीवर मैनहोल के ऊपर एक सफेद पोशाक में मुनरो मरगे के साथ एक पोस्टर की शूटिंग कर रहे हैं। हम क्या देखते हैं? 1428 लेगो-क्यूब्स , 22848 पिक्सल द्वारा स्प्रिंगफील्ड के एक गीगापिक्सल पैनोरमा। आपके सामने 89 स्लाइड्स पर बिना आवाज़ के सिमंस के नकली नंगे सोफा हैं । एक हफ्ते में, हम बनाने के बारे में बात करने के लिए तैयार हैं, लेकिन अब सफेद खरगोश का पालन करें ...





वीडियो के स्रोत:
32x32 आइकन से स्लाइड के साथ फ़ोल्डर ।
16x16 आइकन से स्लाइड के साथ फ़ोल्डर ।


पहले, मुझे प्रयोगों के लिए एक पीड़ित की आवश्यकता थी। 300 संभावित उम्मीदवारों को देखने के बाद, चुनाव सिम्पसन की मां मार्ज के संस्कार पर एक मनोरंजक एनिमेटेड टैटू कलाकार पर गिर गया। शैली का एक क्लासिक, सिम्पसंस परिवार के सोफे के बारे में एक और रीमेक। यहाँ हमारी कला का काम है, और यह कैसा था, नीचे पढ़ें। बस वर्णन करने और महसूस करने के लिए कि हमने वास्तव में क्या किया और किसके लिए, इसने हमें 3 महीने का काम दिया।

आइकनों का उपयोग करके पिक्सेल एनीमेशन का विचार, क्या यह वास्तविक या कल्पना है?

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

परीक्षण और त्रुटि का परीक्षण

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

पहला कदम उच्चतम गुणवत्ता वाली तस्वीर को काफी बारीकी से प्राप्त करना था। हमारे मामले में मूल छवि का संकल्प एक नगण्य 500x281 पीएक्स था। तदनुसार, हमारे पास 140 500 पिक्सेल हैं। इस प्रकार, यदि आप चिह्न 1 से 1 की तस्वीर बनाते हैं, तो चित्र में 140,500 चिह्न होंगे। बस कम्प्यूटेशनल वॉल्यूम हमारे लिए दुर्गम है (यहां तक ​​कि i7 के साथ 16 रैम डीडीआर 3 के लिए) और सॉफ्टवेयर सीमाएं। दोनों में से कौन सा, सॉफ़्टवेयर या हार्डवेयर, सबसे पहले अज्ञात रूप से गिर जाएगा। इसलिए, चयन करके (3-4 बार हमने 20,000 - 30,000 तक के आइकनों की संख्या में कमी के साथ प्रयास किया), इष्टतम "वर्किंग रिज़ॉल्यूशन" चुना गया था। यह मूल एक की तुलना में 11 गुना कम हो गया था, और इसमें केवल 12 876 (मूल 140 500 के बजाय) शामिल थे। ) आइकन।
1 पिक्सेल के बजाय, हमने FatCow Farm Fresh सेट से 32x32 px आइकन प्रतिस्थापित किया । कुल में, हमें १४ 148 कोशिकाओं के चौड़े और a ऊँचे चित्र का संकल्प मिला। प्रत्येक मूल्य को 32 px से गुणा करते हुए, हमें चित्र का विस्तार प्रभावशाली 4736x2784 px तक मिला।

रोग बढ़ गया ...

एम्ब्रायडरी प्रोग्राम स्टिच आर्ट इज़ी , - यहाँ पिक्चर के प्राथमिक रूपांतरण को पिक्सेल इमेज में डाउनलोड करें । कार्यक्रम भी तुरंत नहीं मिला, मुझे एक दर्जन अन्य उपकरणों को अस्वीकार करना पड़ा। परिणामस्वरूप छवि एक्सेल में सहेजी जाती है, जहां 1 सेल = 1 पीएक्स।
कार्यक्रम इस तरह का [आंकड़ा 1] बनाता है, जहां तस्वीर के अंदर अक्षर रंग की योजना की तुलना रंगों की कथा के टैब के साथ होती है, चित्र में अक्षर = रंगों की कथा के टैब में अक्षर (कॉलम "@") "आकृति 2]। उदाहरण के लिए, एक पीले रंग की सेल के साथ। अक्षर C रंगों की कथा में 30 वीं पंक्ति है।
कार्यक्रम द्वारा प्रसंस्करण के दौरान प्राप्त आंकड़ा इस तरह दिखता है


अंजीर। 1: स्टिच आर्ट इजी का उपयोग करके बिछाई गई एक एक्सेल में एक तस्वीर देखें

• नहीं - सीरियल नंबर;
• @ - चित्र में रंग निर्धारित करने के लिए पत्र;
• रंग - धागा पैलेट की संरचना से रंग या रंग;
• कोड - एक विशिष्ट थ्रेड मॉडल के रंग पैलेट में एक डिजिटल रंग कोड;
• गणना - इस रंग को कवर करने वाले पिक्सेल की संख्या;
• पैलेट एक माउलाइन धागा निर्माता है।

अंजीर। 2: सिलाई कला आसान रंग किंवदंती

• फ्लॉस (पैलेट) के निर्माताओं के विभिन्न फर्मों के धागे के 10 रंग सेट, वे पैलेट की सूची भी हैं;
• अपनी खुद की पैलेट बनाने की क्षमता;
• प्रत्येक पैलेट में रंगों की संख्या तय की जाती है (उदाहरण के लिए, पैटर वूल पैलेट में 417 धागे रंग हैं)। लेकिन कार्यक्रम आपको अधिकतम 125 अल्फ़ान्यूमेरिक वर्णों को एनकोड करने की अनुमति देता है।

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

मैक्रो के संचालन के दौरान, कढ़ाई के लिए पिछले फिल्टर कार्यक्रमों के रंगों के रूपांतरण की आवश्यकता थी। ऐसा करने के लिए, रंगों की पूरी लाइन (125) के लिए पैताना ऊन को मैन्युअल रूप से 10 प्राथमिक रंगों में से 1 निर्धारित किया गया था। मैक्रो यहां पाया जा सकता है।


अंजीर। 3: रंग मिलान के साथ रंग किंवदंती

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


चित्र 4: चित्र 1 मूल रंगों में घटा।

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


अंजीर। 5: Stylization फ़िल्टर लागू करें-> किनारों को हाइलाइट करें

कढ़ाई कार्यक्रम के माध्यम से रूपांतरण के बाद, एक्सेल में हम सिर्फ इतनी गंदी तस्वीर देखते हैं, [चित्र 6.]


अंजीर। 6: फ़िल्टर को संसाधित करने के बाद छवि को देखें Stylization-> कढ़ाई कार्यक्रम में किनारों का चयन करें।

उसके बाद, हमने बिना किसी मैनुअल बदलाव के सिर्फ रंग बदलने की कोशिश की।
रंगों को बेस रंगों में बदलने से पूर्ण विफलता होती है, [चित्र 7]।


अंजीर। 7: बेस रंगों में कमी के बाद चित्र देखें।

इस तरह के उपद्रव के बाद, हमने इस रणनीति को एक तरफ धकेल दिया और शेष विकल्पों को संशोधित करने के बारे में निर्धारित किया। स्केलिंग के बारे में सोचा था! सभी ने सोचा, क्या यह विचार है जिसकी हमें आवश्यकता है?! जांच करने का निर्णय लिया गया।

इस परिकल्पना का परीक्षण करने के लिए, हमने ड्राइंग को फिर से बदल दिया, लेकिन इस बार हमने आकार को कम नहीं किया, जैसा कि हमने पहले किया था। उसी समय, हम यह भूल गए कि परिवर्तित और परिवर्तित रूपरेखाओं की भयानक गुणवत्ता छवि के 11 गुना कम होने के कारण थी। हम इस ड्राइंग को संसाधित करने के लिए, बिना कुछ बदले, कोशिश करना जारी रखते हैं। दूसरी ओर, कंप्यूटर के उपलब्ध संसाधनों का परीक्षण करने का निर्णय लिया गया, जिस पर यह सब शुरू हुआ। MS Excel में छवि प्राप्त करने के बाद, हमें 3 शीट - छवि के 3 भाग मिले। प्रसंस्करण के बाद, इन भागों को एक विशाल मनोरम तस्वीर का गठन करना चाहिए था, और केवल पहले ऐसे टुकड़े के प्रसंस्करण के लिए, लगभग 10-15 ऑपरेशन की आवश्यकता होगी। फिर 1 ड्राइंग में 3 टुकड़ों को फिर से गोंद करना आवश्यक है।

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


अंजीर। 8: वास्तविक आकार में चित्र।

जैसा कि [चित्रा 8] से देखा जा सकता है, जो कढ़ाई कार्यक्रम का उपयोग करके बनाई गई है और एक्सेल में बेस रंगों को कम किया गया है, बड़े प्रस्तावों को संसाधित करने के लिए हमें या तो रंगों की संख्या बढ़ाने और मौजूदा 10 रंगों में रंगों को जोड़ने की जरूरत है, या कम थकाऊ चित्र बनाएं, लाओ समोच्च और एक ही रंग के समोच्च के अंदर रंग लाते हैं।

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

- पैनोरमा ।

वर्ग एक पर लौटें ...

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

हम एनीमेशन को किसी ऑनलाइन सेवा द्वारा फ्रेम में विभाजित करते हैं ।;
परिणामी फ्रेम एक समोच्च दृश्य के लिए कम हो जाते हैं;

हम प्रारंभिक फ्रेम लेते हैं, [आंकड़ा 9]।


अंजीर। 9: मूल फ्रेम।

अगला, आपको कचरा पिक्सेल के प्रत्येक फ्रेम को साफ करने की आवश्यकता है। चूंकि हमें जिफ़ से एक तस्वीर मिली है, इसलिए हमें वह सारा कचरा भी मिला है जिसे हम [चित्र 10] में देख सकते हैं।


अंजीर। 10: एक अनुमानित रूप में मूल फ्रेम का हिस्सा।

कई प्रसंस्करण पदों के आधार पर, इसे प्राप्त करने के लिए ग्रे फिल फिल्टर का उपयोग करने के लिए प्रथागत था। फ़ोटोशॉप में, यह मेनू छवि है -> सुधार -> Desaturate (Shift + Ctrl + U) [चित्र 11]।


अंजीर। 11: छवि फ़िल्टर लागू करें -> सुधार -> असंतृप्त

अगला, किनारों का चयन किया जाता है, मेनू फ़िल्टर - स्टाइलाइजेशन - किनारों का चयन करें [चित्र 12]।


अंजीर। 12: स्टाइलाइज़ेशन फिल्टर का उपयोग करना - किनारों को हाइलाइट करना

किनारों को हाइलाइट करने के बाद, सभी क्षेत्रों को एक जादू की छड़ी [चित्रा 13] से साफ किया जाता है।


अंजीर। 13: छवि फ़िल्टर लागू करें -> सुधार -> असंतृप्त

फिर उन्हें रंगों के बिना समान रंगों के साथ चित्रित किया गया था [चित्र 14]


अंजीर। 14: मैनुअल इमेज प्रोसेसिंग।

हालांकि बाद में उन्होंने रंग से पेंट करने से इनकार कर दिया, और केवल समोच्च छोड़ दिया। क्यों? क्योंकि, कढ़ाई कार्यक्रम से गुजरते समय, एक फ़िल्टर लागू किया जाता है और आपको चित्र को उसके मूल रूप में वापस करने के लिए अतिरिक्त प्रयास करने होंगे।

प्रसंस्करण चरणों में से एक मैनुअल समायोजन के साथ रंगों का चयन था;

रंग प्रतिस्थापन मैक्रो के संचालन को लेख की शुरुआत में वर्णित किया गया है।
चित्रा [15] एक बड़े आंकड़े का एक टुकड़ा दिखाता है। यहां तक ​​कि अकेले एक समोच्च दिखाता है कि रंगों के अपवर्तन के कारण रंगों का प्रजनन होता है। क्या अतिरिक्त प्रसंस्करण किया जाता है।

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

[चित्र 16] में, एक ही फ्रेम को ग्रे में संसाधित किया जाता है, छवि को थोड़ा चिकना किया जाता है, लेकिन यह भी बहुत उपयुक्त नहीं है।


अंजीर। 16: ग्रे में चित्र प्राप्त करना।

[चित्र १ selecting] रूपरेखा का चयन करने के बाद। छोटे भागों पर, फिल्टर बेकार है, रूपरेखा विलय हो जाती है।


अंजीर। 17: रूपरेखा के चयन के बाद पैटर्न का दृश्य।

[चित्रा 18] अतिरिक्त पृष्ठभूमि घटक को हटा दें। जैसा कि आप देख सकते हैं, केवल सीमाएँ और छोटे कचरा हैं।


अंजीर। 18: अतिरिक्त पृष्ठभूमि घटक को हटाने के बाद छवि को देखें।

[चित्र १ ९] मैन्युअल प्रसंस्करण और रंग से भरना।


अंजीर। 19: मैनुअल प्रोसेसिंग।

प्रतीक के साथ रंग बदलना;

रंगीन कोशिकाओं के बजाय माउस का प्रतिस्थापन। सबसे पहले, 16x16 और 32x32 के 2 आकारों का उपयोग किया गया था, लेकिन एक बड़ी वृद्धि के साथ भी यह सुंदर नहीं दिखता था, और सबसे महत्वपूर्ण बात यह है कि यह स्पष्ट नहीं था [चित्र 20]।


अंजीर। 20: माउस के साथ कोशिकाओं की जगह के बाद चित्रा।

हमने हमें प्रभावित नहीं किया, और आगे की प्रक्रिया जारी रखते हुए, हमने 3xx की अंतर-विंडो दूरी के साथ केवल 32x32 आइकन छोड़ दिए, और एक अलग कोण से चित्र पर कुछ विचार करने के बाद, हमने इसके बिना पूरी तरह से प्रयास किया। परिणाम भयानक था [चित्र 21]।

अंजीर। 21: दृश्य धारणा को प्रभावित करने के लिए नंबर 1 का प्रयास करें।

वांछित परिणाम प्राप्त नहीं करने के बाद (आइकन "एक साथ अटक गए"), हमने आगे प्रयोग किया। यह कोशिकाओं / आइकन के बीच एकल-पिक्सेल स्थान सम्मिलित करने का निर्णय लिया गया था। यह बहुत बेहतर हो गया [चित्र 22]।


अंजीर। 22: दृश्य धारणा को प्रभावित करने के लिए नंबर 2 का प्रयास करें।

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


अंजीर। 23: अंतिम परिणाम।

एनिमेशन इमेजमैजिक का उपयोग करके बनाया गया है। एक एनीमेशन बनाने के लिए, केवल फ्रेम वाले फ़ोल्डर में कमांड दर्ज करें

c:\Gif_ani>convert -delay 40 -loop 0 00*.png Full_animation.gif 

यहाँ और पढ़ें

कार्य का सारांश:

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

• काम का परिणाम - नंबर 1, सिम्पसंस एनीमेशन, विकल्प 1, 32x32 आइकन
• काम का परिणाम - नंबर 2, सिम्पसंस एनीमेशन, नवीनतम संस्करण , 16x16 आइकन, अवधि 0:59
• यह कैसा था - नं। 3, स्टेप-बाय-स्टेप प्रोसेसिंग ऑफ ड्रॉइंग्स (मैनुअल प्रोसेसिंग)
• जैसा कि यह 2 था - , 4, ड्राइंग के चरण-दर-चरण प्रसंस्करण (स्वचालन के प्रकारों में से एक)

आपका ध्यान देने के लिए आप सभी का धन्यवाद!

इससे पहले, Google स्प्रेडशीट पर सबसे अच्छा सूत्र तालमुद फॉर्मूला था, लेकिन अब यह अलग है। अब हमारे पास एक नई हिट है।