1. ‫الرسوم‬ ‫تصميم‬ ‫بمبادئ‬ ‫التعريف‬.
: ‫أن‬ ‫على‬ ‫قادرة‬ ‫الطالبة‬ ‫تكون‬ ‫أن‬ ‫الدرس‬ ‫هذا‬ ‫نهاية‬ ‫بعد‬ ‫يتوقع‬
1.‫عرف‬ُ‫ت‬‫الرسومي‬ ‫التصميم‬.
2..‫الرسومي‬ ‫التصميم‬ ‫برامج‬ ‫أشهر‬ ‫عدد‬ُ‫ت‬
3..‫الرسومي‬ ‫التصميم‬ ‫برامج‬ ‫تصف‬
4..‫الرسوم‬ ‫برامج‬ ‫شغل‬ُ‫ت‬
5.‫النقطية‬ ‫الرسوم‬ ‫على‬ ‫تتعرف‬Bitmap Graphics.
6.‫النقطية‬ ‫الصور‬ ‫ملفات‬ ‫امتدادات‬ ‫أهم‬ ‫تذكر‬Bitmap Graphics.
7..‫معها‬ ‫وتتعامل‬ ‫النقطية‬ ‫الرسوم‬ ‫نشئ‬ُ‫ت‬ ‫التي‬ ‫البرامج‬ ‫أشهر‬ ‫تذكر‬
8.‫ع‬ُ‫ت‬.‫نقطية‬ ‫صورة‬ ‫دل‬
9..‫التعديل‬ ‫بعد‬ ‫النقطية‬ ‫الصورة‬ ‫تصف‬
11.‫المتجهة‬ ‫الرسوم‬ ‫على‬ ‫تتعرف‬Vector Graphics.
11..‫المتجهة‬ ‫الصور‬ ‫ملفات‬ ‫امتدادات‬ ‫أهم‬ ‫عدد‬ُ‫ت‬
12..‫المتجهة‬ ‫الرسوم‬ ‫نشئ‬ُ‫ت‬ ‫التي‬ ‫البرامج‬ ‫أشهر‬ ‫على‬ ‫تتعرف‬
13.‫البكسل‬ ‫عرف‬ُ‫ت‬Pixel.
14..‫الرسم‬ ‫حجم‬ ‫عين‬ُ‫ت‬
15..‫الرسم‬ ‫نقاوة‬ ‫عين‬ُ‫ت‬
16..‫البكسل‬ ‫أبعاد‬ ‫حدد‬ُ‫ت‬
17..‫الطباعة‬ ‫نقاوة‬ ‫حدد‬ُ‫ت‬
18..‫ماكس‬ ‫سويش‬ ‫برنامج‬ ‫عرف‬ُ‫ت‬
19..‫البرنامج‬ ‫مزايا‬ ‫عدد‬ُ‫ت‬
21..‫ساسية‬ِ‫األ‬ ‫المفاهيم‬ ‫على‬ ‫تتعرف‬
21..‫البرنامج‬ ‫شغل‬ُ‫ت‬
22..‫البدء‬ ‫قائمة‬ ‫محتويات‬ ‫تناقش‬
23..‫التشغيل‬ ‫عند‬ ‫البدء‬ ‫قائمة‬ ‫ظهر‬ُ‫ت‬ /‫تخفي‬
24..‫الشاشة‬ ‫مناطق‬ ‫بين‬ ‫ميز‬ٌ‫ت‬.‫البرنامج‬ ‫شاشة‬ ‫مناطق‬ ‫عدد‬ُ‫ت‬
‫السبورة‬‫الملونة‬ ‫واألقالم‬–‫فيديو‬‫و‬‫بوربوينت‬–‫الحاسوب‬ ‫جهاز‬
‫كافة‬ ‫في‬ ‫الحاسوب‬ ‫استخدامات‬ ‫أهم‬ ‫ما‬ : ‫التالي‬ ‫السؤال‬ ‫خالل‬ ‫من‬ ‫الطالبات‬ ‫مناقشة‬
‫الحياتية‬ ‫المجاالت‬‫؟‬.‫التصميم‬ ‫منها‬ :‫ج‬
‫انتشر‬‫استخدام‬‫الحاسوب‬‫في‬‫كافة‬‫المجاالت‬،‫الحياتية‬‫ومن‬‫أهم‬‫هذه‬‫المجاالت‬‫تصميم‬
‫وإعداد‬‫وإنتاج‬‫الرسوم‬‫الثابتة‬‫ثنائية‬‫وث‬‫ال‬‫ثية‬‫األبعاد‬‫التي‬‫يمكن‬‫تحريكها‬‫لتظهر‬
‫كأف‬‫ال‬‫م‬‫باستخدام‬‫برامج‬‫الرسوم‬Graphic Programs‫وبرامج‬‫التصميم‬‫بمساعدة‬‫الحاسب‬
‫والتاريخ‬ ‫اليوم‬‫الصف‬‫الحصة‬

