🤦🏻 🌆 🏗️ एडोब इलस्ट्रेटर में प्रोग्रामिंग कैसे शुरू करें। एक भाग ⚔️ 🧚 👂🏻

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

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

Adobe Illustrator में एक क्लिपिंग मास्क टूल है जो क्लिपिंग मास्क के साथ काम करता है। क्लिपिंग मास्क में तीन कमांड होते हैं: मेक, रिलीज़ और एडिट मास्क। पहला एक मुखौटा बनाता है, दूसरा - पर्स, तीसरा - आपको संपादित करने की अनुमति देता है। हम दूसरी कमांड में रुचि रखते हैं, जो क्लिपिंग मास्क ऑब्जेक्ट को एक समोच्च और मुखौटा की सामग्री में विभाजित करता है। बहुत बार यह आवश्यक है कि न केवल मुखौटा को अलग किया जाए, बल्कि केवल सामग्री को छोड़कर, मुखौटा की रूपरेखा से छुटकारा पाया जाए। नियमित रिलीज़ क्लिपिंग मास्क कमांड ऐसा नहीं करता है, इसलिए इसे लागू करने के बाद, आपको तीन और चरणों को करने की आवश्यकता है:

ऑब्जेक्ट से चयन निकालें
केवल मुखौटा रूपरेखा का चयन करें
मास्क की रूपरेखा निकालें

यदि आपको दिन के दौरान अक्सर यह अनुक्रमिक ऑपरेशन करना पड़ता है, तो सवाल उठता है: क्या किसी तरह से इन परिणामों की संख्या को कम करना असंभव है ताकि एक ही परिणाम प्राप्त हो सके? और यहां बिंदु आलस्य नहीं है, लेकिन आवश्यक उपकरण की कमी है। अब एक दूसरे के लिए कल्पना करें कि आपके पास ऐसा उपकरण है।

यहाँ आप संक्षेप में काम से विचलित हो गए हैं और इस बारे में विचारों में डूब गए हैं कि अगर यह एडोब इलस्ट्रेटर शस्त्रागार का विस्तार करने वाली मास्किंग टीम के रूप में होता है, तो आपके लिए इन सभी कार्यों का प्रदर्शन करने वाली टीम का विस्तार होगा। शांत विचार! आपको लगता है कि एडोब के लिए तकनीकी सहायता लिखना आवश्यक है। निम्नलिखित विचार: अचानक वे इस बारे में कई बार लिखे गए हैं? और अगर किसी दिन और शायद वे इस तरह के उपकरण को जोड़ देंगे, तो यह आपके लिए क्या है? इस टीम की जरूरत यहाँ और अभी है!

और यहां सच्चाई का क्षण आता है - आप खुद एक स्क्रिप्ट लिख सकते हैं!

जल्दी से नहीं कहा!

1 #target illustrator 2 if (app.documents.length > 0) { 3 var doc = app.activeDocument; 4 var sel = doc.selection; 5 var clipPath; 6 if (sel.length > 0) { 7 if (sel[0].typename == 'GroupItem' && sel[0].clipped == true) { 8 var clipGroup = sel[0].pageItems.length; 9 for (var i = 0; i < clipGroup; i++) { 10 if (sel[0].pageItems[i].typename == 'PathItem' && sel[0].pageItems[i].clipping == true) { 11 clipPath = sel[0].pageItems[i]; 12 break; 13 }; 14 }; 15 app.executeMenuCommand('releaseMask'); 16 clipPath.remove(); 17 } 18 else { 19 alert ('   -!'); 20 }; 21 } 22 else { 23 alert ('  !'); 24 }; 25 } 26 else { 27 alert ('  !'); 28 };

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

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

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

हमें जांच की आवश्यकता क्यों है?

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

बेशक, ऊपर वर्णित गंभीर कॉमरेड इस तरह के उद्देश्यों के लिए कोशिश / कैच निर्माण का उपयोग करते हैं, लेकिन मैंने फैसला किया कि सामान्य रूप से अगर / और एक लैकोनिक और अधिक समझने योग्य निर्माण होगा। खासकर नौसिखिया स्क्रिप्ट लेखकों के लिए।

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

 #target illustrator

इसके बाद, यह स्क्रिप्ट चलाने के समय एडोब इलस्ट्रेटर में खुले दस्तावेजों की जांच करता है। इन पंक्तियों को निम्नानुसार पढ़ा जाना चाहिए: यदि ( if ) एप्लिकेशन ( app ) में दस्तावेजों की संख्या ( documents.length ) शून्य से अधिक है (> 0), तो {...} में संलग्न कोड निष्पादित किया जाना चाहिए। अन्यथा ( else ), संदेश प्रदर्शित करें ( alert ) 'कोई खुले दस्तावेज़ नहीं!' और स्क्रिप्ट को पूरा करें।

 if (app.documents.length > 0) { ... ... } else { alert ('  !'); };

