SlideShare a Scribd company logo
‫لمواقع‬
201
،‫كاله‬
‫كافة‬
‫ضيف‬
‫ھي‬
‫ويسة‬
‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬
12/4/7
‫أشك‬ ‫بكافة‬ ‫ميم‬
‫أي‬ ‫كامل‬ ‫ل‬
‫بما‬‫ل‬ ‫يكفي‬‫يض‬
،‫ھنا‬ ‫عنھا‬ ‫ث‬
‫ترو‬ ‫لتكون‬ ‫رة‬
‫التحريك‬
‫ت‬‫التحديد‬
‫القص‬ ‫اة‬
‫اللون‬ ‫ار‬
‫إلصالح‬
‫ فرشاة‬
‫النسخ‬ ‫اة‬
‫ ممحاة‬
‫اللوني‬ ‫ج‬
‫الضبابية‬
‫جة‬‫اللون‬
‫الرسم‬ ‫ت‬
‫النص‬ ‫اة‬
‫الرسم‬ ‫ت‬
‫ األشكال‬
‫التحريك‬
‫ المكبرة‬
‫الفوتوشو‬ ‫ستخدام‬
‫مشق‬
‫مواقع‬
‫والتصم‬ ‫صور‬
‫بشكل‬ ‫إما‬ ،‫قع‬
‫جزئي‬ ‫كل‬،‫و‬‫ب‬
‫سنتحدث‬ ‫والتي‬
.‫الزائر‬ ‫ب‬
:‫ة‬
‫صور‬ ‫معالجة‬
‫أداة‬‫ا‬  
‫أدوات‬
‫ أدا‬
‫أداة‬‫اختيا‬
‫اإل‬ ‫ أداة‬
‫ أد‬
‫والتدرج‬ ‫ التعبئة‬
‫وا‬ ‫اللطخ‬ ‫ أدوات‬
‫ب‬ ‫التحكم‬ ‫أدوات‬‫درج‬  
‫ أدوات‬
‫ أدا‬
‫مؤشرات‬
‫ا‬ ‫ يد‬
‫اس‬
‫دم‬ / ‫الثقافة‬ ‫وزارة‬
‫المو‬ ‫تصميم‬
‫الص‬ ‫معالجة‬ ‫ت‬
‫للمو‬ ‫لرئيسية‬
‫يرھا‬‫بشك‬ ‫أو‬ ،
‫و‬ ،‫لفوتوشوب‬
‫تجذب‬ ‫بسيطة‬
‫األساسية‬ ‫وات‬
‫لم‬ ‫بسيط‬ ‫روع‬
‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬
‫صفحة‬ 1 ‫من‬ 25
‫ت‬ ‫في‬ ‫شوب‬
‫خيارات‬ ‫من‬ ً‫ا‬‫م‬
‫ال‬ ‫الواجھة‬ ‫ھنا‬
‫إعالنات‬‫وغي‬
‫ا‬ ‫استخدام‬ ‫يھا‬
‫إلكترونية‬ ‫ت‬
‫األدو‬ ‫بعض‬ ‫مع‬
‫مشر‬ ‫على‬ ‫لنا‬
.‫ب‬
‫وتوشوب‬‫م‬
‫الص‬
‫الفوتوش‬ ‫ام‬
‫عالم‬ ‫لنا‬ ‫يقدم‬
‫ھ‬ ‫ونقصد‬ ،‫ب‬
‫و‬ ‫وأيقونات‬ ‫ر‬
‫في‬ ‫يمكن‬ ‫التي‬
‫إعالنات‬ ‫صميم‬
‫ألدوات‬
‫مع‬ ‫للبرنامج‬ ‫ية‬
‫عمل‬ ‫أثناء‬ ‫ات‬
‫وجذا‬ ‫بسيط‬ ‫ي‬
‫طبقات‬
‫النص‬
‫فو‬ :‫الرابعة‬ ‫جلسة‬
‫استخدا‬
Adobe Ph
‫الوب‬ ‫مواقع‬ ‫م‬
‫وأزرار‬ ‫صور‬
.‫طلوب‬
‫المواقع‬ ‫صميم‬
‫وتص‬ ‫أساسي‬ ‫ل‬
‫واأل‬ ‫اللوحات‬
‫الرئيسي‬ ‫اجھة‬
‫األدوا‬ ‫ھذه‬ ‫ض‬
‫إلكتروني‬ ‫عالن‬
‫الط‬ ‫لوحة‬
‫إعدادات‬
‫الوب‬ ‫واقع‬–‫الج‬
hotoshop
‫تصميم‬ ‫ذلك‬
‫ص‬ ‫من‬ ‫الموقع‬
‫المط‬ ‫للتصميم‬
‫م‬‫تص‬ ‫مجاالت‬
‫بشكل‬ ‫الصور‬
:‫بالبرنامج‬ ‫ف‬
‫الو‬ ‫التالي‬ ‫كل‬
‫بعض‬ ‫بشرح‬ ‫م‬
،‫إعال‬ ‫وتصميم‬
‫الطبقة‬ ‫أثيرات‬
‫مو‬ ‫تصميم‬
‫برنامج‬
‫في‬ ‫بما‬
‫أجزاء‬
‫جمالية‬
‫أھم‬ ‫من‬
‫معالجة‬
‫التعريف‬
‫الشك‬ ‫في‬
‫وسنقوم‬
،‫للموقع‬
‫ تأ‬
‫لمواقع‬
201
‫موقع‬
‫واف‬،
Filte 
‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬
12/4/7
‫م‬ ‫من‬ ‫اإلفالت‬
‫والحو‬ ‫النقاط‬
er   Shar
‫الفوتوشو‬ ‫ستخدام‬
‫مشق‬
‫وا‬ ‫السحب‬ ‫قة‬
:‫ي‬
‫بعض‬ ‫في‬ ‫ر‬
rpen   Sm
‫اس‬
‫دم‬ / ‫الثقافة‬ ‫وزارة‬
‫منھا‬ ‫وبة‬.
Op‫بطريق‬ ‫أو‬
‫الباقي‬ ‫وإزالة‬
‫أكثر‬ ‫حدة‬ ‫طيھا‬
mart Sharp
‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬
‫صفحة‬ 2 ‫من‬ 25
‫المطلو‬ ‫رويسة‬
‫قائمة‬ ‫من‬pen
.‫امج‬
‫منھا‬ ‫جزء‬ ‫خذ‬
‫بح‬ ‫ثر‬‫ي‬‫يعط‬ ‫ث‬
pen
‫وتوشوب‬‫م‬
‫الص‬
‫وكوالتة‬
‫التر‬ ‫وإنشاء‬ ‫ھا‬
‫م‬ ‫بفتحھا‬ ‫إما‬
‫البرنا‬ ‫واجھة‬
Crop T‫ألخ‬
‫أكث‬ ‫الصورة‬
‫فو‬ :‫الرابعة‬ ‫جلسة‬
‫شو‬ ‫لموقع‬ ‫دة‬
‫معالجتھ‬ ‫نريد‬
‫فوتوشوب‬ ‫طة‬
‫إلى‬ ‫الحاسب‬
‫القص‬ ‫ة‬ool
‫تفاصيل‬ ‫ضيح‬
‫الوب‬ ‫واقع‬–‫الج‬
‫جديد‬ ‫تروسية‬
‫ن‬ ‫محددة‬ ‫صورة‬
‫بواسط‬ ‫صورة‬
‫جھاز‬ ‫على‬ ‫ة‬
‫أدا‬ ‫سنأخذ‬ ‫حھا‬
‫توض‬ ‫نريد‬ ‫صھا‬
:‫قائمة‬
‫مو‬ ‫تصميم‬
‫ت‬ ‫إنشاء‬
‫ص‬ ‫لدينا‬
‫الص‬ ‫لفتح‬
‫الصورة‬
‫فتح‬ ‫بعد‬
‫قص‬ ‫بعد‬
‫قا‬ ‫فنأخذ‬
‫لمواقع‬
201
‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬
12/4/7
‫ضغط‬OK:
‫الفوتوشو‬ ‫ستخدام‬
‫مشق‬
‫نض‬ ‫ثم‬ ‫طلوبة‬
‫اس‬
‫دم‬ / ‫الثقافة‬ ‫وزارة‬
‫المط‬ ‫التفاصيل‬
‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬
‫صفحة‬ 3 ‫من‬ 25
‫ا‬ ‫على‬ ‫نحصل‬
‫وتوشوب‬‫م‬
‫الص‬
‫ن‬ ‫حتى‬ ‫عدادات‬
‫فو‬ :‫الرابعة‬ ‫جلسة‬
‫اإلعد‬ ‫في‬ ‫نغير‬
‫الوب‬ ‫واقع‬–‫الج‬
‫ن‬ ‫الظاھرة‬ ‫فذة‬
‫مو‬ ‫تصميم‬
‫الناف‬ ‫في‬
‫لمواقع‬
201
Ima 
‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬
12/4/7
age   Adj
‫الفوتوشو‬ ‫ستخدام‬
‫مشق‬
ustments 
‫اس‬
‫دم‬ / ‫الثقافة‬ ‫وزارة‬
 Color B
‫حمر‬:
‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬
‫صفحة‬ 4 ‫من‬ 25
:‫قائمة‬ ‫خذ‬
Balance
‫األح‬ ‫اللون‬ ‫جة‬
‫وتوشوب‬‫م‬
‫الص‬
‫نأخ‬ ،‫اللونية‬ ‫ت‬
‫درج‬ ‫من‬ ‫نزيد‬
‫فو‬ :‫الرابعة‬ ‫جلسة‬
‫الدرجات‬ ‫عض‬
‫فن‬ ً‫ا‬‫دفئ‬ ‫أكثر‬ ‫ن‬
‫الوب‬ ‫واقع‬–‫الج‬
‫بع‬ ‫بإضافة‬ ‫آلن‬
‫تكون‬ ‫أن‬ ‫ريدھا‬
‫مو‬ ‫تصميم‬
‫اآل‬ ‫لنقوم‬
‫نر‬ ً‫ال‬‫مث‬
‫لمواقع‬
201
‫على‬
Ima 
‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬
12/4/7
ً‫ا‬‫كبير‬ ً‫ا‬‫تأثير‬
age   Adj
‫الفوتوشو‬ ‫ستخدام‬
‫مشق‬
‫ت‬ ‫تضيف‬ ‫لتي‬
ustments 
‫اس‬
‫دم‬ / ‫الثقافة‬ ‫وزارة‬
‫ال‬ ‫األدوات‬ ‫ھم‬
 Brightn
:‫سب‬
‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬
‫صفحة‬ 5 ‫من‬ 25
‫أھ‬ ‫من‬ ‫وھذه‬
ness/Cont
‫المناس‬ ‫التأثير‬
‫وتوشوب‬‫م‬
‫الص‬
،‫األلوان‬ ‫كيز‬
trast
‫على‬ ‫نحصل‬
‫فو‬ :‫الرابعة‬ ‫جلسة‬
‫وتركي‬ ‫إلضاءة‬
:‫ة‬
‫ن‬ ‫حتى‬ ‫ظاھرة‬
‫الوب‬ ‫واقع‬–‫الج‬
‫اإل‬ ‫بعض‬ ‫آلن‬
‫قائمة‬ ‫نأخذ‬ ،‫ة‬
‫الظ‬ ‫المؤشرات‬
‫مو‬ ‫تصميم‬
‫اآل‬ ‫نريد‬
‫الصورة‬
 
‫ا‬ ‫نحرك‬
‫لمواقع‬
201
‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬
12/4/7
‫الفوتوشو‬ ‫ستخدام‬
‫مشق‬
‫اس‬
‫دم‬ / ‫الثقافة‬ ‫وزارة‬
T:
‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬
‫صفحة‬ 6 ‫من‬ 25
‫ص‬Type Tool
‫وتوشوب‬‫م‬
‫الص‬
‫النص‬ ‫أداة‬ ‫دام‬
‫فو‬ :‫الرابعة‬ ‫جلسة‬
‫باستخد‬ ‫بسيط‬
‫الوب‬ ‫واقع‬–‫الج‬
‫نص‬ ‫اآلن‬ ‫ف‬
‫مو‬ ‫تصميم‬
‫سنضيف‬
‫لمواقع‬
201
‫ادات‬
‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬
12/4/7
‫إعدا‬ ‫لوحة‬ ‫ح‬
.‫الصورة‬
‫الفوتوشو‬ ‫ستخدام‬
‫مشق‬
‫نفتح‬ ‫النص‬ ‫يد‬
‫مع‬ ً‫ا‬‫تناسق‬ ‫ي‬
‫اس‬
‫دم‬ / ‫الثقافة‬ ‫وزارة‬
Ch‫وبتحديد‬ ،
‫و‬ ‫ه‬‫الذي‬‫يعطي‬
‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬
‫صفحة‬ 7 ‫من‬ 25
‫ب‬ocolata
‫نريده‬ ‫الذي‬ ‫ان‬
‫وتوشوب‬‫م‬
‫الص‬
‫ونكتب‬ ‫صورة‬
:‫لون‬
‫المكا‬ ‫إلى‬ ‫ص‬
‫فو‬ :‫الرابعة‬ ‫جلسة‬
‫الص‬ ‫من‬ ‫وضع‬
‫والل‬ ،‫الحجم‬ ،
‫النص‬ ‫نحرك‬ ‫يك‬
‫الوب‬ ‫واقع‬–‫الج‬
‫مو‬ ‫أي‬ ‫على‬
،‫الخط‬ ‫ونختار‬
‫التحري‬ ‫أداة‬ ‫ام‬
‫مو‬ ‫تصميم‬
‫نضغط‬
‫و‬ ‫النص‬
‫باستخدا‬
‫لمواقع‬
201
File 
 
‫وبدقة‬
‫سرعة‬
‫صيغة‬
‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬
12/4/7
 
   Save f
