بسم الله الرحمن الرحيم

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

بعد غياب تقريبا أسبوعين ، عدت إليكم بالجديد ، أعددت خلال فترة غيابي العديد من المفاجئات و إني أستهلها بهذه الدورة التعليمية

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

أولا : الإطار النظري :

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

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

1- نشأة التصميم الجرافيكي و مراحل تطوره.
2- أنواع المطبوعات.
3- الفرق بين الدعاية و الإعلان.
4- الاستمالات الإعلانية.
5- أسلوب التصميم و عناصره.
6- الألوان و دلالتها.
7- أنواع الصور و امتداداتها.
8- الفرق بين الصور الراستر و الفيكتور

1- نشأة التصميم الجرافيكي و مراحل تطوره :

كلمة جرافيك مشتقة من جراف الإنجليزية التي تعني رسم بياني ، أما كلمة جرافيك فتعني : (تصويري ، مرسوم ، مطبوع) ، أما أصل الكلمة فهي مشتقة من الكلمة اللاتينية Graphus و تعني خط مكتوب أو منسوخ أو مرسوم ، و أول من أطلق لفظ Graphic Designer هو المصمم وليام أديسون دويغنز عام 1922 ، و قد عرف مصطلح المصمم الجرافيكي بأنه الشخص الذي يجمع بين العناصر المختلفة (كلمات ، صور ، ألوان) في صفحة واحدة بشكل يجذب النظر.

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

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

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

في عام 1501 طور فرانسيسكو جريفو أول خط من نوع الخطوط المائلة Italic ، و قام وليام كاسلون في عام 1720 بتطوير 60 نوع من الخطوط الإنجليزية التي سميت باسم Caslon Fonts ، و في عام 1816 أنتج كاسلون أول خط من نوع Sans Serif ...

و قد ساهم اختراع الطباعة بأول آلة معدنية بحروف منفصلة عام 1455 على يد جوهان جوتنبرغ في تطور هذا الفن ، و تطور أيضا نظام WYSWING) What You See is What you Get) و الذي طورته شركة آبل ماكنتوش في إعادة رسم هيكل التصميم الجرافيكي بما يتلائم و روح العصر و متطلباته ، و من ثم ظهرت برامج النشر المكتبي و التي اهتمت بعمل التصميمات الإعلانية و الدعائية و أتاحت التعامل مع الخطوط و الصور ، و فيما يلي صورة لواجهة النشر المكتبي من مايكروسوفت :

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

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

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

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

http://www.tt5.com/files/2010/10/vin...pictures-1.jpg

http://img812.imageshack.us/img812/6...group00009.jpg

نموذج للتوازن الشكلي :

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

مشكورة على المتابعة أختي الكريمة

و فيك بارك الله

إن شاء الله تكون الدروس مفيدة للجميع ، و خاصة عندما ندخل في الجانب التطبيقي

2- أنواع المطبوعات :

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

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

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

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

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

- Flyer : إعلان ملون حجمه صغير ، و هو إعلان تعريفي لإفتتاح نشاط معين أو خدمة معينة ، و غالباً ما يكون ورقة ذو وجه واحد و قليلاً ما يكون ذو وجهين ، و يكون له أكثر من مقاس. و متفق على مقاس غالبا ما يكون 8.5 إنش × 14 إنش

http://i39.servimg.com/u/f39/18/79/45/57/flyer-10.jpg

- Pamphlet : نوع من المطبوعات صغير الحجم يطلق عليه باللغة العربية "مطوية" حيث يتم طيه 2 طية أو أكثر ، يحتوي على معلومات مختصرة و بعض الصور و يستخدم غالبا في المراكز التعليمية.

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

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

http://staff.rice.edu/images/styleguide/4031.jpg

