من خلال الدروس السابقة، تعلمنا كيفية إنشاء رسوم متحركة باستخدام انتقالات الإطار الرئيسي واستخدام طبقات مستقلة. يمكن استخدامها لإنشاء بعض الرسوم المتحركة البسيطة لكائن واحد، وكانت لفترة طويلة هي الطريقة الوحيدة لإنشاء رسوم متحركة في Photoshop. سنتعلم اليوم طريقة جديدة للتحريك باستخدام المخطط الزمني . تُستخدم طريقة الجدول الزمني على نطاق واسع في العديد من برامج إنتاج الأفلام والتلفزيون، مثل Premiere وAfterEffects وما إلى ذلك، بما في ذلك Flash الذي يستخدم هذه الطريقة أيضًا.
هناك العديد من العمليات في الرسوم المتحركة الانتقالية للإطار الرئيسي التي لم نذكرها، وذلك لأنها لا علاقة لها بطريقة الجدول الزمني، وسيكون الجدول الزمني هو طريقتنا الرئيسية في صنع الرسوم المتحركة في المستقبل، لذلك سوف نتخطىها.
لتوحيد المواد، يرجى النقر هنا لتنزيل ملف المادة وفك ضغط ملف PSD وفتحه في Photoshop. هذا الملف بدون إعدادات الإطار (يمكنك أيضًا استخدام إعداداتك الخاصة بدلاً من ذلك). كما هو موضح أدناه. نظرًا لاستخدام طبقات النص، قد يظهر خيار الاستبدال بسبب فقدان الخطوط بعد فتحه، ما عليك سوى اختيار استبداله بالخط الافتراضي، على الرغم من أن الخط الافتراضي ليس جميلًا بدرجة كافية، إلا أن تأثير التدريس هو نفسه.
يحتوي ملف PSD على ثلاث طبقات (بدون احتساب طبقة الخلفية)، اثنتان منها عبارة عن طبقات نصية وواحدة عبارة عن طبقة شكل متجه. إذا كنت لا تعرف ما هي طبقة الشكل المتجه، فهذا يعني أنك لم تتقن الأساسيات جيدًا.
انقر في الزاوية اليمنى السفلية من لوحة الرسوم المتحركة
زر للتبديل إلى وضع الخط الزمني، كما هو موضح في الشكل أدناه. سيلاحظ القراء المتأنيون أن اسم اللوحة قد تغير إلى "Animation (Timeline)"، بينما كان الاسم السابق هو "Animation (Frame)". يتغير الزر الموجود في الزاوية اليمنى السفلية إلى
سيؤدي النقر إلى التبديل إلى وضع الإطار الأصلي.
تجدر الإشارة إلى أن هاتين الطريقتين غير متوافقتين مع بعضهما البعض، لذلك لا تقم بالتبديل أثناء عملية الإنتاج. إذا قمت بالتبديل عن طريق الخطأ، يمكنك استخدام أمر التراجع [CTRL+ALT+Z] لاستعادته.
في المخطط الزمني، نرى أسماء الطبقات مشابهة لتلك الموجودة في لوحة الطبقات، ومواضعها العالية والمنخفضة هي أيضًا نفس تلك الموجودة في لوحة الطبقات. سيؤدي النقر فوق علامة السهم الموجودة على الجانب الأيسر من الطبقة إلى توسيع جميع عناصر الرسوم المتحركة للطبقة، أي العناصر التي يمكن تحريكها. في الطبقات ذات الطبيعة المختلفة، تختلف عناصر الرسوم المتحركة الخاصة بها أيضًا. تشير ما يسمى بالخصائص المختلفة إلى الطبقات العادية، والطبقات العادية ذات الأقنعة، وطبقات النص، وطبقات الضبط، وما إلى ذلك. وهذه كلها طبقات ذات خصائص مختلفة. كما هو موضح في الصورة اليسرى أدناه، يتم توسيع مشروع الرسوم المتحركة بعد طبقة النص "Go and Stay" وطبقة الشكل المتجه "Shape 1" على التوالي. القاسم المشترك بينهم جميعًا هو الموقع والعتامة والأسلوب. الفرق هو أن طبقة النص تحتوي على عنصر آخر "لتشوه النص"، بينما تحتوي طبقة الشكل المتجه على عنصرين آخرين مرتبطين بالقناع.
لا يمكن أن يتجاوز إنتاج الرسوم المتحركة مشروع الرسوم المتحركة للطبقة نفسها، على سبيل المثال، لا يمكن تنفيذ "تشويه النص" على طبقة الشكل. ومع ذلك، يمكن إضافة بعض عناصر الرسوم المتحركة لاحقًا، على سبيل المثال، بعد إضافة قناع إلى طبقة نص، سيكون لها عنصر رسوم متحركة مقنع.
توجد مجموعة من الأرقام 0:00:00:00 في الزاوية اليسرى العليا من اللوحة، وهي رمز الوقت الحالي، ومن الطرف الأيمن، فهي ميلي ثانية، وثواني، ودقائق، وساعات. عموما يتم استخدام ثواني فقط. يوجد أيضًا 30.00 إطارًا في الثانية بعد رمز الوقت، وهو معدل الإطارات الذي يشير إلى عدد الإطارات في الثانية. بشكل عام، القيمة عبارة عن عدد صحيح، ويتم استخدام معدلات الإطارات العشرية فقط في تحرير الأفلام والتلفزيون.
انقر في الزاوية اليمنى العليا من لوحة الرسوم المتحركة انقر فوق الزر وحدد "إعدادات المستند"، وستظهر إعدادات المخطط الزمني الموضحة على اليمين أدناه. هنا يمكنك تحديد إجمالي مدة الرسوم المتحركة ومعدل الإطارات. وفقًا للإعدادات الافتراضية، يبلغ الطول الإجمالي 10 ثوانٍ و30 إطارًا في الثانية، وبالتالي فإن إجمالي عدد الإطارات هو 300 إطار، وهذه قيمة كبيرة جدًا للرسوم المتحركة على الويب، حيث ستشغل عددًا كبيرًا من البايتات عند إنتاجها لا يفضي إلى نقل الشبكة. الآن نقوم بتغيير المدة إلى 5 ثوانٍ ومعدل الإطارات إلى 5 إطارات في الثانية. بمجرد التأكيد، سترى مؤشر معدل الإطارات الجديد في لوحة الرسوم المتحركة.
كما هو موضح في الصورة أدناه، إذا قمت بتوسيع لوحة الرسوم المتحركة أفقيًا، فسترى علامات زمنية مثل 01:00 و02:00 بالثواني. نهاية أقصى اليمين للخط الزمني هي المدة الإجمالية البالغة 5 ثوانٍ التي تم تحديدها للتو. اسحب شريط التمرير المشار إليه بالسهم الأحمر إلى اليمين لتكبير تفاصيل المخطط الزمني. يقع المخطط الزمني الموسع داخل منطقة المربع الأحمر. يمكنك أن ترى أن هناك علامات مثل 01f و02f بين الثواني. هذا هو الإطار. كان الإعداد الذي قمنا بتعيينه للتو هو 5 إطارات في الثانية، لذلك هناك 5 إطارات كل ثانيتين. على الرغم من أننا نرى فقط الحد الأقصى 04f، يجب أن نعرف أن 05f يتداخل فعليًا مع 01:00. لذلك، يتم التعبير عنها بالصيغة 01:00f، مما يعني أنها تمثل الثانية الأولى وإطارًا.
لاحظ أن هناك خطًا رفيعًا أقل وضوحًا بين السهمين البرتقاليين، وهذا هو مؤشر المخزن المؤقت للعرض. تحتوي برامج تحرير الأفلام والتلفزيون الأخرى أيضًا على هذا المؤشر، ولكن سيتم ذكر دوره في Photoshop .