[ مدرسة تعليم الفوتوشوب ] الدّرس الثاني :- القياسات في التصميم، أنواع الصور وخصائصها، وأشياءٌ أخرى ~

[Hope Tear]

http://i.imgur.com/tGQiMaL.gif (http://www.msoms-anime.net/t184730.html)

http://i.imgur.com/yE8HYUH.png

أهلاً بكم من جديد وفي الدرس الثاني من مدرسة تعليم الفوتوشوب :]
كيف هيَ الهمة ؟ درس اليوم دسم جداً جداً ويحتاج إلى فهم وحفظ في آنٍ واحد
كما يمكنكم اعتباره الأهم في هذه المرحلة لكونه يحوي أسساً عالمية لابد من معرفتها قبل التصميم
لذا أبقوا أذهانكم يقظة وأي استفسار لا تترددوا ^.^

http://i.imgur.com/qebcfUV.png

برامج التصميم المختلفة تستخدم وحدات قياس متعددة من أجل معرفة المساحة الفعلية التي سيكون عليها التصميم المطلوب،
وعادة ما تستخدم هذه البرامج وحدات مختلفة للقياس مثل (بيكسل، بوينت، مليمتر، سنتيمتر، إنش، ... إلخ) وهي ما سنشرحها في السطور القادمة،
وفي البداية يجدر ذكر أنواع الصفحات (المساحة التي سيتم عليها تنفيذ التصميم) في برامج التصميم من حيث قياس كل صفحة، وهي موضحة في الجدول التالي :

http://i.imgur.com/zOl0ycW.jpg

http://i.imgur.com/2JGpLnC.png

1. Pixel : وكل 118 بيكسل تساوي 1 سم، وهي أصغر نقطة في التصميم.
2. Point : وكل 28.346 بوينت تساوي 1 سم.
3. Inch : وكل 1 إنش يساوي 2.54 سم.
4. Millimeter : وكل 10 ملم تساوي 1 سم.
5. Centimeter : وكل 100 سم تساوي 1 متر.

http://i.imgur.com/bB0GDMY.png

أوراق القرطاسية (Stationary)

http://i.imgur.com/mhnZec9.jpg


http://i.imgur.com/8qOQY9c.jpg

http://i.imgur.com/UhXfFMA.jpg

http://i.imgur.com/L14CrWa.jpg


1. بطاقة الأعمال (Business Card) : يكون قياسها عادة 9x5 سم.
وهي بطاقة تعريف بشركة معينة أو شخص معين، يكون اتجاه التصميم في الغالب أفقي (Landscape)،
ولكن من الممكن تصميمها بشكل عامودي (Portrait)، وعادةً ما تحتوي على المعلومات التالية :
شعار الشركة، اسم الشخص أو الشركة، المسمى الوظيفي، مثل (مهندس، مصمم، طبيب عام، محامي، مدير عام، ... إلخ)،
رقم التلفون، العنوان، صندوق البريد، البريد الالكتروني (E-mail)، موقع الانترنت (Website).

http://i.imgur.com/05iOY7l.jpg

http://i.imgur.com/OKcB3tf.jpg

2. ورق مروّس (Letterhead) : نفس قياس الـ A4 وهو (29.7x21 سم)، وفي بعض الأحيان (A3).
وهو ورق خاص بالشركات للمعاملات الرسمية، وتحتوي هذه الورقة على معلومات الشركة (رقم الهاتف، البريد، العنوان)
بشكل تكون هذه المعلومات إما في رأس الصفحة أو في ذيلها، مع أهمية وجود شعار الشركة في رأس الصفحة.

http://i.imgur.com/A6Gsd43.jpg

http://i.imgur.com/nomuCsR.png

المنشورات الإعلانية والتعريفية

1. بوستر (Poster) : يمكن أن يكون أصغر قياس للبوستر هو (A5).
البوستر هو أداة إعلانية وإعلامية في الغالب، ويمكن استخدامها في الديكور والتزيين في بعض الأحيان،
وهو متعدد الأحجام والأهداف، ويعتبر أسرع مادة إعلانية مطبوعة لنقل الأفكار إلى الجمهور.
وأهم العناصر التي يجب أن يحتويها هي :
أ. صورة (Visual)
ب. تعليق بسيط على الصورة (Caption)
ج. عنوان (Headline)
د. نص الإعلان (Copy)
ه. معلومات الاتصال والعنوان (التوقيع)

