মোবাইল ডিভাইসের জন্য ইমেজ তৈরি করা

মোবাইলের জন্য ইমেজিং সবসময় এটা কি মনে হয় না

এটা গ্রাফিক্স পেশাদারদের জন্য তাদের কর্ম প্রিন্ট প্রদর্শিত কিন্তু না শুধুমাত্র আইফোন, আইপ্যাড, অ্যান্ড্রয়েড ডিভাইস এবং অ্যান্ড্রয়েড ট্যাবলেট হিসাবে ডিভাইস এবং ডিভাইসগুলিতে ক্রমবর্ধমান সাধারণ হয়ে উঠছে পৃষ্ঠায়, এটি একটি "ভাল জিনিস" হিসাবে দেখা যায় মিডিয়া হিসাবে আমাদের কাজ ডিজিটাল পর্দা বিস্তৃত প্রদর্শিত হবে। নেতিবাচক দিকগুলি নিখরচায় স্ক্রিন এবং বিভ্রান্তিকর পর্দার রেজোলিউশনের সংখ্যা। সিঙ্গল প্রজেক্টের 300 ডিপিআই রেজোলিউশন টিআইএফএফ ইমেজটি যখনই আদর্শ হয়ে উঠেছিল, তখন এমন কি ঘটেছে তা ভেবে চিন্তিত পেশাদাররা শুনতে অসাধারণ নয়। ওহো ভাল পুরানো দিনের জন্য!

ঐ দিন শেষ হয়ে গেছে। আমাদের এখন এই সত্যের সাথে প্রতিদ্বন্দ্বিতা করতে হবে যে 200 টি 200 টি ইমেজ একটি ডিভাইসে জরিমানা দেখাতে পারে এবং অন্যদিকে আরেকটি এবং তিন-চতুর্থাংশের আকারেও চতুর্থাংশের আকার প্রদর্শিত হয়। এটি সব সত্যিই "রেসোলিউশন আর্ম রেস" নিচে আসে ডিভাইস নির্মাতারা দ্বারা waged তারা তাদের প্রতিযোগীদের তুলনায় একটি পর্দায় আরো পিক্সেল জ্যাম করার চেষ্টা করুন

এই আমরা কি "প্রত্যাশিত উত্থান" কল করবো আমাদের কাছে এনেছে উপরিটিগুলি হল - @ 2x, @ 3x - একটি ছবির নামের উপর হামলা। তারা মূলত, উদাহরণস্বরূপ, সঠিক চিত্র ডান ডিভাইসে সঠিক ডিভাইসে রাখুন। তারপর এটি আরও ভাল পায়

আমাদের কাজ অনেক আইকন সঙ্গে কাজ জড়িত এবং, ফ্ল্যাট ডিজাইন আন্দোলনের উত্থান সঙ্গে, এই জিনিস Illustrator এবং স্কেচ যেমন ভেক্টর অঙ্কন অ্যাপ্লিকেশন তৈরি করা হয়। সমস্যা হল ডিভাইসগুলি কেবল রেন্ডার করতে পারে না। ই বা .পিপি ফাইলগুলি তারা স্কেলেবেল ভেক্টর গ্রাফিক্স রূপান্তরিত করা প্রয়োজন এবং, আইকন তৈরি করতে ব্যবহৃত অ্যাপ্লিকেশনের উপর নির্ভর করে, এমনকি একটি SVG বিকল্প হতে পারে না।

তারপর এটি আরও ভাল পায়

সফ্টওয়্যার একটি নতুন বর্গ আছে - প্রোটোটাইপিং অ্যাপ্লিকেশন - আপনার ইমেজ এবং আইকন আগে সমাবেশ পয়েন্ট হয়ে উঠছে ডিভাইসে shoved এবং তারা পাশাপাশি তাদের অদ্ভুততা আছে।

