मोबाइलसाठी इमेजिंग नेहमी ती दिसते काय नाही
ग्राफिक फॉचर्सना त्यांचे काम केवळ प्रिंटमध्येच दिसत नाही तर वेबवर तसेच आयफोन, आयपॅड्स, अँड्रॉइड डिव्हाइसेस आणि अॅन्ड्रॉइड टॅब्लेट सारख्या डिव्हाइसेसवर हे वाढणे सामान्य आहे. पृष्ठभागावर, हे एक "चांगली गोष्ट" म्हणून पाहिले जाऊ शकते जसे की मीडिया आमचे कार्य डिजिटल स्क्रीनच्या रूपात विस्तारित होते. डाउनसाइड म्हणजे स्क्रीनची पूर्ण संख्या आणि स्क्रीन रिझोल्यूशनची गोंधळात टाकणारी संख्या. सीएमवायकेच्या स्वरूपात 300 डीपीआय रिझोल्यूशन टीआयएफएफ प्रतिमा सर्वमान्य होते तेव्हा काय झाले असा प्रश्न विचारून अनुभवी कुणाचा ऐकून असामान्य नाही. ओह, चांगल्या जुन्या दिवसात!
ते दिवस संपले आहेत. आम्हाला आता 200 पेक्षा 200 प्रतिमा एक साधन वर दंड दिसू शकते आणि आणखी एक वर तीन आणि चतुर्थांश आकार वर तिमाही आकार दिसले की तथ्य सह आता संघर्ष करावा लागेल हे सर्व खरोखर "रेसोल्यूशन शस्त्र रेस" खाली उतरते जे डिव्हाइस निर्मात्यांनी बनविले आहे कारण ते त्यांच्या प्रतिस्पर्ध्यांपेक्षा जास्त पिक्सेल जॅम करण्याचा प्रयत्न करतात
हे आम्हाला "प्रत्यक्षात उदय" असे संबोधिले जाईल असे आम्हाला कळते. प्रत्यय त्या गोष्टी आहेत - @ 2x, @ 3x - एखाद्या चित्राच्या नावावर चक्कर आल्या. ते मूलत: उदाहरणार्थ, योग्य प्रतिमा योग्य जागेवर उजवीकडे ठेवतात. मग तो आणखी चांगल्या येतो
आमच्या पुष्कळशा कामांमध्ये चिन्हांसह काम करणे समाविष्ट आहे आणि, फ्लॅट डिझाइन चळवळीचा उदय असलेल्या या गोष्टी अशा सदिश रेखाचित्रांवर इलस्ट्रेटर आणि स्केच सारख्या अनुप्रयोगांमध्ये तयार केल्या जातात. समस्या म्हणजे डिव्हाइसेस केवळ रेंडर करू शकत नाही .एआय किंवा .eps फायली त्यांना स्केलेबल व्हेक्टर ग्राफिक्समध्ये रूपांतरित करणे आवश्यक आहे आणि, चिन्ह तयार करण्यासाठी वापरल्या जाणार्या अनुप्रयोगावर अवलंबून असण्याची शक्यता नसल्यास एक SVG पर्याय नसू शकतो.
मग तो आणखी चांगल्या येतो
सॉफ्टवेअरचा एक नवीन वर्ग - प्रोटोटाइपिंग अनुप्रयोग - आपल्या प्रतिमा आणि आयकॉन आधी विधानसभा बिंदू होत आहेत आणि साधने त्यांच्याकडे आहेत आणि त्यांच्याजवळ त्यांच्या विशेष आवडी आहेत.
हे ट्युटोरियल ग्राफिक साठी फोटोशॉप आणि स्केच दरम्यान आणि आपल्या कल्पना आणि अंतिम उपयोजन दरम्यान काही वेदनांचे गुण प्रदर्शित करण्यासाठी Adobe अनुभव डिझाइनचा वापर करते. चला सुरू करुया.
05 ते 01
एडोब फोटोशॉप मध्ये मोबाइल डिव्हाइसेससाठी प्रतिमा कशी तयार करावी
या प्रक्रियेमध्ये पहिली पायरी म्हणजे आपले लक्ष्यित डिव्हाइस किंवा डिव्हाइसेस जाणून घेणे. या प्रकरणात, आपण आयफोन 6 चे लक्ष्य करणार आहोत ज्यात स्क्रीनची स्क्रीन 377 पिक्सेल आहे जी 667 पिक्सेलपेक्षा जास्त आहे. डिझाइनला स्क्रीनसाठी स्क्रीनची रुंदी असणे आवश्यक आहे.
वापरल्या जाणार्या प्रतिमा बर्न्स, स्वित्झर्लंडमधील बर्न मिनस्टर कॅथेड्रलमध्ये शूट केल्या होत्या. प्रतिमा एकदा फोटोशॉपमध्ये उघडली की, प्रतिमेचे परिमाण आणि तिचे निराकरण पाहण्यासाठी प्रतिमा> प्रतिमा आकार निवडा . स्पष्टपणे, एक प्रतिमा आहे जी 3156 x 25 9 0 च्या रिझोल्यूशनसह 300 पीपीआय आहे आणि 23.4 एमबी ची फाइल कार्य करणार नाही.
इमेज साइज डायलॉग बॉक्सच्या आत, रेझोल्यूशन 100 ppi कमी करा . प्रथम हे करा कारण प्रतिमा परिमाणे देखील बदलेल. रिझोल्यूशन सेटसह, रुंदी 375 पिक्सल्समध्ये बदला. जर आपण प्रतिमा आकाराचा डेटा तपासाल तर आपण लक्षात येईल की इमेजेस 23.4 एमबीपेक्षा अधिक मोबाइल फ्रेंडली 338 के पर्यंत कमी झाली आहे. बदल स्वीकारण्यासाठी ओके क्लिक करा आणि प्रतिमा आकार संवाद बॉक्स बंद करा.
02 ते 05
अडोब फोटोशॉपमधील "एक्सपोर्ट एज ..." डायलॉग बॉक्स कसा वापरावा
एकदा प्रतिमा निर्यात करण्याकरिता तयार झाल्यानंतर, संवाद बॉक्स म्हणून निर्यात उघडण्यासाठी "निर्यात करा> या रूपात निर्यात करा ..." निवडा .
हा डायलॉग बॉक्स म्हणजे फोटोशॉपसाठी अलिकडेच जोडण्यात आलेला आहे आणि "सेव फॉर वेब" डायलॉग बॉक्स जो ते कित्येक वर्षांपर्यंत वापरतात. आपल्याला तरीही त्याची आवश्यकता असल्यास, आपण तो निर्यात पॉप डाउनमध्ये शोधू शकता. हे विशेष कारणासाठी, आता "निर्यातसाठी वेब (परंपरा)" म्हणून ओळखले जाते. या संवाद बॉक्सला आपली ही पहिली भेट असेल तर, येथे एक संक्षिप्त दौरा आहे:
- आकार: हे स्तंभ प्रतिमेचे आउटपुट आकार सेट करते. या क्षेत्रातील मनोरंजक पैलू म्हणजे ही प्रतिमा मोठी होईल परंतु डिव्हाइसवरील स्क्रीनवरील प्रचंड संख्येतील पिक्सलमुळे प्रतिमावर "अस्पष्ट" म्हणून दिसणार नाही.
- 1एक्स: हे दाबून वर क्लिक करा आणि आपल्याला अनेक आकारांसह सादर केले जाईल. 1x, 2x आणि 3x श्रेण्या परंपरागतपणे हाय डीपीआय डिव्हाइसेसशी संबंधित असतात आणि ते काही इतरांसह Android डिव्हाइसेसकरिता प्रतिमा तयार करतील.
- प्रत्यय: ही निवड आपला आकार दर्शवेल परंतु ती @ 2x म्हणून दर्शविली जाईल किंवा आकार निवडला जाईल. हे प्रत्यय प्रतिमा नावावर जोडले जाईल.
- + चिन्ह: आउटपुटसाठी विविध आकार जोडण्यासाठी हे क्लिक करा. या प्रकरणात, दोनदा क्लिक करा आणि पॉप डाउन वरून 2x आणि 3x निवडले. हे व्यावहारिक कोणत्याही iOS डिव्हाइस कव्हर करेल
- कचरा कॅन: हे क्लिक करा आणि लाईनअप मधून पर्याय काढला जातो.
- फाइल सेटिंग्ज: स्वरूप निवडा - jpg, png, gif किंवा svg - प्रतिमा सर्वोत्तम-अनुकूल. फाईलचा आकार काळजी असल्यास आपण गुणवत्ता सेटिंग्ज देखील कमी करू शकता.
- प्रतिमा आकार: आपण प्रतिमेची भौतिक परिमाणे बदलू शकता.
- कॅनव्हास आकार: आपण प्रतिमा कॅन्व्हासची भौतिक परिमाणे बदलू शकता.
- मेटाडेटा: आपण प्रतिमा आणि मेटाडाटामध्ये आपली संपर्क माहिती जोडू शकता.
पूर्ण झाल्यानंतर, सर्व निर्यात करा बटण क्लिक करा. आपण प्रतिमा कुठे ठेवाव्यात असे विचारले जाईल. विकसित होण्याची चांगली सवय म्हणजे नवीन फोल्डर बटण क्लिक करा आणि निर्यात केलेल्या प्रतिमा ठेवण्यासाठी एक फोल्डर तयार करा. आपण निर्यात करता तेव्हा आपण फोल्डरमधील प्रतिमा दर्शविल्या जातील.
03 ते 05
स्केच 3 मधील मोबाईल डिव्हाइसेससाठी प्रतिमा कशी तयार करावी Bohemian Coding
स्केच 3, बोहेमियन कोडींग मधील एक मॅकिन्टोश-केवळ ऍप्लिकेशन, वेब आणि अॅप डिझाइनवरील तीव्रतेमुळे अत्याधुनिक युएक्स आणि UI डिझायनर्समध्ये महत्त्व प्राप्त करीत आहे. खरं तर फोटोशॉप, स्केचसह "कॅच" प्ले करण्याच्या विचित्र स्थितीत आहे.
स्केचमध्ये मोबाइलसाठी एक प्रतिमा तयार करण्यासाठी, आर्टबोर्डवरील प्रतिमा निवडा आणि प्रॉपर्टीस पॅनेलच्या तळाशी असलेल्या निर्यातयोग्य करा बटणावर क्लिक करा . हे एक्सपोर्ट डायलॉग बॉक्स उघडेल. 2x आणि 3x आवृत्त्या जोडण्यासाठी + चिन्हावर क्लिक करा आणि प्रत्यय जोडा. उपलब्ध स्वरूप पीएनजी, जेपीजी, टीआयएफ, पीडीएफ, ईपीएस आणि एसव्हीजी आहेत. या बाबतीत, JPG निवडा. निर्यात केलेल्या बटणावर क्लिक करा आणि निर्यात केलेल्या विविध प्रतिमा ठेवण्यासाठी फोल्डर तयार करा किंवा तयार करा.
04 ते 05
आपण प्रतिमा तयार करणे आवश्यक आहे का (किंवा अधिक) प्रतिमा च्या आवृत्त्या
बर्याच बाबतीत, मोबाइल बाजार म्हणजे "वन्य पर्शियन" ठराव आणि एक आकार निश्चितपणे सर्व बसत नाही. वरील उदाहरणात Adobe Experience Design कडून, प्रतिमा 2 आयफोन 6 आर्टबोर्ड आणि एक Android डिव्हाइस आर्टबोर्डवर ठेवली आहे. लक्षात घ्या की डावीकडील 1x आवृत्ती अर्ध्या आकाराची असल्याचे दिसत आहे. आयफोन 6 वर त्याच्या डोळयातील पडदा पडद्यासह ही प्रतिमा कशी असावी हे नक्की आहे. 2x आवृत्ती उत्तम प्रकारे फिट आहे आणि Android आवृत्ती स्क्रीन बंद धावा. आपली इच्छा एकतर प्रतिमा मोजणे किंवा छायाचित्र फोटोशॉपच्या बाहेर भिन्न आकारात निर्यात करणे.
05 ते 05
लवकर कसोटी, बर्याचदा ट्रस्ट नॉट, ट्रस्ट नं आणि खासकरून स्वतःच
आपल्याला काय समजून घेणे आवश्यक आहे ही प्रक्रिया सुरू आहे. आपल्या कामाचे तितकेच उपकरण पहात आहे की आपण वर्कफ्लोचे महत्त्वाचे भाग म्हणून समजले जाऊ शकते. आपल्याला याची जाणीव असणे आवश्यक आहे की अॅप किंवा मोबाइल वेब प्रोजेक्टसाठी ग्राफिक्स मालमत्ता तयार करण्याच्या प्रक्रियेत हे फक्त पहिले पाऊल आहे.
प्रोटोटायिंग ऍप्लिकेशन्स वापरणे ही वेदनांचे गुण शोधण्याचे एक उत्तम मार्ग आहे परंतु हीच मालमत्ता विकसकाने वापरण्यासाठी आउटपुट असणे आवश्यक आहे. बर्याच प्रकरणांमध्ये, मालमत्तेचे भौतिक परिमाण, चिन्हांसह, भौतिकरित्या प्रचंड असेल आणि एसटीजीजीमध्ये परंतु पीजीजीए स्वरूपात नसतील. पहिल्या दृष्टीक्षेपात, हे वरच्या बाजूला थोडेसे वाटू शकते परंतु स्केलिंग प्रतिमांचे सुवर्ण नियम लक्षात ठेवता: स्केल अप पेक्षा कमी करणे अधिक चांगले आहे.
तळ ओळ आपल्या डिझाइन हेतू दर्शविण्याचा एक मार्ग म्हणून आपल्या विकसक आणि नोटा प्रोटोटाइप सॉफ्टवेअरचा वापर करण्यासाठी कार्य करते. अखेरीस, त्या समान संपत्तीच्या अंतिम उत्पादनासाठी सज्ज असण्याची आवश्यकता आहे आणि आपल्या विकासकाने आपल्यापेक्षा कोणत्या गरजा पुरवल्या पाहिजेत हे चांगले हाताळले आहे.