ملخص الفصل الدراسي لثاني PDF

‫أوراق عمل التصميم الرقمي‬ ‫المسار العام‬ ‫الفصل الدراسي الثاني‬ ‫أسم الطالب‪:‬‬ ‫‪..........................................................................‬‬ ‫الشعبة‪:‬‬ ‫‪...........................‬‬...

‫أوراق عمل التصميم الرقمي‬ ‫المسار العام‬ ‫الفصل الدراسي الثاني‬ ‫أسم الطالب‪:‬‬ ‫‪..........................................................................‬‬ ‫الشعبة‪:‬‬ ‫‪...........................‬‬ ‫معلم المادة ‪:‬‬  ‫الفصل الخامس ‪ :‬التصوير الرقم‬ ‫‪ -‬التصوير الرقم ‪:‬‬ ‫ً‬ ‫كبية كوسيلة اتصال‪ ،‬وذلك ألنها تقدم شيئا من البيانات ف عملية نقل وتمثيل‬‫تعد الصورة ذات أهمية ر‬ ‫ً‬ ‫ً‬ ‫عنرصا بارزا ف حياتنا المعارصة والت دخلت ف عالم التصميم الرقم كعنرص من‬ ‫الواقع‪ ،‬بحيث تشكل‬ ‫العنارص األساسية‪.‬‬ ‫الكاميا ‪..................................................................‬‬ ‫ر‬ ‫‪ -‬ابتكر‬ ‫كبية عن التصوير الفوتوغراف الذي‬ ‫يعد التصوير الرقم هو األساس ف مجال التصوير واحتل مكانة ر‬ ‫الكثي من الوقت والجهد‪.‬‬ ‫ر‬ ‫يستغرق‬ ‫وتنقسم أنماط الصورة الرقمية إىل‪:‬‬ ‫‪....................................................‬‬ ‫‪‬‬ ‫‪....................................................‬‬ ‫‪‬‬ ‫‪....................................................‬‬ ‫‪‬‬ ‫وتأت الصورة الرقمية بدور مهم ف مساحة تصميمية متعددة مثل واجهات المواقع‪ ،‬وتصميم‬ ‫وغيها‪ ،‬كما أن اإلمكانيات المتعددة ف معالجة الصور‬ ‫أغلفة المنتجات أو تصميم المطبوعات ر‬ ‫التأثي‬ ‫ر‬ ‫واليكيب ربي أكي من صورة‪ ،‬واستخداماتها المتعددة‪ ،‬أعطت للصورة الرقمية قوة ف‬ ‫عىل الفئة المستهدفة بحسب الرسالة‪.‬‬ ‫من أنواع التصوير الرقم منها‪:‬‬ ‫‪.................................................... ‬‬ ‫‪....................................................‬‬ ‫‪‬‬ ‫‪....................................................‬‬ ‫‪‬‬ ‫‪....................................................‬‬ ‫‪‬‬ ‫‪....................................................‬‬ ‫‪‬‬ ‫الصفحة ‪1‬‬  ‫قواعد التصوير الرقم‪:‬‬ ‫‪ -1‬قاعدة األثالث) الثلث(‪:‬‬ ‫ه تقسيم الصورة المراد التقاطها إىل ‪.....................‬أجزاء وتكون إما بشكل عامودية أو أفقية ويجب أن‬ ‫ً‬ ‫يكون ثلت الصورة مشتمل عىل الجزء األهم والبقية عىل الجزء األقل أهمية‪.‬‬ ‫‪ -2‬القاعدة الذهبية الحلزونية) قاعدة فيبوناتش(‪:‬‬ ‫وه قاعدة تعتمد عىل تخيل الصورة بشكل ‪ ،.....................‬وه مقتبسة من خوارزمية رياضية تسم‬ ‫النسبة الذهبية‪ ،‬بحيث يكون مركز اللولب هو هدف الصورة ف جزء من نقطة القوة لقاعدة التثليث‪،‬‬ ‫ً‬ ‫عاموديا أو ً‬ ‫اليمي أو من اليسار لتحقيق االتزان ف الصورة‪.‬‬ ‫ر‬ ‫أفقيا من‬ ‫وقد يكون اللولب‬ ‫‪ -3‬استخدم الخطوط ف تحديد النقطة المحورية‪:‬‬ ‫ً‬ ‫ً‬ ‫العي داخل مساحة الصورة‪ ،‬فقد تكون خطوطا واضحة ‪ ،‬أو الخطوط‬ ‫سي حركة ر‬ ‫ويتم ذلك عي ر‬ ‫ً‬ ‫كي عليه‪.‬‬ ‫المتكونة ف الصورة الملتقطة‪ ،‬أي إن إخراج الصورة الرقمية يتمثل ف أن يحقق هدفا يتم الي ر‬ ‫‪ -4‬استخدام الزوايا المختلفة ف التقاط الصورة‪:‬‬ ‫وغي مألوفة أو بالتصوير‬ ‫ويكون ذلك عي اتخاذ المسافة والزاوية المناسبة ف إحداث لقطة مختلفة ر‬ ‫من أعىل أو من أسفل للصورة‪.‬‬ ‫‪ -5‬استخدم اللقطة العميقة ف التصوير‪:‬‬ ‫العي ف اللقطة المصورة‪.‬‬ ‫ويقصد بها أن تكون من ‪.....................‬بعيدة تري ح ر‬ ‫‪ -6‬المساحة السلبية‪:‬‬ ‫كي المشاهد‪،‬‬ ‫ِّ‬ ‫ه واحدة من ‪.....................‬األدوات الت يمتلكها المصممون‪ ،‬ويمكن استخدامها لتوجيه تر ر‬ ‫وإيجاد التوازن‪ ،‬وعند استخدامها بشكل صحيح‪ ،‬يمكن إضافة بعض المعالجات عليها‪ ،‬هذا يجعل من‬ ‫ً‬ ‫قدراتك االبتكارية متقدمة جدا ف التصميم‪.‬‬ ‫الصفحة ‪2‬‬  ‫أسس التصوير الرقم‬ ‫رئيسي هما‪:‬‬ ‫ر‬ ‫نوعي‬ ‫ر‬ ‫يتمثل أساس التصوير ف‬ ‫‪ :........................... -1‬وهو التصوير الفوتوغراف الداخىل أو الفضاء الداخىل‪ ،‬ويكون التصوير ف بيئة مغلقة مثل‬ ‫االستديو أو داخل غرفة‪.‬‬ ‫‪ :........................... -2‬وهو التصوير الفوتوغراف الخارج أو الفضاء الخارج‪ ،‬ويكون هذا التصوير ف بيئة مفتوحة‬ ‫خارج الغرف واألستوديو‪.‬‬ ‫المبادئ األساسية للتصوير‪:‬‬ ‫الكاميا للقطة‬ ‫ر‬ ‫‪ ISO :......................... -1‬ه القيمة الت تحتاجها‬ ‫‪ f-stop :......................... -2‬ويرمز لها بالحرف ‪ F‬من خاللها يتم التحكم ف كمية الضوء الذي نحتاجه‪.‬‬ ‫ً‬ ‫مفتوحا حت تصل كمية الضوء إىل المستشعر‪.‬‬ ‫الكاميا ليبق‬ ‫ر‬ ‫‪ :......................... -3‬مقدار الوقت الذي يأخذه غالق‬ ‫إرشادات تقنية للمصور‪:‬‬ ‫‪.1‬تكوين كادر جيد من التصوير‪.‬‬ ‫‪.....................................2‬‬ ‫كي‪.‬‬‫‪.3‬ضبط الي ر‬ ‫‪.....................................4‬‬ ‫‪.5‬اختيار الخلفيات المناسبة مع الكادر التصويري‪.‬‬ ‫‪.....................................6‬‬ ‫كي عليه‪.‬‬ ‫‪.7‬تجنب إظهار أي مشتتات للنظر مع الهدف المراد الي ر‬ ‫‪........................................................................8‬‬ ‫إرشادات أخالقية للمصور‪:‬‬ ‫ً‬ ‫‪ ‬من أجل تصوير أكي إبداعا عىل المصور أن يأت بعدد من التجارب والتدريب لتكوين خيات مياكمة‪.‬‬ ‫‪ ‬عىل المصور العمل ف التطبيق بمختلف أنواع التصوير وعليه أن يتحىل ً‬ ‫دائما بأخالق رفيعة سمحة‪.‬‬ ‫‪....................................................................... ‬‬ ‫‪....................................................................... ‬‬ ‫نصائح مهمة ف التصوير‪:‬‬ ‫‪.1‬تجنب الميالن عن خط األفق أثناء التصوير‪.‬‬ ‫‪........................................................................2‬‬ ‫‪........................................................................3‬‬ ‫‪........................................................................4‬‬ ‫‪........................................................................5‬‬ ‫‪........................................................................6‬‬ ‫الصفحة ‪3‬‬  ‫الكاميات وإخراج الصور‬ ‫ر‬ ‫أنواع‬ ‫كاميات ‪:...........................‬‬ ‫‪ -1‬ال ر‬ ‫ً‬ ‫وغالبا ما تقترص عىل توثيق‬ ‫كاميات بسيطة سهلة االستخدام ال يتوفر بها العديد من المزايا مثل التقريب‪،‬‬ ‫ه ر‬ ‫اللحظة والحدث من دون النظر لجوانب إبداعية وجمالية‪.‬‬ ‫الكاميات ‪:...........................‬‬ ‫ر‬ ‫‪-2‬‬ ‫الكاميا‪،‬‬ ‫ر‬ ‫تتمي بخاصية التقريب لدرجات معينة تختلف حسب إصدار‬ ‫غي منفصلة ر‬ ‫كاميات ذات عدسة ثابتة ر‬ ‫ه ر‬ ‫وتستخدم لتوثيق الحدث وتسجيل اللحظة باإلضافة الستخدامها ف جوانب إبداعية وجمالية‪ ،‬ولكن بمحدودية‪.‬‬ ‫الكاميات‪:‬‬ ‫ر‬ ‫أنواع أخرى من‬ ‫كاميا ‪...................‬‬ ‫ر‬ ‫‪‬‬ ‫كاميا ‪Single-Lens Reflex Camera‬‬ ‫ر‬ ‫‪‬‬ ‫كاميا فلمية ذات عدسات قابلة لإلزالة‬ ‫ر‬ ‫‪‬‬ ‫كاميات ‪................‬‬ ‫ر‬ ‫‪‬‬ ‫بنوعي‪:‬‬ ‫ر‬ ‫الكاميا االحيافية‬ ‫ر‬ ‫تأت‬ ‫ً‬ ‫تقريبا أكي للصور‪ ،‬وه مناسبة لتصوير المواضيع البعيدة كالطيور‪.‬‬ ‫النوع األول ‪ :‬يأت بحساس ‪ ،...................‬وتعط‬ ‫الكبي‪ ،‬كما تعط‬ ‫ر‬ ‫وتتمي بحدة ألوان أكي وقلة تشويش بسبب حجم الحساس‬ ‫ر‬ ‫النوع الثات ‪:‬يأت بحساس ‪،...................‬‬ ‫زاوية أوسع لذلك ه مناسبة لتصوير الطبيعة واألماكن الشاسعة‪.‬‬ ‫ممياته ومنها‪:‬‬ ‫طريقتي إما ‪ RAW‬أو ‪ JPG‬ولكل منهما ر‬ ‫ر‬ ‫الكاميا الرقمية عي‬ ‫ر‬ ‫يتم حفظ الملف ف‬ ‫‪: RAW -1‬‬ ‫‪.1‬يحتل مساحة واسعة من الذاكرة‪.‬‬ ‫‪........................................................................2‬‬ ‫ً‬ ‫ُ‬ ‫‪.3‬يظهر تفاصيل أعىل ف كل من المناطق الداكنة والمضاءة‪.‬‬ ‫‪........................................................................4‬‬ ‫‪.5‬يحتاج إىل برنامج خاص لمعالجته‪.‬‬ ‫‪........................................................................6‬‬ ‫الكاميا والعدسة المستخدمة‪.‬‬ ‫ر‬ ‫‪.7‬يسجل جميع إعدادات‬ ‫‪........................................................................8‬‬ ‫ً‬ ‫نسبيا‪.‬‬ ‫‪.9‬مداه الديناميك عاىل‬ ‫‪........................................................................11‬‬ ‫الصفحة ‪4‬‬  ‫‪: JPG -2‬‬ ‫‪........................................................................1‬‬ ‫‪.2‬معد للطباعة ولشبكة اإلنينت‪.‬‬ ‫‪........................................................................3‬‬ ‫‪.4‬التباين مرتفع والتفاصيل أقل‪.‬‬ ‫‪........................................................................5‬‬ ‫عمقا ً‬ ‫ً‬ ‫لونيا حت ‪BIT 8‬‬ ‫‪.6‬يعط‬ ‫‪........................................................................7‬‬ ‫‪.8‬يمكن التعديل عىل الملف األصىل‪.‬‬ ‫‪........................................................................9‬‬ ‫ً‬ ‫‪.11‬يكون أكي وضوحا‪.‬‬ ‫أدوات تساعد المصورين عىل إخراج الصورة‪:‬‬ ‫‪:.......................................... -1‬‬ ‫وهو عبارة عن عاكس ضوت يقوم بعكس الضوء باتجاه الهدف الذي نرغب ف تصويره لتقليل درجة حده الظل‪.‬‬ ‫‪:......................................................... -2‬‬ ‫ويستعمل اللتقاط صورة ثابتة بواسطة الهاتف النقال دون اهياز‪.‬‬ ‫‪:.......................................... -3‬‬ ‫وه عدسة للهواتف الذكية تساعد عىل التصوير من مستوى الهدف المراد تصويره‪.‬‬ ‫‪:.......................................... -4‬‬ ‫صنعت المظلة لك يتحكم المصور باإلضاءة‪ ،‬ويوجهها إىل عدة اتجاهات داخل األماكن المخصصة للتصوير‪.‬‬ ‫‪:.......................................... -5‬‬ ‫هو عبارة عن أداة مضافة إىل الفالش ف االستديو هات‪.‬‬ ‫‪...................‬‬ ‫‪...................‬‬ ‫‪...................‬‬ ‫‪...................‬‬ ‫الصفحة ‪5‬‬  ‫التصوير الرقم باستخدام الهاتف الذك‬ ‫الكاميا‪:‬‬ ‫ر‬ ‫‪ - 1‬إعدادات‬ ‫تغييها لتحديد كيفية التقاط الصور بالهاتف المتحرك وتتضمن هذه اإلعدادات عدة‬ ‫ه المعلومات الت يمكن ر‬ ‫عنارص أساسية وه‪:‬‬ ‫‪ ‬الشكل الفلك‬ ‫‪......................... ‬‬ ‫‪......................... ‬‬ ‫‪......................... ‬‬ ‫‪ -2‬الضوء المحيط‪:‬‬ ‫ً‬ ‫ً‬ ‫هو عامل مهم جدا ف جودة الصورة ولذلك يجب التأكد من اختيار مكان مضاء جيدا‪.‬‬ ‫كي واإلطارات‪:‬‬ ‫‪ -3‬الي ر‬ ‫كي عليه ف الصورة بالضغط عىل شاشة اللمس ‪.‬‬ ‫كي عىل الجزء الذي تريد الي ر‬ ‫من المهم أن يكون الي ر‬ ‫‪ -4‬الملحقات الخارجية‪:‬‬ ‫وتحسي‬ ‫ر‬ ‫لتحسي جودة الصور‪ ،‬وتوسيع نطاق العدسة‬ ‫ر‬ ‫الكاميا اإلضافية‬ ‫ر‬ ‫يمكن استخدام ملحقات مثل عدسات‬ ‫الفاصل البؤري‪.‬‬ ‫تطبيقات لمعالجة الصور باستخدام الهاتف المتحرك‪:‬‬ ‫‪ -1‬سناب سبيد ‪SNAPSEED‬‬ ‫‪ -2‬فسكو ‪VSCO‬‬ ‫‪ -3‬أدوت اليت روم ‪ADOBE LIGHTROOM‬‬ ‫‪ -4‬أدوت فوتوشوب إكسيس ‪ADOBE PHOTOSHOP EXPRESS‬‬ ‫‪............‬‬ ‫‪............‬‬ ‫‪............‬‬ ‫‪............‬‬ ‫الصفحة ‪6‬‬  ‫الفصل السادس‪ :‬تصميم واجهات الموقع اإل ر‬ ‫لكتون‬ ‫ماهية تصميم واجهة المستخدم ‪UI‬‬ ‫وتجربة المستخدم ‪UX‬‬ ‫أ‪.‬واجهة المستخدم ‪: User Interface‬‬ ‫ه الوسيلة أو العنرص المادي الذي يتفاعل معه المستخدم لتحقيق هدف يريد الوصول إليه؛ حيث تهتم واجهة‬ ‫معي‪.‬‬ ‫المستخدم بالتصميم المرت‪ ،‬وهو مكان تحدث فيه التفاعالت ربي البش واآلالت إلكمال مهمة أو تحقيق هدف ر‬ ‫مثل ‪:‬‬ ‫‪ ‬محرك بحث للوصول إىل معلومات‪.‬‬ ‫‪ ‬موقع للتسوق اإللكيوت لغرض شاء المنتجات‪.‬‬ ‫‪ ‬تييل تطبيق ر‬ ‫معي‪.‬‬ ‫أنواع ‪.........................‬المستخدم ‪:‬‬ ‫ّ‬ ‫‪.1‬واجهة سطر األوامر‪ :‬ه واجهة تسمح للمستخدم أن ينفذ األوامر عن طريق طباعتها باستخدام لوحة‬ ‫المفاتيح‪.‬‬ ‫‪.2‬واجهات المستخدم الرسومية‪ :‬ه عبارة عن عرض رسوم أو بيات ف نافذة واحدة أو عدة نوافذ‪.‬‬ ‫‪.3‬واجهة المستخدم الت تدعم الصوت‪ :‬ه تقنية تعتمد عىل الذكاء االصطناع تتيح لألشخاص استخدام‬ ‫أصواتهم للتفاعل مع أجهزة الحاسب‪.‬‬ ‫ب‪.‬تجربة المستخدم ‪:User Experience‬‬ ‫المستخدمي للواجهة وخدماتها ومنتجاتها‪ ،‬ويشمل ذلك مشاعرهم الت‬ ‫ر‬ ‫وتشمل جميع أنواع التفاعل الذي يصدر عن‬ ‫ً‬ ‫ً‬ ‫يشعرون بها أثناء التفاعل مع منتج ما سواء أكان ذلك الشعور سلبا أم إيجابا‪.‬‬ ‫الصفحة ‪7‬‬  ‫مهام مصمم واجهة المستخدم ‪ UI‬ومصمم تجربة المستخدم ‪UX‬‬ ‫مصمم تجربة المستخدم ‪UX‬‬ ‫مصمم واجهة المستخدم ‪UI‬‬ ‫واجهة المستخدم ‪ : UI User Interface‬ر‬ ‫تشي إىل ‪.................‬و ‪................‬و‪..................‬و‪.................‬والعنارص‬ ‫المستخدم عند استخدام موقع ويب أو تطبيق أو أي منصة رقمية‪.‬‬ ‫المرئية األخرى الت يتفاعل معها ُ‬ ‫تشي إىل ‪...........................‬الذي يحط به المستخدم مع المنتج‪ ،‬بما‬ ‫ر‬ ‫تجربة المستخدم ‪:UX User Experience‬‬ ‫ف ذلك ما يشعر به حيال ذلك التفاعل‪.‬‬ ‫الصفحة ‪8‬‬  ‫سهولة االستخدام ه المستوى األساس لتجربة المستخدم‬ ‫المفهومي مختلف‪ ،‬فمن منظور‬ ‫ر‬ ‫‪.................‬مفهوم سهولة االستخدام عن مفهوم تجربة المستخدم فالهدف من‬ ‫للمستخدمي‬ ‫ر‬ ‫موقع الويب يتمثل الهدف الرئيس لسهولة االستخدام ف جعل موقع الويب سهل االستخدام‪ ،‬مما يسمح‬ ‫المستخدمي متعة االستخدام‪.‬‬ ‫ر‬ ‫بتحقيق أهدافهم من التفاعل مع موقع الويب ‪.‬أما تجربة المستخدم فتهدف إىل منح‬ ‫الصفحة ‪9‬‬  ‫الخطوات اإلجرائية األساسية لتصميم واجهات الموقع اإللكيوت‬ ‫الخطوات اإلجرائية األساسية لرسم المخططات الهيكلية ‪WirFrames‬‬ ‫المخططات الهيكلية ‪: WirFrames‬‬ ‫من أهم المخططات أو الرسومات الت يستخدمها المصمم ف واجهات الموقع هو ما يسم باإلطار الشبك أو مخطط‬ ‫ويحدد تصميم الصفحة أو طريقة تنظيم المحتويات فيها بما ف ذلك عنارص ‪ WireFrame ،‬الصفحة أو المخطط‬ ‫الهيكىل الواجهة وأنظمة التصفح وكيفية التكامل بينها‪.‬‬ ‫مثال ‪:‬‬ ‫الصفحة ‪11‬‬  ‫‪ -‬مراحل المخطط الهيكىل‪:‬‬ ‫الصفحة ‪11‬‬  ‫الخطوات اإلجرائية األساسية للتصميم المرت‬ ‫التصميم المرت ‪: Visual Design‬‬ ‫فييات أو رقم‪ ،‬ويتم ذلك عي استخدام مجموعة‬ ‫يقصد به تصميم الجزء الذي يشاهده المستخدم ضمن أي منتج ر‬ ‫من العنارص والمبادئ الت تسمح بتكوين هذه التصاميم بطريقة تكون مناسبة وسهلة االستخدام‪.‬‬ ‫عنارص التصميم المرت ف البيئة الرقمية‪:‬‬ ‫‪ -1‬الخطوط‬ ‫‪.......................... -2‬‬ ‫‪.......................... -3‬‬ ‫‪.......................... -4‬‬ ‫‪.......................... -5‬‬ ‫‪.......................... -6‬‬ ‫مبادئ التصميم المرت‪:‬‬ ‫‪ -1‬الوحدة‬ ‫‪.......................... -2‬‬ ‫‪.......................... -3‬‬ ‫‪.......................... -4‬‬ ‫‪.......................... -5‬‬ ‫برنامج أدوت إكس دي ‪Adobe XD‬‬ ‫الممية لتصميم الواجهات للمواقع أو التطبيقات‪.‬‬ ‫ر‬ ‫‪ -‬يعد برنامج ‪ Adobe XD‬من اليامج‬ ‫مميات مثالية لينامج‪:‬‬ ‫‪ -‬ر‬ ‫المصممي إلنشاء الرسم اليدوي مما يزيد من سهولة ومرونة التعامل مع الينامج‪.‬‬ ‫ر‬ ‫‪ ‬يدعم حاجة‬ ‫‪...................................................................................................‬‬ ‫‪‬‬ ‫‪...................................................................................................‬‬ ‫‪‬‬ ‫‪...................................................................................................‬‬ ‫‪‬‬ ‫‪...................................................................................................‬‬ ‫‪‬‬ ‫‪...................................................................................................‬‬ ‫‪‬‬ ‫الصفحة ‪12‬‬  ‫الفصل السابع ‪ :‬تصميم الشخصيات‬ ‫مفهوم تصميم الشخصية‪:‬‬ ‫‪.......................................................................................................................................................................‬‬ ‫‪.......................................................................................................................................................................‬‬ ‫َ ُ‬ ‫ف مفهوم الفن والتصميم يقوم فنان التصميم بصياغة أنماط) أو مفاهيم (مختلفة لعالم خياىل‪ ،‬مما ينتج عنه ابتكار‬ ‫شخصية فريدة وتصميمات للمناظر الطبيعية‪.‬‬ ‫الفناني‬ ‫ر‬ ‫سواء أكنت تنش شخصيات كرتونية‪ ،‬أم شخصيات مانغا‪ ،‬أم شخصيات ألعاب فيديو‪ ،‬أم شخصيات أنم‪ ،‬فإن‬ ‫ً‬ ‫مفهوما لتصميم الشخصية الستكشاف الخلفية والقصة الدرامية للشخصية وشخصيتها من خالل مظهرها؛‬ ‫ينشئون‬ ‫مجاالت رسوم الشخصيات‪:‬‬ ‫‪:.................................. -1‬‬ ‫يستخدم المصمم خياله ف إبداع رسالة اتصالية مؤثرة ف المجموعة المستهدفة‪ ،‬ويكون أحد الحلول ف التسويق ابتكار‬ ‫غيه‪.‬‬ ‫شخصية مصاحبة للمنتجات وتظهر ف اإلعالنات وف العبوات والتغليف؛ تطلق لحظات مرح أو قوة أو ر‬ ‫الصفحة ‪13‬‬  ‫‪:.................................. -2‬‬ ‫ً‬ ‫ً‬ ‫يبتكر المصمم شخصيات مصاحبة لألحداث الرياضية العالمية‪ ،‬وف الغالب تمثل هوية ثقافية للبلد المنظم للبطولة‪.‬‬ ‫‪:.................................. -3‬‬ ‫ممية للجهات من الشكات أو الفعاليات‬ ‫يتم تصميم شخصيات ف بعض الشعارات وتهدف إلعطاء عالمة تجارية ر‬ ‫وتعكس اسياتيجياتها‪.‬‬ ‫القصص المصورة (‪)Comics‬‬ ‫كبيا ربي األطفال والشباب لما يكتسبه هذا الفن من شهرة عالمية ربي‬ ‫ً‬ ‫انتشارا ر ً‬ ‫تنتش القصص المصورة‬ ‫كثي من القيم والسلوكيات‪.‬‬ ‫تأثي ف تشكيل ر‬‫األطفال بشخصياتها‪ ،‬كما أن لها قوة ر‬ ‫تصنيف رسوم الشخصيات ف القصص المصورة كما يأت‪:‬‬ ‫‪......................................................‬‬ ‫‪-1‬‬ ‫‪...................................................... -2‬‬ ‫‪...................................................... -3‬‬ ‫‪...................................................... -4‬‬ ‫‪...................................................... -5‬‬ ‫‪...................................................... -6‬‬ ‫مانجا ‪: Manga‬‬ ‫"المانجا "لفظ يابات يطلق عىل القصص المصورة‪ ،‬نشأت ف اليابان ثم انتقلت إىل أوروبا ف الثمانينات إىل أن‬ ‫وصلت إىل العالم العرت ‪.‬واليوم انتشت المانجا ف السعودية‪.‬‬ ‫الصفحة ‪14‬‬  ‫الرسوم المتحركة ‪: Animation‬‬ ‫الرسوم المتحركة ه فن يختص بتحريك الرسوم الثابتة وعرضها بشكل متتابع لخلق إيحاء بالحركة ف مساحة إما‬ ‫ثنائية أو ثالثية األبعاد‪ ،‬وتستخدم ف األفالم والعروض التلفزيونية واأللعاب‪.‬‬ ‫هناك عدة أنواع للرسوم المتحركة وه‪:‬‬ ‫‪...............................................................‬‬ ‫‪.1‬‬ ‫‪...............................................................‬‬ ‫‪.2‬‬ ‫‪...............................................................‬‬ ‫‪.3‬‬ ‫‪...............................................................‬‬ ‫‪.4‬‬ ‫الرسوم المتحركة ثالثية األبعاد ‪: 3D Animation‬‬ ‫ه رسوم متحركة لها عرض وارتفاع وعمق‪ ،‬تظهر عىل هيئة كائنات واقعية‪ ،‬يتم إنشاؤها ف مساحة افياضية ثالثية‬ ‫األبعاد‪ ،‬ويكون تحريكها باستخدام برامج الرسوم المتحركة ثالثية األبعاد لخلق وهم بالحركة الفعلية للكائن‪.‬‬ ‫األفالم ‪: Films‬‬ ‫الصفحة ‪15‬‬  ‫العروض التلفزيونية ‪:TV shows‬‬ ‫هو مسلسل رسوم متحركة تلفزيوت سعودي ساخر‪ ،‬عرض منه ثالثة أجزاء‪ ،‬األول منه عام ‪ ، 2011‬والثات والثالث‬ ‫ً‬ ‫ف عام‪ 2012‬و ‪ ، 2013‬و يتناول المسلسل أحداثا لشخصيات تعيش ف البادية‪ ،‬ويتناقض األفراد ربي اهتماماتهم ما‬ ‫ربي الحداثة وواقع الحياة البدوية‪.‬‬ ‫األلعاب ‪: Games‬‬ ‫إيقاف الحركة ‪: Stop-Motion‬‬ ‫ه عملية ضبط لنماذج مادية تمثل كائنات كالدم أو األشياء‪ ،‬حيث يتم ضبط الكائن والتقاط إطار ف كل مرة يتم‬ ‫تحريكه بزيادة طفيفة إلنتاج إيحاء بالحركة‪.‬‬ ‫ألعاب الفيديو ‪: Video Games‬‬ ‫كثية من األلعاب الت تقوم عىل تصميم‬ ‫كبية لتصميم الشخصيات ف كل لعبة‪ ،‬كما يوجد أعداد ر‬‫يوجد أعداد ر‬ ‫شخصيات فيها‪.‬مثل لعبة ( ماينكرافت ‪) Minecraft‬‬ ‫الصفحة ‪16‬‬  ‫الخطوات اإلجرائية لرسم وتصميم الشخصيات‬ ‫النموذج األصىل (نمط الشخصية) ‪:‬‬ ‫ويشي إىل نوع الشخصية‪ ،‬و يمثل‬ ‫ر‬ ‫هو مجموعة من السمات الفريدة الت تصنف الشخصية ف مجموعة معينة ‪.‬‬ ‫الشخصية والسمات الشخصية الت تتسم بها‪ ،‬و السلوك الذي نرغب ف أن تمثله الشخصية‪.‬‬ ‫‪ -‬أسس تصميم وابتكار الشخصية‪:‬‬ ‫‪.................................‬‬ ‫‪‬‬ ‫‪.................................‬‬ ‫‪‬‬ ‫‪.................................‬‬ ‫‪‬‬ ‫الصفحة ‪17‬‬  ‫مميات الشخصية الرقمية‪:‬‬ ‫ر‬ ‫‪.1‬تكلفة مادية أقل‬ ‫‪.................................2‬‬ ‫‪.................................3‬‬ ‫‪.................................4‬‬ ‫‪.................................5‬‬ ‫‪.................................6‬‬ ‫‪.................................7‬‬ ‫ما هو الرسم الرقم؟‬ ‫رسم يتم إنشاؤه باستخدام التكنولوجيا الرقمية‪ ،‬باستخدام برامج رسومية ف أجهزة الحاسب أو تطبيقات رسومية‬ ‫عىل األجهزة الذكية ‪ graphic softwares‬وأدوات تقنية كالفأرة أو لوحة القلم الرقم لمحاكاة طريقة الرسم‬ ‫بالقلم حقيقة ‪.‬‬ ‫الشخصيات الرقمية‪:‬‬ ‫شخصيات يتم إنشاؤها باستخدام اليامج أو التطبيقات الرسومية ومنها ثنائية األبعاد ‪ 2D‬شخصيات ثابتة ومنها‬ ‫‪3D‬شخصيات متحركة‪.‬‬ ‫الصفحة ‪18‬‬  ‫برامج وتطبيقات الرسم والتصميم الرقم‬ ‫‪................................‬‬ ‫‪................................‬‬ ‫‪................................‬‬ ‫برنامج موها انيميشن‬ ‫سوفت وير‬ ‫برنماج بلندر لالنيميشن‬ ‫برنامج سينفج ستوديو‬ ‫ثنات األبعاد‬ ‫تطبيق ميدي بانغ باينت‬ ‫‪................................‬‬ ‫برامج الرسوم الرقمية ثالثية األبعاد‪:‬‬ ‫برنامج بلندر ‪Blender‬‬ ‫‪.1‬‬ ‫برنامج أوتوديسك مايا ‪Autodesk Maya‬‬ ‫‪.2‬‬ ‫برنامج أوتوديسك ثري د ي ماكس ‪Autodesk 3ds Max‬‬ ‫‪.3‬‬ ‫برنامج سينما فور دي ‪Cinema D‬‬ ‫‪.4‬‬ ‫الصفحة ‪19‬‬  ‫الفصل الثامن ‪ :‬موشن جرافيك (تحريك الرسومات)‬ ‫الرسومات المتحركة ( الموشن جرافيك)‪:‬‬ ‫‪.......................................................................................................................................................................‬‬ ‫‪.......................................................................................................................................................................‬‬ ‫يتألف الموشن جرافيك من عدة عنارص أساسية‪ ،‬تتضمن‪:‬‬ ‫‪.........................‬‬ ‫‪.1‬‬ ‫‪.........................‬‬ ‫‪.2‬‬ ‫‪.........................‬‬ ‫‪.3‬‬ ‫‪.........................‬‬ ‫‪.4‬‬ ‫ّ‬ ‫يعد الموشن جرافيك أحد الوسائل التقنية األساسية المهمة ف مجال التصميم الرقم‪ ،‬لما له من أدوار موضحة‬ ‫ف النقاط اآلتية ‪:‬‬ ‫وتأثيات برصية متنوعة)‪.‬‬ ‫ر‬ ‫مثية لالهتمام (وذلك عن طريق إضافة حركة‬ ‫‪.1‬يوفر تجربة برصية ر‬ ‫‪..............................................2‬‬ ‫‪..............................................3‬‬ ‫‪..............................................4‬‬ ‫‪..............................................5‬‬ ‫الصفحة ‪21‬‬  ‫للموشن جرافيك أنواع متعددة‪ ،‬ومن أهمها اآلت‪:‬‬ ‫‪:..............................................1‬‬ ‫تعتمد هذه التقنية عىل تحريك العنارص الثابتة ف صور مسطحة ثنائية األبعاد‪.‬‬ ‫‪:..............................................2‬‬ ‫للمصممي تحريك الكائنات والشخصيات بشكل أكي‬ ‫ر‬ ‫يعتمد عىل تحريك العنارص ثالثية األبعاد‪ ،‬ويتيح‬ ‫ً‬ ‫واقعية وتفصيل‪.‬‬ ‫‪.3‬ستوب موشن ‪: Stop Motion Animation‬‬ ‫القصية أو الرسوم المتحركة)‬ ‫ر‬ ‫(ه تقنية تستخدم ف صناعة األفالم‬ ‫يستخدم الموشن جرافيك ف مجاالت متعددة منها التاىل‪:‬‬ ‫‪..............................................1‬‬ ‫‪..............................................2‬‬ ‫‪..............................................3‬‬ ‫‪..............................................4‬‬ ‫برامج تصميم الموشن جرافيك‪:‬‬ ‫‪..............................................1‬‬ ‫‪..............................................2‬‬ ‫‪..............................................3‬‬ ‫مراحل وخطوات تصميم فيديو موشن جرافيك‪:‬‬ ‫تجميع األفكار‪.‬‬ ‫‪.1‬‬ ‫الرسوم األولية‪.‬‬ ‫‪.2‬‬ ‫رسم القصة المصورة‪.‬‬ ‫‪.3‬‬ ‫تصميم الرسوم ف برنامج ‪Illustrator‬‬ ‫‪.4‬‬ ‫نقل التصميم لينامج ‪After Effects‬‬ ‫‪.5‬‬ ‫والتأثيات ‪.‬‬ ‫ر‬ ‫إضافة الحركة‬ ‫‪.6‬‬ ‫معاينة وتصدير الفيديو‪.‬‬ ‫‪.7‬‬ ‫الصفحة ‪21‬‬  ‫الفصل التاسع ‪ :‬تصميم النمذجة الثالثية األبعاد‬ ‫النمذجة ثالثية األبعاد ‪: 3D Modeling‬‬ ‫‪.......................................................................................................................................................................‬‬ ‫‪.......................................................................................................................................................................‬‬ ‫التطبيقات المستخدمة ف النمذجة ثالثية األبعاد‪:‬‬ ‫‪..............................................1‬‬ ‫‪..............................................2‬‬ ‫‪..............................................3‬‬ ‫‪..............................................4‬‬ ‫‪..............................................5‬‬ ‫أنواع بناء النماذج ثالثية األبعاد‪:‬‬ ‫الصفحة ‪22‬‬  ‫برنامج بلندر ‪Blender‬‬ ‫ً‬ ‫ويتمي بواجهة مستخدم‬ ‫ر‬ ‫يعد واحدا من أشهر برامج النمذجة ثالثية األبعاد وتصميم الرسوم المتحركة ف العالم‪،‬‬ ‫سهلة االستخدام وفعالة للغاية‪.‬‬ ‫يتطلب بناء نموذج ثالت األبعاد اتباع عدة خطوات وإجراءات من أهمها‪:‬‬ ‫‪.1‬الصور المرجعية‪.‬‬ ‫‪..............................................2‬‬ ‫‪..............................................3‬‬ ‫‪..............................................4‬‬ ‫‪..............................................5‬‬ ‫الصفحة ‪23‬‬  ‫الفصل العاش ‪ :‬تصميم الواقع ر‬ ‫االفتاض والمعزز‬ ‫تقنية الواقع االفياض ‪ Virtual Reality‬واختصاره ‪: VR‬‬ ‫‪.......................................................................................................................................................................‬‬ ‫‪.......................................................................................................................................................................‬‬ ‫‪.......................................................................................................................................................................‬‬ ‫تطبيقات الواقع االفياض‪:‬‬ ‫‪................................................................................................................................................ ‬‬ ‫‪................................................................................................................................................ ‬‬ ‫‪................................................................................................................................................ ‬‬ ‫مزايا الواقع االفياض وعيوبه‪:‬‬ ‫الصفحة ‪24‬‬  ‫تقنية الواقع المعزز ‪: Augmented Reality‬‬ ‫واختصاره ‪ AR‬هو مزيد من المعلومات أو الصور المرئية للعالم المادي‪ ،‬من خالل الرسومات أو تراكيب الصوت‬ ‫الت يتم تنفيذها عي الحاسوب‪ ،‬لتحسي تجربة المستخدم لمهمة أو منتج ً‬ ‫غالبا‪.‬‬ ‫ر‬ ‫وهناك خمس مكونات مهمة للواقع المعزز‪:‬‬ ‫‪..............................................1‬‬ ‫‪..............................................2‬‬ ‫‪..............................................3‬‬ ‫‪..............................................4‬‬ ‫‪..............................................5‬‬ ‫تطبيقات الواقع المعزز‪:‬‬ ‫‪ ‬ف البيع بالتجزئة واإلعالن‪ ،‬من خالل تقديم نماذج ثالثية األبعاد للمنتجات ‪.‬‬ ‫‪................................................................................................................................................ ‬‬ ‫توفي بيانات عن الوجهات‬ ‫للسائحي استخدام تطبيقات الواقع المعزز للتنقل من خالل ر‬ ‫ر‬ ‫‪ ‬يمكن‬ ‫واالتجاهات‪.‬‬ ‫‪................................................................................................................................................ ‬‬ ‫العاملي ف مجال الرعاية الصحية‪.‬‬ ‫ر‬ ‫‪ ‬يمكن أن يساعد الواقع المعزز ف تدريب‬ ‫‪................................................................................................................................................ ‬‬ ‫مزايا الواقع المعزز وعيوبه‪:‬‬ ‫الصفحة ‪25‬‬  ‫ِّ‬ ‫إلنشاء محتوى الواقع المعزز وتصميمه يمر المصمم بست خطوات رئيسة‪:‬‬ ‫أنواع الواقع المعزز‪:‬‬ ‫‪ :.............................1‬يعتمد عىل استخدام الصور االصطناعية وإسقاطها عىل الواقع الفعىل‪.‬‬ ‫‪ :.............................2‬يقوم هذا النوع عىل مبدأ التعرف عىل الشكل من خالل التعرف عىل الزوايا والحدود‪.‬‬ ‫‪ :..............................3‬طريقة لتحديد المواقع باالرتباط مع برمجيات أخرى ومنها تحديد الموقع و‪GPS‬‬ ‫‪ :..............................4‬هو طريقة تدمج ربي الواقع المعزز والواقع االفياض‪.‬‬ ‫‪4‬‬ ‫‪3‬‬ ‫‪2‬‬ ‫‪1‬‬ ‫ومن ربي المواقع الت يمكن البدء بإنشاء محتوى الواقع المعزز فيها‪:‬‬ ‫موقع ‪: Zapworks‬‬ ‫هو عبارة عن منصة تأليف محتوى واقع معزز كاملة وبأسعار معقولة وسهلة االستخدام‪ ،‬مصممة لجميع رواد األعمال‬ ‫ّ‬ ‫والمسوقي من إنشاء تجارب الواقع المعزز حسب أهدافهم ومهاراتهم‪.‬‬ ‫ر‬ ‫المصممي والمطورين‬ ‫ر‬ ‫الرقميي‪ ،‬تمكن‬ ‫ر‬ ‫الصفحة ‪26‬‬