http://i.imgur.com/13JChdv.png http://i.imgur.com/m75Azl4.jpg

http://i.imgur.com/rnz0Gnw.png http://i.imgur.com/lgBZtrE.jpg

2. بروشور (Brochure) : متعدد القياسات. ونماذجه كالتالي :
http://i.imgur.com/RoxEFAG.gif
وهو عبارة عن نشرة إعلانية تتكون من طوي صفحة التصميم إلى عدة طويات بهدف عرض أكبر كمية من المعلومات،
وفي هذه النقطة يختلف البروشور عن البوستر بأنه قد يحتوي على شرح مفصّل
عن منتج أو شركة معينة بالإضافة إلى استخدام الصور والأشكال المختلفة.

http://i.imgur.com/isHOoRC.jpg

ولكن هذا لا يعني أنه يجب على المصمم الالتزام الصارم بهذه القياسات،
ففي بعض الأحيان من الجميل الخروج عن المألوف،
فالتصميم هو عالم الخروج عن المألوف وكسر المعتاد، وإنتاج ما هو جديد.

http://i.imgur.com/yIoYSXP.png

كل تصميم أو صورة في الكمبيوتر يجب أن تكون على هيئة التنسيقات التالية،
وفيما يلي سنتعرف على أهم التنسيقات الخاصة بالمطبوعات وتلك الخاصة بالانترنت :


النوع

خصائصه

الأيقونة



PSD
Photoshop Document
هو النسق الأساسي في برنامج الفوتوشوب، حيث أن هذا النسق يحفظ العمل مع جميع الطبقات والشرائح الموجودة فيه لذا يمكن في حالة رغبتك في عمل بعض التغيرات على العمل فهذا النسق يعتبر النسق المثالي.
http://i.imgur.com/2WD8Fx1.png


BMP
Bit-map Pixel
هذا النسق من إنتاج شركة مايكروسوفت وهو خاص بنظام ويندوز، ويدعم الكمبيوتر هذا النسق بألوان تصل إلى 16 مليون لون ويمكنك استخدام نظام الضغط الغير فقداني وهو نظام ضغط للملفات التي بهذا النسق حيث يقوم بالمساعدة على توفير المساحة في القرص دون التضحية بأية بيانات، ولكن هذا التنسيق يقوم بتبطيء عمليات الفتح والحفظ.
http://i.imgur.com/w3sw0fu.png


GIF
Graphics Interchange Format
يمكنك التعامل فقط مع 256 لوناً فقط من خلال هذا النسق وتسمى هذه الألوان بالألوان المفهرسة، كما أن هذا النسق لا يأخذ حيزاً كبيراً من الذاكرة؛ لذا شاع استخدامه في الإنترنت لما له من حجم صغير وسرعة في التحميل.
http://i.imgur.com/wk3cfgK.png


EPS
Encapsulated PostScript
وهي من الصيغ المقبولة بصورة كبيرة بين العديد من برامج الرسومات وبرامج النشر المكتبي، كما أنها تستخدم على نطاق واسع في كل من ويندوز وماكنتوش، وقد تم إنشاء هذه الصيغة للوفاء بمتطلبات الصور الرسومية (illustrations)، فإذا كنت تحتاج إلى إدراج الصورة في برنامج للنشر المكتبي كبرنامج كوارك إكسبرس أو أدوبي إليسترايتور أو ربما أدوبي بيج ميكر فاستخدم هذا النسق.
http://i.imgur.com/sysL8j9.png


JPEG (JPG)
Joint Photographic Experts Group

يشيع استخدام هذا النسق لضغط الصور قبل نشرها على الانترنت وهو نسق فاقد للبيانات حيث أنه يؤدي إلى حذف بعض بيانات الصورة أثناء الضغط، وعادة لا يتم ملاحظة ما تم فقده من بيانات.
كما أن هذا النسق يعتبر من التنسيقات ذات المساحة التخزينية الصغيرة لذا يعتمده بعض مصممين المواقع لما له من جودة عالية وصغر حجم المساحة التخزينية.
http://i.imgur.com/QQaJHcY.png


