في : فني واخراج تصميم المادة اسمالحاسب

( CT-317)

1436/1435 االولالدراسي الفصل . اعداد خالد بني فؤاد أ

جامعة الحدود الشماليةكلية المجتمع في طريف

االولى الوحدة

2

االهداف

. الحياة في الصور اهمية يعرف العلمي التطور ظل في الصور استخدام مجاالت

. الحاضر والتكنولوجي الصور انواع بين يميز بالرسومات العالقة ذات المصطلحات من عدد بين التفريق

والصور الصور انتاج في المستخدمة األلوان أنماط بين يميز

(.Color Models)والرسومات . بينها والفرق الصور تنسيقات بعض يتعرف

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

4

الحياة في الصور أهمية

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

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

في قيمتها للصور بقيت الكتابة اختراع وبعد حتىمن العديد في الكالم من الكثير عن تعبر انها

المواقف. من البشرية من البشرية النفس على تطفيه ما

. وسرور بهجة

5

التطور ظل في الصور استخدام مجاالتالحاضر والتكنولوجي 1العلمي

الحاسوب باستخدام التصميم في :(CAD)المساعدة والتصاميم العلوم مجاالت لكافة الصور بانتاج يرتبط

الالزمة.. السنمائية والخدع األفالم انتاج الحاجة حسب والتعديل الفحص من المنتج تمكن

. خسارة دون ثالثية والرؤية زاوية من اكثر من الرؤية امكنيات

. الصورة على الحركة واضافة االبعاد اإللكترونية العروض في والجداول الصور استخدام

. والتعبير لإليجاز

6

التطور ظل في الصور استخدام مجاالتالحاضر والتكنولوجي 2العلمي

دون الدقة من عالية درجة على فنية رسومات عمل. المختلفة المالئمة والظروف االدوات توفر منع

ذلك ويظهر الصور استخدام من والرفاهية المتعة. اإللكترونية االلعاب في جليا

: التعليم في الصور استخدامات محيط في واقعيا عرضها يمكن ال مشاهد وتمثيل محاكات

المدرسة.. والمكلفة الخطرة التجارب عرض الجداول لتمثيل والبيانية التخطيطية الرسوم استخدام

. الدراسة صعبة والقيم خالل من الكبيرة النصية المعلومات من كمية تمثيل

. الصور من عدد

7

Image \ Graphics

الى الرقمية الجرافيكية الصور تقسمنوعين:

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

المتجهة 2. Vector Graphicsالصور

متجهة صورةنقطية صورة

8

النقطية Bitmapالصور( : النقط من مصفوفة عن عبارة هي النقطية ( Pixelsالصورة

ال ) باستخدام عنه يعبر الذي الخاص لونها منها لكل ; bitالتي.) الرقمية المعلومات عن للتعبير وحدة اصغر وهو

البكسل النقطة ، : Pixel الضوئية الصورة في جزء أصغر هيالنقاط من مجموعة عن عباره هو .الضوئية والصورة والبكسل

وهو الكمبيوتر شاشة على ماتراه كل منها يتكون التي الوحدةوتقاس . البعض بعظها بجانب صغيرة لوحدات تحمع عن عبارة

الطولية . الوحدة في البكسالت بعدد الشاشة على الصورة دقةالطولية . الوحدة في البكسالت عدد زاد كلما الصورة دقة وتزداد

فقط واحد لون على بكسل ضوئية نقطة كل ويحتوي الحجم ذات الكمبيوتر جهاز في العرض شاشة تتكون انش 14اذ

) من) و 640بوصة عرضا ضوئية ( 480نقطة بكسل ) ضوئيه نقطةعرض . . وعند المجردة بالعين النقاط هذة تمييز ويصعب طوال

بنسبة ضوئية% 100الصورة نقطة كل عرض تم انة يعني فهذاالشاشة . من واحدة ضوئية نقطة على الصورة من بكسل

Bit. رقمية: قيمة اصغر هو

8bits 1 byte

9

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

10

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

11

X

y

(x,y)

بكسل ضوئية نقطة

12

13

النقطية الصور على Bitmapأمثلة

. الفوتوغرافية الصور

14

النقطية الصور على Bitmapأمثلة

السكانير طريق عن مسحها تم التي scannerالصور

15

النقطية الصور على Bitmapأمثلة

الرسم برامج طريق عن انشاؤها يتم التي الصور. الصور ومعالجة

الرسام برنامج ، الفتوشوب مثل

16

النقطية الصور مشاكل

: حالتين في النقطيه بالصورة تشوهات تظهر

األصليه أبعادها من اكثر الصوره تكبير عند الصورة وضوح دقة نسبه تقليل عند

resolution

17

النقطية الصور مشاكل

الصورة تكبير

18

الصورة تكبير

19

الصورة وضوح دقة تقليل

النقطية الصور مشاكل

20

النقطية الصور مشاكل

الصورة وضوح دقة تقليل

                                         

                                                                                                              

            

                                         

                                                                                                              

            

266dpi 72 dpi

21

الصورة Resolutionدقة

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

بوحدة قياسه يتم ما .dpiعادة إنش لكل بكسل dot perأيinch

كلما الحجم لوحدة البكسل عدد زاد كلما انه إلى هنا نشير والصورة وضوح زاد

الصور 72دقةبكسل

الصور بكسل 5دقة

22

الصورة Resolutionدقة

23

الصورة Resolutionدقة

الصورة دقة تكون أن يجب الطباعة الهدف يكون عندما300 – 1440. إنش لكل بكسل

