চিত্র বৈশিষ্ট্য জন্য Illustrator সিসি 2015 এক্সপোর্ট ব্যবহার করুন

যদি Illustrator এর সাথে কাজ করার এক দিক থাকে তবে আমি সত্যিই এটি উপভোগ করি না এটি লাইন শিল্পকে মোবাইল বা ওয়েবে জন্য সিজিগে রূপান্তর করছে। এক্সপোর্ট> এক্সপোর্ট হিসাবে মেনু ব্যবহার করে এবং নিষ্ঠুরভাবে সৎ হতে, ওয়েবের জন্য সংরক্ষণ করুন - রপ্তানি> ওয়েবের জন্য সংরক্ষণ করুন - ব্যবহার করা ঠিক না।

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

নতুন এক্সপোর্ট ফর এক্সটেনশন স্ক্রিন ফিচার - এক্সপোর্ট> স্ক্রিনের জন্য এক্সপোর্ট - এবং অ্যাসেট এক্সপোর্ট প্যানেল যা ২016 সালের জুনে ইলাস্ট্রেটর সিসি 2015 এ চালু করা হয়েছিল, তা সবই বদলে গেছে। এই "কিভাবে" আমি আপনাকে কীভাবে ব্যবহার করব তা দেখানোর জন্য যাচ্ছি বৈশিষ্ট্য। চল শুরু করি.

04 এর 01

Adobe Illustrator CC 2015 এ স্ক্রিনগুলির জন্য রপ্তানি অ্যাক্সেস কীভাবে করবেন

Illustrator 88 সাল থেকে Illustrator ব্যবহারকারী হিসাবে আমি মনে করি আপনি ওয়েব এবং মোবাইল ইন্টারফেস এবং প্রকল্পগুলির জন্য একটি গুরুতর নকশা সরঞ্জাম হিসাবে Illustrator বিবেচনা করতে আমার অনিচ্ছা বুঝতে পারেন।

যখন CS4 সংস্করণ 2008 এ আর্টবোর্ডগুলি চালু করা হয়েছিল, তখন আমি মনে করি এটি অ্যাপ্লিকেশনের একটি আকর্ষণীয় যোগসূত্র ছিল। Illustrator এ এখন অবহেলিত সংরক্ষণের ওয়েব বৈশিষ্ট্যটি আমি দেখেছি, আবার, আমি এটি আকর্ষণীয় দেখি তবে অ্যাডোব ফায়ারওয়ার্কগুলিতে একই বৈশিষ্ট্যটি চিত্রগ্রাহকের তুলনায় ওয়েব গ্রাফিক্সের সাথে আরও সংযুক্ত ছিল।

মোবাইল প্রোজেক্টগুলির জন্য এসভিজি ইমেজগুলির নকশা এবং মোবাইলের প্রথম দিকনির্দেশনার আবির্ভাবের সাথে, ইস্ট্রাস্টার এসভিজির জন্য আমার "যান" টুল এবং UI ডিজাইন ওয়ার্কফ্লোতে একটি গুরুত্বপূর্ণ স্টপ হয়ে ওঠে।

তবুও, যদি আমাকে মোবাইলের জন্য সম্পদ রপ্তানি করতে হয় তবে স্কেচ 3 এবং ফটোশপ সিসি 2015 আমার পছন্দসই সরঞ্জাম। প্রকৃতপক্ষে স্ক্রীন মেনুর জন্য নিফটি এক্সপোর্টের সাথে ২016 সালের জুনে চিত্রক তালিকাটি প্রবেশ করেছে।

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

04 এর 02

কিভাবে স্ক্রিন ডায়ালগ বাক্সের জন্য রপ্তানি ব্যবহার করবেন

যখন ডায়ালগ বাক্স প্রদর্শিত হবে, নির্বাচিত হতে প্রতিটি আর্টবোর্ডে ক্লিক করুন। তারপর একটি চেক চিহ্ন খেলা হবে। আপনি এটি নির্বাচন করতে এবং এটি পরিবর্তন করতে একটি আর্টবোর্ডের নামের উপর ডাবল ক্লিক করতে পারেন। আপনার আর্টবোর্ডগুলিকে "আর্টবোর্ড 1" এবং "আর্টবোর্ড 2" নামকরণ করা হয়েছে কিনা তা জানার জন্য এটি একটি ভাল জিনিস যা, সত্যি বলতে, আপনাকে কিছুই বলে না।

