1. جامعة الحدود الشمالية
كلية المجتمع في طريف
اسم المادة :تصميم واخراج فني في الحاسب
(CT-317)
الوحدة الولى
1436/ الفصل الدراسي الولل 1435
اعداد أ.فؤاد بني خالد

2. 2
الهدداف
يعرف اهدمية الصور في الحياة . 
مجالت استخدام الصور في ظل التطور العلمي ولالتكنولوجي الحاضر. 
يميز بين انواع الصور 
التفريق بين عدد من المصطلحات ذات العلقةة بالرسومات ولالصور 
يميز بين أنماط اللوان المستخدمة في انتاج الصور ولالرسومات 
.(Color Models)
يتعرف بعض تنسيقات الصور ولالفرق بينها . 

3. Graphics & Images الرسوم ول الصور

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

5. 5
مجالت استخدام الصور في ظل التطور العلمي
ولالتكنولوجي الحاضر 1
:(CAD) المساعدة في التصميم باستخدام الحاسوب 
يرتبط بانتاج الصور لكافة مجالت العلوم والتصاميم اللزممة. 
انتاج الفلم والخدع السنمائية. 
تمكن المنتج من الفحص والتعديل حسب الحاجة دون خسارة. 
امكنيات الرؤية من اكثر من زماوية والرؤية ثيلثيية البعاد واضافة 
الحركة على الصورة.
استخدام الصور ولالجداولل في العرولض اللكترولنية لليجاز 
ولالتعبير.

6. 6
مجالت استخدام الصور في ظل التطور العلمي
ولالتكنولوجي الحاضر 2
عمل رسومات فنية على درجة عالية من الدقة دون منع توفر الدوات 
والظروف الملئمة المختلفة.
المتعة والرفاهية من استخدام الصور ويظهر ذلك جليا في اللعاب 
اللكترونية.
استخدامات الصور في التعليم: 
محاكات وتمثيل مشاهد ل يمكن عرضها واقعيا في محيط المدرسة. 
عرض التجارب الخطرة والمكلفة. 
استخدام الرسوم التخطيطية والبيانية لتمثيل الجداول والقيم صعبة الدراسة. 
تمثيل كمية من المعلومات النصية الكبيرة من خلل عدد من الصور. 

7. 7
Image Graphics
تقسم الصور الجرافيكية الرقمية الى نوعين: 
Bitmap Image 1 الصور النقطية .
Vector Graphics 2 الصور المتجهة .
صورة متجهة صورة نقطية

8. 8
Bitmap الصور النقطية
التي لكل منها لونها (Pixels) الصورة النقطية : هي عبارة عن مصفوفة من النقط 
وهو اصغر وحدة للتعبير عن المعلومات ; bit الخاص ( الذي يعبر عنه باستخدام ال
الرقمية).
هي أصغر جزء في الصورة ، والصورة عباره عن : Pixel النقطة الضوئية البكسل 
مجموعة من النقاط الضوئية .والبكسل هو الوحدة التي يتكون منها كل ماتراه على شاشة
الكمبيوتر وهو عبارة عن تحمع لوحدات صغيرة بجانب بعظها البعض . وتقاس دقة الصورة
على الشاشة بعدد البكسلت في الوحدة الطولية . وتزداد دقة الصورة كلما زماد عدد البكسلت
في الوحدة الطولية .
ويحتوي كل نقطة ضوئية بكسل على لون واحد فقط 
اذ تتكون شاشة العرض في جهازم الكمبيوتر ذات الحجم 14 انش (بوصة) من 640 نقطة 
ضوئية عرضا و 480 نقطة ضوئيه (بكسل) طول . ويصعب تمييز هذة النقاط بالعين المجردة
. وعند عرض الصورة بنسبة 100 % فهذا يعني انة تم عرض كل نقطة ضوئية بكسل من
الصورة على نقطة ضوئية واحدة من الشاشة .
هو اصغر قيمة رقمية : .Bit 
8bits 1 byte

9. 9
Bitmap الصور النقطية

10. 10
Bitmap الصور النقطية

