رسم الإطارات الرئيسية - كتاب المهارات الرقمية - الصف 10 - الفصل 1 - المملكة العربية السعودية

رسم الإطارات الرئيسية

لإنشاء رسومك المتحركة، فإنك تحتاج إلى رسم الإطارات الرئيسية (key frames) بصورة متتابعة. إذا أردت أن تكون الحركة في الرسوم المتحركة سلسة إلى حد ما، يجب رسم إطارات رئيسية مع قليل من الاختلاف كل إطار وآخر. تتمثل الطريقة التقليدية في رسم كل صورة من خلال عرض الصورة السابقة (أو التالية) لها بصورة شبه شفافة. يطلق على هذه الطريقة اسم طريقة قشرة البصل (onion skin). يوفر البرنامج الأزرار التي تحتاجها لتنشيط أو إلغاء تنشيط قشر البصل على الصورة السابقة والتالية.

عرض الإطار السابق

عرض الإطار التالي

جزء من الإطار الحالي يختلف قليلاً عن الإطار السابق

جزء شبه شفاف من الإطار السابق

هل تعلم أن هناك أجهزة خاصة تسمى المحولات الرقمية (digitizer)؟ إن جهاز التحويل الرقمي هو جهاز يشبه اللوحه التي ترسم عليها، ويعمل باستخدام قلم رقمي للرسم. يمكنك الرسم بقلمك على شاشة الجهاز كما لو كنت تستخدم قلماً حقيقياً ورؤية ما ترسمه مباشرة على الشاشة.

الرسم المتجه

يمكنك استخدام نفس أدوات الرسم الموجودة في جيمب (GIMP) للرسم على طبقة الصورة المتجهة. تختلف الرسومات المتجهة (Vector drawings) عن الصور النقطية في أن جميع الرسومات والخطوط المستخدمة فيها يتم تحويلها إلى أشكال هندسية. ونتيجة لذلك، يمكن تكبير الرسم بدون ظهور أي تشويه أو تشققت للصورة. عندما تقوم بتغيير لون في لوحة الألوان، فإن نقاط متناهية الصغر، مما يجعل الصورة المتجهة مثالية للشخصيات الكرتونية والأجسام المحددة الملامح، على عكس الصور النقطية الأكثر تفصيلاً للخدوش الصور المتحركة مثلاً.

فيما يلي مثال نموذجي لكيفية رسم إطار واحد: ابدأ بطبقة نقطية واستخدم أداة الرسم (Sketch) لرسم الشخصية.

بمجرد الانتهاء من المسودة، انتقل إلى الطبقة المتجهة واستخدم أداة الرسم (Draw) "لتحبير" أي لجعل الخطوط أكثر وضوحًا.

Mini Unit of Education 2025 - 1447

266

