Professional Documents
Culture Documents
الكلية التطبيقية
قسم تقنيات الحاسوب
1
الفصل الثالث
3-2
استخدام الرسوم الثابتة والصور يف الوسائط املتعددة
مقدمة
احلصول على الرسوم الثابتة
توظيف الرسوم الثابتة يف الوسائط املتعددة
استخدام األلوان يف الرسوم الثابتة
استخدام املناظري ومصادر الضوء
احلصول على الصور
توظيف الصور يف الوسائط املتعددة
3-3
مقدمة:
القائمة
3-4
كيف حنصل على الرسوم الثابتة؟
3-5 القائمة
استخدام األلوان يف الرسوم والصور
• األلووان البوواردة (األزرق-األخضوور-البنفسووجي) تعبوور عوون عم و المسووافة
واالستقرار ،لذا فإنها تستخدم في الغالب كخلفيات (.)Background
• األلو ووان الدافئ ووة (األحم وور-األص ووفر-البرتق ووالي) تمي وول ل ووى الب ووروز ل وود
المشو و و وواهد ممو و و ووا اجعلهو و و ووا مناسو و و ووبة كو و و ووألوان أماميو و و ووة فو و و ووي الرسو و و ووومات
(.)Foreground
• األل ووان التووي تتوسووط األل ووان الدافئووة والبوواردة مثوول (األخضوور المصووفر-
األحم و وور البنفس و ووجي) اس و ووتخدم غالب و ووا ف و ووي منتص و ووف المج و ووا للمنو و واظير
المختلفة.
3-6 القائمة
استخدام املناظري ومصادر الضوء
والواقعية ألي رسم .في تمثل الظال أداة جيدة إلضافة العم
الرسوم ثالثية األبعاد يتم توليد الظال بشكل تلقائي ،وفي الرسوم
ثنائية األبعاد اقوم المستخدم بتوليد الظال بنفسه.
3-7 القائمة
توظيف الرسوم الثابتة يف الوسائط املتعددة
عند توظيف الرسوم الثابتة في برمجيات الوسائط المتعددة البد من مراعاة أمور
منها:
3-8 القائمة
كيف حنصل على الصور الثابتة؟
3-10
تابع :توظيف الصور يف الوسائط املتعددة
• المحافظة على درجة وضوح معقولة للصور ،فال اجوز المبالغة في
رفع درجة الوضوح ،ألن ذلك يتطلب حي از كبي ار عند التخزين ،وال
التقليل لدرجة عدم الوضوح.
3-11
أهمية الصور
منًأهمًميزاتًالجيلًالخامسًللحواسيبًالتعاملًمعًاإلنسانًبالصوتًوًالصورة
باإلضافةًإلىًلوحةًالمفاتيح .ولذلكًتعتبرًمعالجةًالصورًالرقميةًأحدًأهمًمجاالتًعلوم
الحاسوب .وقدًاستخدمًهذاًالعلمًفيًبرامجًالفضاءًكماًاستخدمًفيًمعالجةًوتحسينً
الصورًالتىًأرسلتًمنًالقمرًعامً 1964بواسطةًالمركبةًالفضائيةً(رينجرً.)7
وتطورًهذاًالعلمًليشملًمعالجةًالصورًالطبيةًلمساعدةًالطبيبًفيًالتشخيص وتمييزً
األهدافًفيًالمجاالتًالعسكريةًوتوجيهًالصواريخًالحديثةًكماًاستخدمًأيضاًفيً
الكشفًعنًثرواتًباطنًاالرضً،ولذاًفإنًتطبيقاتًمعالجةًالصورًاصبحتًغيرً
محدودةًوقديماًقالواً( إنًصورةًواحدةًتغنىًعنًأكثرًمنًعشرةًاالفًكلمة).
3-12
عناصر نظام معالجة الصورة الرقمية
3-13 • الخطوطًالمتقطعةًتشيرًالىًأنهًفيًالحالةًالنموذجيةًتوصلًواحدةًفقطًمنًالتوصيلتين.
تمثيل بيانات الصور الرقمية
صورة واحدة خير من ألف كلمة.
بقيت الصورة لفترة من الزمن هي الوسيلة األمثل لنقل المعلومة
مثل الكتابة الفرعونية.
التلفاز وما رافقه من وسائط ساعد في نقل نفس األفكار
للحاسوب.
14
تمثيل بيانات الصور الرقمية
ما هو البكسل؟
تقسم الشاشة إلى مجموعة من النقاط الضوئية أفقيا وعموديا تسمى بكسل . Pixel
الطرف العلوي األيسر من الصورة هو نقطة االنطالق للحاسوب.
تستطيع رؤية هذه البيكسل عند اقترابك من شاشة الحاسوب.
مخ اإلنسان يقوم بتجميع هذه النقاط الضوئية مكونا الصورة النهائية.
pixels per inch PPI:
15
تمثيل الصورة الرقمية
يمكنناًأنًنرمزًللصورةًآحادية اللونً Monochrome imageبدالةًتعبرًعنًشدة
إضاءةًثنائيةًاألبعادً( f)x,yحيثًإنً( )x,yترمزًإلىًاالحداثياتًالحيزيةً Spatial
Coordinateوقيمةً fعنًأى نقطةً( (x,yتتناسبًمعًاللمعانً(أوًالسويةًالرمادية)
للصورةًعندًتلكًالنقطةًوتعدًالصورةًالرقميةًمصفوفةًيحددًدليلًصفهاًوعمودهاً
مكانًالنقطةًفيًالصورةً،وقيمةًعنصرًالمصفوفةًالموافقًيحددًقيمةًالسويةًالرماديةً
عندًتلكًالنقطة.
إنًعناصرًالمصفوفةًالرقميةًتسمىًعناصرًالصورةًPicture element image
Pixelsاوً Pelsوًاالسمانًاألخيرانًهماًاختصارانًيستعملنًبشكلًشائعًللمصطلحً
الً Picture elementsويمكنًأعتبار التلفزيونًاألبيضًوًاألسودًمصفوفةًأبعادهاً
512 *512وفيهاً 128سويةًرمادية.
3-16
إصطالح استخدام المحور لتمثيل الصورة الرقمية
بما أن ) f(x,yتعطي كثافة )لمعان( الصورة عن احداثيي حيزين ) (x,yفإن )f (x,y
اجب أن التكون صف ار وأن تكون محدودة :
3-17
3-18
معاجلة الصور
3-19
العالقات األساسية بين عناصر الصورة
جيران العنصر
3-20
االتصالية Connectivity
هو مفهوم استعمل في تعيين حدود األجسام ومركبات المناط في الصورة.
3-21
قياسات المسافة Distance Measure
اذا كان لدينا ثالثة عناصر p,q,zالتى حداثياتها ( )(x,y), (s,t), (u,vعلى التوالي.
تسمى Dدالة مسافة distance functionذا كان :
المسافة الثمانية أاضا تسمى رقعة الشطرنج chessboard distanceبين p,qتعرف كما
يلي:
)| D8(p,q) = max (| x-s |, | y-r
في هذه الحالة العناصر التى تبعد عن ( )x,yمسافة ثمانية أقل أو تساوي قيمة محددة r
تشكل مربعا مركزه في ()x,y
3-23
مثال (:)2
العناصر التى تبعد عن (( )x,yنقطة المركز) مسافة ثمانية أقل أو تساو 2تشكل
كفافات (محيط)المسافة الثابتة التالية:
3-24
التمايز Resolution
هو درجة الدقة في تمثيل الصورة وهو عدد البيكسالت بالصورة.
كلما زادت عدد البيكسالت على الشاشة زادت الدقة ووضوح الصورة أي أن
التمايز عالي.
التمايز المستخدم بالشاشات
عدد النقاط أفقيا * عدد النقاط عموديا
600*800
768*1024
960*1280
25
تمايز اللون
إذا استخدم اللون األبيض أو األسود لتمثيل البيكسل فإن األبيض
يمثل بواحد واألسود بصفر وذلك لكل واحد بت.
بدون ألوان ،بدون تدريجات الرمادي ،فقط أبيض وأسود
26
تمايز اللون
إذا استخدم 2 bitsيصبح أربع درجات للون فيمثل األبيض 11و
الرمادي الفاتح 01و الرمادي الغامق 10واألسود .00
تمايز اللون هو عدد ال bitsالمستخدمة في تمثيل لون كل
بيكسل في الصورة وعند زيادة التمايز يزيد عدد األلوان في
الصورة.
8 bits في تمثيل اللون تعني 256لون مختلف (التدرج الرمادي).
24 bits تمثل 16777216لونا مختلفا ). (RGB
27
تمايز اللون
Bit depth defines the number of colors available to each pixel within an
image.
28
تمايز اللون
8-bit image - 256 colors With an 8-bit image, each pixel can
be one of 256 colors.
29
تمرين 1
إذا كان التمايز اللوني للصورة يساوي 6فما عدد األلوان التي يمكن
bits 8* 100*100
في أي من زاوية الصورة األربعة ذات الحجم 200 * 200تقع اإلحداثية
()200,0؟
تقع بالجزء العلوي األيمن من الصورة وذلك ألن قيمة x=200و y=0
30
الفضاء اللوني RGB
مشتق من التمثيل التلفزي و يقوم بمزج األلوان األساسية من األحمر
واألخضر واألزرق إلنتاج باقي األلوان.
يستخدم تمايز . Bits 24
تقسم Bits 24إلى ثالثة أقسام فيصبح Bits 8لكل لون من األلوان
األساسية فمثالً البيكسل التالي مكون من Bits 24
110110010011101100001111
يصبح كما بالجدول التالي:
31
تابع الفضاء اللوني RGB
يستخدم النظام السادس عشر لتمثيل الفضاء اللوني RGBو خصوصا على
صفحات االنترنت.
32
النظام السادس عشري النظام الثنائي النظام العشري
0 0000 0
1 0001 1
2 0010 2
3 0011 3
4 0100 4
5 0101 5
6 0110 6
7 0111 7
8 1000 8
9 1001 9
A 1010 10
B 1011 11
C 1100 12
D 1101 13
E 1110 14
F 1111 15
33
تمرين 2
وضح التمثيل السادس عشر للون
110110010011101100001111
الحل:
األحمر ()0,0,255
األخضر ()0,255.0
األزرق ()255,0,0
األبيض ()255,255,255
األسود ()0,0,0
35
تمرين 3
كامي ار رقمية بمساحة تخزينية مقدارها ،MB 8إذا كان تمايز الصورة يساوي
100*100بيكسل باستخدام الفضاء اللوني . RGB
احسب أكبر عدد من الصور يمكن تخزينها داخل هذه الكامي ار.
الحل:
حجم الصورة الواحدة =
=100*100*24
= bits 240000
KB 30 = byte 30000
عدد الصور= المساحة الكلية/حجم الصورة الواحدة =
266 = KB 30/ KB 8000صورة.
36
الفضاء اللوني CMY
الفضاء اللوني RGBليس صالحا عند طباعة الصور الملونة ،لماذا؟
ألن اللون األسود ال يحتوي أي مكونات من األحمر واألخضر واألزرق وهي األلوان األساسية
أي ( )0,0,0فال يمكن تمثيل اللون األسود إال إذا كانت الورقة سوداء.
طور الفضاء اللوني CMYو هو عبارة عن أزرق فسفوري ,CYANالفوشي MAGENTA
,األصفر . YELLOW
هذا الفضاء أيضا ال يصلح للطباعة ألن دمج األلوان السابقة يعطي بني داكن وليس أسود
نقي.
طور العلماء نسخة محسنة عن هذا الفضاء وهو . CMYK
37
الفضاء اللوني CMYK
هو اختصار للفضاء اللوني CMYو لكن باإلضافة للون BLACKوهو
األسود.
يمثل اللون األسود القاتم بهذا الفضاء بالرموز (.)255,0,0
اللون األسود أصبح يشكل من حبر أسود اللون بدل من تشكيلة من دمج األحبار
المكونة لأللوان الثالث األساسية لهذا الفضاء.
38
التحويل بين نظامي RGB-CMY
نستطيع التنقل والتحويل بين النظامين إذا اعتبرنا لكل لون 255
درجة باستخدام العالقات البسيطة التالية:
39
فضاءات لونية أخرى
هناك المئات من الفضاءات اللونية التي تم إنتاجها ألغراض مختلفة.
يحاول الفضاء HSIأن يفصل شدة اإلضاءة كرقم مستقل في حين يبقي األرقام الممثلة
لدرجة اللون واإلشباع اللوني ثابتة مهما اختلفت شدة اإلضاءة وحدتها.
الفضاء اللوني CIEهو من أقدم الفضاءات تم تعريفه عام 1931هو يستخدم ألغراض
غير حاسوبية.
وهي تحول الصور الملونة أو الفيديو آخذة قدرة إدراك اللوني لإلنسان بعين االعتبار،
مخففة حجم بيانات المكونات اللونية ،وبذلك تجعل األخطاء النقل وسلبيات ضغط الصور
40
مخفية عن اإلدراك اللوني لإلنسان بدال من استخدام إظهار مباشر وفق النموذج اللوني
41
42