ফটোশপে ফন্ট (অ্যান্টি) এলিয়াসিং

Question

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

মূলত ফটোশপে আমি যে কোনও অ্যান্টি-এলিয়জিং পদ্ধতি বেছে নিই, পাঠ্যটি সর্বদা সাহসী পাঠ্যের ছাপ দেয় । সুতরাং আমি সর্বদা অ্যান্টিআলাইজিং বন্ধ করতে বাধ্য (সাধারণ 12px / 14px পাঠ্যের জন্য)।

উইন্ডোজ ক্লিয়ারটাইপের সাহায্যে উইন্ডোজ যেভাবে ব্যবহার করে আমি ফটোশপে একই ধরণের ফন্ট রেন্ডারিং অর্জন করতে পারি এমন কোন পদ্ধতি আছে কি?

যদি তা না হয় তবে অ্যান্টি-এলিয়জিং বন্ধ থাকাকালীন এমন কোনও ফন্ট রয়েছে যা আরিয়ালের চেয়ে ভাল দেখাচ্ছে?

Comments

আমি এই বিষয়টি অফিসিয়াল ফটোশপ প্রতিক্রিয়া সাইট, প্রতিক্রিয়া.ফোটোশপ. com/ ফোটোশপ_ফ্যামিলি / টপিক্স /… প্লিজ ভোটে জিজ্ঞাসা করেছি !

Answer 1

দুটি কারণ আছে ক্লিয়ারটাইপ পাঠ্যটি এত খাস্তা।

1. এটি সাবপিক্সেল রেন্ডারিং ব্যবহার করে । আমি মনে করি না যে ফটোশপ সেটিকে সমর্থন করে।
2. এটি পিক্সেল গ্রিডে লাইনগুলি ফিট করার জন্য আক্রমণাত্মক ইঙ্গিত ব্যবহার করে uses

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

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

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

Comments

সিআরটি জনসংখ্যা পথ তাদের জন্য যত্ন খুব কম .....

— Pacerier

Answer 2

ফটোশপ কোনও ওয়েব ডিজাইনিং প্রোগ্রাম নয়। কোনও গ্রাফিকের মতো ব্রাউজারে যেমন দেখতে পাওয়া যায় এমন পাঠ্য পেতে (jpg, gif ইত্যাদি) আপনাকে উভয় প্রোগ্রামে একই ফন্ট ব্যবহার করতে হবে। কিছু ফন্ট সমস্ত ব্রাউজার ব্যবহার করে না।

আপনার পাঠ্যের আকারের উপর নির্ভর করে একটি ভাল মাঝারি আকারের ফন্টটি হতে পারে তাহোমা, হেলভেটিকা, ট্রেবুচেট বা জর্জিয়া। কিছু ভাল ধারণার জন্য এই ওয়েবসাইটটি দেখুন: http://www.snaphow.com/10- Most-popular-web-fouts-used-in-web-safe-design/

বড় ফন্টগুলি যেখানে এটি অ্যান্টি-এলিয়জিংয়ের বিষয়টি বিবেচনা করে।

আপনি যদি কোনও পৃষ্ঠায় পাঠ্যের সাথে একত্রীকরণের জন্য পাঠ্য পেতে চেষ্টা করছেন তবে আমি আপনার লক্ষ্য অর্জনের জন্য সিএসএস অবস্থান ব্যবহার করার পরামর্শ দিচ্ছি using সিএসএস আপনাকে আপনার ওয়েবপৃষ্ঠাগুলি থেকে চিত্রের ওভারটপ থেকে পাঠ্য পাঠাতে দেয় এবং পৃষ্ঠাটি ঠিক যেমনটি চান তেমন রেন্ডার করতে আপেক্ষিক এবং পরম অবস্থান ব্যবহার করে। এখানে একটি উদাহরণ এবং টিউটোরিয়াল রয়েছে: http://css-tricks.com/text-blocks-over-image/

Comments

"ফটোশপ কোনও ওয়েব ডিজাইনিং প্রোগ্রাম নয়" " সত্যিই ????

— ফেরে

