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

http://i.imgur.com/tGQiMaL.gif

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

كل تصميم أو صورة في الكمبيوتر يجب أن تكون على هيئة التنسيقات التالية،
وفيما يلي سنتعرف على أهم التنسيقات الخاصة بالمطبوعات وتلك الخاصة بالانترنت :
[TABLE="class: grid, width: 500, align: center"]
[TR]
[TD]النوع
[/TD]
[TD]خصائصه
[/TD]
[TD]الأيقونة
[/TD]
[/TR]
[TR]
[TD]PSD
Photoshop Document[/TD]
[TD]هو النسق الأساسي في برنامج الفوتوشوب، حيث أن هذا النسق يحفظ العمل مع جميع الطبقات والشرائح الموجودة فيه لذا يمكن في حالة رغبتك في عمل بعض التغيرات على العمل فهذا النسق يعتبر النسق المثالي.[/TD]
[TD]http://i.imgur.com/2WD8Fx1.png[/TD]
[/TR]
[TR]
[TD]BMP
Bit-map Pixel[/TD]
[TD]هذا النسق من إنتاج شركة مايكروسوفت وهو خاص بنظام ويندوز، ويدعم الكمبيوتر هذا النسق بألوان تصل إلى 16 مليون لون ويمكنك استخدام نظام الضغط الغير فقداني وهو نظام ضغط للملفات التي بهذا النسق حيث يقوم بالمساعدة على توفير المساحة في القرص دون التضحية بأية بيانات، ولكن هذا التنسيق يقوم بتبطيء عمليات الفتح والحفظ.[/TD]
[TD]http://i.imgur.com/w3sw0fu.png[/TD]
[/TR]
[TR]
[TD]GIF
Graphics Interchange Format[/TD]
[TD]يمكنك التعامل فقط مع 256 لوناً فقط من خلال هذا النسق وتسمى هذه الألوان بالألوان المفهرسة، كما أن هذا النسق لا يأخذ حيزاً كبيراً من الذاكرة؛ لذا شاع استخدامه في الإنترنت لما له من حجم صغير وسرعة في التحميل.[/TD]
[TD]http://i.imgur.com/wk3cfgK.png[/TD]
[/TR]
[TR]
[TD]EPS
Encapsulated PostScript[/TD]
[TD]وهي من الصيغ المقبولة بصورة كبيرة بين العديد من برامج الرسومات وبرامج النشر المكتبي، كما أنها تستخدم على نطاق واسع في كل من ويندوز وماكنتوش، وقد تم إنشاء هذه الصيغة للوفاء بمتطلبات الصور الرسومية (illustrations)، فإذا كنت تحتاج إلى إدراج الصورة في برنامج للنشر المكتبي كبرنامج كوارك إكسبرس أو أدوبي إليسترايتور أو ربما أدوبي بيج ميكر فاستخدم هذا النسق.[/TD]
[TD]http://i.imgur.com/sysL8j9.png [/TD]
[/TR]
[TR]
[TD]JPEG (JPG)
Joint Photographic Experts Group
[/TD]
[TD]يشيع استخدام هذا النسق لضغط الصور قبل نشرها على الانترنت وهو نسق فاقد للبيانات حيث أنه يؤدي إلى حذف بعض بيانات الصورة أثناء الضغط، وعادة لا يتم ملاحظة ما تم فقده من بيانات.
كما أن هذا النسق يعتبر من التنسيقات ذات المساحة التخزينية الصغيرة لذا يعتمده بعض مصممين المواقع لما له من جودة عالية وصغر حجم المساحة التخزينية.[/TD]
[TD]http://i.imgur.com/QQaJHcY.png[/TD]
[/TR]
[TR]
[TD]AI
Adobe Illustrator
[/TD]
[TD]هو النسق الأساسي في برنامج الإليستوريتور (Adobe Illustrator)، حيث أنه يمكنك التعديل عليه في وقت لاحق، ويعتبر من نوع (Vector).[/TD]
[TD]http://www.fileinfo.com/images/icons/files/128/ai-2.png
[/TD]
[/TR]
[TR]
[TD]CDR
CorelDraw
[/TD]
[TD]هو النسق الأساسي في برنامج كورال درو (CorelDraw)، ويمكن التعديل عليه في وقت لاحق، ويعتبر من نوع
(Vector).[/TD]
[TD]http://i.imgur.com/kdsii3e.png [/TD]
[/TR]
[TR]
[TD]PCX
PaintBrush
[/TD]
[TD]رغم أن هذا النسق بدأ بفقدان التأييد إلا أنه لاتزال الكثير من الصور تستخدم هذا النسق، كما أن الفوتوشوب مثلاً يدعم هذا النسق بألوان تصل إلى 16 مليون لون، كما أنه يوصى بعدم استخدام هذا النسق إلا بطلب من شخص ما.[/TD]
[TD]http://i.imgur.com/nl9P4Nq.png [/TD]
[/TR]
[TR]
[TD]PDF
Portable Document Format
[/TD]
[TD]يعتبر شكلاً مختلفاً في لغة الطباعة حيث أنه ملائم لبرامج النشر المكتبي كبرنامج بيج ميكر وكوارك إكسبرس، وإرسال عملك بهذا النسق لا يجعلك قلقاً على فرز الألوان.[/TD]
[TD]http://i.imgur.com/Z7iRprZ.png[/TD]
[/TR]
[TR]
[TD]PICT
Macintosh OS Format
[/TD]
[TD]يعد من أكثر التنسيقات شيوعاً على أجهزة الماكنتوش وتستطيع الكثير من برامج الوسائط المتعددة مثل (Macromedia Flash) بالإضافة إلى برامج الرسومات ثلاثية الأبعاد أن تستورد ملفات بهذا النسق.[/TD]
[TD]http://i.imgur.com/x6frP9Q.png
[/TD]
[/TR]
[TR]
[TD]PNG
Portable Network Graphics
[/TD]
[TD]هو نسق جديد لحفظ الملفات وقد تم تصميمه خصيصاً لضغط الصور التي سيتم نشرها عبر الإنترنت، ويتوقع الكثير من الخبراء أن يحل هذا النسق محل النسق (GIF) حيث أن صور هذا النسق يمكن أن يحتوي على أكثر من 256 لوناً، كما أن هذا النسق يحتفظ بجميع الألوان وأقنية ألفا الخاصة بها، الأمر الذي يسمح بدمج حواف الصور مع خلفيات صفحات الإنترنت.[/TD]
[TD]http://i.imgur.com/UiGdTN9.png
[/TD]
[/TR]
[TR]
[TD]SCT
Scitex Continuous Tone
[/TD]
[TD]يعد هذا النسق الأفضل بالنسبة للمطابع التجارية التي تستخدم أجهزة الطبع سايتكس، وذلك لفرز ألوان الصور، كما أن هذا النسق لا يحفظ أقنية ألفا المتضمنة في بعض الصور.[/TD]
[TD]http://i.imgur.com/0mkQ2kB.png [/TD]
[/TR]
[TR]
[TD]TGA
Targa
[/TD]
[TD]يسمح لك هذا النسق بأن تغطي رسومات الكمبيوتر بصورة حية ويسمى بالمفتاح اللوني لأنه يتم وضع مفتاح اللون جانباً لكي يسمح للعرض الحي من خلاله، وقد قامت شركة (True Vision) بتصميم هذا النسق لدعم الصور ذات الـ 32 بت التي تحتوي على قنوات ألفا وقادرة على عرض الصور الحية.[/TD]
[TD]http://i.imgur.com/fLwAuZf.png [/TD]
[/TR]
[TR]
[TD]TIF
Tagged Image File
[/TD]
[TD]قامت شركة ألدوس والتي اشترتها شركة أدوبي بتطوير هذا النسق من أجل توحيد مقاييس الصور الممسوحة، وهو نسق يتم استخدامه في معظم برامج النشر المكتبي كبرنامج كوارك إكسبرس.[/TD]
[TD]http://i.imgur.com/l8oDAqj.png [/TD]
[/TR]
[/TABLE]

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

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

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

http://i.imgur.com/tGQiMaL.gif

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

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

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

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

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

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

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

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

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

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

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

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

[ اللــيـــث ]
يب ^^ وإياك خير الجزاء ياا رب ..
لا بأس عليك فالموضوع لا يحتاج نقاش
المهم الاستفادة =)
شكراً لحضورك، أسعدك الرحمن ..

!Pink Lotus
يعافي قلبك بينكوو :*
إن شاء الله ..
يعطيكِ العافية كمان
ربي يسعدك ()

Miaka Yuki
يعافي قلبك حب :*
وإياكِ خير الجزاء ..
شكراً لحضورك أسعدك الرحمن ()

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

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

Badr
الله يعافيك ..
وشكراً لحضورك =)

جاك المظلم
الله يعافيك ..
سعيدة لمعرفة ذلك ^^
شكراً لحضورك ..

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