--- SECTION: رسم الإطارات الرئيسية --- رسم الإطارات الرئيسية لإنشاء رسومك المتحركة، فإنك تحتاج إلى رسم الإطارات الرئيسية (key frames) بصورة متتابعة. إذا أردت أن تكون الحركة في الرسوم المتحركة سلسة إلى حد ما، يجب رسم إطارات رئيسية مع قليل من الاختلاف كل إطار وآخر. تتمثل الطريقة التقليدية في رسم كل صورة من خلال عرض الصورة السابقة (أو التالية) لها بصورة شبه شفافة. يطلق على هذه الطريقة اسم طريقة قشرة البصل (onion skin). يوفر البرنامج الأزرار التي تحتاجها لتنشيط أو إلغاء تنشيط قشر البصل على الصورة السابقة والتالية. عرض الإطار السابق عرض الإطار التالي جزء من الإطار الحالي يختلف قليلاً عن الإطار السابق جزء شبه شفاف من الإطار السابق هل تعلم أن هناك أجهزة خاصة تسمى المحولات الرقمية (digitizer)؟ إن جهاز التحويل الرقمي هو جهاز يشبه اللوحه التي ترسم عليها، ويعمل باستخدام قلم رقمي للرسم. يمكنك الرسم بقلمك على شاشة الجهاز كما لو كنت تستخدم قلماً حقيقياً ورؤية ما ترسمه مباشرة على الشاشة. --- SECTION: الرسم المتجه --- الرسم المتجه يمكنك استخدام نفس أدوات الرسم الموجودة في جيمب (GIMP) للرسم على طبقة الصورة المتجهة. تختلف الرسومات المتجهة (Vector drawings) عن الصور النقطية في أن جميع الرسومات والخطوط المستخدمة فيها يتم تحويلها إلى أشكال هندسية. ونتيجة لذلك، يمكن تكبير الرسم بدون ظهور أي تشويه أو تشققت للصورة. عندما تقوم بتغيير لون في لوحة الألوان، فإن نقاط متناهية الصغر، مما يجعل الصورة المتجهة مثالية للشخصيات الكرتونية والأجسام المحددة الملامح، على عكس الصور النقطية الأكثر تفصيلاً للخدوش الصور المتحركة مثلاً. --- SECTION: 1 --- فيما يلي مثال نموذجي لكيفية رسم إطار واحد: ابدأ بطبقة نقطية واستخدم أداة الرسم (Sketch) لرسم الشخصية. --- SECTION: 2 --- بمجرد الانتهاء من المسودة، انتقل إلى الطبقة المتجهة واستخدم أداة الرسم (Draw) "لتحبير" أي لجعل الخطوط أكثر وضوحًا. Mini Unit of Education 2025 - 1447 266 --- VISUAL CONTEXT --- **DIAGRAM**: رسم الإطارات الرئيسية Description: Screenshot of animation software showing a timeline, layers panel, and a character drawing with onion skinning enabled, highlighting previous and next frames. X-axis: Timeline (frames) Y-axis: Layers Data: Visual representation of animation software interface for frame-by-frame animation using onion skinning. Key Values: Previous Frames: 5, Zoom: 100.0% Context: Illustrates the concept of onion skinning in animation software for creating smooth motion by viewing adjacent frames. **IMAGE**: Untitled Description: A black digital drawing tablet with a stylus resting on its surface. Data: A piece of hardware used for digital drawing and graphic design. Context: Introduces the concept of digitizers (graphics tablets) used for digital art creation. **DIAGRAM**: Untitled Description: A cartoon character's head and shoulders, drawn with clean, defined lines, likely a vector drawing. X-axis: Timeline (frames) Y-axis: Layers Data: Example of a character drawing created using vector graphics principles. Key Values: Zoom: 100.0% Context: Illustrates a vector drawing, emphasizing its clean lines and suitability for animation. **DIAGRAM**: Untitled Description: A cartoon character's head and shoulders, drawn with slightly less defined lines, appearing more like a sketch or pixel-based drawing. X-axis: Timeline (frames) Y-axis: Layers Data: Example of a character drawing that appears to be a sketch or pixel-based, contrasting with vector drawings. Key Values: Zoom: 100.0% Context: Provides a contrasting example to vector drawings, likely representing a sketch or pixel-based approach. **DIAGRAM**: Untitled Description: A cartoon character's head and shoulders, drawn with clean, defined lines, likely a vector drawing. X-axis: Timeline (frames) Y-axis: Layers Data: Example of a character drawing created using vector graphics principles. Key Values: Zoom: 100.0% Context: Illustrates the first step of drawing a character using a point-based approach on a pixel layer. **DIAGRAM**: Untitled Description: A cartoon character's head and shoulders, drawn with slightly less defined lines, appearing more like a sketch or pixel-based drawing. X-axis: Timeline (frames) Y-axis: Layers Data: Example of a character drawing that appears to be a sketch or pixel-based, contrasting with vector drawings. Key Values: Zoom: 100.0% Context: Illustrates the second step of refining the sketch into a cleaner line art on a vector layer.