এই টিউটোরিয়ালটি ফটোশপ এবং স্কেচ এর মধ্যে গ্রাফিক্সগুলির জন্য এবং অ্যাডোব এক্সপেরিয়েন্স ডিজাইন ব্যবহার করে আপনার ধারণা এবং চূড়ান্ত স্থাপনার মধ্যে কয়েকটি ব্যথা পয়েন্ট প্রদর্শন করে। চল শুরু করি.

05 এর 01

অ্যাডোবি ফটোশপের মোবাইল ডিভাইসের জন্য ইমেজ কিভাবে তৈরি করবেন

এই প্রক্রিয়ার প্রথম ধাপ আপনার লক্ষ্য ডিভাইস বা ডিভাইস বুদ্ধিমান হয়। এই ক্ষেত্রে, আপনি আইফোন 6 লক্ষ্য করে থাকবেন, যার স্ক্রিন এলাকা 375 পিক্সেল বিস্তৃত যা 667 পিক্সেলের বেশি। চিত্র পর্দার প্রস্থ হতে ইমেজ জন্য কল।

সুইজারল্যান্ডের বার্নে বারেন মিনস্টার ক্যাথিড্রালের ভিতরে ছবিটি ব্যবহার করা হয়েছে। ছবিটি ফটোশপে খোলে একবার, ছবিটির আকার এবং তার রেজোলিউশন চেক করতে Image> Image Size নির্বাচন করুন । স্পষ্টতই, একটি ছবি যা 3156 x 2592 একটি রেজোলিউশন 300 পিপিআই এবং ২3.4 মেগাবাইটের একটি ফাইল আকারে কাজ করবে না।

ইমেজ সাইজ ডায়লগ বক্সের ভিতরে, রেজোলিউশনের 100 পিপিআই কমানো । এই প্রথম কারণ এটি ইমেজ মাত্রা এছাড়াও পরিবর্তন হবে। রেজোলিউশনের সেট দিয়ে, প্রস্থকে 375 পিক্সেলে পরিবর্তন করুন। যদি আপনি চিত্রের আকারের তথ্য পরীক্ষা করেন তবে আপনি লক্ষ্য করবেন যে চিত্রটি 23.4 Mb থেকে আরো বেশি মোবাইল-বন্ধুত্বপূর্ণ 338 কিলোমিটার পর্যন্ত সঙ্কুচিত হয়েছে। পরিবর্তনটি গ্রহণ করতে এবং চিত্রের আকার ডায়লগ বক্সটি বন্ধ করতে ওকে ক্লিক করুন ।

02 এর 02

অ্যাডোব ফটোশপের "রপ্তানি হিসাবে ..." ডায়ালগ বাক্স ব্যবহার করে কিভাবে

একবার ছবিটি রপ্তানি করার জন্য প্রস্তুত হলে "রপ্তানি হিসাবে রপ্তানি করুন ..." নির্বাচন করুন ডায়ালগ বাক্স হিসাবে রপ্তানি খুলতে।

এই ডায়ালগ বাক্সটি হল ফটোশপের সাম্প্রতিক সংযোজন এবং "সংরক্ষণের জন্য ওয়েব" ডায়ালগ বাক্সটি প্রতিস্থাপন করে যা তারা বহু বছর ধরে ব্যবহার করে। আপনি যদি এখনও এটি প্রয়োজন, আপনি এটি রপ্তানি পপ ডাউন খুঁজে পেতে পারেন। এটি, সুস্পষ্ট কারণগুলির জন্য, এখন "ওয়েবে রপ্তানি (লিগ্যাসি)" নামে পরিচিত। এই ডায়ালগ বাক্সে আপনার প্রথম দর্শন যদি, এখানে একটি সংক্ষিপ্ত সফর:

• ফাইলের আকার: এই কলাম চিত্রটির আউটপুট আকার নির্ধারণ করে। এই এলাকার আকর্ষণীয় দৃষ্টিভঙ্গি এটি ইমেজ বৃহদায়তন হবে কিন্তু ডিভাইসটি ডিভাইসের পর্দায় বিপুল সংখ্যক পিক্সেলের কারণে ইমেজটি "ফাজি" হিসাবে প্রদর্শিত হবে না।
• 1x: এই ধরে ধরে ক্লিক করুন এবং আপনি আকারের একটি সংখ্যা সঙ্গে উপস্থাপন করা হবে 1x, 2x এবং 3x শ্রেণিসমূহ ঐতিহ্যগতভাবে হাই ডিপিআই ডিভাইসের সাথে সংযুক্ত করা হয় অ্যাপল থেকে এবং কিছু অন্যান্যের সাথে তারা অ্যান্ড্রয়েড ডিভাইসের জন্য ইমেজ তৈরি করবে।
• প্রত্যক্ষ: এই পছন্দটি আপনার আকার দেখাবে কিন্তু এটি @ 2x হিসাবে দেখানো হবে বা আকারটি নির্বাচিত হবে। এই পার্সনটি ইমেজ নামতে যোগ করা হবে।
• + সাইন: আউটপুট জন্য বিভিন্ন আকার যোগ করার জন্য এটি ক্লিক করুন। এই ক্ষেত্রে, এটি দ্বিগুণ ক্লিক করুন এবং পপ ডাউন থেকে 2x এবং 3x চয়ন করেছেন। এটি কার্যত কোন আইওএস ডিভাইসকে অন্তর্ভুক্ত করবে।
• ট্র্যাশ ক্যান: এই ক্লিক করুন এবং পছন্দের লাইন আপ থেকে সরানো হয়।
• ফাইল সেটিংস: ফরম্যাটটি নির্বাচন করুন - jpg, png, gif বা svg - ছবির সেরা-উপযুক্ত ফাইলের আকার একটি উদ্বেগ যদি আপনি গুণ সেটিংস কমাতে পারেন।
• চিত্রের আকার: আপনি ছবির দৈহিক মাত্রা পরিবর্তন করতে পারেন।
• ক্যানভাস আকার: আপনি ইমেজ ক্যানভাসের শারীরিক মাত্রা পরিবর্তন করতে পারেন।
• মেটাডেটা: আপনি ইমেজটির মেটাডেটাতে কপিরাইট এবং আপনার যোগাযোগের তথ্য যোগ করতে পারেন।

সমাপ্ত হলে, সব রপ্তানি বোতামে ক্লিক করুন। আপনি জিজ্ঞাসা করা হবে যেখানে আপনি ছবি স্থাপন করতে চান। বিকাশের একটি ভাল অভ্যাস হল নতুন ফোল্ডার বোতামটি ক্লিক করা এবং রপ্তানি করা ছবিগুলি রাখার জন্য একটি ফোল্ডার তৈরি করা। আপনি যখন এক্সপোর্ট ক্লিক করুন, তখন আপনাকে ফোল্ডারে ছবি দেখানো হবে।

03 এর 03

স্ক্যাচ 3 এ মোবাইল ডিভাইসের জন্য ছবিগুলি কিভাবে তৈরি করবেন বোহিমিয়ান কোডিং থেকে

স্কেচ 3, বোহেমিয়ান কোডিং থেকে একটি ম্যাকিনটোশ-এর অ্যাপ্লিকেশন, দ্রুত ইউএক্স এবং ইউআই ডিজাইনারদের মধ্যে জনপ্রিয়তা লাভ করছে কারণ ওয়েব এবং এপ্লিকেশন ডিজাইনের উপর তার তাত্পর্যপূর্ণ ফোকাস। প্রকৃতপক্ষে ফটোশপ, অনেক উপায়ে, স্কেচ এর সাথে "ধরা" খেলতে থাকার অদ্ভুত অবস্থার মধ্যে।