दस्तावेज़ में चयन के लिए कोड चेक का निम्नलिखित ब्लॉक।

  if (sel.length > 0) { ... ... } else { alert ('  !'); };

यह ध्यान दिया जाना चाहिए कि यदि पिछले उदाहरणों में हमने आरक्षित नामों (जैसे app या documents ) का उपयोग किया है, तो यहाँ हम sel वैरिएबल का उपयोग करते हैं, जिसे हम स्वयं लाइनों 3 और 4 में निर्धारित करते हैं।

  var doc = app.activeDocument; var sel = doc.selection;

जहां doc सक्रिय इलस्ट्रेटर दस्तावेज़ का लिंक है, और sel सक्रिय दस्तावेज़ में चयनित ऑब्जेक्ट / ऑब्जेक्ट का लिंक है।

एक संदर्भ (या संदर्भ) एक विशिष्ट वस्तु के लिए एक संकेतक है। बेशक, मैं अच्छी तरह से जानता हूं कि पूरी तरह से हानिरहित रूसी शब्द "पॉइंटर" किसी भी व्यक्ति को बेवकूफ बनाने में सक्षम है जो ओओपी (ऑब्जेक्ट-ओरिएंटेड प्रोग्रामिंग) से परिचित नहीं है। लेकिन एक शब्द ले लो, सब कुछ उतना जटिल नहीं है जितना लगता है। लिंक चर में संग्रहीत किए जाते हैं और वस्तुओं तक पहुंचने के लिए उपयोग किए जाते हैं। doc वेरिएबल में, हम एप्लिकेशन (ऐप) के सक्रिय डॉक्यूमेंट (एक्टिवडिमेंटमेंट) के लिए एक पॉइंटर (असाइनमेंट ऑपरेटर = ) का उपयोग करके इसे सेव करते हैं, और सेले वैरिएबल में हम पॉइंटर को एप्लिकेशन (ऐप) के एक्टिव डॉक्यूमेंट (activeDocument) में सिलेक्ट करने के लिए सेव करते हैं। बस app.activeDocument लिखने से बचने के लिए, हम इसके बजाय doc चर का उपयोग करते हैं, जिसमें पहले से ही यह कोड है। इसलिए लिंक sel = doc.selection जैसा दिखेगा। मुझे आशा है कि मैंने स्पष्ट रूप से समझाया।

इस प्रकार, इस स्थिति में, if (sel.length > 0) यह जाँच लिया जाता है कि सक्रिय दस्तावेज़ में चयनित वस्तुएं हैं या नहीं, और यदि संदेश प्रदर्शित नहीं किया गया है: 'कोई चयनित वस्तु नहीं हैं!'

निम्न पंक्तियाँ सत्यता की जाँच करती हैं, दंड के लिए क्षमा करें, एक ही बार में दो शर्तें। पहली कि चयनित वस्तु एक समूह है ( GroupItem ) और (&&) दूसरा कि यह समूह वास्तव में एक क्लिपिंग मास्क है (इस ऑब्जेक्ट की clipped संपत्ति true )।

  if (sel[0].typename == 'GroupItem' && sel[0].clipped == true) { ... ... } else { alert ('   -!'); };

यहां हमें थोड़ा स्पष्टीकरण चाहिए।

एक मुखौटा वस्तु क्या है? यह एक समूह है, लेकिन एक सामान्य नहीं है। एक नियमित समूह विभिन्न वस्तुओं का एक संग्रह है जो "मुख्य" या "माता-पिता" ऑब्जेक्ट के अधीनस्थ है। जैसा कि मास्क ऑब्जेक्ट के लिए है, यह भी एक समूह है, लेकिन सामान्य एक के विपरीत, इसमें दो भाग होते हैं - मुखौटा की रूपरेखा और इसकी सामग्री। इसलिए, स्क्रिप्ट से यह निर्धारित करने के लिए कि आपके सामने एक नियमित समूह या एक मुखौटा समूह है, इसकी clipped संपत्ति इसकी अनुमति देती है। यदि क्लैप की गई संपत्ति का मूल्य false (गलत) है, तो यह एक सामान्य समूह है; यदि true (सत्य) है, तो यह एक क्लिपिंग समूह है।

इनक्वायर्ड माइंड्स ध्यान देंगे कि हमने पहले से परिभाषित sel वेरिएबल के बजाय sel[0] कंस्ट्रक्शन का उपयोग किया है। यह इस तथ्य से समझाया जाता है कि, स्क्रिप्ट के दृष्टिकोण से, एक चयन तत्वों का एक संग्रह (संग्रह) है, और एक विशिष्ट वस्तु नहीं (भले ही केवल एक वस्तु का चयन किया गया हो)। और चयनित संग्रह तत्व के प्रकार के मिलान के लिए इस ऑब्जेक्ट के प्रकार ( typename ) की जांच करने के लिए, sel[0] निर्माण का उपयोग किया जाता है, जो संग्रह के पहले [0] तत्व को संदर्भित करता है, अर्थात, हमारे मामले में, चयनित समूह।

