الدرس الأول
.
.
.
.
.

أعذروني الشرح راح يكون بالعامية أسهل شوي 

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

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

وشو يعني أنظمة الألوان لحتى نبني الدورة على اساس قوي

الكثير منا يتسائل  عن الفرق بين أنواع الصور مثل GIF و JPG و PSD ... الخ


الفروقات بين انواع الصور ...

الصور التي تجدها على المواقع على شبكة الانترنت هي عبارة عن بيانات مضغوطة،

وهناك طرق عدة لضغط البيانات في الصور .. ويمكنك التعرف على الفرق بين هيئة ال

GIF و JPG و PSD و BMP .. وغيرها من الهيئات الخاصة للصور. ....

هناك نسقان معروفان ومنتشران بكثرة في الصور التي على شبكة الإنترنت وهما

النسق ·GIF والنسق JPEG وتستطيع بسهولة ويسر أن تفتح وتشاهد الصور التي

تكون بأحد هذين

وكما ذكرنا، فان كل نسق من هذين النسقين يتم ضغط البيانات فيه بهدف تقليص

المساحة التي يحتلانها في ذاكرة الكمبيوتر، ولكن النسق JPEG يحتوي على

معلومات اللون أكثر من GIF ولهذا السبب، يستخدم عادة للصور التي يكون فيها

اللون أو ظلال اللونين الرمادي والأسود ذات أهمية كبيرة·

إن النسق GIF يحتوي على معلومات خاصة باللون أقل من النسق JPEG ولكنه

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

الصغيرة والأيقونات والأزرار والخطوط، كما أنه من الممكن اعداد صور الحركة

Animation بالنسق GIF وهو ما لا يمكن انجازه بواسطة JPEG.

وهناك أنساق أخرى للصور منها النسق BMP وهذه الصور هي ملفات مستخدمة

في ويندوز وهي في العادة ملفات كبيرة، لأنه من الممكن اختزانها من ضغط للبيانات·

وهناك أيضا النسق PSD وهي ملفات ادوبي فوتوشوب طورتها شركة أدوبي. والتي

سنقوم بالتعامل معها بشكل كبير وهي الصور القابل للتعديل أي أن هذه الصور

نستطيع التعديل عليها كيفما نشاء 

هناك أكثر من مائة نسق للصور لا نستطيع الحديث عنها كلها ، وهي من نتاج

شركات أو هيئات مختلفة ، منها مثلا:  كورل درو والاوتكاد والثري دي ماكس وغيرها

من البرامج

النسق TIFF ويستخدم عادة لتبادل الصور بين أنواع البرامج وأجهزة الكمبيوتر·

وهناك أيضا PNG و EMF و DXF و CDR و WPG


يتبع

تنقسم الصور  عامةً إلى صور نقطية و صور شعاعية ، ومفهومهما يأتي كما يلي :

الصور النقطية : تعتمد على نقاطٍ مربعةٍ صغيرةٍ جداً تسمى

البيكسل وتختلف تقريباً كل نقطةِ عن الأخرى

بلونٍ ودرجةٍ معينة ، تجتمع هذه النقاط مع بعضها لتملأ مساحةً معينة ليتبين فيها

الصورة المطلوبه .

وللتوضيح أكثر دعونا نرى المثال التالي :



كما نرى في هذا المثال 1 تكون الفراشة عبارة عن مجموعة نقاط مربعة كثيرة (

Pixles ) متوضعة

في أماكن معينة لتعطي شكل الفراشة ، فإذا تم تكبير الصورة أكثر كانت هذه النقاط

واضحة كما في



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

وتكون صغيرةً إذا كان عدد النقاط أقل .

وفي هذه الحالة فإن المصممون يلجؤون لطريقة أخرى في تصميم الأساسيات

لتكون أصغر

حجماً وتخزينها في مكاتب يعودون إليها دائماً ، وليس هذا فقط لسبب الحجم بل

هناك أسبابٌ

أخرى تتعلق بفهم ديناميكية التصميم من برنامج لآخر ، كأن تُصمم مخططاً مسطحاً

لأحد المنازل