স্কেচে মোবাইলের জন্য একটি ছবি প্রস্তুত করতে, চিত্র বোর্ডে ছবিটি নির্বাচন করুন এবং বৈশিষ্ট্যাবলী প্যানেলে নীচের অংশে Make Exportable বোতামটি ক্লিক করুন । এটি রপ্তানি ডায়লগ বক্স খুলবে। 2x এবং 3x সংস্করণ যুক্ত করতে + সাইন এ ক্লিক করুন এবং প্রত্যয়গুলিও যোগ করুন। উপলব্ধ ফরম্যাটগুলি হল PNG, JPG, TIF, পিডিএফ, ইপিএস এবং এসভিজি। এই ক্ষেত্রে, JPG নির্বাচন করুন এক্সপোর্ট বোতামটি ক্লিক করুন এবং এক্সপোর্ট করা বিভিন্ন চিত্রগুলি রাখার জন্য একটি ফোল্ডার তৈরি করুন।

04 এর 05

ইমেজ এর তিনটি (বা আরও) সংস্করণ তৈরি করার দরকার কী?

অনেক ক্ষেত্রে, মোবাইল বাজার রেজোলিউশনের "ওয়াইল্ড ওয়েস্ট" এবং এক আকার স্পষ্টভাবে সব ঠিক করে না। উপরোক্ত উদাহরণে অ্যাডোবি এক্সপেরিয়েন্স ডিজাইন থেকে ছবিটি ২ আইফোন 6 আর্টবোর্ড এবং একটি অ্যান্ড্রয়েড ডিভাইসের আর্টবোর্ডে স্থাপন করা হয়েছে। বাম দিকে 1x সংস্করণ অর্ধেক আকার প্রদর্শিত হবে লক্ষ্য করুন। আইফোন 6 এর সাথে এটির রেটিনা পর্দায় ছবিটি প্রদর্শিত হবে। 2x সংস্করণ পুরোপুরি ফিট এবং অ্যান্ড্রয়েড সংস্করণ পর্দার বন্ধ রান। আপনার পছন্দের ছবিটি স্কেলে বা অন্য আকারে ফটোশপ থেকে ছবিটি এক্সপোর্ট করে।

05 এর 05

প্রথম টেস্ট, প্রায়ই পরীক্ষা, ট্রাস্ট কিছুই নেই, কেউ না এবং বিশেষ করে নিজেকে বিশ্বাস

আপনি কি বুঝতে হবে এই হল প্রক্রিয়াটি মাত্র শুরু। আপনার কাজটি যতটা ডিভাইসে প্রদর্শন করা হচ্ছে ততটা আপনাকে ওয়ার্কফ্লোটির একটি গুরুত্বপূর্ণ অংশ হিসেবে গণ্য করা উচিত। এছাড়াও আপনি সচেতন হতে হবে এটি একটি অ্যাপ্লিকেশন বা মোবাইল ওয়েব প্রকল্পগুলির জন্য গ্রাফিক্স সম্পদ তৈরির প্রক্রিয়ার প্রথম পদক্ষেপ।

প্রোটোটাইপিং অ্যাপ্লিকেশন ব্যবহার করে ব্যথা পয়েন্টগুলি উন্মোচন করার একটি দুর্দান্ত উপায় কিন্তু বিকাশকারীর ব্যবহারের জন্য এই একই সম্পত্তির আউটপুট হওয়া প্রয়োজন। অনেক ক্ষেত্রে, আইকন সহ সম্পদের শারীরিক মাত্রা, শারীরিকভাবে বিশাল এবং SVG কিন্তু PNG বিন্যাসে নয়। প্রথম নজরে, এটি উপরে একটি বিট বলে মনে হতে পারে কিন্তু স্কেলিং ইমেজ সুবর্ণ নিয়ম মনে রাখবেন: স্কেল আপ তুলনায় স্কেল করা ভাল।

নিচের লাইনটি আপনার বিকাশকারীর সাথে ঘনিষ্ঠভাবে কাজ করে এবং প্রোটোটাইপিং সফটওয়্যারটি ব্যবহার করে আপনার নকশা অভিপ্রায় দেখানোর একটি উপায় হিসাবে। অবশেষে, যদিও, সেই একই সম্পত্তিকে চূড়ান্ত পণ্যের জন্য প্রস্তুত থাকতে হবে এবং আপনার বিকাশকারী আপনার চেয়ে তার প্রয়োজনের চেয়ে ভাল হ্যান্ডসেল আছে।