नतीजतन, यदि चयनित वस्तु एक समूह और एक मुखौटा दोनों है, तो आगे कोड निष्पादित किया जाता है, अन्यथा संदेश प्रदर्शित होता है: 'चयन एक मुखौटा वस्तु नहीं है!'

चेकों के साथ - यही है। आगे बढ़ो।

मुख्य कोड कैसे बनाया गया था?

लेख के इस भाग में, मैं न केवल इस पर टिप्पणी करने की कोशिश करूंगा कि कोड कैसे काम करता है, बल्कि इसके निर्माण की प्रक्रिया का वर्णन करने के लिए। यदि पूरी प्रक्रिया नहीं है, तो कम से कम कुछ प्रमुख बिंदु। चलो शुरू हो जाओ!

पहले, तीन कार्यों का वर्णन किया गया था जो मास्किंग रूपरेखा के बाद के निष्कासन के साथ क्लिपिंग मास्क को "डिसैम्बलिंग" के कार्य को हल करने के लिए किया जाना चाहिए। उन्हें एक अन्य कार्रवाई (रिलीज़ कमांड) के साथ पूरक किया जाएगा, जिसमें से हमारा एल्गोरिथ्म शुरू होगा। मैं उन्हें संदर्भ को ताज़ा करने के लिए यहाँ दोहराऊंगा।

रिलीज़ क्लिपिंग मास्क कमांड चलाएँ
ऑब्जेक्ट से चयन निकालें
केवल मुखौटा रूपरेखा का चयन करें
मास्क की रूपरेखा निकालें

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

सामान्य तौर पर, तर्क बताता है कि पहले आपको मुखौटा रूपरेखा वस्तु के लिए एक लिंक (संदर्भ) बनाने की आवश्यकता है। नियमित समोच्च की तुलना PathItem मुखौटे को क्या अनोखा PathItem इसके बारे में सोचने के बाद, हम PathItem वर्ग की clipping संपत्ति PathItem । अब हमें सिर्फ (for) लूप में मास्क समूह की वस्तुओं पर PathItem है और clipping = true संपत्ति के साथ PathItem को PathItem । यह वांछित सर्किट होगा। इस कोड के निष्पादन के परिणामस्वरूप, हमें मास्क कंटूर ऑब्जेक्ट का लिंक मिलेगा और इसे clipPath वेरिएबल में सेव करना होगा।

  for (var i = 0; i < clipGroup; i++) { if (sel[0].pageItems[i].typename == 'PathItem' && sel[0].pageItems[i].clipping == true) { clipPath = sel[0].pageItems[i]; break; }; };

आगे क्या है? आइए एल्गोरिथ्म पर वापस जाएं और आइटम 1 के लिए कोड लिखें। यह लाइन रिलीज़ क्लिपिंग मास्क कमांड को निष्पादित करती है, लेकिन उपयोगकर्ता इंटरफ़ेस के माध्यम से नहीं, बल्कि स्क्रिप्ट से। हाँ, इतना आसान!

  app.executeMenuCommand('releaseMask');

हम चरण 2 और 3 को छोड़ देते हैं (क्योंकि हमारे पास पहले से ही मुखौटा रूपरेखा है, या क्लिपपाथ ऑब्जेक्ट के लिए लिंक है) और सीधे चरण 4 पर जाएं। यहां हम clipPath ऑब्जेक्ट को remove() विधि clipPath । यह विधि मुखौटा की रूपरेखा को हटा देती है।

  clipPath.remove();

अभी के लिए बस इतना ही। आपका ध्यान के लिए धन्यवाद!

मुझे उम्मीद है कि अब आप समझ गए होंगे कि Adobe Illustrator में प्रोग्राम करना शुरू करना उतना मुश्किल नहीं है जितना पहली नज़र में लगता है।

पी एस बेशक, परिणामस्वरूप स्क्रिप्ट आदर्श से बहुत दूर है। यह उन मुखौटों के साथ काम नहीं करता है जिनकी रूपरेखा TextFrame CompoundShape TextFrame या TextFrame । स्क्रिप्ट को संशोधित करने का तरीका पढ़ें ताकि यह दूसरे भाग में वास्तव में पूर्ण विकसित उपकरण बन जाए।

एडोब इलस्ट्रेटर में प्रोग्रामिंग कैसे शुरू करें। एक भाग

हमें जांच की आवश्यकता क्यों है?

मुख्य कोड कैसे बनाया गया था?

More articles: