পিক্সেল হরফ ডিজাইনে কী বিবেচনা রয়েছে?


14

আমি একটি গেমের জন্য মনোস্পেস পিক্সেল ফন্টগুলি ডিজাইন করছি এবং এখন পর্যন্ত আমি কেবলমাত্র খুব ছোট আকারের সাথে কাজ করতে সক্ষম হয়েছি (সবচেয়ে বড় আমি পরিচালনা করেছি 5x9) কারণ সেগুলি চেষ্টা করার এবং ভুল করার পক্ষে সবচেয়ে সহজ। প্রায়শই 7x13 এর মতো ছোট আকারের জন্য আমি যে ফলাফলগুলি নিয়ে আসি তা সবই ব্লকহীন এবং আবেদনময়ী।

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

পিক্সেল হরফ ডিজাইনের জন্য কি কোনও বিশেষ ব্লকের আকার আছে "অনুকূল"? আমার মনে রাখতে হবে এমন কোনও বিশেষ পিক্সেল প্লেসমেন্ট রয়েছে কি? কারণ কখনও কখনও যখন আমি কেবল ১১ পিক্সেল দীর্ঘ লাইন আঁকি (বা জিনিসগুলিকে এই জাতীয় আকারে ছেদ করি), এটি একবার জুম আউট হয়ে গেলে অন্য কিছুর মতো দেখায়।

উত্তর:


11

পিক্সেল হরফগুলি যখন আপনি ঠিক নীচে চলে যান * ছোট মুদ্রণ ফন্টগুলির থেকে মারাত্মকভাবে আলাদা নয়। একটি বড় ব্যতিক্রম হ'ল আপনি জানেন যে পিক্সেল হরফ দিয়ে মিডিয়ামটি কী করবে - একটি খুব বড় সুবিধা।

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

কোথা থেকে শুরু

প্রতিটি ডিজাইনের সমস্যা একটি বাধা দিয়ে শুরু হয়। একটি ভাল ফন্টের সাথে এটি [সাধারণত] উদ্দেশ্যযুক্ত ব্যবহার। আপনার পিক্সেল হরফ কোথায় ফিট করতে হবে? আপনার গেমটি সহজেই পাঠ্যটি পড়ার দ্বারা উপকৃত হবে বা পাঠ্যটি কীভাবে দূরে থাকা প্রয়োজন এবং যখন প্রয়োজন হয় তখন কেবল "ডিসিফার" এ উপলব্ধ থাকে?

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

ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট্ট ছোট্ট ছোট্ট ছোট্ট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট্ট ছোট্ট ছোট্ট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট ছোট হাতের বাচ্চা

বিস্তারিত

এমনকি সেরা পিক্সেল ফন্টে আপনি কিছু লক্ষ্য করতে পারেন: আপনি কাছে গেলে এবং এগুলি বের করার চেষ্টা করার সময় এগুলি ভয়ঙ্কর দেখায়। এগুলি "অনুভূত" হতে বোঝায়, এটিই মস্তিস্কের নকশার ফাঁকগুলি পূর্ণ হয়। সুতরাং দুটি স্কোয়ার 45 ° এ সারিবদ্ধ হয়ে একটি তির্যক রেখায় পরিণত হয়। কখনও কখনও গ্রিডের একটি গর্ত দুটি পুরু স্ট্রোকের মধ্যে "পাতলা" লাইন হয়।

খুব দূরে থেকে নকশা করা : এটি পিক্সেল ফন্ট ডিজাইনারের চ্যালেঞ্জ। অন্য কথায়, আপনি হাস্যকরভাবে ঘনিষ্ঠ দূরত্বে আপনার আকারগুলি তৈরি এবং সংশোধন করেন যখন এটি স্বাভাবিক আকারের সাথে দেখা হলে এটি কেমন হবে considering

এই বিভ্রান্তিকর পরিস্থিতিতে কম্পিউটারটি আমাদের বন্ধু: কেবলমাত্র একটি দ্বিতীয় উইন্ডোটি 100% দর্শন সহ খোলা রাখুন যাতে আপনি দেখতে পারেন যে আপনার ডিজাইনটি কীভাবে সত্যি দেখছে। এই "রিয়েলিটি ভিউ" এর জন্য দ্বিতীয় মনিটর থাকার কারণে জিনিসগুলি আরও সুবিধাজনক হয়ে উঠেছে।

ছোট হাতের সংস্থান

যেহেতু আপনি 6 x 12 তে নিম্ন কেসটির প্রয়োজনীয়তার কথা উল্লেখ করেছেন ...

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

আমাকে ক্ষমা করুন, এটি একটি মোটামুটি উদাহরণ