2. CAD-Computer Aided Design( (،‫حيث‬‫تعتبر‬‫برامج‬‫التصميم‬‫بمساعدة‬‫الحاسوب‬‫من‬
‫التطبيقات‬‫التي‬‫تنتشر‬‫انتشارا‬‫واسعا‬‫في‬‫عالم‬،‫اليوم‬‫حيث‬‫تقوم‬‫بأعمال‬‫كثيرة‬‫مثل‬‫تصميم‬‫أجزاء‬
،‫السيارات‬،‫والطائرات‬‫ولوحات‬‫الدوائر‬،‫الكهربائية‬،‫والمباني‬‫واألنفاق‬‫التي‬‫تحتاج‬‫لدرجة‬‫عالية‬‫من‬
‫اإلتقان‬،‫والدقة‬‫وتصاميم‬‫الديكورات‬‫الداخلية‬‫للمنازل‬،‫والمكاتب‬‫تصميم‬‫الواجهات‬‫الرسومية‬،‫للبرامج‬
،‫اإلعالنات‬‫تصميم‬‫مواقع‬‫صفحات‬،‫اإلنترنت‬‫وتصميم‬‫صور‬‫وأفالم‬‫الكرتون‬.....‫إلخ‬.
‫ومن‬‫أشهر‬‫برامج‬‫إعداد‬‫وتصميم‬‫وإنتاج‬‫الرسوم‬‫الفوتوشوب‬Photoshop،‫الكورل‬‫درو‬
CorelDraw،‫برنامج‬‫الرسام‬Paint‫والبرامج‬‫المستخدمة‬‫في‬‫التأثيرات‬‫والوسائط‬‫المتعددة‬‫مثل‬‫برامج‬
‫الفالش‬Flash،‫والسويش‬SWiSH‫وغيرها‬.
‫وتقسم‬‫الرسوم‬‫الحاسوبية‬‫إلى‬‫فصيلتين‬‫رئيسيتين‬:‫الرسوم‬‫النقطية‬Bitmap‫والرسوم‬‫المتجهة‬.Vector
‫هي‬‫عبارة‬‫عن‬‫شبكة‬‫من‬‫األلوان‬‫مثل‬ُ‫ت‬‫الصورة،كل‬‫نقطة‬‫في‬‫هذه‬‫الشبكة‬‫تسمى‬‫بالوحدة‬‫الضوئية‬«‫البكسل‬»Pixel،
‫وكل‬‫بكسل‬‫في‬‫رسوم‬‫ال‬Bitmap‫يتحدد‬‫من‬‫خالل‬‫معلومتين‬:‫موقع‬‫البكسل‬‫من‬‫خالل‬‫اإلحداثيات‬‫ولون‬،‫البكسل‬‫عند‬
‫العمل‬‫ضمن‬‫الرسوم‬‫من‬‫هذا‬،‫النوع‬‫فهي‬‫تعمل‬‫على‬‫تحرير‬‫مجموعات‬‫من‬‫البكسل‬‫بدل‬‫تحرير‬‫أشكال‬‫أو‬‫كائنات‬‫تؤلف‬
‫الرسم‬.‫وعند‬‫تغير‬‫الصورة‬‫النقطية‬‫إلى‬‫مقاس‬‫مختلف‬‫أو‬‫دقة‬‫نقطية‬‫مختلفة‬‫ينبغي‬‫إعادة‬‫رسم‬‫البكسالت‬‫التي‬‫تتألف‬‫منها‬
‫الصورة‬‫مما‬‫يؤدي‬‫إلى‬‫تشوهات‬‫في‬‫الصورة‬.‫وكقاعدة‬‫عامة‬‫فإن‬‫الصورة‬‫النقطية‬‫تؤدي‬‫إلى‬‫إنشاء‬‫ملف‬‫كبير‬‫الحجم‬.
‫الحظ‬‫ي‬‫الصورة‬‫التالية‬‫من‬‫نوع‬‫الصور‬‫النقطية‬

3. Bitmap image‫وهي‬‫ذات‬‫متداد‬jpg‫قبل‬‫تكبير‬‫الصورة‬
‫وبعد‬‫تكبيرها‬.
‫عبارة‬‫عن‬‫مجموعة‬‫من‬،‫العناصر‬‫كل‬‫عنصر‬‫له‬‫نقطة‬‫بداية‬‫ونقطة‬،‫نهاية‬‫فكل‬‫عنصر‬‫يتكون‬‫من‬‫خطوط‬
‫ومنحنيات‬‫محددة‬‫بمعادالت‬‫رياضية‬‫تصف‬‫الصورة‬‫بحسب‬‫عناصرها‬،‫الهندسية‬‫والتي‬‫تتألف‬‫من‬‫المسارات‬‫التي‬
‫تشكل‬‫المنحنيات‬‫والخطوط‬،‫واألشكال‬‫وتلك‬‫المسارات‬‫قد‬‫تكون‬‫مملوءة‬‫باأللوان‬‫الثابتة‬‫أو‬،‫المتدرجة‬‫وقد‬‫تكون‬‫بال‬
‫ألوان‬،‫داخلية‬‫لتصبح‬‫مجرد‬‫خطوط‬‫تحديد‬‫خارجي‬‫لألشكال‬،‫تكبيرها‬‫أو‬‫تصغيرها‬‫ال‬‫يؤدي‬‫إلى‬‫تشوه‬‫الصورة‬‫أو‬
‫فقدان‬‫بعض‬،‫تفاصيلها‬‫ألنك‬‫بتكبير‬‫أو‬‫تصغير‬‫العنصر‬‫تقوم‬‫بتعديل‬‫معادلته‬،‫الرياضية‬‫وإعادة‬‫رسمه‬‫من‬‫جديد‬،‫تلقائيا‬
‫ويمتاز‬‫هذا‬‫النوع‬‫من‬‫الصور‬‫بصغر‬‫حجمه‬.‫مما‬‫يسهل‬‫التعامل‬‫معها‬‫على‬‫شبكة‬‫اإلنترنت‬.
‫تتحدد‬‫كثير‬‫من‬‫خصائص‬‫ملف‬‫الرسم‬‫بناء‬‫على‬‫أبعاد‬‫البكسل‬‫ونقاوة‬‫الرسم‬‫ولفهم‬‫ذلك‬‫البد‬‫من‬‫التعرف‬
‫على‬‫المفاهيم‬‫التالية‬:
‫كل‬‫بكسل‬‫من‬‫الرسم‬‫لها‬،‫أبعادها‬‫أي‬‫اال‬‫رتفاع‬،‫والعرض‬‫والعدد‬‫اإلجمالى‬‫للبكسل‬‫في‬‫لرسم‬‫هو‬‫الذي‬‫يحدد‬
‫حجم‬‫الملف‬.‫كما‬‫أن‬‫أبعاد‬‫البكسل‬‫مع‬‫حجم‬‫وإعدادات‬‫الشاشة‬‫يحدد‬‫الحجم‬‫الذي‬‫سيعرض‬‫به‬‫الرسم‬‫على‬
‫الشاشة‬.‫فمثال‬‫عند‬‫ضبط‬‫إعداد‬‫الشاشة‬‫على‬‫عرض‬600x 800،‫بكسل‬‫يظهر‬‫الرسم‬‫أكبر‬‫من‬‫عرضه‬
‫عند‬‫ضبط‬‫إعداد‬‫الشاشة‬‫على‬‫عرض‬768x 1024‫بكسل‬.

4. ‫عدد‬‫البكسل‬‫التي‬‫يتم‬‫عرضها‬‫في‬‫وحدة‬‫معينة‬‫من‬‫طول‬‫الرسم‬‫هي‬‫التي‬‫تحدد‬‫مدى‬‫نقاوة‬،‫الرسم‬‫ويتم‬
‫قياسها‬‫عادة‬‫بعدد‬‫البكسل‬‫ضمن‬‫البوصة‬‫الواحدة‬) Pixels/Inch (.‫إذا‬‫كلما‬‫زاد‬‫عدد‬‫البكسل‬‫في‬‫البوصة‬
،‫الواحدة‬‫كلما‬‫زادت‬‫النقاوة‬‫في‬‫عرض‬،‫الرسم‬‫وتقلص‬‫حجم‬‫البكسل‬،‫الواحد‬‫والعكس‬‫صحيح‬.
‫عدد‬‫البكسل‬‫في‬‫البوصة‬‫الواحدة‬‫من‬‫الرسم‬‫هو‬‫العامل‬‫األساسي‬‫في‬‫تعديل‬،‫حجمه‬‫إذا‬‫ربما‬‫أن‬‫زيادة‬‫نقاوة‬
‫الرسم‬‫تعتمد‬‫على‬‫زيادة‬‫عدد‬‫البكسل‬‫في‬‫البوصة‬،‫الواحدة‬‫ويؤدى‬‫ذلك‬‫إلى‬‫زيادة‬‫حجم‬‫ملف‬‫الرسم‬.
‫مثال‬:‫حجم‬‫ملف‬‫رسم‬‫بطول‬‫بوصة‬‫واحدة‬‫وعرض‬‫بوصة‬‫واحدة‬‫وبنقاوة‬‫تساوى‬200‫بكسل‬‫في‬‫البوصة‬
‫الواحدة‬‫هو‬‫أربعة‬‫أضعاف‬‫ملف‬‫رسم‬‫بنفس‬‫الطول‬،‫والعرض‬‫لكن‬‫بنقاوة‬‫تساوي‬100‫بكسل‬‫في‬‫البوصة‬
‫الواحدة‬.
‫إذا‬‫كنت‬‫تحضر‬‫الرسم‬‫للطباعة‬،‫فهنالك‬‫أيضا‬‫موضوع‬‫نقاوة‬‫الطباعة‬‫الذي‬‫يجب‬‫فهمه‬‫بشكل‬،‫جيد‬‫أي‬
‫عدد‬‫النقاط‬‫في‬‫البوصة‬‫الواحدة‬) Dots/Inch (.‫في‬‫هذه‬‫الحالة‬،‫أيضا‬‫كلما‬‫زاد‬‫عدد‬‫النقاط‬‫في‬‫البوصة‬
،‫الواحدة‬‫كلما‬‫زادت‬‫نقاوة‬‫الرسم‬‫عند‬،‫طباعته‬‫مثال‬:‫عند‬‫طبع‬‫رسم‬‫بتجهيز‬300DPI‫يظهر‬‫أقل‬‫نقاوة‬‫من‬
‫رسم‬‫مطبوع‬‫بتجهيز‬600DPI .
‫يعتبر‬SWiSH Max4‫أحد‬‫أهم‬‫برامج‬‫إنتاج‬‫الرسوم‬‫المتحركة‬‫سهلة‬‫االستخدام‬‫حيث‬‫يمكنك‬
‫من‬‫إنتاج‬‫الرسوم‬‫المتحركة‬‫المعقدة‬‫مع‬‫النص‬‫والصور‬‫والرسومات‬‫والفيديو‬،‫والصوت‬‫مع‬‫إضافة‬
‫تأثيرات‬‫شيقة‬‫وأزرار‬‫تحكم‬‫في‬،‫العرض‬‫وينتج‬‫البرنامج‬‫أفالما‬‫بصيغة‬SWF‫التي‬‫يمكن‬‫عرضها‬
‫واستخدامها‬‫في‬‫مواقع‬‫اإلنترنت‬‫دون‬‫الحاجة‬‫لتركيب‬‫برامج‬‫جديدة‬‫لتشغيلها‬.
‫يحتوي‬‫هذا‬‫اإلصدار‬‫من‬‫البرنامج‬‫على‬‫عدة‬‫تحسينات‬‫من‬‫أهمها‬:
1-‫واجهة‬‫مستخدم‬‫جديدة‬‫يمكن‬‫من‬‫خاللها‬‫الوصول‬‫بسهولة‬‫للكثير‬‫من‬‫الخدمات‬.
2-‫العديد‬‫من‬‫األمثلة‬)‫العينات‬(‫الجاهزة‬.Samples
3-‫تحسين‬‫أدوات‬‫الرسم‬‫وتقديم‬‫الدعم‬‫للعناصر‬.
4-‫استيراد‬‫الكثير‬‫من‬‫العناصر‬‫إلى‬‫مكتبة‬،‫البرنامج‬‫ويمكن‬‫استخدامها‬‫في‬‫الكثير‬‫من‬‫المشاهد‬‫الجديدة‬.
5-‫توفر‬‫قوالب‬‫جاهزة‬‫متعددة‬‫االستخدام‬‫حسب‬‫نوع‬‫العرض‬‫المطلوب‬.
6-‫عدد‬‫كبير‬‫من‬‫التأثيرات‬‫البصرية‬‫الجاهزة‬‫يمكن‬‫إضافتها‬‫على‬‫كل‬‫الكائنات‬‫األخرى‬‫في‬‫المرة‬‫الواحدة‬.
7-‫إمكانية‬‫التعامل‬‫مع‬‫النصوص‬‫العربية‬‫واإلنجليزية‬‫بحرية‬‫تامة‬‫والتعديل‬‫عليها‬.
8-‫إنتاج‬‫أفالم‬SWF‫مضغوطة‬‫مدعومة‬‫من‬‫مشغل‬‫فالش‬7،8،9.

5. ‫وتظهر‬‫معها‬‫قائمة‬«‫البدء‬«‫والتي‬‫تحتوي‬‫على‬‫عدة‬‫اختيارات‬‫هي‬:

6. ‫تنفيذ‬‫ورق‬‫تي‬( ‫العمل‬1( ‫صفحة‬ )56)( ،2‫صفحة‬ )(58)‫المدرسي‬ ‫بالكتاب‬.
‫الصفي‬‫أكملي‬:‫التالي‬ ‫الفراغ‬
‫البوصة‬Inch‫كل‬1= ‫بوصة‬.‫بكسل‬ ............
‫الالصفي‬‫المدرسي‬ ‫الكتاب‬ ‫أسئلة‬ ‫حل‬‫بالدرس‬ ‫المتعلقة‬.