চিত্রক, ওয়েবের জন্য সংরক্ষণ করুন: আর্ট এবং প্রকারের অপ্টিমাইজেশানটিকে একসাথে পৃথক রাখা?

Question

ইলাস্ট্রেটারে ওয়েব রফতানি করার সময়, সেখানে চিরকাল পরিচিত Art Optimizedএবং Type Optimizedউপস্থাপনা স্কিম রয়েছে (বাদে None)।

উভয় স্কিমের বিভিন্ন ধরণের উপাদানগুলির নিজস্ব পার্ক রয়েছে। Unsurprisingly, কিছু জন্য আর্ট অনুকূল excels কিন্তু টেক্সট, প্রকার অনুকূল যেহেতু প্রায়ই অনেক টেক্সট / ফন্ট রেন্ডারিং এ উত্তম। (ভাল, আমি অনুমান করি যে এটি একটি বিষয়গত বিষয় হতে পারে, তবে এটি আলোচনার সাথে অপ্রাসঙ্গিক - আসুন কেবল সত্যের সাথে সত্য থাকুন; কখনও কখনও আপনি একটি বা অন্যটিকে পছন্দ করেন এবং প্রায়শই (পুরো জিনিসটির মূল বক্তব্য এখানে)) আপনি উভয় পরিকল্পনা পছন্দ করেন যথাক্রমে তাদের উদ্দেশ্যযুক্ত উপাদানগুলির চিকিত্সা করছেন?

আমার প্রায়শই দুটি সংস্করণ রফতানি করতে হয়; একটি * _art_opt.png এবং একটি * _type_opt.png যেমন লোগোটাইপ তৈরি করার সময়। তারপরে, আমাকে ফটোশপের দুটি লেয়ারে দুটি রেন্ডার করা চিত্র রাখতে হবে, টাইপ অঞ্চল থেকে আর্ট অপ্টিমাইজড অংশটি কেটে ফেলতে হবে এবং এর বিপরীতে। আমি প্রথমে যা খুঁজছিলাম তা পাওয়ার জন্য: অপ্টিমাইজড আর্ট… অন্য কথায়, "আর্ট" রেন্ডার্ট আর্ট অপটিমাইজড এবং টেক্সট রেন্ডার করা টাইপ অপ্টিমাইজড।

আমি প্রায়শই বিভিন্ন বিভিন্ন আকার তৈরি করে ফ্যাক্টর; স্বচ্ছ সংস্করণ এবং অস্বচ্ছ সংস্করণ; বিভিন্ন ফর্ম্যাটে সংরক্ষণ করা হয়েছে ... এবং আপনার ঠিক সেখানে কিছু গুরুতর ™ সময় অপচয় waste

এবং তাই, প্রশ্ন

আমি কেবল আশ্চর্যই হই যে, আর্ট অপ্টিমাইজড রেন্ডিশন এবং পাঠ্য উপাদানগুলিকে টাইপ অপ্টিমাইজড হিসাবে গণ্য করার সাথে শিল্প উপাদানগুলি থাকার কোনও পদ্ধতি আছে - সব একই রকম?

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

Answer 1

ইন অ্যান্টি-অ্যালায়েসিং আবেদন Save for Web & Devicesপ্যানেল সমগ্র রপ্তানি একই anti-aliasing পদ্ধতি পায় কিন্তু আপনি একটি বস্তু স্তরের উপর বিরোধী alisaing আবেদন করতে পারেন।

একটি বিষয় নির্বাচন করুন এবং যান Effect > Rasterize...। আপনার পছন্দসই পিপিআই চয়ন করুন, সর্বদা চয়ন করা আরও ভাল Use Document Raster Effects Resolutionকারণ তারপরে আপনার সমস্ত বিষয়গুলি 72ppi থেকে 300ppi তে স্যুইচ করা সহজ হবে উদাহরণস্বরূপ ক্লিক করে Effect > Document Raster Effects Settings...। আপনি আপনার অবজেক্টে প্রয়োগ করতে চান অ্যান্টি-এলিয়জিং পদ্ধতিটি নির্বাচন করুন। আমি সর্বদা Type Optimizedপাঠ্য বস্তুগুলিতে প্রয়োগ করি তবে গ্রাফিক্সে আপনাকে কিছু করার দরকার নেই। আমি কেবলমাত্র Art Optimizedলিঙ্কিত পিএসডি ছবিগুলিতেই ব্যবহার করি , আপনি আরও ভাল ফল পাবেন বিশেষত যদি আপনি ইলাস্ট্রেটারে ছবিটি ডাউন স্কেল করে থাকেন

এই পদ্ধতির আরেকটি সুবিধা হ'ল আপনি যা যা আপনার আর্টবোর্ডে দেখেন (একবারে সমস্ত রাস্টারাইজ ফিল্টার প্রয়োগ করা হয়) তখন রফতানির সময় আপনি ঠিক কী পাবেন তাই আপনি চূড়ান্ত আউটপুট নিয়ন্ত্রণ করতে পারবেন।