প্রারম্ভিকদের জন্য, আমি আপনার উচ্চতা থেকে এক পিক্সেল টুকরো টুকরো করেছি। এই জাতীয় ছোট আকারে কাজ করা, আপনি লক্ষ্য করুন যে বিস্তৃত চরিত্রের শরীর থেকে সুগম্যতা উপকৃত হবে। ক্যাপগুলি কেবল ছোট হাতের চেয়ে সামান্য লম্বা হওয়া দরকার। 9px ভার্দানা একবার দেখুন, প্রশস্ত শরীর কীভাবে সুগম্যতা লাভ করতে পারে তা দেখতে।

শীর্ষস্থানীয় আরোহীদের সাথে ছোট ছোট অক্ষরগুলি প্রায়শই আরও ভালভাবে পড়তে হবে যদি তারা ক্যাপের উচ্চতা ( bআমার উদাহরণের মতো) এর চেয়ে সামান্য কিছুটা বাড়িয়ে দেয় । আমার উদাহরণটি এখনও 11px লম্বা শরীরে থাকতে পারে। এটি লম্বা ডিসেন্ডারদের দ্বারা স্বল্পতা কম প্রভাবিত হয় এই বিষয়টি দ্বারা সাহায্যপ্রাপ্ত: সেখানে কেবল কয়েক পিক্সেল করবে।

এমনকি এই বিধিনিষেধযুক্ত গ্রিডেও আপনি পুরোপুরি ক্ষয়ক্ষতির যোগ্যতা ছাড়াই শৈলীর কী সুন্দর ছোট স্পর্শ যোগ করতে পারেন তা দেখতে পাবেন।

বর্ধিত, আপনি দেখতে পাচ্ছেন যে কীভাবে অদ্ভুত জিনিসগুলি পাওয়া যায়

রেফারেন্সের জন্য এক্স-উচ্চতা এবং বডি হাইলাইট সহ:

এখানে চিত্র বর্ণনা লিখুন

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

অবশ্যই, আপনাকে চিঠি ব্যবধানের জন্য প্রয়োজনীয় অতিরিক্ত স্থানও ધ્યાનમાં নিতে হবে। আপনার অবশ্যই সেখানে খেলার জন্য খুব বেশি জায়গা নেই তবে এটি সুগঠনের একটি গুরুত্বপূর্ণ অঙ্গ।

মাস্টারদের দিকে তাকাও

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

পিক্সেল হরফ এক্সিলেন্সে একটি ক্লাসিক কেস স্টাডি হ'ল আন্ডারওয়্যারের ইউনিবিডি 8উপন্যাসটি খাড়া "ইটালিক" প্রক্রিয়াটিতে সম্পূর্ণ ফন্টের সাথে আপস না করে কোনও ইটালিক ফন্টের কোণ বোঝাতে 45 ​​° প্রান্তিককরণ ব্যবহার করে এর প্রভাব অর্জন করে।

প্রারম্ভিক ম্যাক ওএসে সুসান কারের সাথে এমিগ্রে ছিলেন অন্যতম আর একজন পথিকৃৎ ।

* পার্শ্ব দ্রষ্টব্য:
রেটিনা কীভাবে একটি প্রিন্ট ফন্ট ক্ষুদ্র আকারে অপ্রত্যাশিত হয়ে পড়ে তার একটি দুর্দান্ত উদাহরণ, আমি এটি পূর্বসূর বেল শতবর্ষী হিসাবে বিবেচনা করব ।

এইচ ও এফজে'র রেটিনা


আমি আসলে একটি ছোট মামলা চাই। আমি চাই 6x12 ফন্টটি কনসোলটিতে ব্যবহারযোগ্য হয়ে উঠুক।
জো জেড।

তবে হ্যাঁ, এটি খুব ভাল উত্তর, প্রচুর সংস্থান সহ আমি আরও নজর দিতে পারি। ধন্যবাদ.
জো জেড।

1
খুব সামান্য সংযোজন: একটি নতুন উইন্ডো (উইন্ডো মেনু> বিন্যাস> ডকনাম -১ এর জন্য নতুন উইন্ডো) তৈরি করে এবং তাদের মধ্যে একটিতে 100% জুম আকারে ছেড়ে দিয়ে সহজেই ফটোশপটিতে "আপ খুব কাছাকাছি এবং দূরে" অর্জন করা যায় is "পূর্বরূপ অনুলিপি"
21

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

1
যাইহোক, একটি স্ট্যান্ডার্ড পরীক্ষার শব্দ যা রোমান বর্ণমালার মূল আকারগুলির জন্য দায়বদ্ধ তা হ্যামবুর্গফন্টস । অনেক ধরনের ডিজাইনার দিয়ে শুরু করবো H, nএবং oঅপরিহার্য বৈশিষ্ট্য জন্য একটি অনুভূতি পেতে।
সমতলভূমি
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.