আপনার নির্বাচিত এলাকায় তিনটি পছন্দ রয়েছে:

• সমস্ত: এই পছন্দটি একটি পৃথক ফাইল হিসাবে নথিতে প্রতিটি আর্টবোর্ড রপ্তানি করে।
• ব্যাপ্তি: এক্সপোর্ট করা একটি আর্টবোর্ড একটি পরিসীমা লিখুন। এটি কয়েক ডজন আর্টবোর্ডগুলির সাথে প্রকল্পগুলির জন্য বিশেষত দরকারী।
• সম্পূর্ণ ডকুমেন্ট: এই নির্বাচন করুন এবং সমস্ত আর্টবোর্ড একটি একক নথিতে flattened হবে।

এলাকাতে রপ্তানি আপনাকে আউটপুটের জন্য গন্তব্য ফোল্ডারটি চয়ন করতে দেয়। ডিফল্ট ফোল্ডার Illustrator নথির বর্তমান অবস্থান হবে।

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

একবার আপনি আইওএস বা অ্যান্ড্রয়েড বাছাই করলে তালিকাটি সেই প্লাটফর্মে উপলব্ধ সমস্ত রেজুলেশন অন্তর্ভুক্ত করতে পরিবর্তিত হবে। আইওএস তালিকাটি রেটিনা ডিসপ্লেের জন্য স্কেলিং ফ্যাক্টর দেখাবে এবং অ্যান্ড্রয়েড সিলেক্টে রয়েছে .75x থেকে 4x পর্যন্ত স্কেল রয়েছে যা কার্যকরীভাবে প্রতিটি Android ডিভাইসকে সেখানে রাখে।

আপনি যদি সরাতে চান এমন একটি বিন্যাস থাকে তবে "x" ক্লিক করুন। যদি আপনি যোগ করতে চান একটি আছে + আইকন বাটন যোগ করুন।

যখন সমাপ্ত হয়, রপ্তানি আর্টবোর্ড বোতামটি ক্লিক করুন এবং প্রক্রিয়াটি শেষ হওয়ার পরে একটি অগ্রগতি বার আপনাকে দেখাবে।

04 এর 03

Adobe Illustrator CC 2015 থেকে স্ক্রিন ফাইলগুলির জন্য রপ্তানি ব্যবহার করে।

আপনি যখন এক্সপোর্ট ফর এক্সটেনশনগুলির ফলাফলগুলি পরীক্ষা করেন, তখন আপনি আবিষ্কার করবেন যে ইলাস্ট্রেটার প্রতিটি পর্দার একটি ফ্ল্যাটযুক্ত সংস্করণ আউটপুট করেছে। পৃষ্ঠায়, এটি একটি বিট দুর্বল বলে মনে হতে পারে, বিশেষ করে যদি আপনি ইস্ট্রাস্টারকে চিত্রগুলির মতো সমস্ত বিট এবং টুকরা রপ্তানি করতে প্রত্যাশিত করেন।

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

এই উদাহরণে, আমি সহজ ক্লিক-থ্রু তৈরি করতে অ্যাডোব এক্সপেরিয়েন্স ডিজাইন (এক্সডি) ব্যবহার করছি। প্রক্রিয়াটির প্রথম ধাপ আইফোন 6 আকারটি নির্বাচন করা যা ইস্ট্রাস্টার ইন্টারফেসের মাত্রাগুলির সাথে মিলেছে

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

ক্লিক-থ্রুের জন্য "হটস্পট" তৈরি করতে, হোম স্ক্রিনে এক্সপ্লোর বোতামে একটি আয়তক্ষেত্র তৈরি করেছি এবং প্রোপার্টিজ প্যানেলে সেই বৈশিষ্ট্যগুলি অনির্বাচিত করে এটির ভরাট এবং সীমানা মানগুলি কেউকে সেট করা হয়নি। আমি স্থান পৃষ্ঠায় ব্যাক বোতাম সহ একই জিনিস করেছি।

