फोटोशॉप से ​​CSS स्प्राइट बनाना


14

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

कितना स्वचालित हो सकता है?


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

@Pekka: अलग-अलग हिस्सों को अलग-अलग दृष्टियों की आवश्यकता होती है। उदाहरण के लिए, साइट पृष्ठभूमि दृश्यमान निर्यात की जाती है, लेकिन सामग्री पृष्ठभूमि वैश्विक पृष्ठभूमि के साथ निर्यात की जाती है। (पारदर्शी छाया के लिए)
SLaks

समझा। तो यह निश्चित रूप से बैच प्रसंस्करण के लिए कहता है। देखना आता है कि क्या आता है! ...
पेका

जवाबों:


9

मैंने एक बार एक स्वचालित फ़ोटोशॉप स्क्रिप्ट का उपयोग किया और अच्छी तरह से काम किया।

अवधारणा है:

  • प्रत्येक भाग एक अलग छवि है।
  • प्रत्येक भाग (और इसलिए, प्रत्येक चित्र) एक ही फ़ोल्डर में होना चाहिए / ओ किसी भी अन्य छवियों।
  • फ़ोल्डर और कुछ मापदंडों (आकार, सीएसएस नाम, आदि ...) का संकेत करने वाली स्क्रिप्ट को चलाएं।
  • स्क्रिप्ट करता है:

    1. आपके द्वारा बताए गए आकार के साथ सभी छवियों को एक में मिलाएं।
    2. CSS फ़ाइल जनरेट करें

आपके मामले में, यदि आप एक छवि को संशोधित करते हैं, तो आप स्क्रिप्ट के माध्यम से वैश्विक छवि और सीएसएस को पुन: उत्पन्न करते हैं और ... यही है। यदि आप जनरेट का उपयोग नहीं करना चाहते हैं तो शायद आपको CSS को कॉपी / पेस्ट करना होगा।

टिप्पणियाँ :

मैंने इसे कुछ फाइलों के साथ आजमाया और शानदार काम किया। फिर, मैंने ~ 600 चित्रों की तरह कोशिश की और फिर, आपको एक goooood CPU और धैर्य की आवश्यकता होगी;) इस मामले में, इसका उपयोग न करें।


1

स्लाइस + का उपयोग नहीं करना होगा। एक ऐसी कार्रवाई शुरू करना, जिसमें बीगिन्स मार्की का चयन करें (स्लाइस और दस्तावेज़ सीमा पर स्नैप के साथ) अपने सभी स्लाइस को एक-एक करके, लेकिन हर बार चयन करने के लिए क्रॉप करें, और पीएनजी के रूप में बचत करें, जब तक क्रॉप न किया जाए, तब तक सीएलटीआर पूरी तरह से पूर्ववत रहेगा प्रत्येक सेक्टर का चयन, क्रॉपिंग..सीटीसी, सभी क्षेत्रों के साथ किया जाता है, फिर एक्शन को रोकना। बीच में आप किसी भी परत को छुपा सकते हैं / दिखा सकते हैं, जैसा कि एक ही फाइल हमेशा होता है, इसलिए टकराव नहीं होना चाहिए ... इसलिए आप हर बार अपने बदले हुए psd पर कार्रवाई लोड करेंगे। केवल एक चीज जो मैं सोच सकता हूं कि आप वास्तव में स्लाइस बॉर्डर को बदलने की आवश्यकता है। या कि ... मैं तुम्हें सही नहीं समझा ...

संपादित करें: यदि स्लाइसिंग की आवश्यकता नहीं है, तो एक मैक्रो (एक्शन) जिसमें केवल छिपाई या उस परत को दिखाना है जिसमें आपको ज़रूरत होती है, सभी के बाद ट्वीक किया जाता है। जैसा कि मैंने कहा, मैं समझ नहीं पा रहा हूँ ...


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

धन्यवाद! हालांकि, जो भी नीचे से वोट को समझने की कोशिश कर रहा है ...
S.gfx
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.