Photoshop अर्क: मोबाइल ग्राफिक्स उत्पादन Afterburner जातो

01 ते 08

मिळकत मालमत्ता काय आहे

Photoshop मध्ये एक कॉम्प करा

फोटोशॉप सीसी 2014 च्या नवीन अर्क ऍसेट फीचर रिजर्वेटिव्ह वेब डिझाइनसाठी (आरडब्लूडी) प्रतिमा तयार अन्यथा दमवणारा कार्यपद्धती वर एक afterburner straps. चला पाहू या की एक्स्ट्रेक्ट अॅसेट कमांड दोन मिनीट्समध्ये वेब पृष्ठ कॉम्पलेक्सला विधानसभा-तयार मालमत्तेवर त्वरित कसा कमी करू शकते.

चला एका विशिष्ट प्रश्नासह प्रारंभ करूया: एक्स्ट्रॅक्ट अॅसेट्स म्हणजे काय?

साध्या शब्दात, फोटोशॉप फाइल्समधील वेब आणि स्क्रीन डिझाइनसाठी इमेजिंग मालमत्ता निर्माण करण्यासाठी स्वयंचलितपणे मदत करण्यासाठी फोटोशॉपच्या जेनरेटर वैशिष्ट्यासह फोटोशॉप मधील एक नवीन वैशिष्ट्य प्राप्त करा. अधिग्रहित Assets कमांड आपल्याला कोणत्या स्तरांवर किंवा स्तरांना आपण त्यांच्यासाठी भौतिक आकार, फाईल स्वरूप आणि डिस्कवर जतन केलेले स्थान यासाठीची मालमत्ता कशासाठी तयार करु इच्छिता हे स्पष्ट करण्याची परवानगी देते. हे वैशिष्ट्य मजकूरासाठी मजकूर नसल्यास ते मजकूर बिटमैपमध्ये बदलणे आवश्यक नसते, जे खरोखर एक चांगली कल्पना नाही

चला सुरू करुया.

02 ते 08

एक फोटोशॉप. Psd फाइल उघडा

आम्ही Photoshop मध्ये तयार केलेल्या एका वेब पृष्ठासह प्रारंभ करतो.

मी वापरत असलेल्या उदाहरणामध्ये इलस्ट्रेटर पासून एक स्मार्ट ऑब्जेक्ट, काही मजकूर, मजकूर असलेली नायक युनिट, एक प्रतिमा आणि एक बटन आणि साइटच्या थीमची एक मालिका आहे जी साइटच्या थीमला अधिक मजबूत करतात. येथे की प्रामुख्याने गटांमधील स्तरांचे आयोजन करीत आहे. हे आवश्यक आहे कारण कार्य हे सर्व बाबी कॉम्पच्या बाहेर काढणे आहे जेणेकरुन ते वेगवेगळ्या स्क्रीन रिझोल्यूशन आणि आकारांसाठी अनुकूल असलेल्या वेब लेआउट्समध्ये द्रुतपणे जोडले जाऊ शकतात.

03 ते 08

मालमत्ता काढण्याचे दोन मार्गः

एक्सट्रॅक्ट मालमत्ता फाइल मेनूमध्ये किंवा लेअर वर उजवे-क्लिक करून आढळू शकते

व्युत्पन्न न करता, जे लेयर नावाच्या ग्राफिक विस्ताराच्या वाढीद्वारे ऑब्जेक्ट्स काढते, एक्सट्रॅक्ट अॅसेट्स इंटरफेस वापरतात जो एका लेयरवर उजवे-क्लिक करुन किंवा लेयर निवडून आणि File> Extract Assets निवडा .

04 ते 08

अर्क मालमत्ता संवाद इंटरफेस

अर्क मालमत्ता संवाद बॉक्स.

अर्क मालमत्ता संवाद बॉक्स ऐवजी अंतर्ज्ञानी आहे. आपण काढला जाण्यासाठी स्तर किंवा निवड दर्शविले आहे. वरील वर आपण फाईल्स आकार दर्शविल्या आहेत आणि खाली ते नियंत्रण आहे जे तुम्हाला ऑब्जेक्ट वर झूम इन आणि आउट करण्यास परवानगी देते. डायलॉग बॉक्सची उजवी बाजू असते जिथे जादू घडते. शीर्षस्थानी असलेल्या चार बटणे आपल्याला ऑब्जेक्टच्या रेजोल्युशन / आकार निवडण्याची परवानगी देतात. पुढील पट्टी आपणास निवडलेली लेयर दर्शविते आणि + चिन्ह क्लिक केल्याने तुम्हाला निवडलेल्या लेयर ला दुसर्या फॉरमॅटमध्ये आउटपुट देखील मिळू देते. कचरा सीए एन रांगेतील लेयर काढून टाकते पुढील पट्टीत खाली, आपण फाइल प्रकार निवडू शकता आणि आपण आउटपुट प्रतिमेची रुंदी आणि उंची समायोजित करू शकता.