ببرنامج معين لتستورده لبرنامج آخر يقوم ببنائه وجعله بشكل ثلاثي الأبعاد ، وأيضاً

في  عالم الانترنت يلجأ المصممون لهذه الطريقة لعمل ملفات فلاشية صغيرة الحجم

والتي تسمى

SWF أي Small Web File ( ملف انترنت صغير ) ونحوها . وهذه الطريقة هي الصور

الشعاعية .

الصور الشعاعية تعتمد على مساحات لونية يُشكلها خطوط

خارجية تتصل مع بعضها بنقاط

ذات خصائص ديناميكية ، وهذه الخصائص تكون بين النقطة الواحدة وجارتها بحيث

تقوم هذه الخاصية بتشكيل الخط أو المنحني الذي يتوضع بين النقطتين .

ونأخذ هذا المثال للتوضيح أكثر :



فكما نرى في المثال 3 أن الفراشة عبارة عن أربع مساحات سوداء ، الشعر

والجناحان .

وكل مساحة يحيط بها خطوط منحنية تتصل مع بعضها بنقاط ذات خصائص معينة .

والجدير بالذكر هنا أننا عندما نكبّر الصور الشعاعية أكثر فإنها لا تفقد دقتها مهما كان

التكبير ،

وأيضاً حجمها يكون صغيراً جداً ، وهذا يتوضح في المثال التالي :



يتبع

خلينا نوضح بعض الامتدادات للصور

1- ملفات Joint Photographic Experts Group JPEG

من اشهر الانواع المستخدمة في الصور الرقمية ، وهي متوافقة مع معظم متصفحات وبرامج تحرير الصور ، كما أنها تسمح بحفظ الصور الرقمية الى ما يقارب 10-20% من حجمها الاصلي ، الا انها تُفقد الصور قدرًا ضئيلا من جودتها .

2- ملفات Tagged Image File Format TIFF

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

3- ملفات Graphics Interchange Format GIF

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

4- ملفات Photoshop Format PSD

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

5 - ملفات EPS- AI

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

وأكيد هناك الكثير أيضا ولكن تقريبا هذا ما يهمنا حاليا وسنعود لنطلع على باقي اللواحق
يتبع

خلينا ناقش الدرس  ونشوف الاستفسارات

ومن بعدها راح ننتقل الى الدرس الثاني

يعني خلينا ناقش كل درس بدرسو أفضل

تقبلو مروري ودمت بحب

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

عن اساسيات التصميم لأي برنامج لازم نعرف الفرق

بين الصور

وكمان أنظمة الألوان

دمت بكل ود

ثانيًا : أنظمة الألوان :

يستخدم برنامج Adobe Photoshop عددًا من انظمة الالوان ( عدد الالوان المستخدمة وطريقة تركيبها ) وفيما يأتي بعض هذه الأنظمة :

1- نظام Bitmap :

يستخدم هذا النظام لونين فقط هما الابيض والاسود دون تدرج بينهما فعندما تنظر للصورة ترى بقعًا سوداء قاتمة أو بيضاء ناصعة

2- نظام التدرج الرمادي Grayscale :

يستخدم هذا النظام اللونين الأبيض والاسود مع التدرج بينهما بواقع 256 درجة فكل نقطة ضوئية في الصورة Pixel لها درجة سطوع تتراوح بين درجة الصفر التي تمثل الاسود القاتم ودرجة 255 التي تمثل الابيض الناصع

.
.

.
.
.
.
.



يتبع

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

يسمى الأول RGB و يسمى الآخر CMYK.



نظام RGB

ترمز الحروف في RGB إلى الألوان التالية

Red

Green

Blue

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

مكبرة و وضعناها أمام شاشة التلفزيون مثلاً.

عند اختلاط الألوان الثلاثة أعلاه فإنها تنتج ألواناً مختلفة حتى تقريباً 16 مليون لون،

حيث أن لكل لون من هذه الألوان 255 درجة، وعندما نقوم بضرب 255 × 255 × 255

سنحصل على عدد الألوان الكلي الذي تقدمه هذه المنظومة.

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

الذي يتدخل فيه الضوء مثل شاشات الكمبيوتر والتلفزيون بالإضافة إلى شاشات