ইন্টারঅ্যাক্টিভিটি যোগ করার জন্য, আমি প্রোটোটাইপ মোড নির্বাচন করেছি এবং তারপর "হটস্পট" এ ক্লিক করলাম। তারপর আমি তীরটিকে টেনে তোলার চেষ্টা করেছি - স্থান পৃষ্ঠায় এবং স্থানগুলিতে ট্রানজিট টার্গেট সেট করে, বামে push করার গতি, সহজে হ্রাস এবং 6 সেকেন্ডের সংক্রমণের সময়কাল।

আমি স্থান পৃষ্ঠাতে হটস্পট দিয়ে এই পদক্ষেপটি পুনরাবৃত্তি করেছি। একমাত্র পার্থক্য ট্রানিশিশনটি পুশ রাইট সেট করা হয়েছিল। যখন আমি Play বাটনে ক্লিক করলাম তখন আমার প্রোটোটাইপ পরীক্ষা করেছিলাম।

04 এর 04

Adobe Illustrator CC 2015 এ এক্সপোর্ট অ্যাসেট প্যানেল কীভাবে ব্যবহার করবেন

স্ক্রিন মেনুর জন্য সংরক্ষণের পাশাপাশি অ্যাডোব এছাড়াও একটি নতুন প্যানেল যোগ করেছে - অ্যাসেট এক্সপোর্ট - যা UI ডিজাইন ওয়ার্কফ্লোতে একটি বিশাল ব্যথা বিন্দু সরানো হয়েছে।

ব্যথা পয়েন্ট আইকন ছিল। Illustrator একটি দুর্দান্ত ভেক্টর অঙ্কন অ্যাপ্লিকেশন কিন্তু আউটপুট, এর 10 টি আইকন বলা যাক, 40 অথবা 50 এর সাথে একটি পৃষ্ঠায় প্রতিটিকে একটি SVG চিত্র হিসাবে সংরক্ষণ করা প্রয়োজন। SVG প্যানেলে ক্রমবর্ধমান ভ্রমণের জন্য স্বাভাবিকভাবেই ধন্যবাদ এই সময়ের চেয়ে বেশি সময় প্রয়োজন। এই ব্যথা বিন্দু এখন অতীতের একটি জিনিস।

এই নতুন প্যানেল উইন্ডো> অ্যাসেট এক্সপোর্ট এ পাওয়া যাবে। প্যানেলটি খোলে, আপনি যে SVG বা অন্য বিন্যাসে রূপান্তর করতে চান সেটি নির্বাচন করুন এবং প্যানেলে টেনে আনুন। যখন আপনি মাউসটি ছেড়ে দেন তখন সম্পত্তির থাম্বনেল প্যানেলে যোগ করা হয়। সম্পদ নাম। আপনি সমাপ্ত না হওয়া পর্যন্ত প্যানেল মধ্যে বস্তু টেনে আনুন।

প্রতিটি আইটেমটি রপ্তানি সেটিংস এলাকায় নির্বাচন করুন, বা Shift কী চেপে ধরে এবং প্রতিটিতে ক্লিক করে তাদের সকলকে নির্বাচন করুন। আপনার বিন্যাস নির্বাচন করুন - এই উদাহরণে, আমি SVG চয়ন করেছি- এবং রপ্তানি বোতামটি ক্লিক করুন। নির্বাচিত আইটেমগুলি ইস্ট্রাস্টার ফাইলের মতো একই অবস্থানে SVG ফাইল হিসাবে আউটপুট হবে।

এই সম্পূর্ণ প্রক্রিয়া এমনকি neater পায় যেখানে আপনি অ্যাসেট এক্সপোর্ট প্যানেল ব্যবহার করতে হবে না। যদি আপনি প্যানেলে নীচে স্ক্রিন বোতামে ক্লিক করুন, ডায়লগ বাক্সটি খোলে।

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