05 ते 08

एसव्हीजी प्रतिमा काढणे

एक svg प्रतिमा काढत आहे.

फोटोशॉप सर्व तसेच SVG प्रतिमा हाताळू शकत नाही आणि ब्राउझर आणि साधने इलस्ट्रेटर प्रतिमा प्रदर्शित करू शकत नाही यामुळे सदिश आर्टवर्कसाठी वापरल्या जाणार्या एसटीजी फाइल्सचा उदय वाढत आहे जसे की इलस्ट्रेटर लोगो. वैक्टर असल्याने त्यांचे रिझोल्यूशन डिव्हाइस स्वतंत्र आहे म्हणजे ते तपशील किंवा प्रतिमेचे नुकसान न होताच मर्यादित केले जाऊ शकते. इलस्ट्रेटर स्मार्ट ऑब्जेक्ट ला svg मध्ये रूपांतरित करण्यासाठी, पॉपअप वरून svg निवडा आणि अर्क क्लिक करा .

06 ते 08

अर्क मालमत्ता प्रक्रिया

प्रतिमा .psd चित्र सारख्याच ठिकाणामध्ये फोल्डरमध्ये ठेवल्या जातात.

आपण अर्क बटणावर क्लिक केल्यावर काही गोष्टी होतील. आपल्याला प्रथम चेतावनी दिली जाईल की फाईलचे नाव बदलू शकते. हे कोणतेही मोठे प्रश्न नाही मग आपल्याला असेही सांगितले जाईल की मालमत्ता ठेवण्यासाठी एक नवीन फोल्डर तयार केले जात आहे. प्रक्रिया पूर्ण झाल्यानंतर, फोल्डर, त्याच स्थानावर मूळ .psd फाईल म्हणून ठेवली जाईल, उघडेल आणि आपल्याला नवीन मालमत्ता दर्शवेल

07 चे 08

सेटिंग्ज बटण आपले नवीन सर्वोत्तम मित्र आहे

जुळवणी डिव्हाइस रिझोल्यूशन

सेटिंग्ज बटणावर क्लिक केल्यास सेटिंग्ज संवाद बॉक्स उघडतो जो गंभीरपणे उपयुक्त आहे. डावीकडील सेटिंग्ज स्केलिंग घटक आहेत ते काय करतात ते एका विशिष्ट डिव्हाइसचे स्क्रीन रिझोल्यूशन लक्ष्यित करण्यासाठी मीडिया क्वेरींमध्ये विकासक वापरतील अशा प्रतिमेच्या विविध प्रती तयार करतात. उदाहरणार्थ, 3x आवृत्ती एक iPhone किंवा iPad डोळयातील पडदा प्रदर्शनात लक्ष्य असेल तर एक 1.25 फॅक्टर एक Android डिव्हाइसवर निदर्शनास जाईल आपल्या विकासकांना मीडिया क्वेरीमध्ये वापरल्या जाणाऱ्या प्रतिमांना सहज ओळखण्यासाठी अनुमती देण्यासाठी फाइल नावाच्या शेवटी प्रत्ययास जोडले जाते. एकदा आपण समाप्त केल्यानंतर, ठीक आहे बटणावर क्लिक करा आणि आपल्या निवडी संवाद बॉक्समधील एक्स्ट्रॅक्ट अॅसेट्स क्षेत्रामध्ये प्रकाशित होतील. आपण इंटरफेसच्या उजव्या बाजूस असलेल्या अर्क मालमत्ता क्षेत्रातील गीअर चिन्हावर क्लिक करून सेटिंग्जमध्ये प्रवेश करू शकता

08 08 चे

अप समाप्त

विविध स्वरूप आणि रिजोल्यूशनसह एकाधिक प्रतिमा काढली जातात.

जेव्हा आपण एक्स्ट्रेक्ट बटणावर क्लिक करता तेव्हा सर्व मालमत्ता तयार केल्या जातील आणि फोल्डरमध्ये जोडले जातील. या टप्प्यावर आपल्या डेव्हलपरला फोल्डरची कॉपी पाठवणे आणि आपल्या पुढील प्रकल्पावर जाण्याची आवश्यकता आहे.