العرض الكبيرة وحتى أجهزة الموبايل.

لهذا نقوم باستخدام هذا النظام عند العمل على تصاميم يجب أن تعرض على

الشاشة، مثل مواقع الانترنت وأفلام الفيديو … الخ.

يمكن في الصورة التالية رؤية الألوان منفصلة وعند اختلاطها أيضاً.

نظام CMYK

ترمز الحروف في اسم النظام إلى الألوان
حرف C يعني Cyan (هنالك خطأ شائع بلفظ اسم اللون “سيان” وإنما اسمه يلفظ “سايان”) السماوي النقي
M يعني Magenta  اللون الأرجواني
وحرف Y يعني Yellow الأصفر
وحرف K يرمز إلى Black.
حيث أن سايان هو من درجة اللون الأزرق ويمكن تبسيط الفكرة أنه اللون الأزرق

الأصلي، وماجينتا يلعب هذا الدور للأحمر. وكما نعرف جميعاً أن الألوان الأساسية

هي الأصفر والأحمر والأزرق.

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

ترى بوضوح على ورق الجرائد.

تختلط الألوان سايان وماجينتا ويلو لتنتج الألوان ويستخدم اللون الأسود لما يسمى

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









لكل لون من هذه الألوان 100 درجة هي من 0% وحتى 100%.

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

الطباعة وأعمالها.

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

الفرق بين الرسوم النقطية والرسوم المتجهة

تنقسم رسوم الحاسوب إلى فئتين:

نقطية Bitmap ومتجهة Vector.

ويمكنك العمل على هذين النوعين في "فوتوشوب" و "إيميج-ريدي"، أكثر من ذلك،

يمكن لملف "فوتوشوب" أن يحتوي بيانات النوعين. إن فهم الفرق بين النوعين

يساعدك في إنشاء وتعديل واستيراد هذه الرسوم.
الرسوم النقطية:

تقنياً، هي عبارة عن شبكة من الألوان تمثل الصورة، وكل نقطة في هذه

الشبكة تسمى بالوحدة الضوئية "البكسل Pixel" وكل بكسل يتحدد من خلال

معلومتين، موقع البكسل من خلال الإحداثيات، ولون البكسل. تستخدم الرسوم

النقطية إليكترونياً في الصور الفوتوغرافية والرسوم الرقمية لأنها يمكن أن تعرض

طيفاً هائلاً من الألوان بحيث تعرض تدرجات الألوان والظلال. أيضاً، تتميز الرسوم

النقطية بأن عدد البكسلات التي تمثل الصورة ثابتة، لذلك يمكن أت تفقد بعض

التفاصيل عند تكبيرها وتظهر مشوهة.

إن برنامج "الرسام Paint" الذي يأتي مع نظام التشغيل "ويندوز" يعتبر مثالاً على

برامج الرسم النقطية.

____________________

الرسوم المتجهة:


تقنياً، تتكون من خطوط ومنحيات معرفة داخل الحاسوب ككائنات رياضية

تسمى "متجهات". المتجهات تصف الصورة بحسب عناصرها الهندسية. بناء على

ذلك، يمكن تغيير حجم ولون وموقع الصورة المتجهة أو تغيير حجمها تكبيراً أو تصغيراً،

دون أن تتأثر جودة التفاصيل أو الوضوح. لذلك تعتبر هذه الرسوم خياراً جيداً لعمل

الشعارات Logos.

من البرامج المتميزة التي يمكن استخدامها والتي تستخدم تقنية الرسوم المتجهة

برنامج  Adobe Illustrator و CorlDrw الجدير بالذكر، أنه بدءا من الإصدارة

السادسة ، بدأ فوتوشوب يتعامل مع الرسوم المتجهة من خلال الأشكال Shapes...


مع العلم أن الخطوط Fonts  في نظام التشغيل هي رسوم متجهة! او كائنات ذكية

مرحبا يمكن انا اجيت متأخرة

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

وتالتا
ياريت ال photshop  تتركه لاخر شي لان انا بعرف عالفوتو شوب منيح
في امكان انك تبلش اول ب
Illustrator
In desgn

الله يعطيك العافية ودمت بخير