6- الألوان و دلالتها :

يظهر الشكل التالي عجلة الألوان مقسمة إلى الألوان الساخنة في الجزء الأيمن و الألوان الباردة في الجزء الأيسر بما يحاكي الألوان في الطبيعة :

http://i39.servimg.com/u/f39/18/79/45/57/118.jpg

كما يظهر الشكل التالي أسماء الألوان البينية و المشتقة في عجلة الألوان :

http://i39.servimg.com/u/f39/18/79/45/57/119.jpg

تنحصر الألوان الأساسية لدينا في 3 ألوان و هم : الأحمر و الأزرق و الأصفر

و من امتزاج الألوان الأساسية نحصل على ما يسمى بالألوان الثانوية أو الفرعية

http://i39.servimg.com/u/f39/18/79/45/57/120.jpg

و حينما تمتزج الألوان الفرعية يتكون لدينا ما يسمى بالألوان الوسطية

http://i39.servimg.com/u/f39/18/79/45/57/121.jpg

هناك ثلاث معايير لقياس اللون :

1/ التدرج Hue : و هو التدرج في سلم الألوان من اللون الأحمر إلى اللون البنفسجي.

2/ التشبع Saturation : و هو كمية تشبع اللون بكثافة معينة ، فمثلا 100% من الأحمر هو أحمر صافي متشبع ، و تقل درجة الصفاء و التشبع بانخفاض نسبة كثافة اللون.

3/ القيمة Value : و هي كمية الضوء في اللون ، فهناك الألوان الفاتحة و الألوان القاتمة.

يتم التعامل مع الألوان في برامج التصميم و الويب ايديتور من قبل المصممين و المبرمجين باستخدام أكواد Hexadecimal و التي تبدأ من 0 إلى 9 و تستخدم الحروف الإنجليزية من F إلى A و فيما يلي صور لوضيح القيم اللونية في البرنامج :

http://i39.servimg.com/u/f39/18/79/45/57/122.jpg

و هناك صور جاهزة على الانترنت توضح القيم اللونية للألوان و كذلك أسماؤها لمن يريد التعامل بالقيم المباشرة

http://i39.servimg.com/u/f39/18/79/45/57/123.jpg

قياسات الألوان :

هناك عدة نظم للألوان المستخددمة في التصميم سنتناول منها أهم نظامين مستخدمين في الطباعة و تصميمات الويب :

CMYK) Cyan, Magenta, Yellow, Black) : و يستخدم هذا النظام في الطباعة و شدة اللون في هذا النظام 4 بايت.

http://i39.servimg.com/u/f39/18/79/45/57/124.jpg

نموذج يوضح فصل القنوات اللونية في نظام CMYC

http://i39.servimg.com/u/f39/18/79/45/57/125.jpg

RGB) Red, Green, Bleu) : و هو النظام المستخدم في شاشات العرض المرئي

http://i39.servimg.com/u/f39/18/79/45/57/126.jpg

الدلالات النفسية للألوان :

إن فلسفة اللون تتأسس من خلال الوعي الفلسفي للفنان ، و أعتقد أن كل فنان حقيقي له وعيه الفلسفي الخارج عن المنطق الوضعي

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

اللون الأصفر : هو لون الذكاء و التنبيه الذهني ، و يساعد على التفكير السريع ، هو جيد لتوضيح الفكر المرتبك ، يساعد لعلاج التشويش ، و لكن يجب استعماله بحذر ، لأنه من الممكن أن يسبب التعب و الاكتئاب ، كذلك هناك بعض الأشخاص ممن يتضررون بشدة من استعمال اللون الأصفر مثل من يعانون من متلازمة اسبرجر.
و الأصفر الصارخ يدل على الجمال و التألق و الحيوية

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

اللون الأحمر : يتميز بإشعاع غزير ، و عندما يوضع تجاه خلفية بيضاء فإن هذا الإشعاع يبدو معتما و يظهر دافئا مطفيا ، بينما يبدي كل قوته الخفية حينما يوضع تجاه خلفية سوداء.

مع خلفية بيضاء يبدو معتما و دافئا ، و تظهر قوته الخفية مع الخلفية السوداء

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

اللون الأزرق : هو اللون الوحيد الذي يغمر سطح الأرض و يعطي الشعور بالعمق ، و هو الذي يحدد الأبعاد ، و هو أيضا لون قابل للتأثر سلبي بارد ، يمتاز بتخفيف التوتر و العصبية عند الإنسان.
و الأزرق في السماء سمو و عمق ، و في المياة برودة و ارتواء ، و في الغيوم خير و أمل ، و هو يبعث على الهدوء و التفاؤل.