AI
Adobe Illustrator

هو النسق الأساسي في برنامج الإليستوريتور (Adobe Illustrator)، حيث أنه يمكنك التعديل عليه في وقت لاحق، ويعتبر من نوع (Vector).
http://www.fileinfo.com/images/icons/files/128/ai-2.png



CDR
CorelDraw

هو النسق الأساسي في برنامج كورال درو (CorelDraw)، ويمكن التعديل عليه في وقت لاحق، ويعتبر من نوع
(Vector).
http://i.imgur.com/kdsii3e.png


PCX
PaintBrush

رغم أن هذا النسق بدأ بفقدان التأييد إلا أنه لاتزال الكثير من الصور تستخدم هذا النسق، كما أن الفوتوشوب مثلاً يدعم هذا النسق بألوان تصل إلى 16 مليون لون، كما أنه يوصى بعدم استخدام هذا النسق إلا بطلب من شخص ما.
http://i.imgur.com/nl9P4Nq.png


PDF
Portable Document Format

يعتبر شكلاً مختلفاً في لغة الطباعة حيث أنه ملائم لبرامج النشر المكتبي كبرنامج بيج ميكر وكوارك إكسبرس، وإرسال عملك بهذا النسق لا يجعلك قلقاً على فرز الألوان.
http://i.imgur.com/Z7iRprZ.png


PICT
Macintosh OS Format

يعد من أكثر التنسيقات شيوعاً على أجهزة الماكنتوش وتستطيع الكثير من برامج الوسائط المتعددة مثل (Macromedia Flash) بالإضافة إلى برامج الرسومات ثلاثية الأبعاد أن تستورد ملفات بهذا النسق.
http://i.imgur.com/x6frP9Q.png



PNG
Portable Network Graphics

هو نسق جديد لحفظ الملفات وقد تم تصميمه خصيصاً لضغط الصور التي سيتم نشرها عبر الإنترنت، ويتوقع الكثير من الخبراء أن يحل هذا النسق محل النسق (GIF) حيث أن صور هذا النسق يمكن أن يحتوي على أكثر من 256 لوناً، كما أن هذا النسق يحتفظ بجميع الألوان وأقنية ألفا الخاصة بها، الأمر الذي يسمح بدمج حواف الصور مع خلفيات صفحات الإنترنت.
http://i.imgur.com/UiGdTN9.png



SCT
Scitex Continuous Tone

يعد هذا النسق الأفضل بالنسبة للمطابع التجارية التي تستخدم أجهزة الطبع سايتكس، وذلك لفرز ألوان الصور، كما أن هذا النسق لا يحفظ أقنية ألفا المتضمنة في بعض الصور.
http://i.imgur.com/0mkQ2kB.png


TGA
Targa

يسمح لك هذا النسق بأن تغطي رسومات الكمبيوتر بصورة حية ويسمى بالمفتاح اللوني لأنه يتم وضع مفتاح اللون جانباً لكي يسمح للعرض الحي من خلاله، وقد قامت شركة (True Vision) بتصميم هذا النسق لدعم الصور ذات الـ 32 بت التي تحتوي على قنوات ألفا وقادرة على عرض الصور الحية.
http://i.imgur.com/fLwAuZf.png


TIF
Tagged Image File

قامت شركة ألدوس والتي اشترتها شركة أدوبي بتطوير هذا النسق من أجل توحيد مقاييس الصور الممسوحة، وهو نسق يتم استخدامه في معظم برامج النشر المكتبي كبرنامج كوارك إكسبرس.
http://i.imgur.com/l8oDAqj.png



http://i.imgur.com/nomuCsR.png

أعلم بأن الدرس كان دسماً للغاية، لكنه مهم لذلك تحمّلوه :3
وترقّبونا مع المزيد والمزيد في الدروس القادمة بإذن الله ()

http://i.imgur.com/CGTDQDR.png

http://i.imgur.com/tGQiMaL.gif (http://www.msoms-anime.net/t184730.html)

[S O L I D]

وعليكم السلام ورحمة الله وبركاته ~
يا أهلا وسهلا =)

