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

2. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
2
الهدداف
• يعرف برنامج الفوتوشوب ولمميزاتة , ولكيفية تنصيب البرنامج
• يتعرف فتح ولاغلق البرنامج
• يعرف مكونات شاشة برنامج فوتوشوب , صندولق الدولات
,اللوحات(النوافذ) المختلفة
• انشاء ملف جديد ولحفظة
ول ZOOM • استخدام بعض ادولات البرنامج )اداة التكبير

3. Adobe Photoshop
من أشهر البرامج المستخدمة في Adobe Photoshop يعتبر برنامج
يشير الى CS تصميم الصور الرقمية ولإنشائها. ,ولالختصار
ولالرقم يشير الى الصدار . Creative Suite products
حيث يتضمن البرنامج عدداَ من أدولات تحرير الصور، ولإضافة
التأثيرات لتعديل الصور ولمعالجتها.
وليوفر البرنامج إمكانية العمل من خلل الطبقات المتعددة بمرولنة
ولسهولة ، ولإمكانية عزل أجزاء من الصور ولتطبيق معالجات مختلفة على
تلك الجزاء ، وليستخدم البرنامج لدمج اللوان ولفرزهدا بجودة عالية.
جامعة الحدود الشمالية كلية المجتمع في طريف

4. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
4
AAddoobbee PPhhoottoosshhoopp تتششغغييلل ببررننااممجج
..((((SSttaarrtt --11 االلننققرر ععللىى ززرر للئحئحححةة ااببددأأ
،، ((PPrrooggrraammss)) --22 االلذذههاابب االلىى خخيياارر ببررااممجج
(( AAddoobbee PPhhoottoosshhoopp CCSS)) ثثمم ااخختترر

5. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
5
-3 تظهر الشاشة الرئيسية للبرنامج كما في الشكل:
مكونات الشاشة الرئحيسية للبرنامج :
تتكون الشاشة الرئيسية للبرنامج من الجزاء الظاهدرة التية:
شريط العنوان

6. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
6
...
1 شريط العنوان .
2 شريط القوائحم .
3 شريط الخيارات .
4 صندوق الدوات .
5 اللواح (التصفح , .
اللوان .... )
6 شريط الحالة .

7. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
7
1 شريط العنوان : وليظهر فية .
اسم الملف ولالتكبير
ولالتصغير ولالغلق
2 . شريط القوائم:
وليحتوي على الولامر التي تحتاجها في البرنامج من حفظ ولاغلق
ولتنسيقات ول ...
3. شريط الخيارات :عند تحديد او اختيار اي اداة فان لهذه الداة مجموعة
خيارات تظهر في الشريط العلوي للنافذة تحت شريط القوائحم كما في الشكل
المجاور الذي يظهر خصائحص اداة وعاء الدهان والذي ظهرت لننا قمنا
باختيار الداة من صندوق الدوات

8. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
8
التصفح , اللوان .... ) ) palettes 4 – اللواح
-5 شريط الحالة : ويظهر اسفل النافذة : ومنه
بإمكانك ان ترى يلي :
-1 نسبة التكبير
-2 وحجم الملف
-3 وعند الضغط بالفارة على المثلث السود تظهر
خيارات اخرى وهي :
حجم الملف وهو ظاهر بالصل Document size
معلومات عن اللوان Document profile
المستخدمة
ابعاد الملف Document dimension
الداة الحالية : Current tool

9. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
9
صندولق الدولات:
لظهار واخفاء صندوق الدوات:
نحدد لظهاره او نزيل التحديد لخفاء الصندوق) ) tools نختار windows من قائحمة

10. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
10

11. صندولق الدولات
• تحتوي كل اداة في مربع الدوات على ادوات اخرى مجمعة مع بعظها
البعض ولظهار هذة الدوات المشابهة نقوم بالضغط بالفارة على الداة
والستمرار بالضغط لثواني حتى تظهر الدوات التابعة لهذه الداة كما
في الشكل المجاور
• لمعرفة اسم الداة نضع مؤشر الفارة فوق الداة حتى يظهر اسمها كما
وهذا G في الشكل المجاور فنلحظ اسم الداة بالنجليزي واختصارها
لختيار الداة (عن طريق shift الحرف كما قلنا يستخدم مع الضغط ب
لوحة المفاتيح )
• عند تحديد او اختيار اي اداة فان لهذه الداة مجموعة خيارات تظهر في الشريط العلوي للنافذة تحت شريط
القوائحم كما في الشكل المجاور الذي يظهر خصائحص اداة وعاء الدهان والذي ظهرت لننا قمنا باختيار الداة من
صندوق الدوات
جامعة الحدود الشمالية كلية المجتمع في طريف
اعداد أ. فؤاد بني خالد 11

12. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
12
palettes اظهار واخفاء اللوواح
• اهميه الونوافذ : نستطيع باستخدام الونوافذ الوقيام
ببعض الومهام وبصور سريعة دون الوذهاب الوى
شريط الولوائح .
• لظهار او اخفاء أي من هذة الونوافذ نقوم بما
يلي :
ثم نحدد اسم الوقائمة ← window – الوذهاب الوي قائمة
(اذا اوضع امام اسم الوقائمة الورمز) فانها تظهر واذا
ازلونا الشارة بالونقر بالوفارة فتختفي الونافذة

13. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
13
color قم باظهار نافذة
• الوى ماذا ترمز هذه اللووان ؟
والوى ماذا يشير الورقم الوذي بجوارها وما هي اقل R G B • ماهي
واكبر قيمة لوها ؟
ملحظظة :
G=255 B=255 (R= للحصول على الوان فاتحة اجعل القيم مرتفعة (البيض الناصح 255
G=0 B=0 (R= للحصول على الوان غامقه اجعل القيم منخفضة (السوود 0

14. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
14
نشاط
Navigator نافذة , layer ونافذة history • قم باظهار نافذة
• قم باخفائهما ثم اعد اظهارها ؟
الوسيرة ؟ history • ما هي الوية عمل نافذة
: history فائدة ال
بالتراجع عن اكثر من history تقوم لوحظة السيرة
حظركة او امر( 20 امر) , ويظهر اخر امر تم عملة في
الخير , ويمكن التراجع الى نقطه معينة بالضغط على
المر الذي نريد الرجوع الية , واذا اردنا الرجوع الى بداية
العمل قبل ان نقوم يتعديل اي شي نضغط بالفارة على اول
امر(الذي يظهر اسوم اللوحظة او الصورة )
ثم preference ثم اختار edit اذهب الى history فائدة : لزيادة عدد مرات الرجوع لل
history state فتظهر لك نافذة غير قيمة العدد مقابل general

15. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
15
اظهار جميع الونوافذ وترتيبها
• لظهار جميع الونوافذ وترتيبها نقوم بما يلي :
workspace نختارفراغ الوعمل ← window • من لئحة نافذة
reset Palette ← ثم نختار استعادة مواقع اللوواح
Location

16. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
قائمة تحتوي على مجموعة من
العدادات الجاهزة للوحظات
16
إإننششااءء ممللفف((للووحظحظهه)) ججددييدد ::
للننششااءء االلممللففااتت االلججددييددةة للللصصوورر ووااللللووحظحظااتت،، ااتتببعع مماا ييأأتتيي::
..((NNeeww)) ااخختترر ججددييدد ((FFiillee)) --11 ممنن للئئححةة ممللفف
--22 ااضضببطط االلععددااددااتت االلتتيي تتظظههرر ففيي االلششككلل االلتتاالليي::
حظجم الصورة بالكيلوبايت وذلك
بناء على العدادات التي تم
اختيارها
تحدد مدى درجة وضوح الصور من خلل
تحديد عدد النقاط الضوئية في كل إنش
أو في السنتيمتر المربع (وكلما زاد
الوضوح تزداد حظجم الصورة )
تحدد نظام اللوان وعددها
التي تريد أن
تستخدمها في الصورة
(White) تعين خلفية اللوحظة هل هي بيضاء
(Background) أم ملونة بألوان الخلفية
(Transparent) أم شفافة
عرض اللوحظة. حظسب وحظدة القياس
في المربع المجاور
ارتفاع اللوحظة باسوتخدام وحظدة
القياس المبينة في المربع المجاور
اسوم الملف

17. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
17

18. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
18

19. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
19
((OOKK)) --33 ببععدد االلننتتههااءء ممنن ممووااصصففااتت االلصصففححةة االلسسااببققةة ننننققرر ززرر
ففييظظههرر االلششككلل االلتتاالليي::

20. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
20
نشاط 1
• قم بانشاء صورة جديد بالومواصفات الوتالوية ثم اذكر ماهو حجم الوصورة ؟
الخيار
A1 Name
Preset
PIXELS 100 Width
PIXELS 200 Height
50 Resolution
RGB Color Mode
white Background Contents
حجم الوصورة
KB 19.5

21. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
21
نشاط 2
• قم بانشاء صورة جديد بالومواصفات الوتالوية ثم اذكر ماهو حجم الوصورة ؟
الخيار
B1 Name
Preset
CM 15 Width
CM 10 Height
200 Resolution
Bitmap Color Mode
background Background Contents
حجم الوصورة
??

22. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
22
نشاط 3
• قم بانشاء صورة جديد بالومواصفات الوتالوية ثم اذكر ماهو حجم الوصورة ؟
الخيار
C1 Name
Preset
MM 1000 Width
MM 2000 Height
60 Resolution
RGB Color Mode
white Background Contents
حجم الوصورة
?

23. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
23
resolution • قيم الدقه
– اختر 72 بكسل لعرض الصورة على الشاشة
300 للطباعة على ورق بصورة واضحة - – اختر 200
– اذا اردت وضوح اكثر اختر اعلى من 300

24. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
24
فتح صورة موجودة
ثثمم ننححدددد ممككاانن االلصصووررةة ..((ooppeenn)) ااخختترر ففتتحح ((FFiillee)) --11 ممنن للئحئحححةة ممللفف
<< ooppeenn ووننححددددههاا ثثمم ننخختتاارر
ففيي االلممسساارر االلتتاالليي dduucckkyy ققمم ببففتتحح االلصصووررةة
CC::PPrrooggrraamm FFiilleessAAddoobbeePPhhoottoosshhoopp CCSSSSaammpplleess

25. 1 2 3
جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
25
رموز اوضاع العرض على الشاشة
Standard Screen Mode
1 الرمز اليسر طريقة العرض العادية .
2 تمل الشاشة باكملها ويختفي شريط العناوين ولكن .
يظل شريط القوائم
3 تكبير الصورة على الشاشة ويختفي شريط القوائم .

26. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
26
اظهار المسطرة والخطوط
ruler نختار view • من
ctrl + r • او
لظههار خطوط تقسيم الصفحة
grid ثم show نختار view • من
(‘ + ctrl ) • او

27. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
27
استخدام الدوات
:Zoom ( -1 اداة العدسة (التكبيروالتصغير
The zoom tool •
أ داة العدسة أو أداة التكبير و التصغير
لتكبير جزء من الصورة
Alt • أو تصغيرها بالضغط على
• تقوم بتكبير مدى الرؤية للصورة ولكنه
ل تؤثر على الحجم الفعلي للصورة

28. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
28
وعند اختيار اداة التكبير يظهر شريط الخيارات كما في الصورة اعله :
تستخدم للتصغير alt -1 لتكبير الصورة وعند الظغط على
تصبح العكس alt -2 للتصغير او للتكبير حسب الشكل وعند استخدام
تجعل النافذة بحجم الصفحة بعد التكبير او التصغير : resize window- 3
لتكبير او تصغير كل الصور المعروضة بالبرنامج : ;Zoom all Window
جعل الصورة بحجمها الحقيقي : Actual pixels- 4
جعل الصورة بحجم النافذة : Fit screen
لعرض العمل بمقاس الطباعة الصللي : :Print size
هل يوجد فرق في
alt استخدام مفتاح
الذي في يمين او
يسار لوحة المفاتيح

29. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
29
:Zoom اداة التكبير
• بالمكان رؤية حجم التكبير بالعدسة من اسفل الشاشة في شريط الحاله وبجانبه الشارة
%. وايضا يمكن زيادة او انقاص النسبة
الى ماذا يشير هذا
الرقم ؟

30. ووييووففرر االلببررننااممجج ططررييققةة سسههللةة للللتتننققلل وو االلتتححككمم ببااللصصووررةة ععنن ططررييقق ننااففذذةة االلتتصصففحح ::
بعد إنشاء اللوحة (Navigator) ننااففذذةة االلتتصصففحح ققببلل ااتتششااءء االلللووححةة نافذة التصفح
لحظ المقبض الذي يمكن
تحريكه يساراّ ويميناّ لتكبير حجم العرض وتصغيره
حيث تظهر نسبة التكبير والتصغير في أسفل الزاوية
اليسرى من النافذة وعلى يسار شريط الحالة
جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
30

31. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
31
والخلفية foreground -2 لون المامية
Background
وهو موجود في صلندوق الدوات:
• واللون السود هو اللون االفتراضي للمامية (اي لون الكتابة والرسم ...)
• واللون البيض هو اللون الفراضي للخلفية ويضهر هذا اللون عن مسح
جزء من الصورة
• وبالمكان تغير اللون بالضغظ بالفارة على المامية (المربع السود ) فتظهر
نافذة اللوان ونختار منها اللون المناسب
• وكذلك المر لتغير لون الخلفية
• ملحظة للتبديل بين الوان المامية ووالخلفية : نكبس بالفارة على السهم
الذي بجانب المربعين
• لستعادة اللوان الفتراضية( السود والبيض) نكبس على المربعان
الصغيران في السفل

32. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
32
Background والخلفية foreground تغير لونالمامية
• اذا اردت تغيير اللون المامي او لون الخلفية انقر على المربع المطلوب (المامي او الخلفية) نقرة
واحدة وسيظهر الطار التالي:
1 ) مساحة اختيار تدريجات اللون المحدد من الفاتح
الى الغامق
2هذه الدائحرة الصغيرة تستطيع ان تسحبها بالفارة )
الى درجة اللون الذي تريده .
3) مستطيل اللوان. 4) هذين السهمين باستطاعتك سحبهما الى العلى )
او الى السفل على طول مستطيل اللوان لختيار
لون محدد..
5) يُظهر اللون الذي قمت باختياره .. فكلما حركت )
السهمين على مستطيل اللوان او تلك الدائحرة بداخل
مساحة التدريجات فان هذا اللون سوف يتغير الى
اللون الذي تختاره
6 ) يظهر اللون المامي او الخلفي )حسب المربع الذي قمت بالنقر عليه) والذي تود انت الن ان تغيره )
وبالمكان تحديد درجة (H S B) (R G B) (L A B) (C M Y K) 7) تلحط هنا انه يوجد عدة انظمة لللوان )
اللون بالرقام بدقة

33. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
33
نشاط
اللون الخضر foreground قم بجعل لون المامية
اللون البيض Background ولون الخلفية

34. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
34
حفظ الصورة
ومنها نختار : file • لحفظ العمل نختار
حفظ : لحفظ الملف ثم نختار اسم الملف ومكان الحفظ Save –
( وإذا كان الملف محفوظ مسبقا فيتم حفظ التعديلت فقط وبنفس
السم والمكان )
حفظ باسم :باستخدام هذا الخيار نستطيع اعادة حفظ Save as –
الملف المحفوظ مسبقا باسم جديد او مكان جديد.
• وبعد الختتيار تظهر النافذة التالية :

35. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
35
مكان الحفظ
اسم الملف (الصورة)
تنسيق الملف (الصورة )

36. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
36
• وبعد تحديد مكان الحفظ وكتابة اسم الملف واختتيار التنسيق
للغاء الحفظ cancel للحفظ او save نختار

37. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
37
نشاط
• بماذا يبدأ السم الفتراضي الذي تعطيه برمجية الفوتوشوب
للصورة ؟
• وما هو التنسيق الفتراضي الذي تعطيه البرمجية ؟

38. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
38
نشاط
على سطح المكتب (Dukey • قم بحفظ العمل السابق (صورة البطة
بالتنسيقات المختلفة التالية ثم لحظ الفروق ؟
ما هو حجم الملف بعد
الحفظ
التنيسق
format
السم
file name
؟؟؟؟؟ )Psd (photoshop dukeypho
؟؟؟؟ Gif dukeygif
؟؟؟؟ Bmp dukeybmp

39. الشفافية
جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
39
اداة الشكال
• يوف برنامج الفوتوشوب اداة الشكال
والتي تستخدم لرسم الشكال Shapes
الهندسية وعند مواصلة الضغط على الداة
تظهر العديد من الشكال
وعند اختتيار الشكل يظهر شريط الخيارات الخاص بالشكال كما يلي
مجموعة من اشكال اخرى خط مستقيم شكل هندسي دائري ....
الخصائص التي تظهر
حسب نوع الشكل الذي
تم اختيارة

40. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
40
نشاط قم بعمل الصورة التالية
• لعمل هذة الصورة اختتار اداة الشكال
• ثم اختتار الشكل الثماني وقم بالسحب بالفارة
opacity • للتحكم بشفافية اللون قم بتغير قيم
تساوي 3 sides • لرسم المثلث نقوم بجعل قيمة
وهذا هو عدد الظللع للشكل الهندسي

41. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
41
واجب 1
• قم بانشاء صورة جديدة حسب المواصفات التالية على ان تكون ختلفية
الصورة باللون الحمر ثم قم برسم ما تراه مناسبا باستخدام اداة
الشكال ؟
الخيار
واجب 1 Name
Preset
cm 15 Width
cm 20 Height
70 Resolution
RGB Color Mode

42. جامعة الحدود الشمالية كلية المجتمع في طريف اعداد أ. فؤاد بني خالد
42
THE END