- Business Card : الكارت الشخصي ، معظم بطاقات الأعمال تتضمن إسم الشخص أو الشركة ، العنوان ، أرقام الهواتف ، البريد أو الموقع الالكتروني ، المهنة ، و التعريف بالنشاط ، و الشعار ، صور و أشكال مزخرفة ، المنتجات و الخدمات ، نادرا ما تختلف الكروت في المقاسات ، لأنها جميعا تتشابه في حجمها وشكلها و القياس المتفق عليه عالميا 90mm للعرض × 55mm للارتفاع ، و الـ Resolution هو 350 للـ كروت ذات الجوده العالية في التفاصيل.

http://www.publicide.com/sampledepar...esigner-ny.jpg

- Package : الصناديق المختلفة.

http://www.bwfparcels.com/wp-content...ackageIcon.png

- Banner : مساحة إعلانية قد تستخدم واجهة لمحل مكتوب عليها إسمه ، و هو أيضا التصميم الذي يحمل اسم الموقع الالكتروني و اللوجو الخاص به.

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

- Product Cover : غلاف المنتج مثل أكياس الشيبس فهي أيضا جزء من الإعلان عنه.

http://appsmaker.de/media/images/pro...duct_cover.jpg

- Magazines : المجلات.

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

- Journals : الجرائد.

http://static.echoroukonline.com/ara..._905308692.jpg

- Labels : و يطلق عليه أيضا استيكر ، و يمكن وضعه على بعض العبوات لمنتج الشركة.

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

- Brochures : أي كتيب ، و هو يحمل بعضا من صور المنتجات الخاصة بالشركة و تفاصيل عن السعر أو الخصومات و العروض الحالية مثل بروشور شركة أيفون.

http://www.terresdefrance.com/sites/...urs-france.jpg

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

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

- Books : كتب و أغلفتها و هناك عدة أحجام ككتاب الجيب و خلافه.

http://i39.servimg.com/u/f39/18/79/45/57/o-book10.jpg

- Invitation Card : كروت الدعوة ، مثل كارت دعوة لحدث هام في المنشأة ، أو دعوات الزفاف.

http://i39.servimg.com/u/f39/18/79/45/57/free-p10.jpg

و فيك بارك الله و شكرا على المتابعة

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

3- الفرق بين الدعاية و الإعلان :

يخلط الكثير من الناس بين الدعاية و الإعلان ، فمعظمهم يستخدم لفظ الدعاية للتعبير عن الإعلان ، و إليكم فيما يلي الفرق :

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

http://4.bp.blogspot.com/--sAbPdGNJ8.../truckads3.jpg

- الإعلان Advertisement : هو ترويج لسلع و خدمات مثل خدمات الاتصالات و جميع المنتجات التي نتعامل معها بشكل يومي ، و كذلك السلع المعمرة.

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

آسف لم أرى ردك إلى الآن

و جزيت بالمثل أخيتي ، إن شاء الله تكونين متابعة باستمرار

و فيك بارك الله

أتمنى أن تفيدك الدورة

4- الاستمالات الإعلانية :

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

أنواع الاستمالات : هناك 4 أنواع رئيسية :

1/ عاطفية : و هي كل ما تشد المشاهد عاطفيا سواء كان بكاء أو فرح أو حزن أو ضحك أو أي شعور عاطفي ، غالبا لا يخلو أي إعلان منها مثل (إعلانات الجمعيات الخيرية أو المستشفيات للتبرع) و غيرها.

http://i1.ytimg.com/vi/UIJiIp5Fhuo/0.jpg

2/ عقلية : تعتمد بالدرجة الأولى على إقناع المشاهد عقليا ، مثل اعطاء نسب و أرقام مثل (ديتول يقضي على %99.9)

http://www.the-syrian.com/wp-content...06/baceria.jpg

3/ أدلة و شواهد : الاستعانة بالدليل و أشخاص استخدموا المنتج مثل (برسيل الاستعانة بربات البيوت)

http://2.bp.blogspot.com/-dI6gJ5IjHK...01501147_n.jpg