يزداد هذا اللون عمقا و شفافية و إضاءة مع المساحات السوداء ، بينما يكون مظلما نوعا ما مع الخلفيات البيضاء

اللون البرتقالي : يشتمل على تألق الأصفر مع دفء الأحمر ، و هو همزة وصل بين الألون الباردة و الساخنة ، لذلك يلعب دورا حيويا في إيحاد التوافقات اللونية الهامة.
و تزداد سخونته عندما يقع وسط الألوان الباردة ، و يقل سطوعه وسط الألوان الملتهبة

و هو يفقد خصائصه و يصير لونا باهتا عندما يضعف تركيزه ، كما يتحول إلى بني ميت عندما يستعمل الأسود في تدرجه ـ فاللون البرتقالي يثير الإحساسات المتعددة ، ففي الشمس يبعث الدفء ، و في النيران و الحرائق يثر الفزع ، أما في الفواكه فيرمز إلى النضج و يثير الشبهة ، و في إشارة المرورة يشير إلى الأإستعداد و التأهب.

اللون البنفسجي : يعتبر أقل الألوان سطوعا على الإطلاق.

و هذا اللون دليل على الغوض و الميوعة و التردد في اتخاذ القرارات ، فهو يثير الخيال ، و يدعو إلى العاطفة الهادئة

اللون الأخضر : هو اللون الوحيد الذي إذا طغى على كل الألوان الأخرى فإن الإنسان لا يحس بأي ضيق أو ملل ، فهو يهديء ضربات القلب

اللون الأبيض : هو أكثر الألوان سطوعا ، و هو قادر على خفض تألق أي لون ، و لا يتأثر بأي لون آخر ، و هو قمة الصفاء و النقاء و الوضوح ، يطمئن النفوس و يسكن القلب ، و يبعث على التفاؤل و السرور.

اللون الأسود : يدل على الكسوف و الخزي و الحزن ، فهو يبعث على التشاؤم ، و لكنه في عالم الأزياء ملك السهرات

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

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

7-أنواع الصور و امتداداتها :

يتم التعامل في برامج التصميم مع أنواع و تنسيقات عدة للصور و إليكم موجز لتلك التنسيقات :

PSD PhotoShop Document : هو النسق الأساسي في برنامج الفوتوشوب ، حيث أن هذا النسق يحفظ العمل مع جميع الطبقات و الشرائح الموجودة فيه لذا يمكن في حالة رغبتك التعديل على العمل ، فهذا النسق يعتبر النسق المثالي لذلك.

http://4.bp.blogspot.com/-O2tUG9LAdw...toshop+psd.png

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

http://images.downloadastro.com/exte...mp_128_128.png

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

http://www.traidnt.net/Portal/images...les/757/20.gif

EPS Encapsulated PostScript : و هي من الصيغ المقبولة بصورة كبيرة بين العديد من برامج الرسومات برامج النشر المكتبي ، كما أنها تستخدم على نطاق واسع في كل من ويندوز و ماكنتوش ، و قد تم إنشاء هذه الصيغة للوفاء بمتطلبات الصور الرسومية ، فإذا كنت تحتاج إلى إدراج الصورة في برنامج للنشر المكتبي كبرنامج كوارك إكسبرس أو أدوبي إليسترايتور أو ربما أدوبي بيج ميكر ، فاستخدم هذا النسق.

http://images.downloadastro.com/exte...ps_128_128.png

