نيروز
09-02-2012, 09:25 PM
خطوط البكسل Pixel Fonts
من خلا ل تجارب المصممين وخصوصا مصصمي المواقع والواجهات لوحظ أن الخط يتشوهه (Blur) أو يفقد جاذبيته (Unattractive) إذا قمنا بتصغيره أو تصغير المساحة التي تحويه .... لحل هذه المشكلة تم ايجاد هذه النوع من الخطوط .... الهدف الرئيسي منها هو استخدامها في مساحات صغيرة مع المحافظة على الجاذبية والوضوح
وفي ما يلي الإعدادات اللازمة لإستخدام هذه الخطوط :
من أين أحصل على مثل هذه الخطوط
توجد عدة مواقع على الإنترنت تقدم هذه الخطوط ولكن مقابل المال .... هناك البعض يقدمها مجانا ومنها :
http://www.minifonts.com/ (http://www.minifonts.com/)
http://www.iamcal.com/misc/fonts/ (http://www.iamcal.com/misc/fonts/)
http://www.dafont.com/ (http://www.dafont.com/)
http://www.highfonts.com/ (http://www.highfonts.com/)
http://kottke.org/plus/type/silkscreen/index.html (http://kottke.org/plus/type/silkscreen/index.html)
طريقة التثبيت
طريقة التثبيت هي نفس طريقة تثبيت الخطوط العادية .... أي مجرد اللصق Paste في مجلد الخطوط على المسار الإفتراضي C:\WINDOWS\Fonts ويمكن إستبدال C: بحرف الدرايف الذي به الويندوز مثلا D: أو E: وهكذا
خطوط البكسل والفوتوشوب
عند استخدام هذه الخطوط ضمن الفوتوشوب يجب مراعاة التالي :
أولاً : درجة وضوح العمل Resolution لا بد أن تكون
72dpi
http://files4.w-enter.com/userfiles/aneen/Lessons/the-silent/PixelFonts/12-16-06%7Ep1.jpg
ثانياً : حجم الخط : بعض الخطوط عندما تحملها ياتي معها ملف Readme.txt به معلومات عن الخط والحجم لإفتراضي غير أن جلها (أكثرها) يمكن معرفة الحجم من إسمها ..... سنأخذ مثال:
إسم الخط : Silkscreen هذا الخط لا بد أن يستخدم بحجم 10 بكسل أو مضاعفاتها 20-30-40-..... (تأكد دائما أن وحدة القياس هي البكسل أي 10px وليست البوينت pt)
ملاحظة : لتغيير إعدادات الخط من البوينت إلى البكسل لا حظ الصور
http://files4.w-enter.com/userfiles/aneen/Lessons/the-silent/PixelFonts/12-16-06%7E33.gif
http://files4.w-enter.com/userfiles/aneen/Lessons/the-silent/PixelFonts/12-16-06%7Ep2.jpg
ثالثا : إعدادات الكتابة كما بالصور:
http://files4.w-enter.com/userfiles/aneen/Lessons/the-silent/PixelFonts/0.9686601166874125
النهـاية
وفي النهاية أرجو أن يكون موضوعي قد نال إعجابكم
من خلا ل تجارب المصممين وخصوصا مصصمي المواقع والواجهات لوحظ أن الخط يتشوهه (Blur) أو يفقد جاذبيته (Unattractive) إذا قمنا بتصغيره أو تصغير المساحة التي تحويه .... لحل هذه المشكلة تم ايجاد هذه النوع من الخطوط .... الهدف الرئيسي منها هو استخدامها في مساحات صغيرة مع المحافظة على الجاذبية والوضوح
وفي ما يلي الإعدادات اللازمة لإستخدام هذه الخطوط :
من أين أحصل على مثل هذه الخطوط
توجد عدة مواقع على الإنترنت تقدم هذه الخطوط ولكن مقابل المال .... هناك البعض يقدمها مجانا ومنها :
http://www.minifonts.com/ (http://www.minifonts.com/)
http://www.iamcal.com/misc/fonts/ (http://www.iamcal.com/misc/fonts/)
http://www.dafont.com/ (http://www.dafont.com/)
http://www.highfonts.com/ (http://www.highfonts.com/)
http://kottke.org/plus/type/silkscreen/index.html (http://kottke.org/plus/type/silkscreen/index.html)
طريقة التثبيت
طريقة التثبيت هي نفس طريقة تثبيت الخطوط العادية .... أي مجرد اللصق Paste في مجلد الخطوط على المسار الإفتراضي C:\WINDOWS\Fonts ويمكن إستبدال C: بحرف الدرايف الذي به الويندوز مثلا D: أو E: وهكذا
خطوط البكسل والفوتوشوب
عند استخدام هذه الخطوط ضمن الفوتوشوب يجب مراعاة التالي :
أولاً : درجة وضوح العمل Resolution لا بد أن تكون
72dpi
http://files4.w-enter.com/userfiles/aneen/Lessons/the-silent/PixelFonts/12-16-06%7Ep1.jpg
ثانياً : حجم الخط : بعض الخطوط عندما تحملها ياتي معها ملف Readme.txt به معلومات عن الخط والحجم لإفتراضي غير أن جلها (أكثرها) يمكن معرفة الحجم من إسمها ..... سنأخذ مثال:
إسم الخط : Silkscreen هذا الخط لا بد أن يستخدم بحجم 10 بكسل أو مضاعفاتها 20-30-40-..... (تأكد دائما أن وحدة القياس هي البكسل أي 10px وليست البوينت pt)
ملاحظة : لتغيير إعدادات الخط من البوينت إلى البكسل لا حظ الصور
http://files4.w-enter.com/userfiles/aneen/Lessons/the-silent/PixelFonts/12-16-06%7E33.gif
http://files4.w-enter.com/userfiles/aneen/Lessons/the-silent/PixelFonts/12-16-06%7Ep2.jpg
ثالثا : إعدادات الكتابة كما بالصور:
http://files4.w-enter.com/userfiles/aneen/Lessons/the-silent/PixelFonts/0.9686601166874125
النهـاية
وفي النهاية أرجو أن يكون موضوعي قد نال إعجابكم