অবজেক্টটি রাস্টারাইজড করা হবে তবে এটি কার্যকর হিসাবে আপনি এটি Appareanceপ্যানেলে চালু / বন্ধ করতে পারেন - সুতরাং এটি সত্যই জঞ্জাল নয় এবং পরিবর্তিত হবে না। তারপরে রফতানির সময়, Save for Web & Devicesপ্যানেলে কোনও অ্যান্টি-এলিয়াসিং প্রয়োগ করবেন না ।

Comments

dlmth: এটি রক্তাক্ত উজ্জ্বল। আমি এই উত্তরের জন্য কত কৃতজ্ঞ তা বলতে পারি না। যারা আমার মতো একই বিভ্রান্তি-ব্যবধান নিয়ে চলেছে তাদের জন্য সতর্কতার একটি নোট: যদি আপনার আউটপুট কম্পিউটারের স্ক্রিনের উদ্দেশ্যে হয়, তবে প্রভাব> ডকুমেন্ট রাস্টার ইফেক্টস সেটিংস… পরিবর্তন করে 'স্ক্রিন (72২ পিপিআই) করুন। খনিটি 'হাই (300 পিপিআই)' তে ছিল যা ওয়েবের জন্য সংরক্ষণের সময় অ্যান্টি-এলিয়জিংকে সত্যিই বিশৃঙ্খলা করত।

— হেনরিক

Answer 2

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

Comments

এটা মজার! কখনও ভেবে দেখিনি। দেখে মনে হচ্ছে ফটোশপটি পাঠ্যের তুলনায় কেবলমাত্র একটি ছেলের সাথে আরও ভাল আচরণ করে (শিল্পের অখণ্ডতা বজায় রেখে)। তবে আমি পিএস 'ওয়েব সেভের জন্য একটি বাজে রঙের গণ্ডগোলের অভিজ্ঞতা পেয়েছি, তবে আমি মনে করি যে বর্তমানে আমি যে লোগোতে কাজ করছি (উপরে ডামি আইকন নয়;) এর কিছু সুন্দর বিস্তৃত (একাধিক) অস্বচ্ছতা রয়েছে এর সাথে কিছুটা আছে মুখোশ এবং অভ্যন্তরীণ গ্লো + ড্রপ শ্যাডো এফেক্টস চলছে যা ফটোশপ একইভাবে পরিচালনা করে না।

— হেনরিক

আমি লোগোগুলিতে প্রভাব ব্যবহার করি না। আমি লোগো জন্য ফ্ল্যাট আকার ডিজাইন। তবে, আরও ভাল সমর্থনের জন্য আপনার এআই ডকুমেন্টের রঙ মোডটি আরজিবি, তারপরে ফটোশপটিতে অনুলিপি / পেস্ট করুন।

— স্কট

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

— হেনরিক

সমস্ত ক্যানড ইফেক্টগুলি ব্র্যান্ডটি "সস্তা" ছাড়া আর কিছুই করে না। একটি শক্তিশালী লোগোর জন্য কোনও ড্রপ ছায়া বা আভা বা অন্য কোনও স্টাফের দরকার নেই। শুধুমাত্র আমার অভিমত. আমি একেবারে ভুল হিসাবে পরিচিত।

— স্কট

Answer 3

এটি পড়ার পরে আমি যা করেছি তা রূপরেখায় কোনও পাঠ্য তৈরি করে।

বক্স "লোগো পাঠ্য" নির্বাচন করুন রাইট ক্লিক করুন এবং "আউটলাইন তৈরি করুন" বা বলুন Edit > Object > create outlines।

এটি যে কোনও অনুমতি দেবে

রফতান শিল্পের জন্য অনুকূলিত।

তবে আমি এটি একটি লোগোর জন্য ব্যবহার করছি যা মুদ্রণযোগ্য হবে, এবং কেবল ওয়েব ব্যবহার নয়। তবে আমি ভাবছি এটি অনেকটা একই রকম হবে।

Answer 4

মূলত, উপরের মত একই, তবে এআই 2017 এর জন্য:

প্রকার নির্বাচন করুন (ডাব্লু / পয়েন্টার, পাঠ্যের সরঞ্জাম নয়) প্রকার> রূপরেখাগুলি তৈরি করুন। Voila। আপনার পাঠ্যটি আর্ট এবং এখন আর্ট অপটিমাইজ করা যেতে পারে। পারফেক্ট!

Comments

"উপরের মতো একই" লিখবেন না কারণ উত্তরগুলি / ডাউনভোটের কারণে উত্তরগুলি পরিবর্তন করে। পরিবর্তে আপনি যদি অন্য উত্তরটি উল্লেখ করতে চান তবে "ব্যবহারকারীর কথা মতো" বলুন। এছাড়াও আপনি যা লিখেছেন তা প্রশ্নের উত্তরের চেয়ে একটি মন্তব্যের মতো।

— লুসিয়ানো