(JPEG Joint Photographic Experts Group (jpg : يشيع استخدام هذا النسق لضغط الصور قبل نشرها على الإنترنت ، و هو نسق فاقد للبيانات ، حيث أنه يؤدي إلى حذف بعض بيانات الصورة أثناء الضغط ، و عادة لا يتم ملاحظة ما تم فقده من بيانات ، كما أن هذا النسق يعتبر من التنسيقات ذات المساحة التخزينية الصغيرة ، لذا يعتمده بعض مصممي المواقع ، لما له من جودة عالية و صغر حجم المساحة التخزينية.

http://images.downloadastro.com/exte...eg_128_128.png

AI Adobe Illustrator : هو النسق الأساسي في برنامج الاليستريتور ، حيث يمكنك ، التعديل عليه في وقت لاحق ، و يعتبر من نوع Vector.

http://upload.wikimedia.org/wikipedi..._File_Icon.png

TIF Tagged Image File : قامت شركة ألدوس و التي اشترتها شركة أدوبي بتطوير هذا النسق ، من أجل توحيد مقاييس الصور الممسوحة ، و هو نسق يتم استخدامه في معظم برامج النشر المكتبي كبرنامج كوارك اكسبرس.

http://images.downloadastro.com/exte...if_128_128.png

PNG Portable Network Graphics : هو نسق لحفظ الملفات ، و قد تم تصميمه لضغط الصور التي سيتم نشرها عبر الإنترنت ، و هو هيئة بديلة عن Gif ، حيث أن صور هذا النسق يمكن أن تحتوي على أكثر من 256 لونا ، كما أنه يحتفظ بجميع الألوان و قنوات ألفا الخاصة بها ، الأمر الذي يسمح بدمج حواف الصور مع خلفيات صفحات الإنترنت.

http://images.downloadastro.com/exte...ng_128_128.png

8- الفرق بين الصور الـ Raster و الصور الـ Vector :

1- الصور الـ Raster : هي الصور التي تعتمد على البكسل كأصغر وحدة للصورة ، و يتم توزيع نقاط اللون داخل الـ Pixels لتتجمع في النهاية بشكل تراه العين المجردة جيدا ، و حينما يتم تكبير هذه الصورة فإنها تفقد دقتها و جودتها و تصبح مشوشة ، كما أنها تأخذ مساحة كبيرة في التخزين ، إذ يتم حفظ كل بكسل من الصورة على حدة في الذاكرة.

2- الصور الـ Vector : و هو نمط من الصور يعتمد في تكوينه على الأشكال الهندسية ، و التي تعتمد على المعادلات الرياضية.

و يوضح الشكل التالي صورتين بعد التكبير العليا فيكتور و السفلى راستر

http://i39.servimg.com/u/f39/18/79/45/57/127.jpg

و بهذا نكون قد أنهينا الجزء الأول من الدورة ، لنبدأ في الجزء الثاني الدروس التطبيقية على مهل رويدا رويدا

الجزء الثاني : الإطار العملي

قد يظن البعض للوهلة الأولى أن البرنامج يحتاج وقتا طويلا و مزيدا من الجهد و العناء لإتقانه ، و لكن الحقيقة خلاف ذلك تماما ، فما يعنينا هنا كيفية التعامل الصحيح مع الأدوات و توظيفها ، و ما تراه صعبا يصبح بعد ذلك في غاية السهولة ، فقط اترك لعقلك برهة من التفكير في كيفية القيام بأي شكل ليصبح الناتج النهائي كما تريده ، مفتاح الحل دائما و أبدا لن يخرج عن تلك الأدوات التي سنقوم بدراستها ، و لكي أوضح لك الأمر بشكل ميسر في البداية سأقوم بتقسيم أدوات و إمكانيات الفوتوشوب لك في بضعة نقاط بسيطة تستطيع من خلالها الإلمام بأهم ما ستتعامل معه في البرنامج :

1- أدوات التحديد Selection
2- Plug-ins
3- Mask
4- Actions

و قبل أن نبدأ في الشرح العملي أود التنويه أنه في حالة تصميم المطبوعات ، ينبغي أن تكون جودة الصور عالية ، بالدقة و الجودة العالية نفسها التي توفرها الكاميرات الحديثة ، كما أن هناك بعض برامج الصور التي توفر لك إمكانية التحكم في جودة و حجم الصور التي تريدها ، من أشهر هذه البرامج برنامج Hemera و هو يوفر لك أكثر من 50000 صورة في 8 أسطوانات و يتيح لك اختيار صورة الشخص الواحد بأوضاعه المختلفة و امتدادات الصور المختلفة ؛ كما يمكنك الحصول على الصور من خلال الإنترنت و يراعى عند تصفح الإنترنت لاختيار الصور المناسبة للويب تحديد أدوات البحث بدقة اختصارا للوقت و الجهد المبذول.

http://i39.servimg.com/u/f39/18/79/45/57/128.jpg

و بعد تحديد الصورة المناسبة يتم فتح الصورة في نافذة مستقلة حتى نحفظ الصورة على الجهاز بمساحتها الحقيقية و ليست نسخة مصغرة منها

http://i39.servimg.com/u/f39/18/79/45/57/129.jpg

بعد أن قمنا بشرح أساسيات التعامل مع البرنامج دعونا نفتح لنبدأ العمل

بعد فتح البرنامج نبدأ بفتح ملف جديد ، و ذلك باختيار الأمر New من القائمة File

كما هو موضح بالشكل التالي :

ملاحظة : تعمدت أن أضع المفردات في الشرح باللغة الانجليزية و لكن في الأمثلة المصورة باللغة الفرنسية ، و ذلك لنغطي أغلب المتعاملين الأساسيين بالفوتوشوب ، أما من نصبوا الفوتوشوب باللغة العربية ، فإنهم لن يواجهوا مشكلة في هذه الدروس

http://i39.servimg.com/u/f39/18/79/45/57/130.jpg

بعد الضغط على New تظهر لنا النافذة التالية

http://i39.servimg.com/u/f39/18/79/45/57/131.jpg

يتبع الشرح لاحقا

بعد الضغط على New تظهر لنا النافذة التالية

http://i39.servimg.com/u/f39/18/79/45/57/131.jpg

أول خيار يظهر لنا في النافذة (Name (1 و نقوم فيه بإعطاء اسم للملف الذي فتحناه فمثلا نعطي للصورة اسم "تصميم جديد"

يظهر لنا بعد ذلك (Preset (2 و التي نقوم من خلالها بتعيين حجم الصورة التي نتعامل معها.

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

http://i39.servimg.com/u/f39/18/79/45/57/custom11.jpg

و يمكننا اختيار قياسات جاهزة للتصميم أيضا من خلال اختيار الأمر International paper من قائمة Preset.

http://i39.servimg.com/u/f39/18/79/45/57/intern10.jpg

و بعد اختيار هذا الأمر تظهر قائمة Size (تحته خط أزرق) نشطة تستطيع من خلالها اختيار المقاس الذي ستتعامل معه ، و هي قياسات عالمية متفق عليها في التصميم كقياس A4.

http://i39.servimg.com/u/f39/18/79/45/57/size10.jpg

بعد اختيار نقاس التصميم نقوم بتحديد الـ Resolution الخاص بالتصميم ، أي درجة دقة الشاشة أو عدد المربعات اللونية في البكسل الواحد ، و هناك أرقام متفق عليها في التصميم و هي 300 للمطبوعات ، و 72 لصفحات الويب أو واجهات البرامج و كل ما يعرض على شاشة الكمبيوتر ، مع مراعاة إذا كان المطبوع Outdoor بمساحة كبيرة نقوم بالتعامل معه بـ Resolution 72 مثل الويب.

بعد ذلك نقوم بتحديد الـ Color mode (تحته خط أزرق) الخاص بالتصميم

http://i39.servimg.com/u/f39/18/79/45/57/color_10.jpg

و يمكننا الاختيار بين عدة نظم لونية هي كالتالي و بالترتيب كما في الصورة أعلاه :

- Bitmap : و هو نظام يقوم على ما يسمى Bitmap graphics و يتم استخدام اللونين الأبيض و الأسود فقط للتعبير عن النقاط Pixels المكونة للصورة.

- Grayscale : و هو نمط يعرض الصورة بدرجات الرماديات بدء من 0 إلى 256 درجة ما بين الأبيض و الأسود.

- RGB : و هو النط المستخدم في تصميم واجهات البرامج و إعلانات و صفحات الإنترنت ،و هو يتكون من ثلاثة ألوان الأحمر و الأخضر و الأزرق ، و عدد الألوان التي يتيحها هذا النظام 256×256×256 أي كل لون من الألوان السابقة يتم تمثيله بـ 256 درجة ، و يتم الخلط فيما بينها لمثيل ألوان بينية و ثانوية ، و هذا النمط يتيح لنا التعامل مع أكثر من 16 مليون لون.

- CMYK : و هو النمط المستخدم في الطباعة و يتكون من الألوان السيان و الماجينتا و الأصفر و الأسود

- Lab : و هو نمط يعتمد على ثلاث قنوات لونية ، واحدة للإضاءة Luminance و تتراوح قيمته من 1 إلى 100 ، و الأخريات ألفا و بيتا ، حيث الألفا تتكون من نطاق اللون الأخضر إلى الأحمر ، أما الثانية فتتكون من نطاق اللون الأزرق إلى الأصفر ، و تتراوح قيمة هذه الألوان من -120 إلى +120 ، و هذا النمط يعني إضاءة أكثر من RGB و هو أيضا أسرع عند تحرير الصور.

هناك أنماط أخرى من الألوان مثل : Doutone , Monotone , Tritone , Quadtone

و هي أنماط تسمح باستخدام تدريجات لون أو اثنين أو ثلاثة أو أربعة ، و لكن الذي يهمنا هو ما سبق ذكره من أنظمة لونية سنتعامل معها فيما بعد

http://i39.servimg.com/u/f39/18/79/45/57/oo10.jpg

نستكمل الشرح لاحقا