االنترنت مواقع و الشاشة على للعرض 300dpi – 72بينما تكون ان يجب نصوص على يحتوي تصميم او صورة لطباعة

االقل على الصورة dpi 400دقة

dpi=dot per inch=ppi=pixel per inchانش = لكل بكسل

24

25

اللون Color depthدقة

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

الصورة. من الصور في األلوان دقة واحد 1تتراوح لون أي بت

إلى) ( أبيض و األلوان . 32أسود ماليين أي بت

دقة اللون

االلوان عددالمحتملة

26

اللون Color depthدقة

1 bit 4 bit 8 bit

لونيين أسود أبيضو رمادي، لون 16تدرج رمادي، لون 256تدرج

27

اللون Color depthدقة

24 bit ألوانحقيقيةbit 8bit 4

لون 16لون 265مليونلون 16.7

28

الملف وحجم اللون دقة بين العالقة

24-bit 1-bit4-bit8-bit

1/3 1/241/61 حجمالملف

دقةاللون

29

المتجهة Vector Graphicsالصور

المتجهات باستخدام النقاط: (Victor Images)التمثيل يمثلمن نفسه اللون لها ويكون رياضية بعالقة تمثيلها يمكن التي

. واللون والمعادلة النهاية ونقطة البداية نقطة خالل و الخطوط من � جدا كبير عدد من الصور من النوع هذا يتكون

. رياضية عالقات على � بناءا � أساسا بنيت والتي الدوائر أكبر بشكل الحاسوب قدرات الصور من النوع هذا يستخدم لذا

في و الذاكرة في أقل مساحة يحتاج لكنه المعالجة حيث منالتخزين.

30

المتجهة Vector Graphicsالصور

النوع هذا تكبير يمكنغير من الصور من

الصور جودة فقدان

2.50” x 3.25”

1.75” x 2.25”

3.25” x 4.25”

31

المتجهة Vector Graphicsالصور

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

: مثالRect(0,0,200,200) برسم الحاسوب يقوم المعادلة هذه في

ويتحرك : الشاشة يسار أعلى من مستطيلو 200بمقدار اليمين إلى أفقي بشكل وحدة

ليتم 200 أسفل إلى عمودي بشكل وحدة. الشكل رسم

(0,0)

(200,200)

32

المتجهة Vector Graphicsالصور

بالفيكتور بالرسم خاصة برامج هناك: مثلAdobe IllustratorAdobe FlashCorel Draw

33

المتجهة الصور استخدامات

���.ِِِالهندسي CADالرسم. المطبوعات انواع بعض تصميم. األبعاد الثالثي الرسم.التحريكالويب

34

االلوان ونماذج انظمةColor Mode

االلوان مع التعامل اسلوب هو اللوني بالنموذج والمقصود . الصورة, في وعددها االلوان نظام وبتحديد وتقوم

: يلي ما واشهرها واهمها.1Bitmap:

.2RGB.3CMYK .4 Grayscale

35

.1Bitmap mode

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

36

2 .mode RGB

RGB : نتعامل النموذج هذا وفيعن يعبر وهو الضوء الوان مع

من تنتج التي المرئية االطيافوهي الثالثة االلوان REDخلط

ازرق Blueاخضر Greenاحمر حرف , ومن مختلفة بنسب

االسم جاء الثالثة االلوان

37

CMYK mode

.1CMYK االزرق وهي الفرز الوانواالرجواني Cyanالسماوي

Magenta واالصفرYellow حروفها . Blackواالسود ومن

النظام اسم ياتي CMYKاالربعهحرف استخدمو Kولكنهم

من بال االسود اللون عن للتعبيرال االمر Bحرف يخالط ال حتى

حرف اللون Bمع عن يعبر الذينظام في RGBااللوان االزرق

38

Grayscaleالرمادي

النظام هذا يستخدماالسود اللونين

التدرج مع واالبيضبواقع درجة 256بينهما

درجة Pixelفكل لهابين تتراوح وضوح

تمثل والتي الصفرالقاتم االسود اللون

تمثل .255 والتيالناصع االبيض

39

الصور تنسيقاتبالفوتوشوب تحفظ التي الصور األمتداد ,امتداد psdأن

. لتعديل ... القابلة إي األصليه بصغيتة العمل لحفظطبقات على الصورة تحتوي ان من Layerويمكن وغيرها

المميزات

Photoshop(.(Psd)

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

الويب صفحات في تستخدم

Bitmap.(bmp)

اختصار وهي الرسومات تبادل GraphicsتنسيقInterchange Format لها ليس التي للصور مفضل امتداد

عدد .. .خلفيه نت االنتر على االمتدادات اشهر من وهوال و,256االلوان ألنه الشبكة في الغالب هو ذكرت كما

. أو الخلفيه المنزوعه لصور مخصص هو كبيرا حجما يستهلك. أللوان القليلة الصور

GIF.(gif)

المشتركة الفوتوغرافية الصور خبراء مجموعة اختصار وهيJoint Photographic Experts Group مفضل امتداد

االمتدادات .. اشهر من ايضا� وهو خلفيه لها التي للصورنت . االنتر على تحتاج وهو الموجوده التي لصور مخصص

. األلوان في ودقة وضوح حجما إلى اصغر الصورة وتكونالويب تصفح عند التحميل في واسرع

JPG  

.(jpg)

40

في التنسيقات هذه استخدام يتم وسوفبرنامج باستخدام البدء عند السابق الجدول

بشكل . الفروق بعض ورؤية فوتوشوبعملي .

النهاية