الدرس فعلا دسِم (Y) ~> الفيس الأكثر استعمالا من صاحبة الدرس xD
وشخصيا أفادني كثيرا وبالتحديد الفقرة الثالثة " قياس بعض أكثر التصاميم استخداما " وقد كنتُ
أعرف فقط قياس بطاقات العمل (9x5 cm ) , والآن صرت على دراية بكل قياسات المنشورات والمطبوعات
الأخرى , والنماذج جدا جميلة 3> + أعتقد أن الاسم العربي لـ البروشور هو " المطوية " !

وأيضا استفدت من الفقرة الرابعة التي تُعنى بأنوع الصور وأنساقها كنت أعرف فقط الـ PSD و GIF و PNG :$
اندهشت من كثرة الأنساق والامتدادات ! وأيضا يبدو من الشرح أن صيغة الـ PNG هي الأفضل
في حفظ الصور , وكذا لاحظت شيء وهو أن المنتدى يدعم الرمزيات ذات الصيغة GIF فقذ أما الرمزيات
ذات الصيغ الخرى فجودتها تقلّ بشكل ملحوظ عند اعتمادها :/

أمّا الفقرة الأولى فقد درستُ فحواها منذ سنوات في الثانوية في مادة الهندسة الميكيانكية وكانت تذكرة مفيدة لي icon180
صراحة درس مفيد وقيّم ومن شأنه أن يثري معلوماتنا الفوتوشوبية والجرافيكسية عموما !
وافر الشكر والعرفان والتقدير لهذا المجهود الطيب في إعداد الدرس =)
بالتوفيق دائما ~

[[ اللــيـــث ]]

وعليكم السلام ورحمة الله وبركاته

تبارك الرحمن :) .. درس جميل وثقيل مليء بالمعلومات الله يجزاكِ الخير ..

لا أحب النقاش في الدروس النظرية ^^" لذلك إعذري مروري الهافت .. وجزاكم الله خير

فــي آمــان الله

[!Pink Lotus]

وعليكم السلام ورحمة الله وبركاته ()
يعطيكِ العافية تيرو حبيبتي :"(
وإن شاء الله يستفيد الجميع من الدّرس :*
وجزيل الشكر لجميع من مرّ ومن سيمر :")

-تم تنزيل الدّرس في المُدونة- :)
.

[Miaka Yuki]

وعليكم السلام ورحمة الله وبركاته
بعطيك العافيه تيرو ()
الموضوع مليء بمعلومات مهمة ❤️
جزُيت خيراicon26

[Hope Tear]

Solid.Gx (http://www.msoms-anime.net/u1184093.html)
أهلاً بك :]
يب يب، يُعتبر الأدسم من دروس المرحلة الأولى ^^
سعيدة جداً أن استفدتَ كل هذا مما قدمت هنا :3
ونأمل الاستزاد من القادم بإذن الله ..
الشكر لحضورك، نحتاج دعمكم للاستمرار فلا تقطعونا
أسعدك الله =)

[ اللــيـــث ] (http://www.msoms-anime.net/u1148658.html)
يب ^^ وإياك خير الجزاء ياا رب ..
لا بأس عليك فالموضوع لا يحتاج نقاش
المهم الاستفادة =)
شكراً لحضورك، أسعدك الرحمن ..

!Pink Lotus (http://www.msoms-anime.net/u1256477.html)
يعافي قلبك بينكوو :*
إن شاء الله ..
يعطيكِ العافية كمان
ربي يسعدك ()

Miaka Yuki (http://www.msoms-anime.net/u1150729.html)
يعافي قلبك حب :*
وإياكِ خير الجزاء ..
شكراً لحضورك أسعدك الرحمن ()

[Badr]

درس مهم وجميل..يعطيك العافية هوب
:)

[جاك المظلم]

يعطيك العافية أختي مجهود جبار في الشرح
واستفدت للغاية من الشرح تاعك

[Hope Tear]

Badr (http://www.msoms-anime.net/u1221162.html)
الله يعافيك ..
وشكراً لحضورك =)

جاك المظلم (http://www.msoms-anime.net/u1261938.html)
الله يعافيك ..
سعيدة لمعرفة ذلك ^^
شكراً لحضورك ..

[mosalah91]

ممتاز جدا وهذا الموضوع ايضا به دسامة معلوماتيه رائعه