‫منھا‬JPEG‫و‬
‫تقدير‬ ‫كانية‬‫سر‬
‫الص‬ ‫اختيار‬ ‫ى‬
‫الفوتوشو‬ ‫ستخدام‬
‫مشق‬
:‫قائمة‬ ‫من‬ ‫خذ‬
for Web
‫من‬ ‫نختار‬ ،‫مھا‬
‫وإمك‬ ‫النھائية‬
‫على‬ ‫تساعدنا‬
.
‫اس‬
‫دم‬ / ‫الثقافة‬ ‫وزارة‬
‫فنأخ‬ ،‫للوب‬ ‫ب‬
‫وحجم‬ ‫ودقتھا‬
‫الصورة‬ ‫حجم‬
‫المؤشرات‬
.‫السرعات‬ ‫ف‬
‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬
‫صفحة‬ 8 ‫من‬ 25
‫مناسب‬ ‫تنسيق‬
‫و‬ ‫الصورة‬ ‫غة‬
‫ح‬ ‫إلى‬ ‫مؤشر‬
‫ھذه‬ ،‫إلنترنت‬
‫مختلف‬ ‫على‬ ‫رة‬
‫وتوشوب‬‫م‬
‫الص‬
‫بت‬ ‫حفظھا‬ ‫ريد‬
‫لصيغ‬ ‫خيارات‬
‫م‬ ‫اليسرى‬ ‫فلية‬
‫لإل‬ ‫المتوفرة‬
‫للصور‬ ‫أسرع‬
‫فو‬ :‫الرابعة‬ ‫جلسة‬
‫الخطوات‬ ‫ة‬‫نر‬
‫خي‬ ‫عدة‬ ‫لدينا‬
‫السف‬ ‫الزاوية‬ ‫ي‬
‫السرعات‬ ‫ف‬
‫أ‬ ‫لتحميل‬ ‫سب‬
‫الوب‬ ‫واقع‬–‫الج‬
‫كافة‬ ‫من‬ ‫نتھاء‬
‫الظاھرة‬ ‫فذة‬
‫ثم‬Save.
‫في‬ ‫يعطينا‬ ‫نه‬
‫مختلف‬ ‫على‬ ‫ا‬
‫المناس‬ ‫والحجم‬
‫مو‬ ‫تصميم‬
‫االن‬ ‫بعد‬
 
‫الناف‬ ‫في‬
High‫ث‬
‫أن‬ ‫الحظ‬
‫تحميلھا‬
‫و‬ ‫والدقة‬
‫لمواقع‬
201
 
‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬
12/4/7
‫الفوتوشو‬ ‫ستخدام‬
‫مشق‬
.ً‫ا‬‫الحق‬ ‫طبقات‬
‫اس‬
‫دم‬ / ‫الثقافة‬ ‫وزارة‬
‫الط‬ ‫على‬ ‫عديل‬
‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬
‫صفحة‬ 9 ‫من‬ 25
‫التعد‬ ‫إلمكانية‬
‫وتوشوب‬‫م‬
‫الص‬
:‫اھزة‬
‫بصيغة‬PSD
‫فو‬ :‫الرابعة‬ ‫جلسة‬
‫جا‬ ‫الجديدة‬ ‫تنا‬
‫ب‬ ‫األساسي‬ ‫ف‬
‫الوب‬ ‫واقع‬–‫الج‬
‫ترويست‬ ‫تكون‬
‫الملف‬ ‫حفظ‬ ‫سى‬
‫مو‬ ‫تصميم‬
‫ت‬ ‫وبذلك‬
‫ننس‬ ‫وال‬
‫لمواقع‬
201
‫خدام‬
‫حجم‬
‫حجوم‬
‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬
12/4/7
،‫كوالتة‬‫باستخ‬
‫الح‬ ‫إعداد‬ ‫ثم‬
ً‫ا‬‫الحق‬‫ح‬ ‫إلى‬
.(‫وقت‬ ‫أي‬
‫الفوتوشو‬ ‫ستخدام‬
‫مشق‬
‫الشوك‬ ‫من‬ ‫ديد‬
،‫النصوص‬
600:‫بيكسل‬
‫تصغيره‬ ‫ثم‬
‫في‬ ‫إليه‬ ‫لعودة‬
‫اس‬
‫دم‬ / ‫الثقافة‬ ‫وزارة‬
 
‫جد‬ ‫لنوع‬ ‫ويج‬
‫تبرز‬ ‫جمالية‬
ً‫ال‬‫ث‬400x0
‫كبير‬ ‫بحجم‬
‫ملف‬PSD‫للع‬
‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬
‫صفحة‬ 10 ‫من‬ 25
‫ي‬‫الترو‬ ‫بھدف‬
‫ج‬ ‫وتأثيرات‬
‫مث‬ ‫الحجم‬ ‫أخذ‬
‫تصميم‬ ‫أي‬ ‫ى‬
‫م‬ ‫في‬ ‫األصلي‬
‫وتوشوب‬‫م‬
‫الص‬
‫إلكتروني‬ ‫الن‬
‫مختلفة‬ ‫طوط‬
.‫الموقع‬ ‫على‬
File ‫ولنأ‬
‫على‬ ‫العمل‬ ً‫ا‬‫م‬
‫بالتصميم‬ ‫اظ‬
.‫للعمل‬ ‫اھز‬
‫فو‬ :‫الرابعة‬ ‫جلسة‬
‫وني‬
‫إعال‬ ‫بإنشاء‬ ‫وم‬
‫بخط‬ ‫صوص‬
‫مكا‬ ‫ناسب‬‫ع‬ ‫نه‬
‫من‬ ‫يد‬ New
‫دائم‬ ‫األفضل‬
‫واالحتفا‬ ‫جاتنا‬
‫جا‬ ‫الجديد‬ ‫لف‬
‫الوب‬ ‫واقع‬–‫الج‬
‫إلكترو‬ ‫إعالن‬
‫سنقو‬ ‫المثال‬
‫النص‬ ‫وبعض‬
‫لين‬ ‫لإلعالن‬ ‫ب‬
‫جديد‬ ‫ملف‬ ً‫اية‬
‫من‬ ‫أنه‬ ‫ھنا‬
‫احتياج‬ ‫تناسب‬
‫المل‬ ‫اآلن‬ ‫لدينا‬
‫مو‬ ‫تصميم‬
‫إ‬ ‫إنشاء‬
‫ھذا‬ ‫في‬
‫صورة‬
‫المناسب‬
‫بد‬ ‫نأخذ‬
‫)الحظ‬
‫ت‬ ‫أخرى‬
‫ل‬ ‫أصبح‬
‫لمواقع‬
201
‫ضعھا‬
‫إلى‬
‫ھن‬ ‫ن‬‫ا‬
‫مركز‬
‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬
12/4/7
‫موض‬ ‫من‬ ‫لوبة‬
‫مؤشرات‬ ‫مع‬
‫)يمكن‬ ‫مناسب‬
‫مر‬ ‫على‬ ‫حفاظ‬
‫الفوتوشو‬ ‫ستخدام‬
‫مشق‬
‫المطلو‬ ‫النقشة‬
‫م‬ ‫معينة‬ ‫أبعاد‬
‫الم‬ ‫الحجم‬ ‫إلى‬
‫والزر‬Alt ‫للح‬
‫اس‬
‫دم‬ / ‫الثقافة‬ ‫وزارة‬
 