11. 11
X
y
)x,y(
نقطة ضوئية بكسل

12. 12

13. 13
Bitmap أمثلة على الصور النقطية
الصور الفوتوغرافية. 

14. 14
Bitmap أمثلة على الصور النقطية
scanner الصور التي تم مسحها عن طريق السكانير 

15. 15
Bitmap أمثلة على الصور النقطية
الصور التي يتم انشاؤها عن طريق برامج الرسم ومعالجة الصور. 
مثل الفتوشوب ، برنامج الرسام

16. 16
مشاكل الصور النقطية
تظهر تشوهات بالصورة النقطيه في حالتين: 
عند تكبير الصوره اكثر من أبعادها الصلليه 
resolution عند تقليل نسبه دقة وضوح الصورة 

17. 17
مشاكل الصور النقطية
تكبير الصورة 

18. 18
تكبير الصورة

19. تقليل دقة وضوح الصورة 
19
مشاكل الصور النقطية

20. 20
مشاكل الصور النقطية
تقليل دقة وضوح الصورة 
dpi 72 266dpi

21. 21
Resolution دقة الصورة
هو تعبير لجودة الصورة عندما يتم عرضها أو طباعتها ، حيث يصف 
في وحدة الحجم و عادة ما يتم Pixels عدد انقاط المكونة للصورة
dot per inch. أي بكسل لكل إنش dpi قياسه بوحدة
و نشير هنا إلى انه كلما زاد عدد البكسل لوحدة الحجم كلما زاد وضوح 
الصورة

دقة الصور 72 بكسل دقة الصور 5 بكسل

22. 22
Resolution دقة الصورة

23. 23
Resolution دقة الصورة
– عندما يكون الهدف الطباعة يجب أن تكون دقة الصورة 300 
1440 بكسل لكل إنش.
300dpi – بينما للعرض على الشاشة و مواقع النترنت 72 
لطباعة صورة او تصميم يحتوي على نصوص يجب ان تكون دقة 
dpi الصورة على القل 400
dpi=dot per inch=ppi=pixel per inch 
= بكسل لكل انش

24. 24

25. 25
Color depth دقة اللون
المستخدمة لتمثيل bits يستخدم هذا المصطلح للتعبير عن عدد ال 
اللون في البكسل الواحد من الصورة.
تتراوح دقة اللوان في الصور من 1 بت أي لون واحد ( أسود و أبيض 
) إلى 32 بت أي مليين اللوان .
عدد اللوان دقة اللون
المحتملة

26. 26
Color depth دقة اللون
1bit 4bit 8bit
تدرج رمادي ، 256 لون تدرج رمادي ، 16 لون أبيض و أسود لونيين

27. 27
Color depth دقة اللون
4 bit 8 bit 24 bit ألوان حقيقية
16.7 مليون لون 265 لون 16 لون

28. 28
العلقة بين دقة اللون وحجم الملف
1 1/3 1/6 1/ حجم الملف 24
24-bit 8-bit 4-bit 1-bit
دقة اللون

29. 29
Vector Graphics الصور المتجهة
يمثل النقاط التي يمكن :(Victor Images) التمثيل باستخدام المتجهات 
تمثيلها بعلقة رياضية ويكون لها اللون نفسه من خلل نقطة البداية ونقطة
النهاية والمعادلة واللون.
يتكون هذا النوع من الصور من عدد كبير جداً من الخطوط و الدوائر والتي 
بنيت أساساً بناءاً على علقات رياضية.
لذا يستخدم هذا النوع من الصور قدرات الحاسوب بشكل أكبر من حيث 
المعالجة لكنه يحتاج مساحة أقل في الذاكرة و في التخزين.

30. 30
Vector Graphics الصور المتجهة
يمكن تكبير هذا النوع من 
الصور من غير فقدان جودة
الصور
2.50” x 3.25”
1.75” x 2.25”
3.25” x 4.25”

31. 31
Vector Graphics الصور المتجهة
المتجه هو عبارة عن خط يتم وصفه من خلل نقطتي 
نهايته.
(Rect( مثال : 0,0,200,200 
في هذه المعادلة يقوم الحاسوب برسم مستطيل : من أعلى 
يسار الشاشة ويتحرك بمقدار 200 وحدة بشكل أفقي إلى
اليمين و 200 وحدة بشكل عمودي إلى أسفل ليتم رسم
( الشكل. ( 0,0
(200,200)

32. 32
Vector Graphics الصور المتجهة
هناك برامج خاصة بالرسم بالفيكتور 
مثل : 
Adobe Illustrator 
Adobe Flash 
Corel Draw 

33. 33
استخدامات الصور المتجهة
CAD.ِ الرسم الهندسي 
تصميم بعض انواع المطبوعات. 
الرسم الثلثيي البعاد. 
التحريك. 
الويب 

34. 34
انظمة ونماذج اللووان
Color Mode
والومقصود بالونموذج الولوني هو اسلوب الوتعامل مع اللووان , وتقوم وبتحديد نظام
اللووان وعددها في الوصورة. واهمها واشهرها ما يلي:
:Bitmap 1.
RGB 2.
CMYK 3.
Grayscale 4.

35. 35
Bitmap mode 1.
لولصور ذات الولونين ال: بي ض والاسود والسود Bitmap 1.
.فقط

36. 36
mode RGB. 2
وفي هذا النموذج نتعامل مع الوانفي هذا النموذج نتعامل مع الوان : RGB
ا لضوء وفي هذا النموذج نتعامل مع الوانهو يعبر عن الطيياف المرئية التي
RED تنتج من خلط الالوان الثلاثة وهينتج من خلط اللوان الثلثةة وفي هذا النموذج نتعامل مع الوانهي
ا زرق بنسب Blue اخضر Green احمر
مختلفة , وفي هذا النموذج نتعامل مع الوانمن حرف اللوان الثلثةة جاء
السمم

37. 37
CMYK mode
ا لووان الوفرزر وهي الزررق CMYK 1.
والرجواني Cyan الوسماوي
Yellow والصففر Magenta
وفي هذا النموذج نتعامل مع الوانمن حروفي هذا النموذج نتعامل مع الوانفها الربعه . Black والسود
ولوكنهم CMYK ياتنتج من خلط الالوان الثلاثة وهيي اسمم النظام
لو لتعبير عن الولون K استخدمو حرف
حتى ل يخالوط B السود بل من حرف ال
ا لوذي يعبر عن الولون B المر مع حرف
RGB الزررق في نظام اللووان

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

39. 39
تنسيقات الوصور
لحفظ العمل بصغيتة psd امتداد الصور التي تنتج من خلط الالوان الثلاثة وهيحفظ بالفوتنتج من خلط الالوان الثلاثة وهيوشوب ,أن المتداد
الصلليه ...إي القابلة لتعديل.
وفي هذا النموذج نتعامل مع الوانغيرها من المميزات Layer وفي هذا النموذج نتعامل مع الوانيمكن ان تنتج من خلط الالوان الثلاثة وهيحتوي الصورة على طيبقات
Photoshop
(Psd).)
وفي هذا النموذج نتعامل مع الوانهذه الصور هي ملفات مستخدمة في تنتج من خلط الالوان الثلاثة وهينسيق الصور للويندوفي هذا النموذج نتعامل مع الوانز وفي هذا النموذج نتعامل مع الوانهي في العادة ملفات
حجمها كبير لذلك ل تنتج من خلط الالوان الثلاثة وهيستخدم في صلفحات الويب
Bitmap
(bmp).
Graphics Interchange تنتج من خلط الالوان الثلاثة وهينسيق تنتج من خلط الالوان الثلاثة وهيبادل الرسمومات وفي هذا النموذج نتعامل مع الوانهي اختصار
امتداد مفضل للصور التي ليس لها خلفيه .وفي هذا النموذج نتعامل مع الوانهو من اشهر المتدادات على Format
النتر نت ..عدد اللوان 256 ,وفي هذا النموذج نتعامل مع الوانكما ذكرت هو الغالب في الشبكة لنه ل يستهلك حجما
كبيرا.هو مخصص لصور المنزوفي هذا النموذج نتعامل مع الوانعه الخلفيه أوفي هذا النموذج نتعامل مع الوان الصور القليلة للوان.
GIF
(gif).
وفي هذا النموذج نتعامل مع الوانهي اختصار مجموعة خبراء الصور الفوتنتج من خلط الالوان الثلاثة وهيوغرافية المشتركة
ا متداد مفضل للصور التي Joint Photographic Experts Group
لها خلفيه .. وفي هذا النموذج نتعامل مع الوانهو ايضاً من اشهر المتدادات الموجوده على النتر نت . وفي هذا النموذج نتعامل مع الوانهو مخصص
لصور التي تنتج من خلط الالوان الثلاثة وهيحتاج إلى وفي هذا النموذج نتعامل مع الوانضوح وفي هذا النموذج نتعامل مع الواندقة في اللوان. وفي هذا النموذج نتعامل مع الوانتنتج من خلط الالوان الثلاثة وهيكون الصورة اصلغر حجما وفي هذا النموذج نتعامل مع الواناسمرع
في التحميل عند تنتج من خلط الالوان الثلاثة وهيصفح الويب
JPG
(jpg).

40. وسوف يتم استخدام هذه الوتنسيقات في الوجدول الوسابق عند 
40
الوبدء باستخدام برنامج فوتوشوب . ورؤية بعض الوفروق
بشكل عملي .

41. الونهاية