जावास्क्रिप्ट का उपयोग करके फ़ोटोशॉप में छवि रोटेशन को स्वचालित करें

एक परियोजना के लिए, कई समान छवियां बनाना आवश्यक था, लेकिन प्रत्येक को पिछले एक के सापेक्ष 1 डिग्री घुमाया जाना था।

पहली बात जो ध्यान में आई: जीडी लाइब्रेरी से इमेजरोटेट का उपयोग करके एक php स्क्रिप्ट। यह पता चला है, स्पष्ट रूप से, कुछ नहीं जो मैं चाहता था। एक उदाहरण के साथ समझाना आसान है:



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

तो, आपको रोटेशन ऑपरेशन और लेखन को एक फ़ाइल में स्वचालित करने की आवश्यकता है।

मूल छवि एक तीर के साथ कम्पास है:	तीर एक अलग परत में है और आपको इस तीर की 360 छवियां प्राप्त करने की आवश्यकता है। कुछ इस तरह:

अधिक बहुमुखी प्रतिभा के लिए, हम स्क्रिप्ट को जटिल करते हैं - हम न केवल प्रत्येक घुमाव को एक अलग फ़ाइल में लिखना संभव करेंगे, बल्कि एक विस्तृत छवि भी बना सकते हैं। कुछ इस तरह:



मेरे पास एक पुराना फ़ोटोशॉप, CS1 है, इसलिए इसके लिए स्क्रिप्ट। हालांकि, CS2 के तहत यह समस्याओं के बिना जाएगा, और पुराने संस्करणों के लिए इसे खत्म करना मुश्किल नहीं होगा। कोड में टिप्पणियाँ, अंत में उदाहरण।

कोड:

//   var Angle=360; //     var Frames=360; //  .         . var saveFile = 1; //      : 0 -   , 1 -   var Negative=""; //      ,    if (app.documents.length > 0) { //     app.preferences.rulerUnits = Units.INCHES; var srcDoc = app.activeDocument; var x2 = srcDoc.width * srcDoc.resolution; var y2 = srcDoc.height * srcDoc.resolution; //   srcDoc.selection.select(Array (Array(0, 0), Array(x2, 0), Array(x2, y2), Array(0, y2)), SelectionType.REPLACE, 0, false); //   srcDoc.selection.copy(); //     ,     . //    ,       app.preferences.rulerUnits = Units.PIXELS; var iFrames = 1; if (saveFile == 1) { iFrames = Frames; } var pasteDoc = app.documents.add(Number(x2*iFrames), Number(y2), srcDoc.resolution, "Rotated Layers", NewDocumentMode.RGB, DocumentFill.TRANSPARENT); //   pasteDoc.selection.select(Array (Array(0, 0), Array(x2, 0), Array(x2, y2), Array(0, y2)), SelectionType.REPLACE, 0, false); //     pasteDoc.paste(); layerRef = pasteDoc.layers[0]; //   -         ,     Angle = Angle / Frames; if (saveFile == 0) { //    SaveToFile('0'); //       CS1,      layerRef.visible = false; } //      for ( var i = 1; i < Frames; i++ ) { var xs = x2 * i; pasteDoc.selection.select(Array (Array(xs, 0), Array(xs+x2, 0), Array(xs+x2, y2), Array(xs, y2)), SelectionType.REPLACE, 0, false); pasteDoc.paste(); layerRef = pasteDoc.layers[0]; layerRef.rotate(Negative + Angle*i); if (saveFile == 0) { SaveToFile(i); layerRef.visible = false; } } } else { alert("   - "); } function SaveToFile(n) { //      .       . var saveFile = new File("C:/test/"+n+".png"); pngSaveOptions = new PNGSaveOptions(); app.activeDocument.saveAs(saveFile, pngSaveOptions, true, Extension.LOWERCASE); } 

कैसे उपयोग करें:

1. हम स्क्रिप्ट फ़ाइल का नाम लेते हैं, उदाहरण के लिए, Rotate.js और इसे फ़ोटोशॉप निर्देशिका में रखें: फ़ोटोशॉप \ प्रीसेट्स / स्क्रिप्ट्स
2. मापदंडों का संपादन।
3. हम उस छवि को खोलते हैं जिसे संसाधित करने की आवश्यकता है और फ़ाइल-> लिपियों के मेनू में हम रोटेट स्क्रिप्ट का चयन करते हैं।

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

मैंने 110px की ऊंचाई और 39600px की चौड़ाई के साथ एक बड़ा पीएनजी बनाने की योजना बनाई, लेकिन फ़ायरफ़ॉक्स और क्रोम ने इसे प्रदर्शित करने से इनकार कर दिया (IE8, ओपेरा और सफारी - सक्षम थे)। मुझे दो भागों में विभाजित करना पड़ा। प्रत्येक भाग लगभग 620Kb वजन का निकला।

वास्तविक उपयोग का एक उदाहरण ।