4/ متخصصين : الاستعانة بمتخصين في نفس مجال المنتج مثل (اعلانات معجون أسنان و الاستعانة بدكتور)

http://www.sensodyne-me.com/media/60..._7_880x475.jpg

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

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

5 - أسلوب التصميم و عناصره :

يتميز التصميم الناجح بعدة سمات فيما يلي أهمها :

- الوحدة
http://i00.i.aliimg.com/wsphoto/v0/1...ome-font-b.jpg
- البساطة
http://i39.servimg.com/u/f39/18/79/45/57/13743210.jpg
- التناسق بين العناصر
http://i39.servimg.com/u/f39/18/79/45/57/cf3cde10.jpg
- التوازن
https://38.media.tumblr.com/872500c9...c0yxo1_500.jpg
- الحركة
https://khamsat.com/images/services/...381b4ab5e2.jpg
- التباين
http://www.art.gov.sa/vb/upload1428/...c639abd56a.jpg
- الايقاع
http://i39.servimg.com/u/f39/18/79/45/57/06364210.jpg
- تحقيق الهدف
http://www.gl3a.com/album/75016_1344862378.jpg

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

1/اللوجو : و يكون سهل الفهم و معبر عن المنتج أو الخدمة ، و غالبا لا تتعدى ألوانه 3 ألوان
http://i39.servimg.com/u/f39/18/79/45/57/party-11.jpg

2/ الشعار اللفظي : لا يشترط وجوده ، و هو فقط لتذكر الإعلان بدون الرجوع إليه.
http://i39.servimg.com/u/f39/18/79/45/57/d986d810.png

3/ بيانات الاتصال : لابد من سهولة قراءتها .
http://i39.servimg.com/u/f39/18/79/45/57/ooui_o11.jpg

4/ اسم وكالة الإعلان أو المصمم : يراعى عدم اعتباره مكون أساسي في التصميم ، فحجمه يكون صغيرا.
http://4.bp.blogspot.com/_WJedtIfX_U...S1600-R/12.jpg

5/ الألوان : عند استخدام الفوتوشوب في تصميم موقع ما ، يراعى ألا تتعدى ألوان التصميم 4 ألوان ، مع اختيار العناصر الأساسية اللازمة للموقع ، و عدم الإكثار من الصور على الوجهة أو ملفات الفلاش.
http://dr-web2.com/upload/gallery/pi...1352519350.jpg

* المعاني الرمزية للأشكال في التصميم :
هناك معاني للأشكال المتفق عليها التي نستخدمها في التصميم و فيما يلي بعضها :

التصميم الهرمي : يرمز للرسوخ و الصلابة و الاستقرار
http://www.traidnt.net/vb/attachment...267981-878.jpg

التصميم المستطيل : يرمز للشموخ و العظمة
http://3.bp.blogspot.com/-nUoB8ksPza...GM/s1600/1.JPG

التصميم الدائري : يرمز للأبدية و اللانهاية
http://upload.traidnt.net/upfiles/OzP27320.gif

التصميم البيضاوي : يرمز للنعومة و الأنوثة
http://i00.i.aliimg.com/photo/v0/140...ame_Design.jpg

التصميم الحلزوني : يرمز للدوار
http://i39.servimg.com/u/f39/18/79/45/57/spiral10.jpg

التصميم المنحني : يرمز لهدوء ما لا نهاية
http://im23.gulfup.com/2012-03-18/1332043544861.png

التصميم الإشعاعي : يرمز للصدمات
http://ar.fordesigner.com/pic/zip/20...1478077801.jpg

التصميم غير المنتظم : يرمز للإيحاء بالإرتباك
http://www.schoolarabia.net/images/a...polygon/24.gif

تصميم الخطوط المتقاطعة : يرمز للصراع و التصادم
http://1.bp.blogspot.com/-BYpfkzXpML...VhU/s400/0.JPG

مرحبا بك أختي العزيزة

أنا هنا دائما للمساعدة

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

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