Multimedia Technologies Lecture 8 - Video/Animation

‫تقنيات الوسائط المتعددة‬ Multimedia technologies Lecture (8) Dania Mohamed Ahmed  ‫الخالصة‬ Video ‫ الفيديو‬ Type of Video ‫ أنواع الفيديو‬ Character...

‫تقنيات الوسائط المتعددة‬ Multimedia technologies Lecture (8) Dania Mohamed Ahmed  ‫الخالصة‬ Video ‫ الفيديو‬ Type of Video ‫ أنواع الفيديو‬ Characteristics of Digital Video ‫ خصائص الفيديو الرقمي‬ Calculate the volume of video ‫ حساب حجم الفيديو‬ Animation ‫ الرسوم المتحركة‬ Methods of Creating Animation‫ طرق إنشاء الرسوم المتحركة‬ D Animation-3 ‫ الرسوم المتحركة ثالثية األبعاد‬ ‫الفــيـديــو ‪Video‬‬  ‫الفيديو ‪Video‬‬ ‫‪ ‬ه‪2‬و من مص‪2‬ادر الوس‪2‬ائط المتع‪2‬ددة المرئي‪2‬ة والزمني‪2‬ة يجم‪2‬ع سلس‪2‬لة من‬ ‫الص‪2‬ور الثابت‪2‬ة لتمثي‪2‬ل مش‪2‬اهدة متحرك‪2‬ة‪.‬غالب‪2‬ا م‪2‬ا تحت‪2‬وي مق‪2‬اطع الفي‪2‬ديو‬ ‫على مكونات صوتية تتوافق مع الصور المكون منها الفيديو‪.‬‬ ‫‪ ‬يتك‪2‬ون الفي‪2‬ديو من مجموع‪2‬ة من اإلط‪2‬ارات ‪. Frames‬آي إط‪2‬ار يوج‪2‬د ب‪2‬داخل‬ ‫الفي‪2‬ديو يحم‪2‬ل ص‪2‬وره من الص‪2‬ور المكون‪2‬ه للفي‪2‬ديو (يتم تخ‪2‬زين الص‪2‬ور في‬ ‫إطارات)‪.‬‬  Video Structure‫هيكلية‬ ‫الفيديو‬ Text ‫نص‬ ‫فيديو‬ Image ‫صوره‬ Motion ‫حركه‬ Audio ‫صوت‬  ‫أنواع الفيديو‪Type of Video‬‬ ‫‪ -1‬الفيديو التماثلي ‪Analog Video‬‬ ‫‪ ‬معلومات الفيديو التي يتم تخزينها باستخدام إشارات الفيديو التليفزيونية‬ ‫أو األفالم أو أشرطة الفيديو أو وسائط أخرى غير الحاسوب‪.‬يتم تمثيل كل‬ ‫إطار بشكل موجة تماثلية أو فيديو مركب‪.‬‬ ‫‪ ‬يحتوي الفيديو التناظري المركب على جميع مكونات الفيديو) السطوع‬ ‫واللون والتزامن(‪.‬‬ ‫مجتمعة في إشارة واحدة‪.‬مثال‪ :‬التلفزيون التقليدي‪.‬‬ ‫‪ ‬من مشاكل الفيديو التماثلي ‪ :‬مزج األلوان ‪ ،‬الوضوح فيه منخفض ‪،‬‬ ‫يصعب التعديل فيه‪.‬‬  ‫‪ -2‬الفيديو الرقمي ‪Digital Video‬‬ ‫‪ ‬هو تقني‪2‬ة التق‪2‬اط وتس‪2‬جيل ومعالج‪2‬ة وتخ‪2‬زين ونق‪2‬ل وإع‪2‬ادة بن‪2‬اء سلس‪2‬لة من‬ ‫الصور الثابتة التي تمثل المشاهد المتحركة‪.‬‬ ‫‪ ‬ظه‪2‬ر الفي‪2‬ديو ال‪2‬رقمي ب‪2‬دل عن الفي‪2‬ديو التم‪2‬اثلي‪.‬يجم‪2‬ع الفي‪2‬ديو ال‪2‬رقمي بين‬ ‫مم‪2‬يزات الص‪2‬ورة والص‪2‬وت إلنش‪2‬اء محت‪2‬وى دين‪2‬اميكي (متغ‪2‬ير) يمكن التع‪2‬ديل في‪2‬ه‬ ‫بسهوله‪.‬‬ ‫‪ ‬تتم عملي‪2‬ة التس‪2‬جيل بص‪2‬وره رقمي‪2‬ة أح‪2‬اد وأص‪2‬فار (‪.)ones & zeros‬بحيث يس‪2‬هل‬ ‫التعرف عليه وتخزينه من خالل الحاسوب‪.‬‬ ‫‪ ‬عن‪22‬د تش‪22‬غيل مص‪22‬در الفي‪22‬ديو يتم إرس‪22‬ال اإلش‪22‬ارة التناظري‪22‬ة إلى بطاق‪22‬ة‬ ‫الفيديو‪ video card‬وتحويلها إلى ملف رقمي‪.‬‬ Characteristics of Digital Video ‫خصائص الفيديو‬ ‫الرقمي‬ Frame Rate‫ معدل اإلطار‬.1 Frame Size ‫ أو حجم اإلطار‬Image Size ‫ حجم الصورة‬.2 Color Depth ‫ عمق اللون‬.3  ‫‪.1‬معدل اإلطار ‪Frame Rate‬‬ ‫عدد الصورالثابتة التي يتم عرضها خالل فترة زمنية محددة والتي تعبر عن‬ ‫اإلحساس بالحركة‪.‬يتم قياس معدل اإلطارات بعدد اإلطارات في الثانية‪.‬‬ ‫(‪frames per second )fps‬‬  ‫‪.2‬حجم اإلطار ‪Frame Size‬‬ ‫هو ارتفاع وعرض كل إطار على حدة‪.‬‬ ‫‪.3‬عمق اللون أو دقة ‪Color Depth‬‬ ‫ه‪22‬و ع‪22‬دد البكس‪22‬ل في الص‪22‬ورة‪.‬يتم تحدي‪22‬د دق‪22‬ة الص‪22‬ورة من خالل ع‪22‬رض‬ ‫الصورة وارتفاعها باإلضافة إلى العدد الكلي لوحدات البكسل في الصورة‪.‬‬  ‫حساب حجم الفيديو‪Calculate the volume of video‬‬ ‫‪.1‬عدد البكسل في إرتفاع وعرض الصورة ((‪.Pixels per Frame‬‬ ‫‪.2‬الزمن ‪ Time‬الذي يستغرقة الفيديو ويجب أن يكون بالثواني‪.‬‬ ‫‪.3‬معدل اإلطار ‪ Frame Rate‬وتكون بعدد اإلطارات في الثانية‪. Fps‬‬ ‫‪.4‬عم‪2‬ق الل‪2‬ون (دق‪2‬ة) ‪ Color Depth‬وه‪2‬و ع‪2‬دد البكس‪2‬ل المس‪2‬تخدم في تمثي‪2‬ل أل‪2‬وان‬ ‫الصورة ويكون بالبت ‪.Bits‬‬ ‫‪.5‬لتحويل حجم الفيديو من البت إلى البايت يتم القسمة على ‪.8‬‬ ‫‪.6‬لتحويل من بايت إلى كيلو بايت تقسم على ‪. 1024‬‬ ‫‪.7‬لتحويل من كيلو بايت إلي ميقا بايت تقسم على ‪( 1024‬مره ثانيه)‪.‬‬  ‫الــقــانون‬ Size =Time(S) x Frame Rate(fps) x Color Depth(Bit) x Pixels per Frame : ‫ حــيث أن‬.)‫ الزمن (بالثواني‬: Time -.)Fps( ‫ معدل اإلطار‬: Frame Rate -.)‫عمق اللون (بالبت‬: Color Depth -. ‫ عدد البيكسل في اإلطار‬: Pixels per Frame -  ‫مــــثال‬ ‫‪ ‬تم التقاط مقطع فيديو بمعدل ‪ fps20‬في فترة زمنية ‪ 3‬دقائق و ‪ 10‬ثواني‪.‬عدد‬ ‫البكسل في الفيديو ‪ 250 × 300‬بكسل ويتم تمثيل كل بكسل بدقة ‪ 8‬بت‪.‬أحسب‬ ‫حجم ملف الفيديو بالميقابايات؟‬ ‫الـــحـــل‬ ‫حجم الملف = معدل اإلطار ‪ x‬الدقة ‪ x‬الزمن ‪ x‬عدد البكسل =‬ ‫‪-‬‬ ‫=‬ ‫)‪MB271.79 ((((250 x 300 x 20 x 8 x 190)/8)/1024)/1024‬‬ ‫الرسوم المتحركة ‪Animation‬‬  ‫الرسوم المتحركة ‪Animation‬‬ ‫‪ ‬يش‪2‬ترك ك‪2‬ل من الفي‪2‬ديو والرس‪2‬وم المتحرك‪2‬ة في وج‪2‬ود إحس‪2‬اس بالحرك‪2‬ة ‪ ،‬فهم‬ ‫يس‪2‬تغلون بعض ق‪2‬درة العين البش‪2‬رية على رؤي‪2‬ة الص‪2‬ور ‪ ،‬يرج‪2‬ع الت‪2‬أثير البص‪2‬ري‬ ‫للحركة إلى ظاهرة بيولوجية ُتعرف باسم استمرار الرؤية‪.‬‬ ‫‪ ‬الرس‪2‬وم المتحرك‪2‬ة هي عملي‪2‬ة التص‪2‬ميم والرس‪2‬م وعم‪2‬ل المخطط‪2‬ات وتحض‪2‬ير‬ ‫التسلس‪2‬الت الفوتوغرافي‪2‬ة ال‪2‬تي يتم دمجه‪2‬ا في الوس‪2‬ائط المتع‪2‬ددة ومنتج‪2‬ات‬ ‫األلعاب‪.‬‬ ‫‪ ‬لتمثي‪2‬ل االحس‪2‬اس بالحرك‪2‬ة يجب أن يك‪2‬ون مع‪2‬دل تك‪2‬رار الص‪2‬ور مرتفًع ا بم‪2‬ا‬ ‫يكفي لضمان حركة سلسة من إطار إلى إطار‪.‬‬ ‫‪ ‬يجب إس‪2‬تخدام التعلي‪2‬ق الص‪2‬وتي ب‪2‬دًال من النص المكت‪2‬وب ودرج‪2‬ات األل‪2‬وان‬ ‫المطابق‪2‬ة للواق‪2‬ع وك‪2‬ذلك ض‪2‬مان وض‪2‬ع رس‪2‬وم واض‪2‬حه وذل‪2‬ك للحص‪2‬ول علي‬ ‫رسوم متحركة ذات جودة عالية‪.‬‬  ‫طرق إنشاء الرسوم المتحركة ‪Methods of Creating‬‬ ‫‪Animation‬‬ ‫‪.1‬الرسوم المتحركة السينمائية‬ ‫‪ ‬هي طريق‪2‬ة يتم فيه‪2‬ا اس‪2‬تخدام سلس‪2‬لة من الرس‪2‬ومات المختلف‪2‬ة ت‪2‬دريجيًا‬ ‫في ك‪2‬ل إط‪2‬ار من اإلط‪2‬ارات المكون‪2‬ة للفيلم أو كرت‪2‬ون (التغي‪2‬يرات ال‪2‬تي‬ ‫تح‪22‬دث من إط‪22‬ار إلى آخ‪22‬ر)‪.‬وهي مس‪22‬تخدمة بش‪22‬كل ش‪22‬ائع للرس‪22‬وم‬ ‫المتحركة ثنائية األبعاد‪. D-2‬من عيوبها أنها تستغرق الكثير من الوقت‪.‬‬ ‫‪ ‬اإلط‪2‬ارات الرئيس‪2‬ية ‪ KeyFrames‬هي اإلط‪2‬ارين األول واألخ‪2‬ير من الفيلم‪.‬‬ ‫يتم رس‪2‬م اإلط‪2‬ارات الموج‪2‬ودة بين اإلط‪2‬ارات الرئيس‪2‬ية في عملي‪2‬ة الحرك‪2‬ة‬ ‫البينية ‪.Tween‬‬ ‫‪ ‬الحرك‪22‬ة البيني‪22‬ة هي ال‪22‬تي تص‪22‬ور اإلج‪22‬راء (الحرك‪22‬ة) ال‪22‬ذي تح‪22‬دث بين‬ ‫اإلطارات الرئيسية‪.‬‬  ‫‪.2‬مسار الرسوم المتحركة‬ ‫‪ ‬هي الطريق‪2‬ة ال‪2‬تي تق‪2‬وم بتحدي‪2‬د مس‪2‬ار مس‪2‬بقا ليتح‪2‬رك الك‪2‬ائن في‪2‬ه ويظ‪2‬ل‬ ‫الك‪2‬ائن نفس‪2‬ه ال يتغ‪2‬ير غ‪2‬ير حجم‪2‬ه أو إع‪2‬ادة تش‪2‬كيله‪.‬يمكن أن يك‪2‬ون‬ ‫المسار خطًا مستقيمًا أوفي شكل منحنيات‪.‬‬  ‫الرسوم المتحركة ثالثية األبعاد ‪3-D Animation‬‬ ‫‪ ‬يتضمن ثالث خطوات‪:‬‬ ‫‪.1‬النمذجة أو التصميم‬ ‫إنشاء الخطوط العريضة وهيكل الكائنات والمشاهد ثالثية األبعاد‪.‬‬ ‫‪.2‬الحركة‬ ‫تحديد حركة الكائنات‪.‬وتتم بطريقتين ‪:‬‬ ‫‪ -‬الطريق‪2‬ة التقليدي‪2‬ة ‪ :‬رس‪2‬م ش‪2‬كل الرس‪2‬م األولي وتعديل‪2‬ه باس‪2‬تخدام أدوات‬ ‫الرسم إلنتاج مجموعة كبيرة من الصور لجعل المشاهد يشعر بالحركة ‪.‬‬ ‫‪ -‬الطريق‪22‬ة الحديث‪22‬ة ‪ :‬يتم إنش‪22‬اء الرس‪22‬مين األول واألخ‪22‬ير ‪ ،‬ويح‪22‬دد ع‪22‬دد‬ ‫اإلط‪2‬ارات ال‪2‬تي س‪2‬يتم عرض‪2‬ها ومن خالل برن‪2‬امج مخص‪2‬ص له‪2‬ذا الن‪2‬وع يتم‬ ‫عم‪2‬ل تع‪2‬ديالت على الرس‪2‬م األول إلنت‪2‬اج جمي‪2‬ع الرس‪2‬ومات وتس‪2‬مي بعملي‪2‬ة‬ ‫الحركة البينية‪.‬‬ ‫التقديم ‪ :‬إعطاء خصائص للكائنات مثل اللون ومقدار الشفافية‪.‬‬ ‫‪.3‬‬ ‫س ــ ـ ـ ؤ ا‬ ‫ل‬