‫تمثل‬ ‫صورة‬
‫بأ‬ ‫لنا‬ ‫فتظھر‬
‫إ‬ ‫الصورة‬ ‫كبر‬
‫و‬ ‫األبعاد‬ ‫على‬
‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬
‫صفحة‬ 11 ‫من‬ 25
‫ص‬ ‫نأخذ‬ ،‫عالن‬
،‫الجديد‬ ‫لف‬
‫ونكب‬ ‫الزوايا‬ ‫ى‬
Sh‫ع‬ ‫للحفاظ‬
‫وتوشوب‬‫م‬
‫الص‬
‫اإلع‬ ‫أرضية‬ ‫ى‬
‫المل‬ ‫داخل‬ ‫لى‬
‫إحدى‬ ‫من‬ ‫حب‬
‫زر‬ ‫على‬hift
‫فو‬ :‫الرابعة‬ ‫جلسة‬
‫إلى‬ ‫النقوش‬ ‫ض‬
‫إل‬ ‫ونسحبھا‬ ‫ب‬
‫نسح‬ ،‫تصغير‬
‫ع‬ ‫الضغط‬ ‫ب‬
‫الوب‬ ‫واقع‬–‫الج‬
‫بعض‬ ‫سنضيف‬
‫الحاسب‬ ‫جھاز‬
‫الت‬ ‫أو‬ ‫التكبير‬
‫السحب‬ ‫مع‬ ‫من‬
.(‫مكانه‬ ‫في‬ ‫ة‬
‫مو‬ ‫تصميم‬
‫س‬ ً‫بداية‬
‫ج‬ ‫على‬
‫إمكانية‬
‫وبالتزام‬
‫الصورة‬
‫لمواقع‬
201
‫للون‬
‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬
12/4/7
‫وال‬ ‫الخط‬ ‫دات‬
‫الفوتوشو‬ ‫ستخدام‬
‫مشق‬
‫إعداد‬ ‫نختار‬
‫اس‬
‫دم‬ / ‫الثقافة‬ ‫وزارة‬
 
‫األول‬ ‫شروع‬
‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬
‫صفحة‬ 12 ‫من‬ 25
‫و‬‫في‬ ‫كما‬‫المش‬
‫وتوشوب‬‫م‬
‫الص‬
،‫لإلعالن‬ ‫ن‬‫و‬
‫فو‬ :‫الرابعة‬ ‫جلسة‬
‫كعنوان‬ ‫بسيط‬
‫الوب‬ ‫واقع‬–‫الج‬
‫ب‬ ‫نص‬ ‫اآلن‬
.‫م‬
‫مو‬ ‫تصميم‬
‫نضيف‬
‫والحجم‬
‫لمواقع‬
201
‫لعديد‬
‫سافة‬
‫أكثر‬
‫من‬
‫نفس‬
‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬
12/4/7
‫ال‬ ‫تضم‬ ‫نافذة‬
‫المس‬ ‫إعدادات‬
‫ب‬‫وترويج‬
‫جزء‬ ‫بتحديد‬
‫واللص‬‫في‬ ‫ق‬
‫الفوتوشو‬ ‫ستخدام‬
‫مشق‬
‫ة‬fx‫فتظھر‬
‫ظل‬‫إ‬ ‫نغير‬ ،
.‫المناسب‬
‫ة‬‫جذب‬ ‫عامل‬
‫والتي‬‫تقوم‬
‫و‬ ‫النسخ‬ ‫ومع‬
(‫سية‬.
‫اس‬
‫دم‬ / ‫الثقافة‬ ‫وزارة‬
 
‫الطبقة‬ ‫أثيرات‬
D‫ظ‬ ‫إلضافة‬
‫الظل‬ ‫على‬ ‫ل‬
‫إضافة‬ ‫منھا‬
Rectangu
‫ا‬ ‫ة‬‫لمختارة‬،
‫األساس‬ ‫الطبقة‬
‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬
‫صفحة‬ 13 ‫من‬ 25
‫تأ‬ ‫زر‬ ‫على‬ ‫ط‬
Drop  Shad
S‫نحصل‬ ‫حتى‬
‫سائل‬ ‫ة‬‫نريد‬ ‫ة‬
ular  Marq
‫ال‬ ‫من‬ ‫ل‬‫صورة‬
‫لباقي‬‫ا‬ ‫بحذف‬
‫وتوشوب‬‫م‬
‫الص‬
‫نضغط‬ ،‫نص‬
‫منھا‬dow
‫والحجم‬Size
‫ثل‬‫شوكوال‬‫تة‬
quee  Tool
‫األول‬ ‫القسم‬
‫ه‬)‫الب‬ ‫ونحذف‬
‫فو‬ :‫الرابعة‬ ‫جلسة‬
‫الن‬ ‫على‬ ‫يرات‬
‫رات‬‫نختار‬ ،
‫ار‬Spread
‫تمثل‬ ‫رسومية‬
‫إلعالن‬.
‫حديد‬‫األولى‬
‫ونحدد‬ ،‫طيل‬
‫اخترناه‬ ‫الذي‬
‫الوب‬ ‫واقع‬–‫الج‬
‫ف‬‫التأثي‬ ‫بعض‬
‫التأثير‬ ‫يارات‬
Dist‫واالنتشا‬
‫صورة‬ ‫آلن‬
‫ھا‬‫في‬‫اإل‬ ‫أعلى‬
‫التح‬ ‫أداة‬ ً‫ال‬‫و‬
‫مستط‬ ‫بشكل‬ ‫ة‬
‫الجزء‬ ‫يظھر‬
‫مو‬ ‫تصميم‬
‫ل‬‫نضي‬‫ف‬
‫خي‬ ‫من‬
tance
‫نأخذ‬‫اآل‬
‫ونضعھ‬
‫نأخذ‬‫أو‬
‫الصورة‬
‫المكان‬
‫لمواقع‬
201
‫خرى‬
‫ح‬‫ات‬
.‫ھا‬
‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬
12/4/7
‫أخ‬ ‫تحديد‬ ‫أداة‬
‫مساح‬ ‫باختيار‬
‫الختيار‬ ‫ضاء‬
‫الفوتوشو‬ ‫ستخدام‬
‫مشق‬
،‫لسائلة‬‫نأخذ‬
‫تقوم‬ ‫أنھا‬ ‫ة‬
‫البيض‬ ‫المساحة‬
‫اس‬
‫دم‬ / ‫الثقافة‬ ‫وزارة‬
 
‫ال‬ ‫الشوكوالتة‬
‫ھذه‬ ‫زة‬‫األدا‬
‫على‬ ‫فنضغط‬
‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬
‫صفحة‬ 14 ‫من‬ 25
‫با‬ ‫فقط‬ ‫حتفاظ‬
Magic‫وميز‬
‫ف‬ ،‫ودرجته‬ ‫ن‬
‫وتوشوب‬‫م‬
‫الص‬
‫واال‬ ‫للصورة‬
c Wand To
‫اللون‬ ‫على‬ ‫ناء‬
‫فو‬ :‫الرابعة‬ ‫جلسة‬
‫ل‬ ‫البيضاء‬ ‫لفية‬
‫لسحرية‬ool
‫بن‬ ‫واحدة‬ ‫بنقرة‬
‫الوب‬ ‫واقع‬–‫الج‬
‫الخل‬ ‫إزالة‬ ‫ريد‬
‫ا‬ ‫داة‬‫ال‬ ‫لتحديد‬
‫بن‬ ‫الصورة‬ ‫من‬
‫مو‬ ‫تصميم‬
‫اآلن‬‫نر‬
‫وھي‬‫أد‬
‫م‬ ‫كاملة‬
‫لمواقع‬
201
‫وضة‬
‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬
12/4/7
‫المعرو‬ ‫كوالتة‬
‫الفوتوشو‬ ‫ستخدام‬
‫مشق‬
‫الشوكو‬ ‫قطع‬ ‫ي‬
‫ل‬Open.
‫اس‬
‫دم‬ / ‫الثقافة‬ ‫وزارة‬
 
.‫بيضاء‬
.‫إلعالن‬
‫وھي‬ ‫إلعالن‬
‫ا‬‫خالل‬ ‫من‬ ‫مج‬
‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬
‫صفحة‬ 15 ‫من‬ 25
‫الب‬ ‫المساحة‬ ‫ل‬
‫اإل‬ ‫أعلى‬ ‫في‬ ‫ة‬
‫لإل‬ ‫األساسي‬ ‫ع‬
‫البرنا‬ ‫على‬ ‫ل‬
‫وتوشوب‬‫م‬
‫الص‬
D‫ل‬‫كامل‬ ‫حذف‬
‫الناتجة‬ ‫صورة‬
‫الموضوع‬ ‫مثل‬
‫مستقل‬ ‫بشكل‬ ‫ھا‬
‫فو‬ :‫الرابعة‬ ‫جلسة‬
‫ضغط‬Delete
‫الص‬ ‫نثبت‬ ‫ريك‬
‫تمث‬ ‫صورة‬ ‫فة‬
‫بفتحھا‬ ‫ونقوم‬
‫الوب‬ ‫واقع‬–‫الج‬
‫نض‬ ‫التحديد‬ ‫ام‬
‫خدام‬‫التحر‬ ‫أداة‬
‫ة‬‫إضاف‬ ‫التالية‬
‫صورة‬ ‫نختار‬
‫مو‬ ‫تصميم‬
‫بعد‬‫إتما‬
‫وباستخ‬
‫الخطوة‬
‫ن‬ ،‫للبيع‬
‫لمواقع‬
201
‫لكن‬
‫في‬ ‫ة‬
‫تحكم‬
Poly
‫صورة‬
‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬
12/4/7
‫صور‬‫ال‬ ‫ة‬،‫سابقة‬
‫الصعوبة‬ ‫ض‬
‫الت‬ ‫في‬ ً‫ال‬‫ضي‬
ygonal Las
‫للص‬ ‫خارجية‬
‫الفوتوشو‬ ‫ستخدام‬
‫مشق‬
‫الصو‬ ‫في‬ ‫قمنا‬
‫بعض‬ ‫إلى‬ ‫يؤدي‬
‫تفض‬ ‫واألكثر‬
(‫وھي‬sso 
‫الخ‬ ‫الحواف‬ ‫ى‬
‫اس‬
‫دم‬ / ‫الثقافة‬ ‫وزارة‬
 
‫كما‬ ‫البيضاء‬
‫ل‬‫ي‬ ‫قد‬ ‫والذي‬ ،
‫التحديد‬ ‫وات‬
(‫بكثير‬ ‫ذلك‬ ‫ن‬
‫على‬ ‫بالضغط‬
‫الصورة‬.
‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬
‫صفحة‬ 16 ‫من‬ 25
‫ا‬ ‫المساحة‬ ‫ديد‬
‫الظل‬ ‫يمثل‬ ‫ي‬
‫دقة‬ ‫ر‬‫أد‬ ‫من‬
‫من‬ ً‫ا‬‫تعقيد‬ ‫كثر‬
‫اط‬‫ب‬ ‫التحديد‬
‫من‬ ‫المطلوبة‬
‫وتوشوب‬‫م‬
‫الص‬
‫وتحد‬ ‫لسحرية‬
‫الرمادي‬‫الذي‬
‫األكثر‬ ‫األداة‬
‫أك‬ ‫صور‬ ‫جھنا‬
‫ن‬‫وتثبي‬‫ت‬‫نقا‬
‫ا‬ ‫المساحة‬ ‫وي‬
‫فو‬ :‫الرابعة‬ ‫جلسة‬
‫ال‬ ‫التحديد‬ ‫أداة‬
‫ت‬‫من‬‫اللون‬
‫سنختار‬ ‫لك‬
‫تو‬ ‫)قد‬ ‫ور‬‫اج‬
‫ت‬ ‫على‬ ‫ئھا‬‫عين‬
‫يحو‬ ‫معقد‬ ‫ضلع‬
‫الوب‬ ‫واقع‬–‫الج‬
‫ا‬‫أ‬ ‫اختيار‬ ‫ھنا‬
‫درجا‬ ‫وجود‬‫ت‬
‫لذل‬ ،‫بالتحديد‬
‫الصو‬ ‫أنواع‬ ‫ف‬
‫بمبدئھ‬ ‫تعتمد‬
‫بة‬‫مض‬ ‫لتمثل‬ ،
‫مو‬ ‫تصميم‬
‫بإمكاننا‬
‫نالحظ‬
‫التحكم‬
‫بمختلف‬
Tool،
‫المطلوب‬
‫لمواقع‬
201
Fea،
‫شاذة‬
‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬
12/4/7
‫قائمة‬ather
‫حادة‬‫أ‬‫و‬‫ش‬ ‫نقاط‬
‫الفوتوشو‬ ‫ستخدام‬
‫مشق‬
‫الق‬ ‫من‬ ‫ونختار‬
‫حا‬ ‫حواف‬ ‫ھر‬
‫اس‬
‫دم‬ / ‫الثقافة‬ ‫وزارة‬
 
‫و‬ ‫المحدد‬ ‫حة‬
‫تظھ‬ ‫ال‬ ‫حتى‬
‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬
‫صفحة‬ 17 ‫من‬ 25
‫المساح‬ ‫على‬ ‫ي‬
‫المختارة‬ ‫حة‬
‫وتوشوب‬‫م‬
‫الص‬
‫اليميني‬ ‫بالزر‬
‫المساح‬ ‫حواف‬
‫فو‬ :‫الرابعة‬ ‫جلسة‬
‫نضغط‬ ‫حديد‬
‫ح‬ ‫على‬ ‫نعومة‬
‫الصورة‬ ‫ص‬.
‫الوب‬ ‫واقع‬–‫الج‬
‫نتھ‬‫التح‬ ‫من‬ ‫اء‬
‫ميزة‬‫ت‬‫ضيف‬
‫حواف‬‫عن‬‫د‬‫قص‬
‫مو‬ ‫تصميم‬
‫بعد‬‫االن‬
‫الم‬ ‫ھذه‬
‫الح‬ ‫على‬
‫لمواقع‬
201
‫لرقم‬
‫في‬ ‫ظ‬
‫ھذه‬
‫ضغط‬
‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬
12/4/7
‫ا‬ ‫يكون‬ ً‫ا‬‫غالب‬
‫صورة‬‫نالحظ‬ ،
‫من‬ ‫الھدف‬ ‫ن‬
‫بالض‬ ‫وذلك‬ ‫ية‬
.‫خلفية‬
‫الفوتوشو‬ ‫ستخدام‬
‫مشق‬
‫غ‬ ‫صغير‬ ‫مھا‬
‫الص‬ ‫نلصق‬ ً‫ا‬
،‫جديدة‬‫أن‬ ‫وبما‬
‫الخلفي‬ ‫طبقة‬ ‫ن‬
‫الخ‬ ‫شفافية‬ ‫مع‬
‫اس‬
‫دم‬ / ‫الثقافة‬ ‫وزارة‬
 
‫حجم‬ ‫يكون‬ ‫ي‬
ً‫ا‬‫تمام‬ ‫جديد‬ ‫ف‬
‫الج‬ ‫الصورة‬ ‫ة‬
‫اإلظھار‬‫عن‬
‫م‬ ‫الصورة‬ ‫على‬
‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬
‫صفحة‬ 18 ‫من‬ 25
‫المرئية‬‫والتي‬
‫ملف‬ ‫وعلى‬ ‫خ‬
Back‫وطبقة‬
‫نزيل‬‫خاصية‬
‫عل‬ ‫فنحصل‬ ،‫ة‬
‫وتوشوب‬‫م‬
‫الص‬
‫للصور‬ ‫سبة‬
‫ا‬3.ً‫ال‬‫مث‬
‫بالنسخ‬ ‫اآلن‬ ‫م‬
‫ية‬kground
،‫خلفية‬ ‫دون‬‫ن‬
‫الطبقة‬ ‫بجانب‬
‫فو‬ :‫الرابعة‬ ‫جلسة‬
‫ده‬،‫بالنس‬ ‫لكن‬
‫ھنا‬ ‫سنختار‬ ،
‫نقوم‬ ،‫المثالي‬
‫الخلفي‬ ‫طبقة‬ :‫ن‬
‫د‬ ‫بالصورة‬ ‫ظ‬
‫ب‬ ‫عين‬ ‫شكل‬ ‫ل‬
‫الوب‬ ‫واقع‬–‫الج‬
‫نريد‬ ‫رقم‬ ‫أي‬
‫بين‬ ‫ل‬2‫و‬5،
‫ا‬ ‫التحديد‬ ‫من‬
‫طبقتين‬ ‫الناتج‬
‫االحتفاظ‬ ‫ھي‬
‫الذي‬ ‫زر‬‫يمثل‬
‫مو‬ ‫تصميم‬
‫ن‬‫ختار‬‫أ‬
‫المفضل‬
‫انتھينا‬
‫ا‬ ‫الملف‬
‫العملية‬
‫الز‬ ‫على‬
‫لمواقع‬
201
‫دور‬
P‫مع‬
‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬
12/4/7
‫يأتي‬ ‫ھنا‬ ،‫قة‬
‫غة‬PNG‐24
‫الفوتوشو‬ ‫ستخدام‬
‫مشق‬
‫الحق‬ ‫خدامات‬
‫الصيغ‬ ‫نختار‬
‫اس‬
‫دم‬ / ‫الثقافة‬ ‫وزارة‬
 
‫الستخ‬ ‫الشفافية‬
Save for W
‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬
‫صفحة‬ 19 ‫من‬ 25
‫الصورة‬‫ا‬ ‫مع‬
‫فمن‬ ،‫ة‬Web
Save.
‫وتوشوب‬‫م‬
‫الص‬
‫حيث‬‫با‬ ‫نحتفظ‬
‫افية‬‫المطلوبة‬
‫نضغط‬ ‫ثم‬ ‫ت‬e
‫فو‬ :‫الرابعة‬ ‫جلسة‬
‫بح‬ ‫الجديد‬ ‫ف‬
‫بالشفا‬ ‫تحتفظ‬
‫اإلعدادات‬ ‫قية‬
‫الوب‬ ‫واقع‬–‫الج‬
‫الملف‬ ‫حفظ‬ ‫آلن‬
‫ة‬PNG‫التي‬
‫وبق‬ ‫بالحجم‬ ‫ظ‬
‫مو‬ ‫تصميم‬
‫نريد‬‫اآل‬
‫الصيغة‬
‫االحتفاظ‬
‫لمواقع‬
201
‫طريقة‬
‫حتوى‬
‫رجية‬
‫على‬
‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬
12/4/7
‫بطر‬ ‫بسھولة‬ ‫ة‬
.ً‫ال‬‫مث‬
‫مح‬ ‫عن‬ ‫عبرة‬
‫الخار‬ ‫إلضاءة‬
‫يحدث‬ ‫ماذا‬
‫الفوتوشو‬ ‫ستخدام‬
‫مشق‬
‫الشوكوالتة‬ ‫ع‬
Drop Shad
‫المع‬ ‫األخرى‬
‫اإل‬ ‫مثل‬ ‫خرى‬
‫وشاھد‬ ‫رات‬
‫اس‬
‫دم‬ / ‫الثقافة‬ ‫وزارة‬
 
‫قطع‬ ‫صورة‬ ‫ة‬
‫الظل‬ ‫ذ‬dow
‫النصوص‬ ‫ض‬
‫أخ‬ ‫وتأثيرات‬
‫التأثير‬ ‫مختلف‬
‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬
‫صفحة‬ 20 ‫من‬ 25
‫إضافة‬ ‫اآلن‬ ‫نا‬
‫فنأخذ‬ ‫التأثير‬ ‫ض‬
‫بعض‬ ‫لنضيف‬
‫مختلفة‬ ‫جوم‬،
‫م‬ ‫بنفسك‬ ‫ھنا‬
‫وتوشوب‬‫م‬
‫الص‬
‫بإمكانن‬ ‫صبح‬
.‫ف‬
‫ن‬‫بعض‬ ‫ضيف‬
‫األول‬ ‫لنص‬،
‫وحج‬ ‫وألوان‬
St‫ھ‬ ‫)جرب‬
‫فو‬ :‫الرابعة‬ ‫جلسة‬
‫اإل‬ ‫ف‬‫أص‬ ،‫عالن‬
‫الملف‬ ‫داخل‬ ‫ى‬
‫ن‬ ‫المناسب‬ ‫ن‬
‫ال‬ ‫بھا‬ ‫أنشأنا‬ ‫ي‬
‫متنوعة‬ ‫طوط‬
‫إلطار‬roke
‫الوب‬ ‫واقع‬–‫الج‬
‫ملف‬ ‫إلى‬ ‫آلن‬
‫إلى‬ ‫واإلفالت‬
‫المكان‬ ‫في‬ ‫يتھا‬
‫قة‬‫التي‬ ‫نفسھا‬
‫خط‬ ‫بأنواع‬ ‫ن‬
Outer ‫واإل‬
.
‫مو‬ ‫تصميم‬
‫لنعود‬‫ا‬
‫السحب‬
‫بعد‬‫تثبي‬
‫بالطريق‬
‫اإلعالن‬
Glow
.(‫النص‬
‫لمواقع‬
201
‫من‬
‫رض‬
‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬
12/4/7
‫نأخذ‬ ،‫بداخله‬
‫العر‬ ‫كامل‬ ‫ى‬
‫ئة‬Fill.
‫الفوتوشو‬ ‫ستخدام‬
‫مشق‬
‫ب‬ ‫االتصال‬ ‫ت‬
‫على‬ ‫مستطيل‬
‫التعبئة‬ ‫لون‬ ‫ار‬
‫اس‬
‫دم‬ / ‫الثقافة‬ ‫وزارة‬
 
‫معلومات‬ ‫كتابة‬
‫اإلعالن‬ ‫ل‬
‫نختا‬ ‫القوائم‬ ‫ط‬
‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬
‫صفحة‬ 21 ‫من‬ 25
‫لك‬ ‫اإلعالن‬ ‫ى‬
‫أسفل‬ ‫في‬ ‫رسم‬
‫شريط‬ ‫وأسفل‬
‫وتوشوب‬‫م‬
‫الص‬
‫على‬ ‫سفلي‬ ‫ر‬
Recta‫ونر‬ ،
‫البرنامج‬ ‫افذة‬
‫فو‬ :‫الرابعة‬ ‫جلسة‬
‫إطار‬ ‫إضافة‬
ngle Tool
‫نا‬ ‫أعلى‬ ‫في‬ ‫ت‬
‫الوب‬ ‫واقع‬–‫الج‬
‫ھي‬ ‫األخيرة‬
‫المستطيل‬ ‫ل‬
.‫مناسب‬ ‫ع‬
‫اإلعدادات‬ ‫يط‬
‫مو‬ ‫تصميم‬
‫اللمسة‬
‫األشكال‬
‫وبارتفاع‬
‫من‬‫ش‬‫ر‬
‫لمواقع‬
201
‫الحظ‬
‫تمكن‬
‫ضمان‬
‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬
12/4/7
‫نال‬ ‫اللوحة‬ ‫ج‬
Ey‫لنت‬ ‫وذلك‬ (
‫لض‬ ‫وذلك‬ ‫الن‬
‫الفوتوشو‬ ‫ستخدام‬
‫مشق‬
‫خار‬ ‫المؤشر‬
yedropper
‫اإلعال‬ ‫ناصر‬
‫اس‬
‫دم‬ / ‫الثقافة‬ ‫وزارة‬
 
‫ن‬،‫و‬‫بتحريك‬
‫اللون‬r Tool
‫عن‬ ‫بقية‬ ‫في‬
‫ضغط‬OK.
‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬
‫صفحة‬ 22 ‫من‬ 25
‫األلوان‬ ‫ختيار‬
‫اختيار‬ ‫أداة‬‫ا‬
‫الموجودة‬ ‫ت‬
‫ونض‬ ‫مناسب‬
‫وتوشوب‬‫م‬
‫الص‬
‫اخ‬ ‫لوحة‬ ‫ظھر‬
)‫لشكل‬ ‫مماثل‬
‫والدرجات‬ ‫وان‬
‫فنخ‬‫لون‬ ‫تار‬
‫فو‬ :‫الرابعة‬ ‫جلسة‬
‫بع‬‫تظ‬ ‫الملون‬
) ‫قطارة‬ ‫شكل‬
‫األلو‬ ‫من‬ ‫يب‬
،‫وتناسقھا‬ ‫ان‬
‫الوب‬ ‫واقع‬–‫الج‬
‫ط‬‫المرب‬ ‫على‬
‫ش‬ ‫إلى‬ ‫لمؤشر‬
‫قري‬ ‫لون‬ ‫تيار‬
‫األلو‬ ‫تمازج‬ ‫ة‬
‫مو‬ ‫تصميم‬
‫بالضغط‬
‫ا‬ ‫تحول‬
‫اخت‬ ‫من‬
‫خاصية‬
‫لمواقع‬
201
‫ناتجة‬
‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬
12/4/7
‫النا‬ ‫الصورة‬ ‫م‬
‫الفوتوشو‬ ‫ستخدام‬
‫مشق‬
.‫طيل‬
‫حجم‬ ‫تصغير‬
‫اس‬
‫دم‬ / ‫الثقافة‬ ‫وزارة‬
 
‫المستط‬ ‫فوق‬ ‫ھا‬
Save f‫مع‬
‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬
‫صفحة‬ 23 ‫من‬ 25
‫ونثبتھ‬ ‫تصال‬
‫من‬or Web
‫وتوشوب‬‫م‬
‫الص‬
‫اال‬ ‫معلومات‬
‫يغة‬JPEG‫م‬
‫فو‬ :‫الرابعة‬ ‫جلسة‬
‫وھي‬ ‫النھائي‬
‫الصورة‬‫بصي‬
ً‫ال‬‫مث‬ ‫كسل‬.
‫الوب‬ ‫واقع‬–‫الج‬
‫ا‬ ‫النص‬ ‫اآلن‬
‫ا‬ ‫نحفظ‬ ‫خرى‬
‫رض‬250‫بيك‬
‫مو‬ ‫تصميم‬
‫نضيف‬
‫ومرة‬‫أخ‬
‫إلى‬‫عر‬
‫لمواقع‬
201
‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬
12/4/7
‫الفوتوشو‬ ‫ستخدام‬
‫مشق‬
‫اس‬
‫دم‬ / ‫الثقافة‬ ‫وزارة‬
 
‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬
‫صفحة‬ 24 ‫من‬ 25
‫وتوشوب‬‫م‬
‫الص‬
.
‫فو‬ :‫الرابعة‬ ‫جلسة‬
‫للنشر‬ ‫جاھز‬
‫الوب‬ ‫واقع‬–‫الج‬
‫إعالننا‬ ‫يكون‬
‫مو‬ ‫تصميم‬
‫وبذلك‬‫ي‬
‫المواقع‬ ‫تصميم‬ ‫في‬ ‫الفوتوشوب‬ ‫استخدام‬
‫الوب‬ ‫مواقع‬ ‫تصميم‬–‫فوتوشوب‬ :‫الرابعة‬ ‫الجلسة‬‫دمشق‬ / ‫الثقافة‬ ‫وزارة‬ / ‫بشير‬ ‫رندة‬ .‫م‬12/4/2017
‫الصفحة‬ 25 ‫من‬ 25 
‫وال‬‫بصيغة‬ ‫األساسي‬ ‫الملف‬ ‫حفظ‬ ‫ننسى‬PSD.‫عليه‬ ‫التعديل‬ ‫إلى‬ ‫احتجنا‬ ‫إذا‬ ‫وقت‬ ‫أي‬ ‫في‬ ‫إليه‬ ‫للعودة‬
‫مالحظات‬‫المرئية‬ ‫الصور‬ ‫بين‬ ‫الفرق‬ ‫حول‬(‫)اإللكترونية‬‫المطبوعة‬ ‫والصور‬
‫تختلف‬‫في‬ ‫المطبوعة‬ ‫الصور‬ ً‫ا‬‫كثير‬‫و‬ ‫حجمھا‬‫و‬ ‫دقتھا‬‫نم‬‫طھا‬‫اللوني‬‫ھذه‬ ‫أھم‬ ،‫المرئية‬ ‫الصور‬ ‫عن‬
‫الفروقات‬،:‫يدوي‬ ‫بشكل‬ ‫تعديلھا‬ ‫يجب‬ ‫جديد‬ ‫ملف‬ ‫إنشاء‬ ‫عند‬ ‫والتي‬
‫المرئية‬‫المط‬‫بوعة‬
‫وحدة‬‫الحجم‬ ‫قياس‬‫بيكسل‬Pixel ‫سم‬cm‫إنش‬ ‫أو‬in 
‫النمط‬‫اللوني‬
RGB
(Red – Green – Blue) 
CMYK 
(Cyan – Magenta – 
Yellow – Black) 
‫الدقة‬‫المثلى‬
‫االفتراضية‬‫نحتاج‬ ‫)ال‬
(‫لتغييرھا‬
120‫السنت‬ ‫في‬ ‫بيكسل‬‫ي‬‫متر‬‫أو‬
300‫اإلنش‬ ‫في‬ ‫بيكسل‬
‫حجم‬‫النھائي‬ ‫الملف‬
‫بالكيلو‬‫ال‬ ‫أن‬ ‫)يجب‬ ‫بايت‬
‫يتجاوز‬1(‫بايت‬ ‫ميغا‬
‫قد‬‫إلى‬ ‫يصل‬1‫بايت‬ ‫غيغا‬
‫وأكثر‬
‫الھدف‬‫ھو‬ ‫ھدفنا‬ ‫المرئية‬ ‫الصور‬ ‫في‬ ‫أنه‬ ‫الفروق‬ ‫ھذه‬ ‫من‬‫وبالتالي‬ ‫الصورة‬ ‫حجم‬ ‫صغر‬‫سرعة‬
‫تحمي‬‫ل‬‫ھا‬‫المستخدم‬ ‫الحبر‬ ‫ألوان‬ ‫مع‬ ‫تتوافق‬ ‫وبألوان‬ ‫الطباعة‬ ‫دقة‬ ‫ھو‬ ‫الھدف‬ ‫المطبوعة‬ ‫الصور‬ ‫في‬ ‫أما‬ ،
‫اللون‬ ‫نظام‬ ‫وھو‬ ‫الطابعات‬ ‫كافة‬ ‫في‬CMYK.

More Related Content

Similar to استخدام الفوتوشوب في تصميم المواقع

أنواع ملفات حفظ التصاميم
أنواع ملفات حفظ التصاميمأنواع ملفات حفظ التصاميم
أنواع ملفات حفظ التصاميم
Ola Hassan
 
التصميم المرئي للوسائل التعليمية
التصميم المرئي للوسائل التعليميةالتصميم المرئي للوسائل التعليمية
التصميم المرئي للوسائل التعليمية
amalhelal
 
Presentation toolz
Presentation toolzPresentation toolz
Presentation toolzmunaaa
 
Impress
ImpressImpress
Impress
manal22222
 
المحاضرة الحادية عشر الجزء الثاني تصميم الكتاب الالكتروني
المحاضرة الحادية عشر الجزء الثاني تصميم الكتاب الالكترونيالمحاضرة الحادية عشر الجزء الثاني تصميم الكتاب الالكتروني
المحاضرة الحادية عشر الجزء الثاني تصميم الكتاب الالكتروني
د. عائشة بليهش العمري
 
دليل تشغيل برنامج Bsc designer 1
دليل تشغيل برنامج Bsc designer 1دليل تشغيل برنامج Bsc designer 1
دليل تشغيل برنامج Bsc designer 1
Wesam Rohouma
 
Presentation toolzئئئئ
Presentation toolzئئئئPresentation toolzئئئئ
Presentation toolzئئئئmunaaa
 
العرض بعد التدقيق والمراجعه
العرض بعد التدقيق والمراجعهالعرض بعد التدقيق والمراجعه
العرض بعد التدقيق والمراجعه
نوره صالح
 
النشر الإلكتروني
النشر الإلكترونيالنشر الإلكتروني
النشر الإلكتروني
fadel abbas
 
AutoCAD التصميم الهندسى باستخدام الحاسب الالى
AutoCAD التصميم الهندسى باستخدام الحاسب الالىAutoCAD التصميم الهندسى باستخدام الحاسب الالى
AutoCAD التصميم الهندسى باستخدام الحاسب الالى
maymohamed29
 
تصميم المواقع الالكترونية عرض
تصميم المواقع الالكترونية عرضتصميم المواقع الالكترونية عرض
تصميم المواقع الالكترونية عرضAlnoor26
 
أساسيات استخدام اجهزه الحاسوب الأولية والطابعات
أساسيات استخدام اجهزه الحاسوب الأولية والطابعاتأساسيات استخدام اجهزه الحاسوب الأولية والطابعات
أساسيات استخدام اجهزه الحاسوب الأولية والطابعات
Karwanchi Group Training Board
 
عرض تقديمي (10).pptx
عرض تقديمي (10).pptxعرض تقديمي (10).pptx
عرض تقديمي (10).pptx
YasserMajedAbidAliYa
 
استخدامات الانفوجرافيك في التعليم
استخدامات الانفوجرافيك في التعليماستخدامات الانفوجرافيك في التعليم
استخدامات الانفوجرافيك في التعليم
رؤية للحقائب التدريبية
 
Visual basic.net احترف فيجوال بيسك
Visual basic.net احترف فيجوال بيسك Visual basic.net احترف فيجوال بيسك
Visual basic.net احترف فيجوال بيسك
Abdalwahab Noureldien
 
العروض التقديمية
العروض التقديميةالعروض التقديمية
العروض التقديمية
Hala Güzel
 
اعداد العروض التقديمية
اعداد العروض التقديميةاعداد العروض التقديمية
اعداد العروض التقديميةBahaaeldin Mohamed
 
المحاضرة التاسعة الدليل المصور ويبلي
المحاضرة التاسعة الدليل المصور ويبليالمحاضرة التاسعة الدليل المصور ويبلي
المحاضرة التاسعة الدليل المصور ويبلي
د. عائشة بليهش العمري
 
عرض تصميم ملصق
عرض تصميم ملصقعرض تصميم ملصق
عرض تصميم ملصقkkk said
 

Similar to استخدام الفوتوشوب في تصميم المواقع (20)

أنواع ملفات حفظ التصاميم
أنواع ملفات حفظ التصاميمأنواع ملفات حفظ التصاميم
أنواع ملفات حفظ التصاميم
 
التصميم المرئي للوسائل التعليمية
التصميم المرئي للوسائل التعليميةالتصميم المرئي للوسائل التعليمية
التصميم المرئي للوسائل التعليمية
 
Presentation toolz
Presentation toolzPresentation toolz
Presentation toolz
 
Impress
ImpressImpress
Impress
 
المحاضرة الحادية عشر الجزء الثاني تصميم الكتاب الالكتروني
المحاضرة الحادية عشر الجزء الثاني تصميم الكتاب الالكترونيالمحاضرة الحادية عشر الجزء الثاني تصميم الكتاب الالكتروني
المحاضرة الحادية عشر الجزء الثاني تصميم الكتاب الالكتروني
 
دليل تشغيل برنامج Bsc designer 1
دليل تشغيل برنامج Bsc designer 1دليل تشغيل برنامج Bsc designer 1
دليل تشغيل برنامج Bsc designer 1
 
Presentation toolzئئئئ
Presentation toolzئئئئPresentation toolzئئئئ
Presentation toolzئئئئ
 
العرض بعد التدقيق والمراجعه
العرض بعد التدقيق والمراجعهالعرض بعد التدقيق والمراجعه
العرض بعد التدقيق والمراجعه
 
النشر الإلكتروني
النشر الإلكترونيالنشر الإلكتروني
النشر الإلكتروني
 
AutoCAD التصميم الهندسى باستخدام الحاسب الالى
AutoCAD التصميم الهندسى باستخدام الحاسب الالىAutoCAD التصميم الهندسى باستخدام الحاسب الالى
AutoCAD التصميم الهندسى باستخدام الحاسب الالى
 
تصميم المواقع الالكترونية عرض
تصميم المواقع الالكترونية عرضتصميم المواقع الالكترونية عرض
تصميم المواقع الالكترونية عرض
 
أساسيات استخدام اجهزه الحاسوب الأولية والطابعات
أساسيات استخدام اجهزه الحاسوب الأولية والطابعاتأساسيات استخدام اجهزه الحاسوب الأولية والطابعات
أساسيات استخدام اجهزه الحاسوب الأولية والطابعات
 
عرض تقديمي (10).pptx
عرض تقديمي (10).pptxعرض تقديمي (10).pptx
عرض تقديمي (10).pptx
 
استخدامات الانفوجرافيك في التعليم
استخدامات الانفوجرافيك في التعليماستخدامات الانفوجرافيك في التعليم
استخدامات الانفوجرافيك في التعليم
 
Visual basic.net احترف فيجوال بيسك
Visual basic.net احترف فيجوال بيسك Visual basic.net احترف فيجوال بيسك
Visual basic.net احترف فيجوال بيسك
 
العروض التقديمية
العروض التقديميةالعروض التقديمية
العروض التقديمية
 
اعداد العروض التقديمية
اعداد العروض التقديميةاعداد العروض التقديمية
اعداد العروض التقديمية
 
Make It
Make ItMake It
Make It
 
المحاضرة التاسعة الدليل المصور ويبلي
المحاضرة التاسعة الدليل المصور ويبليالمحاضرة التاسعة الدليل المصور ويبلي
المحاضرة التاسعة الدليل المصور ويبلي
 
عرض تصميم ملصق
عرض تصميم ملصقعرض تصميم ملصق
عرض تصميم ملصق
 

استخدام الفوتوشوب في تصميم المواقع

  • 1. ‫لمواقع‬ 201 ،‫كاله‬ ‫كافة‬ ‫ضيف‬ ‫ھي‬ ‫ويسة‬ ‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬ 12/4/7 ‫أشك‬ ‫بكافة‬ ‫ميم‬ ‫أي‬ ‫كامل‬ ‫ل‬ ‫بما‬‫ل‬ ‫يكفي‬‫يض‬ ،‫ھنا‬ ‫عنھا‬ ‫ث‬ ‫ترو‬ ‫لتكون‬ ‫رة‬ ‫التحريك‬ ‫ت‬‫التحديد‬ ‫القص‬ ‫اة‬ ‫اللون‬ ‫ار‬ ‫إلصالح‬ ‫ فرشاة‬ ‫النسخ‬ ‫اة‬ ‫ ممحاة‬ ‫اللوني‬ ‫ج‬ ‫الضبابية‬ ‫جة‬‫اللون‬ ‫الرسم‬ ‫ت‬ ‫النص‬ ‫اة‬ ‫الرسم‬ ‫ت‬ ‫ األشكال‬ ‫التحريك‬ ‫ المكبرة‬ ‫الفوتوشو‬ ‫ستخدام‬ ‫مشق‬ ‫مواقع‬ ‫والتصم‬ ‫صور‬ ‫بشكل‬ ‫إما‬ ،‫قع‬ ‫جزئي‬ ‫كل‬،‫و‬‫ب‬ ‫سنتحدث‬ ‫والتي‬ .‫الزائر‬ ‫ب‬ :‫ة‬ ‫صور‬ ‫معالجة‬ ‫أداة‬‫ا‬   ‫أدوات‬ ‫ أدا‬ ‫أداة‬‫اختيا‬ ‫اإل‬ ‫ أداة‬ ‫ أد‬ ‫والتدرج‬ ‫ التعبئة‬ ‫وا‬ ‫اللطخ‬ ‫ أدوات‬ ‫ب‬ ‫التحكم‬ ‫أدوات‬‫درج‬   ‫ أدوات‬ ‫ أدا‬ ‫مؤشرات‬ ‫ا‬ ‫ يد‬ ‫اس‬ ‫دم‬ / ‫الثقافة‬ ‫وزارة‬ ‫المو‬ ‫تصميم‬ ‫الص‬ ‫معالجة‬ ‫ت‬ ‫للمو‬ ‫لرئيسية‬ ‫يرھا‬‫بشك‬ ‫أو‬ ، ‫و‬ ،‫لفوتوشوب‬ ‫تجذب‬ ‫بسيطة‬ ‫األساسية‬ ‫وات‬ ‫لم‬ ‫بسيط‬ ‫روع‬ ‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬ ‫صفحة‬ 1 ‫من‬ 25 ‫ت‬ ‫في‬ ‫شوب‬ ‫خيارات‬ ‫من‬ ً‫ا‬‫م‬ ‫ال‬ ‫الواجھة‬ ‫ھنا‬ ‫إعالنات‬‫وغي‬ ‫ا‬ ‫استخدام‬ ‫يھا‬ ‫إلكترونية‬ ‫ت‬ ‫األدو‬ ‫بعض‬ ‫مع‬ ‫مشر‬ ‫على‬ ‫لنا‬ .‫ب‬ ‫وتوشوب‬‫م‬ ‫الص‬ ‫الفوتوش‬ ‫ام‬ ‫عالم‬ ‫لنا‬ ‫يقدم‬ ‫ھ‬ ‫ونقصد‬ ،‫ب‬ ‫و‬ ‫وأيقونات‬ ‫ر‬ ‫في‬ ‫يمكن‬ ‫التي‬ ‫إعالنات‬ ‫صميم‬ ‫ألدوات‬ ‫مع‬ ‫للبرنامج‬ ‫ية‬ ‫عمل‬ ‫أثناء‬ ‫ات‬ ‫وجذا‬ ‫بسيط‬ ‫ي‬ ‫طبقات‬ ‫النص‬ ‫فو‬ :‫الرابعة‬ ‫جلسة‬ ‫استخدا‬ Adobe Ph ‫الوب‬ ‫مواقع‬ ‫م‬ ‫وأزرار‬ ‫صور‬ .‫طلوب‬ ‫المواقع‬ ‫صميم‬ ‫وتص‬ ‫أساسي‬ ‫ل‬ ‫واأل‬ ‫اللوحات‬ ‫الرئيسي‬ ‫اجھة‬ ‫األدوا‬ ‫ھذه‬ ‫ض‬ ‫إلكتروني‬ ‫عالن‬ ‫الط‬ ‫لوحة‬ ‫إعدادات‬ ‫الوب‬ ‫واقع‬–‫الج‬ hotoshop ‫تصميم‬ ‫ذلك‬ ‫ص‬ ‫من‬ ‫الموقع‬ ‫المط‬ ‫للتصميم‬ ‫م‬‫تص‬ ‫مجاالت‬ ‫بشكل‬ ‫الصور‬ :‫بالبرنامج‬ ‫ف‬ ‫الو‬ ‫التالي‬ ‫كل‬ ‫بعض‬ ‫بشرح‬ ‫م‬ ،‫إعال‬ ‫وتصميم‬ ‫الطبقة‬ ‫أثيرات‬ ‫مو‬ ‫تصميم‬ ‫برنامج‬ ‫في‬ ‫بما‬ ‫أجزاء‬ ‫جمالية‬ ‫أھم‬ ‫من‬ ‫معالجة‬ ‫التعريف‬ ‫الشك‬ ‫في‬ ‫وسنقوم‬ ،‫للموقع‬ ‫ تأ‬
  • 2. ‫لمواقع‬ 201 ‫موقع‬ ‫واف‬، Filte  ‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬ 12/4/7 ‫م‬ ‫من‬ ‫اإلفالت‬ ‫والحو‬ ‫النقاط‬ er   Shar ‫الفوتوشو‬ ‫ستخدام‬ ‫مشق‬ ‫وا‬ ‫السحب‬ ‫قة‬ :‫ي‬ ‫بعض‬ ‫في‬ ‫ر‬ rpen   Sm ‫اس‬ ‫دم‬ / ‫الثقافة‬ ‫وزارة‬ ‫منھا‬ ‫وبة‬. Op‫بطريق‬ ‫أو‬ ‫الباقي‬ ‫وإزالة‬ ‫أكثر‬ ‫حدة‬ ‫طيھا‬ mart Sharp ‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬ ‫صفحة‬ 2 ‫من‬ 25 ‫المطلو‬ ‫رويسة‬ ‫قائمة‬ ‫من‬pen .‫امج‬ ‫منھا‬ ‫جزء‬ ‫خذ‬ ‫بح‬ ‫ثر‬‫ي‬‫يعط‬ ‫ث‬ pen ‫وتوشوب‬‫م‬ ‫الص‬ ‫وكوالتة‬ ‫التر‬ ‫وإنشاء‬ ‫ھا‬ ‫م‬ ‫بفتحھا‬ ‫إما‬ ‫البرنا‬ ‫واجھة‬ Crop T‫ألخ‬ ‫أكث‬ ‫الصورة‬ ‫فو‬ :‫الرابعة‬ ‫جلسة‬ ‫شو‬ ‫لموقع‬ ‫دة‬ ‫معالجتھ‬ ‫نريد‬ ‫فوتوشوب‬ ‫طة‬ ‫إلى‬ ‫الحاسب‬ ‫القص‬ ‫ة‬ool ‫تفاصيل‬ ‫ضيح‬ ‫الوب‬ ‫واقع‬–‫الج‬ ‫جديد‬ ‫تروسية‬ ‫ن‬ ‫محددة‬ ‫صورة‬ ‫بواسط‬ ‫صورة‬ ‫جھاز‬ ‫على‬ ‫ة‬ ‫أدا‬ ‫سنأخذ‬ ‫حھا‬ ‫توض‬ ‫نريد‬ ‫صھا‬ :‫قائمة‬ ‫مو‬ ‫تصميم‬ ‫ت‬ ‫إنشاء‬ ‫ص‬ ‫لدينا‬ ‫الص‬ ‫لفتح‬ ‫الصورة‬ ‫فتح‬ ‫بعد‬ ‫قص‬ ‫بعد‬ ‫قا‬ ‫فنأخذ‬
  • 3. ‫لمواقع‬ 201 ‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬ 12/4/7 ‫ضغط‬OK: ‫الفوتوشو‬ ‫ستخدام‬ ‫مشق‬ ‫نض‬ ‫ثم‬ ‫طلوبة‬ ‫اس‬ ‫دم‬ / ‫الثقافة‬ ‫وزارة‬ ‫المط‬ ‫التفاصيل‬ ‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬ ‫صفحة‬ 3 ‫من‬ 25 ‫ا‬ ‫على‬ ‫نحصل‬ ‫وتوشوب‬‫م‬ ‫الص‬ ‫ن‬ ‫حتى‬ ‫عدادات‬ ‫فو‬ :‫الرابعة‬ ‫جلسة‬ ‫اإلعد‬ ‫في‬ ‫نغير‬ ‫الوب‬ ‫واقع‬–‫الج‬ ‫ن‬ ‫الظاھرة‬ ‫فذة‬ ‫مو‬ ‫تصميم‬ ‫الناف‬ ‫في‬
  • 4. ‫لمواقع‬ 201 Ima  ‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬ 12/4/7 age   Adj ‫الفوتوشو‬ ‫ستخدام‬ ‫مشق‬ ustments  ‫اس‬ ‫دم‬ / ‫الثقافة‬ ‫وزارة‬  Color B ‫حمر‬: ‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬ ‫صفحة‬ 4 ‫من‬ 25 :‫قائمة‬ ‫خذ‬ Balance ‫األح‬ ‫اللون‬ ‫جة‬ ‫وتوشوب‬‫م‬ ‫الص‬ ‫نأخ‬ ،‫اللونية‬ ‫ت‬ ‫درج‬ ‫من‬ ‫نزيد‬ ‫فو‬ :‫الرابعة‬ ‫جلسة‬ ‫الدرجات‬ ‫عض‬ ‫فن‬ ً‫ا‬‫دفئ‬ ‫أكثر‬ ‫ن‬ ‫الوب‬ ‫واقع‬–‫الج‬ ‫بع‬ ‫بإضافة‬ ‫آلن‬ ‫تكون‬ ‫أن‬ ‫ريدھا‬ ‫مو‬ ‫تصميم‬ ‫اآل‬ ‫لنقوم‬ ‫نر‬ ً‫ال‬‫مث‬
  • 5. ‫لمواقع‬ 201 ‫على‬ Ima  ‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬ 12/4/7 ً‫ا‬‫كبير‬ ً‫ا‬‫تأثير‬ age   Adj ‫الفوتوشو‬ ‫ستخدام‬ ‫مشق‬ ‫ت‬ ‫تضيف‬ ‫لتي‬ ustments  ‫اس‬ ‫دم‬ / ‫الثقافة‬ ‫وزارة‬ ‫ال‬ ‫األدوات‬ ‫ھم‬  Brightn :‫سب‬ ‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬ ‫صفحة‬ 5 ‫من‬ 25 ‫أھ‬ ‫من‬ ‫وھذه‬ ness/Cont ‫المناس‬ ‫التأثير‬ ‫وتوشوب‬‫م‬ ‫الص‬ ،‫األلوان‬ ‫كيز‬ trast ‫على‬ ‫نحصل‬ ‫فو‬ :‫الرابعة‬ ‫جلسة‬ ‫وتركي‬ ‫إلضاءة‬ :‫ة‬ ‫ن‬ ‫حتى‬ ‫ظاھرة‬ ‫الوب‬ ‫واقع‬–‫الج‬ ‫اإل‬ ‫بعض‬ ‫آلن‬ ‫قائمة‬ ‫نأخذ‬ ،‫ة‬ ‫الظ‬ ‫المؤشرات‬ ‫مو‬ ‫تصميم‬ ‫اآل‬ ‫نريد‬ ‫الصورة‬   ‫ا‬ ‫نحرك‬
  • 6. ‫لمواقع‬ 201 ‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬ 12/4/7 ‫الفوتوشو‬ ‫ستخدام‬ ‫مشق‬ ‫اس‬ ‫دم‬ / ‫الثقافة‬ ‫وزارة‬ T: ‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬ ‫صفحة‬ 6 ‫من‬ 25 ‫ص‬Type Tool ‫وتوشوب‬‫م‬ ‫الص‬ ‫النص‬ ‫أداة‬ ‫دام‬ ‫فو‬ :‫الرابعة‬ ‫جلسة‬ ‫باستخد‬ ‫بسيط‬ ‫الوب‬ ‫واقع‬–‫الج‬ ‫نص‬ ‫اآلن‬ ‫ف‬ ‫مو‬ ‫تصميم‬ ‫سنضيف‬
  • 7. ‫لمواقع‬ 201 ‫ادات‬ ‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬ 12/4/7 ‫إعدا‬ ‫لوحة‬ ‫ح‬ .‫الصورة‬ ‫الفوتوشو‬ ‫ستخدام‬ ‫مشق‬ ‫نفتح‬ ‫النص‬ ‫يد‬ ‫مع‬ ً‫ا‬‫تناسق‬ ‫ي‬ ‫اس‬ ‫دم‬ / ‫الثقافة‬ ‫وزارة‬ Ch‫وبتحديد‬ ، ‫و‬ ‫ه‬‫الذي‬‫يعطي‬ ‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬ ‫صفحة‬ 7 ‫من‬ 25 ‫ب‬ocolata ‫نريده‬ ‫الذي‬ ‫ان‬ ‫وتوشوب‬‫م‬ ‫الص‬ ‫ونكتب‬ ‫صورة‬ :‫لون‬ ‫المكا‬ ‫إلى‬ ‫ص‬ ‫فو‬ :‫الرابعة‬ ‫جلسة‬ ‫الص‬ ‫من‬ ‫وضع‬ ‫والل‬ ،‫الحجم‬ ، ‫النص‬ ‫نحرك‬ ‫يك‬ ‫الوب‬ ‫واقع‬–‫الج‬ ‫مو‬ ‫أي‬ ‫على‬ ،‫الخط‬ ‫ونختار‬ ‫التحري‬ ‫أداة‬ ‫ام‬ ‫مو‬ ‫تصميم‬ ‫نضغط‬ ‫و‬ ‫النص‬ ‫باستخدا‬
  • 8. ‫لمواقع‬ 201 File    ‫وبدقة‬ ‫سرعة‬ ‫صيغة‬ ‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬ 12/4/7      Save f ‫منھا‬JPEG‫و‬ ‫تقدير‬ ‫كانية‬‫سر‬ ‫الص‬ ‫اختيار‬ ‫ى‬ ‫الفوتوشو‬ ‫ستخدام‬ ‫مشق‬ :‫قائمة‬ ‫من‬ ‫خذ‬ for Web ‫من‬ ‫نختار‬ ،‫مھا‬ ‫وإمك‬ ‫النھائية‬ ‫على‬ ‫تساعدنا‬ . ‫اس‬ ‫دم‬ / ‫الثقافة‬ ‫وزارة‬ ‫فنأخ‬ ،‫للوب‬ ‫ب‬ ‫وحجم‬ ‫ودقتھا‬ ‫الصورة‬ ‫حجم‬ ‫المؤشرات‬ .‫السرعات‬ ‫ف‬ ‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬ ‫صفحة‬ 8 ‫من‬ 25 ‫مناسب‬ ‫تنسيق‬ ‫و‬ ‫الصورة‬ ‫غة‬ ‫ح‬ ‫إلى‬ ‫مؤشر‬ ‫ھذه‬ ،‫إلنترنت‬ ‫مختلف‬ ‫على‬ ‫رة‬ ‫وتوشوب‬‫م‬ ‫الص‬ ‫بت‬ ‫حفظھا‬ ‫ريد‬ ‫لصيغ‬ ‫خيارات‬ ‫م‬ ‫اليسرى‬ ‫فلية‬ ‫لإل‬ ‫المتوفرة‬ ‫للصور‬ ‫أسرع‬ ‫فو‬ :‫الرابعة‬ ‫جلسة‬ ‫الخطوات‬ ‫ة‬‫نر‬ ‫خي‬ ‫عدة‬ ‫لدينا‬ ‫السف‬ ‫الزاوية‬ ‫ي‬ ‫السرعات‬ ‫ف‬ ‫أ‬ ‫لتحميل‬ ‫سب‬ ‫الوب‬ ‫واقع‬–‫الج‬ ‫كافة‬ ‫من‬ ‫نتھاء‬ ‫الظاھرة‬ ‫فذة‬ ‫ثم‬Save. ‫في‬ ‫يعطينا‬ ‫نه‬ ‫مختلف‬ ‫على‬ ‫ا‬ ‫المناس‬ ‫والحجم‬ ‫مو‬ ‫تصميم‬ ‫االن‬ ‫بعد‬   ‫الناف‬ ‫في‬ High‫ث‬ ‫أن‬ ‫الحظ‬ ‫تحميلھا‬ ‫و‬ ‫والدقة‬
  • 9. ‫لمواقع‬ 201   ‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬ 12/4/7 ‫الفوتوشو‬ ‫ستخدام‬ ‫مشق‬ .ً‫ا‬‫الحق‬ ‫طبقات‬ ‫اس‬ ‫دم‬ / ‫الثقافة‬ ‫وزارة‬ ‫الط‬ ‫على‬ ‫عديل‬ ‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬ ‫صفحة‬ 9 ‫من‬ 25 ‫التعد‬ ‫إلمكانية‬ ‫وتوشوب‬‫م‬ ‫الص‬ :‫اھزة‬ ‫بصيغة‬PSD ‫فو‬ :‫الرابعة‬ ‫جلسة‬ ‫جا‬ ‫الجديدة‬ ‫تنا‬ ‫ب‬ ‫األساسي‬ ‫ف‬ ‫الوب‬ ‫واقع‬–‫الج‬ ‫ترويست‬ ‫تكون‬ ‫الملف‬ ‫حفظ‬ ‫سى‬ ‫مو‬ ‫تصميم‬ ‫ت‬ ‫وبذلك‬ ‫ننس‬ ‫وال‬
  • 10. ‫لمواقع‬ 201 ‫خدام‬ ‫حجم‬ ‫حجوم‬ ‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬ 12/4/7 ،‫كوالتة‬‫باستخ‬ ‫الح‬ ‫إعداد‬ ‫ثم‬ ً‫ا‬‫الحق‬‫ح‬ ‫إلى‬ .(‫وقت‬ ‫أي‬ ‫الفوتوشو‬ ‫ستخدام‬ ‫مشق‬ ‫الشوك‬ ‫من‬ ‫ديد‬ ،‫النصوص‬ 600:‫بيكسل‬ ‫تصغيره‬ ‫ثم‬ ‫في‬ ‫إليه‬ ‫لعودة‬ ‫اس‬ ‫دم‬ / ‫الثقافة‬ ‫وزارة‬   ‫جد‬ ‫لنوع‬ ‫ويج‬ ‫تبرز‬ ‫جمالية‬ ً‫ال‬‫ث‬400x0 ‫كبير‬ ‫بحجم‬ ‫ملف‬PSD‫للع‬ ‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬ ‫صفحة‬ 10 ‫من‬ 25 ‫ي‬‫الترو‬ ‫بھدف‬ ‫ج‬ ‫وتأثيرات‬ ‫مث‬ ‫الحجم‬ ‫أخذ‬ ‫تصميم‬ ‫أي‬ ‫ى‬ ‫م‬ ‫في‬ ‫األصلي‬ ‫وتوشوب‬‫م‬ ‫الص‬ ‫إلكتروني‬ ‫الن‬ ‫مختلفة‬ ‫طوط‬ .‫الموقع‬ ‫على‬ File ‫ولنأ‬ ‫على‬ ‫العمل‬ ً‫ا‬‫م‬ ‫بالتصميم‬ ‫اظ‬ .‫للعمل‬ ‫اھز‬ ‫فو‬ :‫الرابعة‬ ‫جلسة‬ ‫وني‬ ‫إعال‬ ‫بإنشاء‬ ‫وم‬ ‫بخط‬ ‫صوص‬ ‫مكا‬ ‫ناسب‬‫ع‬ ‫نه‬ ‫من‬ ‫يد‬ New ‫دائم‬ ‫األفضل‬ ‫واالحتفا‬ ‫جاتنا‬ ‫جا‬ ‫الجديد‬ ‫لف‬ ‫الوب‬ ‫واقع‬–‫الج‬ ‫إلكترو‬ ‫إعالن‬ ‫سنقو‬ ‫المثال‬ ‫النص‬ ‫وبعض‬ ‫لين‬ ‫لإلعالن‬ ‫ب‬ ‫جديد‬ ‫ملف‬ ً‫اية‬ ‫من‬ ‫أنه‬ ‫ھنا‬ ‫احتياج‬ ‫تناسب‬ ‫المل‬ ‫اآلن‬ ‫لدينا‬ ‫مو‬ ‫تصميم‬ ‫إ‬ ‫إنشاء‬ ‫ھذا‬ ‫في‬ ‫صورة‬ ‫المناسب‬ ‫بد‬ ‫نأخذ‬ ‫)الحظ‬ ‫ت‬ ‫أخرى‬ ‫ل‬ ‫أصبح‬
  • 11. ‫لمواقع‬ 201 ‫ضعھا‬ ‫إلى‬ ‫ھن‬ ‫ن‬‫ا‬ ‫مركز‬ ‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬ 12/4/7 ‫موض‬ ‫من‬ ‫لوبة‬ ‫مؤشرات‬ ‫مع‬ ‫)يمكن‬ ‫مناسب‬ ‫مر‬ ‫على‬ ‫حفاظ‬ ‫الفوتوشو‬ ‫ستخدام‬ ‫مشق‬ ‫المطلو‬ ‫النقشة‬ ‫م‬ ‫معينة‬ ‫أبعاد‬ ‫الم‬ ‫الحجم‬ ‫إلى‬ ‫والزر‬Alt ‫للح‬ ‫اس‬ ‫دم‬ / ‫الثقافة‬ ‫وزارة‬   ‫تمثل‬ ‫صورة‬ ‫بأ‬ ‫لنا‬ ‫فتظھر‬ ‫إ‬ ‫الصورة‬ ‫كبر‬ ‫و‬ ‫األبعاد‬ ‫على‬ ‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬ ‫صفحة‬ 11 ‫من‬ 25 ‫ص‬ ‫نأخذ‬ ،‫عالن‬ ،‫الجديد‬ ‫لف‬ ‫ونكب‬ ‫الزوايا‬ ‫ى‬ Sh‫ع‬ ‫للحفاظ‬ ‫وتوشوب‬‫م‬ ‫الص‬ ‫اإلع‬ ‫أرضية‬ ‫ى‬ ‫المل‬ ‫داخل‬ ‫لى‬ ‫إحدى‬ ‫من‬ ‫حب‬ ‫زر‬ ‫على‬hift ‫فو‬ :‫الرابعة‬ ‫جلسة‬ ‫إلى‬ ‫النقوش‬ ‫ض‬ ‫إل‬ ‫ونسحبھا‬ ‫ب‬ ‫نسح‬ ،‫تصغير‬ ‫ع‬ ‫الضغط‬ ‫ب‬ ‫الوب‬ ‫واقع‬–‫الج‬ ‫بعض‬ ‫سنضيف‬ ‫الحاسب‬ ‫جھاز‬ ‫الت‬ ‫أو‬ ‫التكبير‬ ‫السحب‬ ‫مع‬ ‫من‬ .(‫مكانه‬ ‫في‬ ‫ة‬ ‫مو‬ ‫تصميم‬ ‫س‬ ً‫بداية‬ ‫ج‬ ‫على‬ ‫إمكانية‬ ‫وبالتزام‬ ‫الصورة‬
  • 12. ‫لمواقع‬ 201 ‫للون‬ ‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬ 12/4/7 ‫وال‬ ‫الخط‬ ‫دات‬ ‫الفوتوشو‬ ‫ستخدام‬ ‫مشق‬ ‫إعداد‬ ‫نختار‬ ‫اس‬ ‫دم‬ / ‫الثقافة‬ ‫وزارة‬   ‫األول‬ ‫شروع‬ ‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬ ‫صفحة‬ 12 ‫من‬ 25 ‫و‬‫في‬ ‫كما‬‫المش‬ ‫وتوشوب‬‫م‬ ‫الص‬ ،‫لإلعالن‬ ‫ن‬‫و‬ ‫فو‬ :‫الرابعة‬ ‫جلسة‬ ‫كعنوان‬ ‫بسيط‬ ‫الوب‬ ‫واقع‬–‫الج‬ ‫ب‬ ‫نص‬ ‫اآلن‬ .‫م‬ ‫مو‬ ‫تصميم‬ ‫نضيف‬ ‫والحجم‬
  • 13. ‫لمواقع‬ 201 ‫لعديد‬ ‫سافة‬ ‫أكثر‬ ‫من‬ ‫نفس‬ ‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬ 12/4/7 ‫ال‬ ‫تضم‬ ‫نافذة‬ ‫المس‬ ‫إعدادات‬ ‫ب‬‫وترويج‬ ‫جزء‬ ‫بتحديد‬ ‫واللص‬‫في‬ ‫ق‬ ‫الفوتوشو‬ ‫ستخدام‬ ‫مشق‬ ‫ة‬fx‫فتظھر‬ ‫ظل‬‫إ‬ ‫نغير‬ ، .‫المناسب‬ ‫ة‬‫جذب‬ ‫عامل‬ ‫والتي‬‫تقوم‬ ‫و‬ ‫النسخ‬ ‫ومع‬ (‫سية‬. ‫اس‬ ‫دم‬ / ‫الثقافة‬ ‫وزارة‬   ‫الطبقة‬ ‫أثيرات‬ D‫ظ‬ ‫إلضافة‬ ‫الظل‬ ‫على‬ ‫ل‬ ‫إضافة‬ ‫منھا‬ Rectangu ‫ا‬ ‫ة‬‫لمختارة‬، ‫األساس‬ ‫الطبقة‬ ‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬ ‫صفحة‬ 13 ‫من‬ 25 ‫تأ‬ ‫زر‬ ‫على‬ ‫ط‬ Drop  Shad S‫نحصل‬ ‫حتى‬ ‫سائل‬ ‫ة‬‫نريد‬ ‫ة‬ ular  Marq ‫ال‬ ‫من‬ ‫ل‬‫صورة‬ ‫لباقي‬‫ا‬ ‫بحذف‬ ‫وتوشوب‬‫م‬ ‫الص‬ ‫نضغط‬ ،‫نص‬ ‫منھا‬dow ‫والحجم‬Size ‫ثل‬‫شوكوال‬‫تة‬ quee  Tool ‫األول‬ ‫القسم‬ ‫ه‬)‫الب‬ ‫ونحذف‬ ‫فو‬ :‫الرابعة‬ ‫جلسة‬ ‫الن‬ ‫على‬ ‫يرات‬ ‫رات‬‫نختار‬ ، ‫ار‬Spread ‫تمثل‬ ‫رسومية‬ ‫إلعالن‬. ‫حديد‬‫األولى‬ ‫ونحدد‬ ،‫طيل‬ ‫اخترناه‬ ‫الذي‬ ‫الوب‬ ‫واقع‬–‫الج‬ ‫ف‬‫التأثي‬ ‫بعض‬ ‫التأثير‬ ‫يارات‬ Dist‫واالنتشا‬ ‫صورة‬ ‫آلن‬ ‫ھا‬‫في‬‫اإل‬ ‫أعلى‬ ‫التح‬ ‫أداة‬ ً‫ال‬‫و‬ ‫مستط‬ ‫بشكل‬ ‫ة‬ ‫الجزء‬ ‫يظھر‬ ‫مو‬ ‫تصميم‬ ‫ل‬‫نضي‬‫ف‬ ‫خي‬ ‫من‬ tance ‫نأخذ‬‫اآل‬ ‫ونضعھ‬ ‫نأخذ‬‫أو‬ ‫الصورة‬ ‫المكان‬
  • 14. ‫لمواقع‬ 201 ‫خرى‬ ‫ح‬‫ات‬ .‫ھا‬ ‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬ 12/4/7 ‫أخ‬ ‫تحديد‬ ‫أداة‬ ‫مساح‬ ‫باختيار‬ ‫الختيار‬ ‫ضاء‬ ‫الفوتوشو‬ ‫ستخدام‬ ‫مشق‬ ،‫لسائلة‬‫نأخذ‬ ‫تقوم‬ ‫أنھا‬ ‫ة‬ ‫البيض‬ ‫المساحة‬ ‫اس‬ ‫دم‬ / ‫الثقافة‬ ‫وزارة‬   ‫ال‬ ‫الشوكوالتة‬ ‫ھذه‬ ‫زة‬‫األدا‬ ‫على‬ ‫فنضغط‬ ‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬ ‫صفحة‬ 14 ‫من‬ 25 ‫با‬ ‫فقط‬ ‫حتفاظ‬ Magic‫وميز‬ ‫ف‬ ،‫ودرجته‬ ‫ن‬ ‫وتوشوب‬‫م‬ ‫الص‬ ‫واال‬ ‫للصورة‬ c Wand To ‫اللون‬ ‫على‬ ‫ناء‬ ‫فو‬ :‫الرابعة‬ ‫جلسة‬ ‫ل‬ ‫البيضاء‬ ‫لفية‬ ‫لسحرية‬ool ‫بن‬ ‫واحدة‬ ‫بنقرة‬ ‫الوب‬ ‫واقع‬–‫الج‬ ‫الخل‬ ‫إزالة‬ ‫ريد‬ ‫ا‬ ‫داة‬‫ال‬ ‫لتحديد‬ ‫بن‬ ‫الصورة‬ ‫من‬ ‫مو‬ ‫تصميم‬ ‫اآلن‬‫نر‬ ‫وھي‬‫أد‬ ‫م‬ ‫كاملة‬
  • 15. ‫لمواقع‬ 201 ‫وضة‬ ‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬ 12/4/7 ‫المعرو‬ ‫كوالتة‬ ‫الفوتوشو‬ ‫ستخدام‬ ‫مشق‬ ‫الشوكو‬ ‫قطع‬ ‫ي‬ ‫ل‬Open. ‫اس‬ ‫دم‬ / ‫الثقافة‬ ‫وزارة‬   .‫بيضاء‬ .‫إلعالن‬ ‫وھي‬ ‫إلعالن‬ ‫ا‬‫خالل‬ ‫من‬ ‫مج‬ ‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬ ‫صفحة‬ 15 ‫من‬ 25 ‫الب‬ ‫المساحة‬ ‫ل‬ ‫اإل‬ ‫أعلى‬ ‫في‬ ‫ة‬ ‫لإل‬ ‫األساسي‬ ‫ع‬ ‫البرنا‬ ‫على‬ ‫ل‬ ‫وتوشوب‬‫م‬ ‫الص‬ D‫ل‬‫كامل‬ ‫حذف‬ ‫الناتجة‬ ‫صورة‬ ‫الموضوع‬ ‫مثل‬ ‫مستقل‬ ‫بشكل‬ ‫ھا‬ ‫فو‬ :‫الرابعة‬ ‫جلسة‬ ‫ضغط‬Delete ‫الص‬ ‫نثبت‬ ‫ريك‬ ‫تمث‬ ‫صورة‬ ‫فة‬ ‫بفتحھا‬ ‫ونقوم‬ ‫الوب‬ ‫واقع‬–‫الج‬ ‫نض‬ ‫التحديد‬ ‫ام‬ ‫خدام‬‫التحر‬ ‫أداة‬ ‫ة‬‫إضاف‬ ‫التالية‬ ‫صورة‬ ‫نختار‬ ‫مو‬ ‫تصميم‬ ‫بعد‬‫إتما‬ ‫وباستخ‬ ‫الخطوة‬ ‫ن‬ ،‫للبيع‬
  • 16. ‫لمواقع‬ 201 ‫لكن‬ ‫في‬ ‫ة‬ ‫تحكم‬ Poly ‫صورة‬ ‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬ 12/4/7 ‫صور‬‫ال‬ ‫ة‬،‫سابقة‬ ‫الصعوبة‬ ‫ض‬ ‫الت‬ ‫في‬ ً‫ال‬‫ضي‬ ygonal Las ‫للص‬ ‫خارجية‬ ‫الفوتوشو‬ ‫ستخدام‬ ‫مشق‬ ‫الصو‬ ‫في‬ ‫قمنا‬ ‫بعض‬ ‫إلى‬ ‫يؤدي‬ ‫تفض‬ ‫واألكثر‬ (‫وھي‬sso  ‫الخ‬ ‫الحواف‬ ‫ى‬ ‫اس‬ ‫دم‬ / ‫الثقافة‬ ‫وزارة‬   ‫كما‬ ‫البيضاء‬ ‫ل‬‫ي‬ ‫قد‬ ‫والذي‬ ، ‫التحديد‬ ‫وات‬ (‫بكثير‬ ‫ذلك‬ ‫ن‬ ‫على‬ ‫بالضغط‬ ‫الصورة‬. ‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬ ‫صفحة‬ 16 ‫من‬ 25 ‫ا‬ ‫المساحة‬ ‫ديد‬ ‫الظل‬ ‫يمثل‬ ‫ي‬ ‫دقة‬ ‫ر‬‫أد‬ ‫من‬ ‫من‬ ً‫ا‬‫تعقيد‬ ‫كثر‬ ‫اط‬‫ب‬ ‫التحديد‬ ‫من‬ ‫المطلوبة‬ ‫وتوشوب‬‫م‬ ‫الص‬ ‫وتحد‬ ‫لسحرية‬ ‫الرمادي‬‫الذي‬ ‫األكثر‬ ‫األداة‬ ‫أك‬ ‫صور‬ ‫جھنا‬ ‫ن‬‫وتثبي‬‫ت‬‫نقا‬ ‫ا‬ ‫المساحة‬ ‫وي‬ ‫فو‬ :‫الرابعة‬ ‫جلسة‬ ‫ال‬ ‫التحديد‬ ‫أداة‬ ‫ت‬‫من‬‫اللون‬ ‫سنختار‬ ‫لك‬ ‫تو‬ ‫)قد‬ ‫ور‬‫اج‬ ‫ت‬ ‫على‬ ‫ئھا‬‫عين‬ ‫يحو‬ ‫معقد‬ ‫ضلع‬ ‫الوب‬ ‫واقع‬–‫الج‬ ‫ا‬‫أ‬ ‫اختيار‬ ‫ھنا‬ ‫درجا‬ ‫وجود‬‫ت‬ ‫لذل‬ ،‫بالتحديد‬ ‫الصو‬ ‫أنواع‬ ‫ف‬ ‫بمبدئھ‬ ‫تعتمد‬ ‫بة‬‫مض‬ ‫لتمثل‬ ، ‫مو‬ ‫تصميم‬ ‫بإمكاننا‬ ‫نالحظ‬ ‫التحكم‬ ‫بمختلف‬ Tool، ‫المطلوب‬
  • 17. ‫لمواقع‬ 201 Fea، ‫شاذة‬ ‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬ 12/4/7 ‫قائمة‬ather ‫حادة‬‫أ‬‫و‬‫ش‬ ‫نقاط‬ ‫الفوتوشو‬ ‫ستخدام‬ ‫مشق‬ ‫الق‬ ‫من‬ ‫ونختار‬ ‫حا‬ ‫حواف‬ ‫ھر‬ ‫اس‬ ‫دم‬ / ‫الثقافة‬ ‫وزارة‬   ‫و‬ ‫المحدد‬ ‫حة‬ ‫تظھ‬ ‫ال‬ ‫حتى‬ ‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬ ‫صفحة‬ 17 ‫من‬ 25 ‫المساح‬ ‫على‬ ‫ي‬ ‫المختارة‬ ‫حة‬ ‫وتوشوب‬‫م‬ ‫الص‬ ‫اليميني‬ ‫بالزر‬ ‫المساح‬ ‫حواف‬ ‫فو‬ :‫الرابعة‬ ‫جلسة‬ ‫نضغط‬ ‫حديد‬ ‫ح‬ ‫على‬ ‫نعومة‬ ‫الصورة‬ ‫ص‬. ‫الوب‬ ‫واقع‬–‫الج‬ ‫نتھ‬‫التح‬ ‫من‬ ‫اء‬ ‫ميزة‬‫ت‬‫ضيف‬ ‫حواف‬‫عن‬‫د‬‫قص‬ ‫مو‬ ‫تصميم‬ ‫بعد‬‫االن‬ ‫الم‬ ‫ھذه‬ ‫الح‬ ‫على‬
  • 18. ‫لمواقع‬ 201 ‫لرقم‬ ‫في‬ ‫ظ‬ ‫ھذه‬ ‫ضغط‬ ‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬ 12/4/7 ‫ا‬ ‫يكون‬ ً‫ا‬‫غالب‬ ‫صورة‬‫نالحظ‬ ، ‫من‬ ‫الھدف‬ ‫ن‬ ‫بالض‬ ‫وذلك‬ ‫ية‬ .‫خلفية‬ ‫الفوتوشو‬ ‫ستخدام‬ ‫مشق‬ ‫غ‬ ‫صغير‬ ‫مھا‬ ‫الص‬ ‫نلصق‬ ً‫ا‬ ،‫جديدة‬‫أن‬ ‫وبما‬ ‫الخلفي‬ ‫طبقة‬ ‫ن‬ ‫الخ‬ ‫شفافية‬ ‫مع‬ ‫اس‬ ‫دم‬ / ‫الثقافة‬ ‫وزارة‬   ‫حجم‬ ‫يكون‬ ‫ي‬ ً‫ا‬‫تمام‬ ‫جديد‬ ‫ف‬ ‫الج‬ ‫الصورة‬ ‫ة‬ ‫اإلظھار‬‫عن‬ ‫م‬ ‫الصورة‬ ‫على‬ ‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬ ‫صفحة‬ 18 ‫من‬ 25 ‫المرئية‬‫والتي‬ ‫ملف‬ ‫وعلى‬ ‫خ‬ Back‫وطبقة‬ ‫نزيل‬‫خاصية‬ ‫عل‬ ‫فنحصل‬ ،‫ة‬ ‫وتوشوب‬‫م‬ ‫الص‬ ‫للصور‬ ‫سبة‬ ‫ا‬3.ً‫ال‬‫مث‬ ‫بالنسخ‬ ‫اآلن‬ ‫م‬ ‫ية‬kground ،‫خلفية‬ ‫دون‬‫ن‬ ‫الطبقة‬ ‫بجانب‬ ‫فو‬ :‫الرابعة‬ ‫جلسة‬ ‫ده‬،‫بالنس‬ ‫لكن‬ ‫ھنا‬ ‫سنختار‬ ، ‫نقوم‬ ،‫المثالي‬ ‫الخلفي‬ ‫طبقة‬ :‫ن‬ ‫د‬ ‫بالصورة‬ ‫ظ‬ ‫ب‬ ‫عين‬ ‫شكل‬ ‫ل‬ ‫الوب‬ ‫واقع‬–‫الج‬ ‫نريد‬ ‫رقم‬ ‫أي‬ ‫بين‬ ‫ل‬2‫و‬5، ‫ا‬ ‫التحديد‬ ‫من‬ ‫طبقتين‬ ‫الناتج‬ ‫االحتفاظ‬ ‫ھي‬ ‫الذي‬ ‫زر‬‫يمثل‬ ‫مو‬ ‫تصميم‬ ‫ن‬‫ختار‬‫أ‬ ‫المفضل‬ ‫انتھينا‬ ‫ا‬ ‫الملف‬ ‫العملية‬ ‫الز‬ ‫على‬
  • 19. ‫لمواقع‬ 201 ‫دور‬ P‫مع‬ ‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬ 12/4/7 ‫يأتي‬ ‫ھنا‬ ،‫قة‬ ‫غة‬PNG‐24 ‫الفوتوشو‬ ‫ستخدام‬ ‫مشق‬ ‫الحق‬ ‫خدامات‬ ‫الصيغ‬ ‫نختار‬ ‫اس‬ ‫دم‬ / ‫الثقافة‬ ‫وزارة‬   ‫الستخ‬ ‫الشفافية‬ Save for W ‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬ ‫صفحة‬ 19 ‫من‬ 25 ‫الصورة‬‫ا‬ ‫مع‬ ‫فمن‬ ،‫ة‬Web Save. ‫وتوشوب‬‫م‬ ‫الص‬ ‫حيث‬‫با‬ ‫نحتفظ‬ ‫افية‬‫المطلوبة‬ ‫نضغط‬ ‫ثم‬ ‫ت‬e ‫فو‬ :‫الرابعة‬ ‫جلسة‬ ‫بح‬ ‫الجديد‬ ‫ف‬ ‫بالشفا‬ ‫تحتفظ‬ ‫اإلعدادات‬ ‫قية‬ ‫الوب‬ ‫واقع‬–‫الج‬ ‫الملف‬ ‫حفظ‬ ‫آلن‬ ‫ة‬PNG‫التي‬ ‫وبق‬ ‫بالحجم‬ ‫ظ‬ ‫مو‬ ‫تصميم‬ ‫نريد‬‫اآل‬ ‫الصيغة‬ ‫االحتفاظ‬
  • 20. ‫لمواقع‬ 201 ‫طريقة‬ ‫حتوى‬ ‫رجية‬ ‫على‬ ‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬ 12/4/7 ‫بطر‬ ‫بسھولة‬ ‫ة‬ .ً‫ال‬‫مث‬ ‫مح‬ ‫عن‬ ‫عبرة‬ ‫الخار‬ ‫إلضاءة‬ ‫يحدث‬ ‫ماذا‬ ‫الفوتوشو‬ ‫ستخدام‬ ‫مشق‬ ‫الشوكوالتة‬ ‫ع‬ Drop Shad ‫المع‬ ‫األخرى‬ ‫اإل‬ ‫مثل‬ ‫خرى‬ ‫وشاھد‬ ‫رات‬ ‫اس‬ ‫دم‬ / ‫الثقافة‬ ‫وزارة‬   ‫قطع‬ ‫صورة‬ ‫ة‬ ‫الظل‬ ‫ذ‬dow ‫النصوص‬ ‫ض‬ ‫أخ‬ ‫وتأثيرات‬ ‫التأثير‬ ‫مختلف‬ ‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬ ‫صفحة‬ 20 ‫من‬ 25 ‫إضافة‬ ‫اآلن‬ ‫نا‬ ‫فنأخذ‬ ‫التأثير‬ ‫ض‬ ‫بعض‬ ‫لنضيف‬ ‫مختلفة‬ ‫جوم‬، ‫م‬ ‫بنفسك‬ ‫ھنا‬ ‫وتوشوب‬‫م‬ ‫الص‬ ‫بإمكانن‬ ‫صبح‬ .‫ف‬ ‫ن‬‫بعض‬ ‫ضيف‬ ‫األول‬ ‫لنص‬، ‫وحج‬ ‫وألوان‬ St‫ھ‬ ‫)جرب‬ ‫فو‬ :‫الرابعة‬ ‫جلسة‬ ‫اإل‬ ‫ف‬‫أص‬ ،‫عالن‬ ‫الملف‬ ‫داخل‬ ‫ى‬ ‫ن‬ ‫المناسب‬ ‫ن‬ ‫ال‬ ‫بھا‬ ‫أنشأنا‬ ‫ي‬ ‫متنوعة‬ ‫طوط‬ ‫إلطار‬roke ‫الوب‬ ‫واقع‬–‫الج‬ ‫ملف‬ ‫إلى‬ ‫آلن‬ ‫إلى‬ ‫واإلفالت‬ ‫المكان‬ ‫في‬ ‫يتھا‬ ‫قة‬‫التي‬ ‫نفسھا‬ ‫خط‬ ‫بأنواع‬ ‫ن‬ Outer ‫واإل‬ . ‫مو‬ ‫تصميم‬ ‫لنعود‬‫ا‬ ‫السحب‬ ‫بعد‬‫تثبي‬ ‫بالطريق‬ ‫اإلعالن‬ Glow .(‫النص‬
  • 21. ‫لمواقع‬ 201 ‫من‬ ‫رض‬ ‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬ 12/4/7 ‫نأخذ‬ ،‫بداخله‬ ‫العر‬ ‫كامل‬ ‫ى‬ ‫ئة‬Fill. ‫الفوتوشو‬ ‫ستخدام‬ ‫مشق‬ ‫ب‬ ‫االتصال‬ ‫ت‬ ‫على‬ ‫مستطيل‬ ‫التعبئة‬ ‫لون‬ ‫ار‬ ‫اس‬ ‫دم‬ / ‫الثقافة‬ ‫وزارة‬   ‫معلومات‬ ‫كتابة‬ ‫اإلعالن‬ ‫ل‬ ‫نختا‬ ‫القوائم‬ ‫ط‬ ‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬ ‫صفحة‬ 21 ‫من‬ 25 ‫لك‬ ‫اإلعالن‬ ‫ى‬ ‫أسفل‬ ‫في‬ ‫رسم‬ ‫شريط‬ ‫وأسفل‬ ‫وتوشوب‬‫م‬ ‫الص‬ ‫على‬ ‫سفلي‬ ‫ر‬ Recta‫ونر‬ ، ‫البرنامج‬ ‫افذة‬ ‫فو‬ :‫الرابعة‬ ‫جلسة‬ ‫إطار‬ ‫إضافة‬ ngle Tool ‫نا‬ ‫أعلى‬ ‫في‬ ‫ت‬ ‫الوب‬ ‫واقع‬–‫الج‬ ‫ھي‬ ‫األخيرة‬ ‫المستطيل‬ ‫ل‬ .‫مناسب‬ ‫ع‬ ‫اإلعدادات‬ ‫يط‬ ‫مو‬ ‫تصميم‬ ‫اللمسة‬ ‫األشكال‬ ‫وبارتفاع‬ ‫من‬‫ش‬‫ر‬
  • 22. ‫لمواقع‬ 201 ‫الحظ‬ ‫تمكن‬ ‫ضمان‬ ‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬ 12/4/7 ‫نال‬ ‫اللوحة‬ ‫ج‬ Ey‫لنت‬ ‫وذلك‬ ( ‫لض‬ ‫وذلك‬ ‫الن‬ ‫الفوتوشو‬ ‫ستخدام‬ ‫مشق‬ ‫خار‬ ‫المؤشر‬ yedropper ‫اإلعال‬ ‫ناصر‬ ‫اس‬ ‫دم‬ / ‫الثقافة‬ ‫وزارة‬   ‫ن‬،‫و‬‫بتحريك‬ ‫اللون‬r Tool ‫عن‬ ‫بقية‬ ‫في‬ ‫ضغط‬OK. ‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬ ‫صفحة‬ 22 ‫من‬ 25 ‫األلوان‬ ‫ختيار‬ ‫اختيار‬ ‫أداة‬‫ا‬ ‫الموجودة‬ ‫ت‬ ‫ونض‬ ‫مناسب‬ ‫وتوشوب‬‫م‬ ‫الص‬ ‫اخ‬ ‫لوحة‬ ‫ظھر‬ )‫لشكل‬ ‫مماثل‬ ‫والدرجات‬ ‫وان‬ ‫فنخ‬‫لون‬ ‫تار‬ ‫فو‬ :‫الرابعة‬ ‫جلسة‬ ‫بع‬‫تظ‬ ‫الملون‬ ) ‫قطارة‬ ‫شكل‬ ‫األلو‬ ‫من‬ ‫يب‬ ،‫وتناسقھا‬ ‫ان‬ ‫الوب‬ ‫واقع‬–‫الج‬ ‫ط‬‫المرب‬ ‫على‬ ‫ش‬ ‫إلى‬ ‫لمؤشر‬ ‫قري‬ ‫لون‬ ‫تيار‬ ‫األلو‬ ‫تمازج‬ ‫ة‬ ‫مو‬ ‫تصميم‬ ‫بالضغط‬ ‫ا‬ ‫تحول‬ ‫اخت‬ ‫من‬ ‫خاصية‬
  • 23. ‫لمواقع‬ 201 ‫ناتجة‬ ‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬ 12/4/7 ‫النا‬ ‫الصورة‬ ‫م‬ ‫الفوتوشو‬ ‫ستخدام‬ ‫مشق‬ .‫طيل‬ ‫حجم‬ ‫تصغير‬ ‫اس‬ ‫دم‬ / ‫الثقافة‬ ‫وزارة‬   ‫المستط‬ ‫فوق‬ ‫ھا‬ Save f‫مع‬ ‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬ ‫صفحة‬ 23 ‫من‬ 25 ‫ونثبتھ‬ ‫تصال‬ ‫من‬or Web ‫وتوشوب‬‫م‬ ‫الص‬ ‫اال‬ ‫معلومات‬ ‫يغة‬JPEG‫م‬ ‫فو‬ :‫الرابعة‬ ‫جلسة‬ ‫وھي‬ ‫النھائي‬ ‫الصورة‬‫بصي‬ ً‫ال‬‫مث‬ ‫كسل‬. ‫الوب‬ ‫واقع‬–‫الج‬ ‫ا‬ ‫النص‬ ‫اآلن‬ ‫ا‬ ‫نحفظ‬ ‫خرى‬ ‫رض‬250‫بيك‬ ‫مو‬ ‫تصميم‬ ‫نضيف‬ ‫ومرة‬‫أخ‬ ‫إلى‬‫عر‬
  • 24. ‫لمواقع‬ 201 ‫الم‬ ‫تصميم‬ ‫في‬ ‫وب‬ 12/4/7 ‫الفوتوشو‬ ‫ستخدام‬ ‫مشق‬ ‫اس‬ ‫دم‬ / ‫الثقافة‬ ‫وزارة‬   ‫و‬ / ‫بشير‬ ‫رندة‬ .‫م‬ ‫صفحة‬ 24 ‫من‬ 25 ‫وتوشوب‬‫م‬ ‫الص‬ . ‫فو‬ :‫الرابعة‬ ‫جلسة‬ ‫للنشر‬ ‫جاھز‬ ‫الوب‬ ‫واقع‬–‫الج‬ ‫إعالننا‬ ‫يكون‬ ‫مو‬ ‫تصميم‬ ‫وبذلك‬‫ي‬
  • 25. ‫المواقع‬ ‫تصميم‬ ‫في‬ ‫الفوتوشوب‬ ‫استخدام‬ ‫الوب‬ ‫مواقع‬ ‫تصميم‬–‫فوتوشوب‬ :‫الرابعة‬ ‫الجلسة‬‫دمشق‬ / ‫الثقافة‬ ‫وزارة‬ / ‫بشير‬ ‫رندة‬ .‫م‬12/4/2017 ‫الصفحة‬ 25 ‫من‬ 25  ‫وال‬‫بصيغة‬ ‫األساسي‬ ‫الملف‬ ‫حفظ‬ ‫ننسى‬PSD.‫عليه‬ ‫التعديل‬ ‫إلى‬ ‫احتجنا‬ ‫إذا‬ ‫وقت‬ ‫أي‬ ‫في‬ ‫إليه‬ ‫للعودة‬ ‫مالحظات‬‫المرئية‬ ‫الصور‬ ‫بين‬ ‫الفرق‬ ‫حول‬(‫)اإللكترونية‬‫المطبوعة‬ ‫والصور‬ ‫تختلف‬‫في‬ ‫المطبوعة‬ ‫الصور‬ ً‫ا‬‫كثير‬‫و‬ ‫حجمھا‬‫و‬ ‫دقتھا‬‫نم‬‫طھا‬‫اللوني‬‫ھذه‬ ‫أھم‬ ،‫المرئية‬ ‫الصور‬ ‫عن‬ ‫الفروقات‬،:‫يدوي‬ ‫بشكل‬ ‫تعديلھا‬ ‫يجب‬ ‫جديد‬ ‫ملف‬ ‫إنشاء‬ ‫عند‬ ‫والتي‬ ‫المرئية‬‫المط‬‫بوعة‬ ‫وحدة‬‫الحجم‬ ‫قياس‬‫بيكسل‬Pixel ‫سم‬cm‫إنش‬ ‫أو‬in  ‫النمط‬‫اللوني‬ RGB (Red – Green – Blue)  CMYK  (Cyan – Magenta –  Yellow – Black)  ‫الدقة‬‫المثلى‬ ‫االفتراضية‬‫نحتاج‬ ‫)ال‬ (‫لتغييرھا‬ 120‫السنت‬ ‫في‬ ‫بيكسل‬‫ي‬‫متر‬‫أو‬ 300‫اإلنش‬ ‫في‬ ‫بيكسل‬ ‫حجم‬‫النھائي‬ ‫الملف‬ ‫بالكيلو‬‫ال‬ ‫أن‬ ‫)يجب‬ ‫بايت‬ ‫يتجاوز‬1(‫بايت‬ ‫ميغا‬ ‫قد‬‫إلى‬ ‫يصل‬1‫بايت‬ ‫غيغا‬ ‫وأكثر‬ ‫الھدف‬‫ھو‬ ‫ھدفنا‬ ‫المرئية‬ ‫الصور‬ ‫في‬ ‫أنه‬ ‫الفروق‬ ‫ھذه‬ ‫من‬‫وبالتالي‬ ‫الصورة‬ ‫حجم‬ ‫صغر‬‫سرعة‬ ‫تحمي‬‫ل‬‫ھا‬‫المستخدم‬ ‫الحبر‬ ‫ألوان‬ ‫مع‬ ‫تتوافق‬ ‫وبألوان‬ ‫الطباعة‬ ‫دقة‬ ‫ھو‬ ‫الھدف‬ ‫المطبوعة‬ ‫الصور‬ ‫في‬ ‫أما‬ ، ‫اللون‬ ‫نظام‬ ‫وھو‬ ‫الطابعات‬ ‫كافة‬ ‫في‬CMYK.