গ্রাফিক্সের জন্য এটি ক্রমশই সাধারণ হয়ে উঠছে যে তাদের কাজ কেবল মুদ্রণে নেই তবে iPhones, iPads, Android ডিভাইস এবং Android ট্যাবলেটগুলির মতো ওয়েব এবং ডিভাইসগুলিতেও উপস্থিত রয়েছে। পৃষ্ঠপোষকতায় ডিজিটাল স্ক্রিনগুলিতে বিস্তৃত মিডিয়াতে আমাদের কাজটি "ভাল জিনিস" হিসেবে দেখা যেতে পারে। নেতিবাচক স্ক্রিনের সংখ্যা এবং স্ক্রিন রেজুলেশনগুলির বিভ্রান্তিকর সংখ্যা। সিএমওয়াইকে বিন্যাসে 300 ডিপিআই রেজোলিউশনের টিআইএফএফ চিত্রটি আদর্শ ছিল এমন দিনগুলিতে যা ঘটেছিল তা হতাশার অভিজ্ঞ ব্যক্তিদের শুনতে অস্বাভাবিক নয়। ওহ, ভাল পুরনো দিনের জন্য!
ঐ দিন শেষ। আমাদের এখন 200 টি 200 ইমেজ এক ডিভাইসে জরিমানা প্রদর্শিত হতে পারে এবং এখনও অন্যের চতুর্থাংশের আকার এবং অন্য কোয়ার্টারের আকারের তৃতীয়টি প্রদর্শিত হতে পারে। এটি আসলেই "রেজোলিউশন আর্মস রেস" ডিভাইসের নির্মাতাদের দ্বারা পরিচালিত হচ্ছে, যা তাদের প্রতিযোগীদের তুলনায় পর্দায় আরো পিক্সেল জ্যাম করার চেষ্টা করে।
এই আমরা "Suffixes এর উত্থান" কল করব কি আমাদের এনেছে। অনুভূতিগুলি সেই জিনিসগুলি - @ 2x, @ 3x - একটি চিত্রের নামে চলা। উদাহরণস্বরূপ, তারা সঠিক চিত্রটিকে সঠিক ডিভাইসে সঠিক স্থানে রাখুন। তারপর এটা আরও ভাল পায়।
আমাদের অনেক কাজ আইকনগুলির সাথে কাজ করে এবং ফ্ল্যাট ডিজাইন আন্দোলনের উত্থানের সাথে এইসব ভেক্টর অঙ্কন অ্যাপ্লিকেশনগুলিতে ইলাস্ট্রেটর এবং স্কেচ হিসাবে তৈরি করা হয়। সমস্যা কেবল ডিভাইস .ai বা .eps ফাইল রেন্ডার করা যাবে না। তারা স্কেলেবল ভেক্টর গ্রাফিক্স রূপান্তরিত করতে হবে এবং, আইকন তৈরি করার জন্য ব্যবহৃত অ্যাপ্লিকেশনের উপর নির্ভর করে, এমনকি একটি SVG বিকল্পও হতে পারে না।
তারপর এটা আরও ভাল পায়।
সফটওয়্যারের একটি নতুন বর্গ রয়েছে - প্রোটোটাইপিং অ্যাপ্লিকেশনগুলি - যা আপনার চিত্রগুলি এবং আইকনগুলিকে ডিভাইসগুলিতে সরিয়ে নিয়ে যাওয়ার আগে সমাবেশ বিন্দু হয়ে উঠছে এবং তাদের নিজস্ব বৈশিষ্ট্যগুলিও রয়েছে।
এই টিউটোরিয়ালটি ফটোশপ এবং স্কেচ গ্রাফিক্সের জন্য এবং অ্যাডোব এক্সপেরিয়েন্স ডিজাইন ব্যবহার করে আপনার ধারণা এবং শেষ স্থাপনার মধ্যে কয়েকটি ব্যথা পয়েন্ট প্রদর্শন করে। চল শুরু করি.
05 এর 01অ্যাডোব ফটোশপের মোবাইল ডিভাইসগুলির জন্য ছবিগুলি কিভাবে প্রস্তুত করবেন
এই প্রক্রিয়া প্রথম পদক্ষেপ আপনার লক্ষ্য ডিভাইস বা ডিভাইস বুদ্ধিমান হয়। এই ক্ষেত্রে, আপনি আইফোন 6 লক্ষ্য করবেন যার একটি পর্দা এলাকা 375 পিক্সেল প্রশস্ত 667 পিক্সেল উচ্চ। নকশাটি পর্দার প্রস্থ হতে ইমেজটির জন্য কল করে।
ব্যবহার করা ইমেজটি সুইজারল্যান্ডের বার্নের বার্ন মিনস্টার ক্যাথিড্রালের ভিতরে গুলি করা হয়েছিল। ফটোশপে ছবিটি একবার খোলে একবার, চিত্র> চিত্র আকার নির্বাচন করুন ইমেজ এবং এর রেজল্যুশন এর মাত্রা পরীক্ষা করতে। স্পষ্টতই, একটি ছবি যা 3156 x 2592 এর 300 পিপিআই এবং ২.4.4 এমবি ফাইলের আকারের সাথে সমাধান করে কেবল কাজ করবে না।
ইমেজ সাইজ ডায়লগ বাক্সের ভিতরে, রেজোলিউশন কমাতে 100 পিপিআই করুন। এই প্রথম কারণ ইমেজ মাত্রা পরিবর্তন হবে। রেজোলিউশন সেট দিয়ে, প্রস্থটি 375 পিক্সেল পরিবর্তন করুন। আপনি যদি ইমেজ সাইজ ডেটা পরীক্ষা করে দেখেন তবে ছবিটি 23.4 এমবি থেকে আরো মোবাইল-বান্ধব 338 কে থেকে সঙ্কুচিত হয়ে যাবে। ঠিক আছে ক্লিক করুন পরিবর্তন গ্রহণ এবং ইমেজ সাইজ সংলাপ বক্স বন্ধ।
নিচে পড়া চালিয়ে যান
05 এর 02অ্যাডোব ফটোশপের ডায়ালগ বাক্সটি "কীভাবে রপ্তানি করুন …" ব্যবহার করবেন
একবার ছবিটি রপ্তানি করার জন্য প্রস্তুত, নির্বাচন করুন "রপ্তানি> রপ্তানি করুন …" এক্সপোর্ট ডায়ালগ বাক্স খুলতে।
এই ডায়লগ বক্সটি ফটোশপের সাম্প্রতিক সংযোজন এবং এটি "সংরক্ষণের জন্য ওয়েব" কথোপকথন বাক্সটিকে তারা বছরের পর বছর ধরে ব্যবহার করে। আপনি এখনও এটি প্রয়োজন হলে, আপনি এটি রপ্তানি পপ ডাউন খুঁজে পেতে পারেন। এটি, সুস্পষ্ট কারণে, এখন "এক্সপোর্ট ফর ওয়েব (লিগ্যাসি)" হিসাবে পরিচিত। এই ডায়লগ বাক্সে আপনার প্রথম দর্শন হলে, এখানে একটি সংক্ষিপ্ত সফর:
- আকার: এই কলাম ইমেজ আউটপুট আকার সেট করে। এই এলাকার আকর্ষণীয় দৃষ্টিভঙ্গিটি চিত্রটিকে বাড়িয়ে তুলবে তবে ডিভাইসটির স্ক্রীনে বিপুল সংখ্যক পিক্সেলের কারণে চিত্রটিকে ডিভাইসে "অস্পষ্ট" হিসাবে প্রদর্শিত হবে না।
- 1X: এই হোল্ড উপর ক্লিক করুন এবং আপনি আকারের একটি সংখ্যা উপস্থাপন করা হবে। 1x, 2x এবং 3x বিভাগগুলি ঐতিহ্যগতভাবে অ্যাপল থেকে হাই ডিপিআই ডিভাইসগুলির সাথে যুক্ত এবং তারা কয়েকজন পাশাপাশি Android ডিভাইসগুলির জন্য চিত্রগুলি প্রস্তুত করবে।
- প্রত্যয়: এই পছন্দটি আপনার আকার প্রদর্শন করবে কিন্তু এটি @ 2x হিসাবে প্রদর্শিত হবে বা আকারটি নির্বাচিত হবে। এই প্রতিক্রিয়া ইমেজ নাম যোগ করা হবে।
- + চিহ্ন: আউটপুট জন্য বিভিন্ন মাপ যোগ করতে এই ক্লিক করুন। এই ক্ষেত্রে, এটি দুইবার ক্লিক করুন এবং পপ ডাউন থেকে 2x এবং 3x চয়ন করুন। এই কার্যকরীভাবে কোনো iOS ডিভাইস আবরণ হবে।
- ট্র্যাশ ক্যান: এই ক্লিক করুন এবং পছন্দ লাইন আপ থেকে মুছে ফেলা হয়।
- ফাইল সেটিংস: বিন্যাসটি নির্বাচন করুন - jpg, png, gif বা svg - চিত্রটির জন্য উপযুক্ত। যদি ফাইলের আকার একটি উদ্বেগ হয় তবে আপনি গুণমান সেটিংসও কমাতে পারেন।
- ছবির আকার: আপনি ইমেজ শারীরিক মাত্রা পরিবর্তন করতে পারেন।
- ক্যানভাস আকার: আপনি ইমেজ ক্যানভাস শারীরিক মাত্রা পরিবর্তন করতে পারেন।
- মেটাডেটা: আপনি কপিরাইট এবং আপনার যোগাযোগের তথ্য ইমেজ এর মেটাডেটা যোগ করতে পারেন।
সম্পন্ন হলে, সমস্ত এক্সপোর্ট বোতামে ক্লিক করুন। আপনাকে জিজ্ঞেস করা হবে যেখানে আপনি ছবিগুলি রাখতে চান। বিকাশের একটি ভাল অভ্যাস হল নতুন ফোল্ডার বোতামে ক্লিক করুন এবং এক্সপোর্ট হওয়া ছবিগুলি ধরে রাখার জন্য একটি ফোল্ডার তৈরি করুন। আপনি যখন রপ্তানি ক্লিক করেন, তখন আপনাকে ফোল্ডারে চিত্রগুলি দেখানো হবে।
নিচে পড়া চালিয়ে যান
05 এর 03স্কেচে মোবাইল ডিভাইসগুলির জন্য চিত্রগুলি কীভাবে তৈরি করবেন 3 বোহেমিয়ান কোডিং থেকে
স্কেচ 3, বোহেমিয়ান কোডিংয়ের একটি ম্যাকিন্টোশ-একমাত্র অ্যাপ্লিকেশন, ওয়েব এবং অ্যাপ্লিকেশান ডিজাইনের উপর তীব্র ফোকাসের কারণে ইউএক্স এবং UI ডিজাইনারগুলির মধ্যে দ্রুত জনপ্রিয়তা অর্জন করছে।আসলে ফটোশপ, অনেক উপায়ে, স্কেচ দিয়ে "ধরা" খেলতে অদ্ভুত অবস্থানের মধ্যে।
স্কেচে মোবাইলের জন্য একটি চিত্র প্রস্তুত করতে, আর্টবোর্ডে চিত্রটি নির্বাচন করুন প্রোপার্টি প্যানেলে নীচে রপ্তানিযোগ্য বোতামে ক্লিক করুন। এটি এক্সপোর্ট ডায়ালগ বক্স খুলবে। 2x এবং 3x সংস্করণ যোগ করার জন্য + চিহ্নটি ক্লিক করুন এবং প্রত্যয় যোগ করুন। উপলব্ধ বিন্যাসে পিএনজি, জেপিজি, টিআইএফ, পিডিএফ, ইপিএস এবং এসভিজি রয়েছে। এই ক্ষেত্রে, JPG নির্বাচন করুন। রপ্তানি বাটন ক্লিক করুন এবং রপ্তানি বা রপ্তানি বিভিন্ন ছবি রাখা একটি ফোল্ডার তৈরি করুন।
05 এর 05কেন আপনি ইমেজ তিনটি (বা অধিক) সংস্করণ তৈরি করতে হবে
অনেক ক্ষেত্রে, মোবাইল বাজার রেজোলিউশনগুলির "ওয়াইল্ড ওয়েস্ট" এবং এক আকার স্পষ্টভাবে সমস্ত মাপসই করা হয় না। অ্যাডোব এক্সপেরিয়েন্স ডিজাইন থেকে উপরের উদাহরণে, ছবিটিতে 2 আইফোন 6 আর্টবোর্ড এবং একটি Android ডিভাইস আর্টবোর্ডে রাখা হয়েছে। লক্ষ্য করুন বাম দিকে 1x সংস্করণটি অর্ধেক আকারের কিনা। আইফোন 6 এ তার রেটিনা স্ক্রীন সহ চিত্রটি কীভাবে উপস্থিত হবে তা ঠিক। 2x সংস্করণ পুরোপুরি ফিট করে এবং অ্যান্ড্রয়েড সংস্করণ পর্দার বন্ধ রান। আপনার পছন্দের চিত্রটি স্কেল করা বা ফটোশপের চিত্রটি বিভিন্ন আকারে এক্সপোর্ট করা।
নিচে পড়া চালিয়ে যান
05 এর 05প্রারম্ভিক পরীক্ষা, পরীক্ষা প্রায়শই, বিশ্বাস কিছুই, বিশ্বাস এক এবং বিশেষ করে নিজের
আপনি বুঝতে হবে কি এই প্রক্রিয়া শুরু হয়। আপনার ডিভাইসটি যতগুলি ডিভাইসে আপনি কার্যক্ষেত্রের একটি অতীব গুরুত্বপূর্ণ অংশ হিসেবে বিবেচনা করতে পারেন সেটি দেখতে। আপনাকে সচেতন হতে হবে এটি একটি অ্যাপ্লিকেশন বা মোবাইল ওয়েব প্রোজেক্টের জন্য গ্রাফিক্স সম্পদ তৈরির প্রক্রিয়ার প্রথম ধাপ।
প্রোটোটাইপিং অ্যাপ্লিকেশনগুলি ব্যবহার করে ব্যথাগুলি প্রকাশ করা একটি দুর্দান্ত উপায় কিন্তু এই একই সম্পদ বিকাশকারীর ব্যবহারের জন্য আউটপুট হতে হবে। অনেক ক্ষেত্রে, আইকন সহ সম্পদের শারীরিক মাত্রাগুলি শারীরিকভাবে বিশাল হবে এবং সিজিগে নয় তবে PNG ফর্ম্যাটে। প্রথম নজরে, এটি উপরের দিকে কিছুটা মনে হতে পারে তবে চিত্র স্কেল করার সুবর্ণ নিয়ম মনে রাখতে পারে: স্কেলে তুলনায় স্কেল করা ভাল।
নিচের লাইনটি আপনার বিকাশকারীর সাথে ঘনিষ্ঠভাবে কাজ করা এবং আপনার নকশা অভিপ্রায় দেখানোর উপায় হিসাবে প্রোটোটাইপিং সফ্টওয়্যার ব্যবহার করা। অবশেষে, যদিও, সেই একই সম্পদগুলি চূড়ান্ত পণ্যটির জন্য প্রস্তুত হতে হবে এবং আপনার বিকাশকারীর আপনার চেয়ে তার প্রয়োজনের উপর আরও ভাল হ্যান্ডেল রয়েছে।