@ ফ্যারে: সত্যই। এটি একটি রাস্টার গ্রাফিক্স সম্পাদক। শুধু কারণ আপনার পারেন এছাড়াও ওয়েব ডিজাইন কি তার অর্থ এই নয় সঙ্গে এটি মূলত যে জন্য পরিকল্পনা করা হয়েছিল। আপনি হাইওয়েতেও ট্র্যাক্টর চালাতে পারবেন, তবে এটি গাড়ি তৈরি করে না।

— ইলমারি করোনেন

@ ইলমারিকারোনেন ফটোশপ একটি ওয়েবসাইট ডিজাইনের জন্য একটি দুর্দান্ত সরঞ্জাম, এটি কেবল ওয়েবসাইটটি তৈরিতে ব্যবহৃত হয় না । আমার কাছে এমন কোনও ওয়েব ডিজাইন নেই যা রাস্টার গ্রাফিক্স সম্পাদনার সাথে জড়িত ছিল না ...

— ফারে

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

— হোসে টমস টোকিনো

@ থোম 3গা - আসলে, এটি সত্য নয়। কেউ কেউ এর আরও ভাল কর্মপ্রবাহের জন্য আতশবাজি পছন্দ করেন (যদিও এফডাব্লু এর পাঠ্য রেন্ডারিং ভয়ঙ্কর ), অন্যরা এইচটিএমএল প্রোটোটাইপগুলিতে জোর দেয়। তবে ফটোশপ কোনওভাবেই সর্বজনীন পছন্দ নয়।

— জিমি ব্রেক - ম্যাককে

Answer 3

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

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

ব্রাউজারের তুলনায় ড্রিমওয়েভারের পূর্বরূপে যদি ডিজাইনটি অন্যরকম মনে হয় তবে এটি অন্য একটি দুর্ভাগ্যজনক বিষয় (এবং আমি কেবল টাইপোগ্রাফির কথা বলছি না তবে সামগ্রিকভাবে রেন্ডারিং করছি)। যত তাড়াতাড়ি আপনি ফটোশপ থেকে লাইভ ডেমোতে উন্নীত করতে পারবেন - এটি ড্রিমউইভারের মাধ্যমে হোক বা না - আরও ভাল। আমি কি করতে ইচ্ছা ফটোশপ subpixel রেন্ডারিং ক্ষমতা আছে হবে (কিন্তু একই আশা এ CS6 চালু করা হবে না, বা অন্তত আশা আমি তারপর ধনী হবে)!

কেবলমাত্র একটি পার্শ্ব নোট: ক্লিয়ারটাইপ 10 বা তাই পেটেন্ট দ্বারা সুরক্ষিত, ঠিক একই রেন্ডারিং সম্ভাব্য নয়। এছাড়াও লক্ষণীয় যে ওএস এক্স ডিফল্টরূপে বিভিন্ন রেন্ডারিং (কোয়ার্টজ) ব্যবহার করে এবং তাই লিনাক্স বিতরণে গ্রাফিকাল ইন্টারফেসগুলি করে।

Answer 4

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

ফটোশপের ক্ষেত্রে সেটিং টাইপ করা সাধারণভাবে একটি ব্যথা।

Answer 5

একটি সম্ভাব্য কাজ সম্ভবত "তীক্ষ্ণ" অ্যান্টি-আলিয়াজিং পদ্ধতিটি ব্যবহার করা এবং পাঠ্য স্তরে 0-গভীরতার অভ্যন্তরীণ আভা স্থাপন করতে পারে:

এই নমুনার জন্য আমি সাদা রঙ, 85% অস্বচ্ছতা, "স্ক্রিন" মিশ্রণ মোড, 0 চোক, 0 আকার ব্যবহার করেছি। মেস ক্লিয়ার-টাইপের মতো ভাল নয়, তবে এটি কম সাহসী দেখাচ্ছে ...

(প্রথম লাইন = কোনও অ্যান্টি-এলিয়জিং নেই, শেষ লাইন = অভ্যন্তরীণ আভা ছাড়া তীক্ষ্ণ অ্যান্টি-এলিয়াসিং)

Comments

খুব আকর্ষণীয় পদ্ধতির! পাঠ্য সম্পাদনাযোগ্য রাখে।

— কনটুর

@ ইউনিট্রিকপনি, দ্বিতীয় লাইনের স্টাইলিং কী?

— পেসারিয়ার