Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. CrazyTalk Animator
Design

 كيفية انشاء رسوم متحركة لموقع يوتيوب في صانع الرسوم المتحركة CrazyTalk 3

by
Difficulty:IntermediateLength:LongLanguages:
Sponsored Content

This sponsored post features a product relevant to our readers while meeting our editorial guidelines for being objective and educational.

Arabic (العربية/عربي) translation by Maryam Abbas (you can also view the original English article)

What You'll Be Creating

عند إنشاء مقاطع فيديو YouTube، لا يكون التسجيل الخالص أحيانًا آسرًا بما فيه الكفاية. يمكنك إضافة التوابل إليه عن طريق إضافة عناصر متحركة خاصة. على سبيل المثال، يمكن أن تساعدك شخصية متحركة في البقاء مجهول الهوية، مع توفير شخص ما للتواصل معه. يمكنك أيضًا تقديم مفهوم لا يمكن تسجيله في الواقع، أو وضع التركيز البصري على بعض عناصر الفيديو.

إذا كنت ترغب في تجربة هذا، ولكنك لست متأكدًا من كيفية ذلك، فهذا البرنامج التعليمي مخصص لك فقط! يتيح صانع الرسوم المتحركة CrazyTalk3 للمستخدمين إنشاء رسوم متحركة بطريقة سهلة، ومباشرة. يمكنك ببساطة عمل شيء ما في فوتو شوب ثم استيراده للصور المتحركة. ثم يمكنك إضافة حركات تلقائية و يدوية، وتغيير تعبيرات الوجه، إضافة أصوات، وهكذا.

في هذا البرنامج التعليمي، سأعرض عليك بعض الحيل المفيدة التي يمكنك استخدامها لمقاطع الفيديو الخاصة بك: كيفية إنشاء إصدار"تشيبي" متحرك للمقدم، وكيفية تضمين مقطع فيديو داخل الرسم المتحرك، وكيفية مزامنة الشفاه مع الصوت وكيفية إضافة تعبيرات الوجه والحركات إليها. سأريك أيضًا كيفية إضافة رسوم متحركة ومؤثرات صوتية. سأستخدم الفيديو الخاص بي، ولكن يمكنك استخدام أي شيء خاص بك لغرض مشابه.

وبمجرد تعلمك كيفية إنشاء الرسوم المتحركة على YouTube، يمكنك إرسالها إلى مسابقة الرسوم المتحركة في العمل!

1. كيفية إعداد الأصول للرسوم المتحركة

الخطوة 1

إذا كنت ترغب في إنشاء شخصية للرسوم المتحركة، فأنت بحاجة أولاً إلى تصميمها. قم برسمها وتخطيط الألوان، ثم افتحها في فوتو شوب أو Illustrator وخفض التعتيم.

إذا كنت لا تعرف كيفية تصميم مثل هذه الشخصية، فجرّب هذا البرنامج التعليمي:

how to draw a chibi

الخطوة 2

قم بإنشاء العيون باستخدام أشكال متجهة على طبقات منفصلة. إذا كنت جديدًا على هذه التقنية، يمكنك تعلم كيفية إنشاء متجهات بسيطة في فوتوشوب في هذا البرنامج التعليمي السريع:

يمكنك أيضًا التعرف على كيفية إنشاء الشخصيات في Illustrator من هذه البرامج التعليمية:

how to create vector managa eyes

الخطوه 3

انشئ الوجه وبعض الشعر الأساسي. يمكنك تظليلها بطريقة بسيطة عن طريق إضافة تدرج نصف قطري على أعلى، يتم قصه على شكل الشعر. حافظ على الأجزاء الأمامية والخلفية من حلاقة الشعر منفصلة.

how to create vector manga hair

الخطوة 4

قم بإنهاء الجسم، وبناء كل شيء من الأشكال البسيطة ومن ثم إعادة تشكيلها.

how to create vector chibi

الخطوة 5

لجعل شخصيتنا حقا مثل الإنسان، نحن بحاجة إلى إعطاء بعض تعبيرات الوجه. قم بإنشاء أشكال مختلفة للعيون من أجل:

  • ابتسامة
  • عيون مغلقة
  • عيون مغلقة بإحكام
  • عيون تحدق
  • عيون مع قزحية خاصة
types of chibi eyes

الخطوة 6

أنشئ أفواه متنوعة، أيضا:

  • فم مفتوح بابتسامة
  • قبلة
  • الشفاه مفتوحة
  • إظهار  الأسنان
  • الفم مفتوحة على مصراعيها
types of chibi mouths

الخطوة 7

لأننا نريد لشخصيتنا أن تتحدث، نحتاج إلى إنشاء بعض الأشكال المختلفة لأشكال الفم، كل منها مصمم لصوت مختلف:

  • Ah, I
  • Oh
  • EE
  • U
  • Woo
  • F, V
  • L, N, D, Th
  • C, D, S, K, Z
typs of sounds for chibi mouth

الخطوة 8

قد تحتاج أيضًا إلى عناصر أخرى تريد تضمينها في الفيديو. على سبيل المثال، يمكنك عرض فيديو داخل الفيديو الخاص بك عن طريق وضعه على شاشة كمبيوتر محمول مزيف. يمكنك تنزيله على Envato Elements وإزالة الشاشة في فوتو شوب باستخدام أداة العصا السحرية (W).

laptop screen prop mockup

2. كيفية تحضير الأصول للاستيراد

الخطوة 1

تم تصميم صانع الرسوم المتحركة  CrazyTalk 3 للعمل مع الأصول التي تم إنشاؤها في برنامج فوتوشوب، ولكن يجب أن يتم إعدادها خصيصا لهذا الغرض. إذا أنشأت شخصيتك في مكان آخر، فقم بنسخه إلى فوتو شوب الآن، مع الحفاظ على فصل هذه العناصر:

how to organize layers for animation
لست بحاجة إلى سحب أجزاءك هنا وهناك هكذا - إنها فقط للعرض!

الخطوة 2

قم بتنزيل حزمة خاصة من القوالب واستخلاصها والانتقال إلى 01_قوالب>  قالب كامل لمقدمة جسم الانسان. ضع كلاً من النافذتين جنبًا إلى جنب، وحدد كل الطبقات في القالب، واسحبهما إلى نافذة الشخصية.

drag template layers to chibi

الخطوه 3

قم بتغيير حجم (Control-T) محتوى الطبقات لضبط حجم القالب على شخصيتك.

resize the template

الخطوة 4

للسماح لـ CTA3 بمعرفة أجزاء الجسم، ما عليك سوى وضع الطبقات في المجلدات المقابلة. أزل الطبقات الوهمية منها واستبدلها بطبقاتك.

replace the dummy layers with chibi parts

الخطوة 5

ضع العناصر للرأس كذلك في المجلد صورة الرأس.

place head elements in foldes

الخطوة 6

تحتوي العينين والفم على مجلدات داخلية أخرى، لجميع المتغيرات التي قمنا بإنشائها في وقت سابق. بالنسبة للفم، ضع كل تعبير وصوت بشكل منفصل:

mouth expersion variants
mouth sounds variants

الخطوة 7

من أجل العيون، ضع في المجلد Normal، القزحية وبياض العين بشكل منفصل.

eyes normal folder

ضع التعبيرات الأخرى في المجلد بياض العين.

other experssions folder

الخطوة 8

وأخيرًا، تحتاج إلى السماح لـ CTA3 بمعرفة كيف يبدو الهيكل العظمي لشخصيتك. في المجلد RL_Bone_Human، ستجد علامات خاصة لكل جزء من أجزاء الجسم. ضعها في المفاصل. يمكنك استخدام القالب كمرجع.

mark the joints

الخطوة 9

تحتاج عناصر الوجه إلى علامات خاصة بها أيضًا. هنا لا يتعلق الأمر بالمفاصل، بل بالموضع. ستجد هذه العلامات في RL_TalkingHead> HeadBone.

place markers for the head

3. كيفية استيراد شخصية من  فوتو شوب إلى  صانع الرسوم المتحركة CrazyTalk 3

الخطوة 1

افتح صانع الرسوم المتحركة CrazyTalk 3 . انتقل إلى تقديم > تقديم الفيديو وتغيير حجم الإطار إلى ما تريد أن يكون الفيديو. لا تضغط على تصدير - فقط اضغط على X.

render settings cta3

الخطوة 2

أولاً، اسحب صورة الكمبيوتر المحمول إلى المشهد (تأكد من أنها صورة .png). حدد الداعم.

drag laptop prop to the scene

الخطوه 3

قم بتغيير حجم الصورة لملء الإطار.

resize the prop to background

الخطوة 4

الآن، اسحب الفيديو الخاص بك (بدون صوت) إلى المشهد. قد لا يتم دعم بعض التنسيقات — إذا كانت لديك أية مشكلات، فقم بتحويل الفيديو إلى .avi. قم بتغيير حجم الفيديو لملء الشاشة.

import video to crazy talk animator

الخطوة 5

كما ترى، يظهر الفيديو الآن أمام الشاشة، والذي لا يبدو مقنعًا للغاية. لحسن الحظ، تدعم CTA3 البعد الثالث! فقط اسحب السهم الصغير في الأسفل لنقل الفيديو إلى الخلف.

how to move prop in 3d

الخطوة 6

قم بتغيير حجم الفيديو مرة أخرى وتأكد من عدم قطع أي شيء مهم بإطار الكمبيوتر المحمول. يمكنك سحب العلامة على المخطط الزمني لمشاهدة الفيديو ، ولكن تأكد من تغيير حجمه دائمًا على الإطار الأول — وإلا سيتم تسجيله كتغيير متحرك!

how to adjust video to prop

الخطوة 7

دعونا نضيف الشخصية الآن. انقر فوق إنشاء ممثل العظام الحر G3.

create free bone actor

سترى شخصيتك متراكبة مع الهيكل العظمي، تماما كما قمت بتصميمه

character imported

الخطوة 8

قد تلاحظ أن بعض الطبقات في ترتيب غير صحيح. يمكنك إصلاحه عن طريق الانتقال إلى مدير الطبقة ...

layer manager cta3

... وسحب الطبقات إلى حيث تريد أن تكون.

change layer order cta3

الخطوة 9

لمعرفة ما إذا كان الهيكل العظمي يعمل بشكل صحيح، انقر فوق معاينة والعب بالعظام. تحقق ما إذا كان الجسم يتحرك دون مشاكل أكبر أثناء تحريك العظام.

how to preview bones
bones preview

الخطوة 10

يمكنك أيضًا اختبار شخصيتك باستخدام معايرة:

calibration character
how to calibrate bones cta3

الخطوة 11

هل وجدت أي شيء خاطئ، شيء تريد إصلاحه؟ ما عليك سوى اختيار إطلاق لمحرر PSD الخارجي. سيتم فتح شخصيتك في فوتو شوب، حيث يمكنك ضبط ما تريد. فقط احفظ الملف عندما تريد مزامنته.

adjust character in photoshop

الخطوة 12

هل كل شيء على ما يرام؟ عد إلى وضع المرحلة.

back to stage mode

الخطوة 13

تغيير حجم ووضع الشخصية لديك بك حيث تريد أن تكون. تأكد من القيام بذلك في الإطار الأول!

resize and place character

4. كيفية إضافة مزامنة الشفاه إلى الرسوم المتحركة الخاصة بك

الخطوة 1

دعونا نجعل شخصيتنا تتحدث! حددها وانقر فوق إنشاء برنامج نصي.

create script button

الخطوة 2

حدد ملف الموجة واختر الصوت.

pick audio for script

الخطوه 3

إذا كنت تشغل الرسوم المتحركة الآن، سترى أنها تعمل بالفعل!

مع ذلك، نظرًا لأن كل شيء تلقائي، فلن تكون المزامنة مثالية. دعونا نحلها! افتح محرر الجدول الزمني (F3) وانقر على وجه.

open timeline editor

الخطوة 4

افتح "مقطع صوتي" لمشاهدة كل من مسار الصوت وتعبيرات الشفاه المخصصة له.

voice clip tab

الخطوة 5

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

lip scync manual

5. كيفية إضافة الحركات الوجهية

الخطوة 1

شخصيتنا تبدو غريبة بعض الشيء، تتحدث دون أي تعبيرات في الوجه. دعونا نقوم بتغييره! حدد الشخصية وانقر فوق دمية الوجه.

face puppet button

الخطوة 2

في هذا المحرر، يمكنك التشغيل باستخدام تعبيرات الوجه المختلفة التي يتم إنشاؤها تلقائيًا. اضغط على Space وحرك المؤشر حولها لاختبارها.

preview facial expressions

الخطوه 3

دعونا نجعل شخصيتنا تحرك رأسها أثناء الحديث، ولكن دون النظر حولها. امسح التحديد لإلغاء تحديد جميع عناصر الوجه.

clear selection in facial animation

الخطوة 4

الآن اختر كلا النوعين من الدوران فقط.

select two types of rotation

الخطوة 5

اضغط على السجل ثم Space أو Enter لتسجيل الحركة. قم بتحريك الرأس للتأكيد على الأصوات التي يتم نطقها. يمكنك أيضًا إضافة لقطات مؤقتة من خلال النقر على زر الماوس الأيسر.

الخطوة 6

يمكننا إضافة نوع آخر من الحركات البسيطة - مما يجعل مظهر الشخصية يظهر في الأشياء التي يتم عرضها في الفيديو. للقيام بذلك، ارجع إلى الإطار الأول مرة أخرى واختر وجهًا عامًا. ثم قم بإيقاف تشغيل كلا النوعين من دوران الرأس.

turn off head rotation

الخطوة 7

اضغط على "سجل" ولاحظ ما يحدث في الفيديو لقيادة عيون الشخصية وفقًا لذلك.

move characters eyes

6. كيفية تحريك شخصية في صانع الرسوم المتحركة CrazyTalk 3

الخطوة 1

حسناً، الوجه متحرك، لكن بقية الجسم يبدو متيبساً جداً. يمكننا تغييره بسهولة عن طريق إضافة بعض الحركات التلقائية.

انتقل إلى الإطار الأول، وافتح إدارة المحتوى> الرسوم المتحركة> الحركة> 1_G3_Human> الواجهة الشعبية المرنة> Idle & Talk. اختر بعض الرسوم المتحركة التي ستبدو جيدة وغير مشتتة للانتباه. يمكنك استخدام أكبر عدد منها كما تشاء، في أي تشكيل، ولكن ضع في اعتبارك أن تلك التي تحمل علامة S و L و E تحتاج إلى استخدامها معًا.

add simple talking animation
simple pose

الخطوة 2

ولكن هذه كانت الحركات التلقائية فقط. قد يتطلب الفيديو الخاص بك نقل الشخصية بطريقة خاصة، وهذا أمر ممكن أيضًا! حدد الشخصية وانقر فوق حركة.

how to open motion timeline cts3

سيؤدي هذا إلى فتح جدول زمني لجميع الحركات. قد ترى نقاطًا رمادية توضع حيث تبدأ الحركات التلقائية. تشير هذه النقاط (الإطارات الأساسية) إلى تغيير الوضع، ويمكنك وضعها يدويًا عن طريق الضغط على V. للتأكد من أن التغيير لا يؤثر على التغييرات السابقة / الأخيرة ، دائمًا قم بإحاطة صورتك المتحركة بإطارين رئيسيين آخرين سيحفظان الوضع قبل وبعد.

how to make separate animation

الخطوه 3

على سبيل المثال، دعونا نجعل الشخصية تحرك ذراعيها للتحية. لتحريك العظام يدويًا ، افتح محرر الحركة ثنائي الأبعاد.

open 3d motion key editor

الخطوة 4

كما أظهرت لك من قبل، أنشئ إطارين رئيسيين، انقل علامة الجدول الزمني بينهما، وهناك غيّر وضع شخصيتك.

change pose in keyframe

يمكنك نسخ الوضع ولصقه لجعله يدوم لفترة أطول. إذا وجدت أنه مربكًا، فإليك تفسيرًا سريعًا:

  1. هذه هي الحالة المحفوظة لما يحدث قبل هذه الحركة.
  2. هذا هو المكان الذي تبدأ فيه بعض الحركات التلقائية.
  3. هذه هي الحالة المحفوظة لما يحدث بعد هذه الحركة.
  4. هذا هو الوضع المتغير.
  5. هذه هي الوضعية المنسوخة المتغيرة.

أولاً، تحرك الشخصية يدها من الوضع 1 إلى الوضع 4. بعد ذلك، ما بين 4 و 5، لا شيء يتغير، لذلك لا توجد حركة. في وقت لاحق، تحرك الشخصية يدها من وضعية 5 للوضعية 3. ثم تبدأ الحركة التلقائية (2).

how to underatand keyframe animation

الخطوة 5

يمكنك تغيير وتيرة الانتقال بالنقر بزر الماوس الأيمن على الإطار الرئيسي الثاني لحركة وتحديد منحنى الانتقال.

transition curve cta3

هنا يمكنك اختبار المتغيرات المختلفة للحركة. العب بها لمعرفة ما يبدو أكثر طبيعية.

transition curve types

الخطوة 6

استخدم نفس الطريقة لإضافة كل الحركات التي تحتاجها.

7. كيفية إضافة الدعائم إلى الرسوم المتحركة

الخطوة 1

تم تنفيذ الحركة، ولكن لا يزال بإمكاننا تزيينها. على سبيل المثال، يمكننا أن نجعل أصبع الشخصية تشير نحو شيء ما، بدلاً من إظهار يد مفتوحة. للقيام بذلك، حدد الشخصية وانتقل إلى وضع المكون.

go to composer mode

الخطوة 2

قم بإطلاقه في برنامج فوتوشوب.

launch character to photoshop

الخطوه 3

في فوتوشوب، أضف يدًا بإصبع تشير إلى المجلد باليد. ضعها تحت اليد الافتراضية وقم بإخفائها. احفظ الملف لمزامنة الشخصية.

add new hand
استخدمت هذه الفرصة لتغيير اتجاه الإبهام، لجعل الشخصية تظهر راحة اليد بطريقة أكثر ترحيباً.

الخطوة 4

ارجع إلى وضع المرحلة وانقل علامة الجدول الزمني إلى المكان الذي تريد أن يحدث التغيير فيه. افتح محرر الرموز المتحركة.

open sprite editor

الخطوة 5

هنا لديك قائمة بجميع النقوش المتحركة المتاحة لكل جزء من أجزاء الجسم. ما عليك سوى اختيار إصبع التأشير لتبديل اليد.

how to change sprites cta3

الخطوة 6

بعد إجراء هذا التغيير، ستظل النقوش المتحركة على هذا النحو حتى تقوم بتغييرها مرة أخرى. ما عليك سوى تحريك علامة الجدول الزمني لضبط الوقت لها.

change sprites back

الخطوة 7

ولكن يمكننا القيام بأشياء أخرى أيضًا -- على سبيل المثال، إضافة بعض العناصر التي ستساعد في الشرح. في الفيديو الخاص بي، تتحدث الشخصية عن "الحواف المتعرجة"، ولكنها ليست مرئية بالفعل على هذه المسافة. لنقم بإضافة مكبر لعرضها.

انتقل إلى مدير المحتوى> دواعم> رموز أيقونية إضافية> لون> مكبر واسحب المكبر إلى المشهد.

how to find template props
drag prop to scene

الخطوة 8

انتقل إلى وضع المكون وأطلق المكبر على فوتوشوب. هنا، يمكنك إضافة صورة للحواف المرتجعة التي تم تكبيرها، والتي نريد إظهارها. قم بدمجها مع المكبر، ثم قم بحفظ الملف.

changed magnifier

الخطوة 9

نريد أن يكون المكبر مرئيًا فقط في قسم واحد من الفيديو، وليس كل الوقت. انقر فوق مرئي ...

open visibility tab

... ثم انتقل إلى الإطار الأول، وانقر بزر الماوس الأيمن عليه، وحدد مرئي / غير مرئي.

change visibility cta3

ثم انتقل إلى المكان الذي يجب أن تبدأ فيه بالظهور، وكرر. انقل علامة الجدول الزمني حيث تريد أن تختفي، وافعل هذا مرة أخرى. يجب أن يظهر خط بين نقطتين حيث تكون الرؤية قيد التشغيل.

turn visibility for a time

الخطوة 10

هناك حركات خاصة يمكن استخدامها لكائن مثل هذا. اذهب إلى الحركة المرنة للعثور عليها. في المدخل 1 ستجد حركات كبيرة لتقديمها للكائن، وفي المخرج3 تلك التي تساعدك على التخلص منها. اختر شيئًا للمكبر لديك، وضع الحركات في فترة قصيرة من الرؤية.

elastic motion oject animations

الخطوة 11

في الدعائم> الرمز الأساسي، ستجد سهمًا يمكن استخدامه في الفيديو لدينا أيضًا. اسحبه إلى المشهد ...

drag arrow to scene

... وقم بتغيير الحجم.

resize arrow

الخطوة 12

انتقل إلى الحركة المرنة لمعرفة ما الذي يمكنك استخدامه لجعل هذا السهم أكثر تشويقًا. تراجع عن كل رسم متحرك بعد اختباره - لا نريد تطبيق أي شيء بعد.

animations for arrow

الخطوة 13

يمكنك تعيين الحركات إلى الكائن بالنقر بزر الماوس الأيمن عليه وتحديد محرر قائمة الإجراءات.

action menu editor

الخطوة 14

هنا يمكنك إضافة الرسوم المتحركة التي أحببتها في وقت سابق.

add animation actions
add your animations

الخطوة 15

لنحفظ هذا السهم مع الرسوم المتحركة المضمنة كدعم مخصص.

save as custom prop

الخطوة 16

يمكنك الآن سحب السهم إلى حيث تريد أن يكون ...

drag custom prop

... وعندما تريد تحريكه، انقر بزر الماوس الأيمن عليها وحدد الإجراءات من القائمة. لا تنس تغيير الرؤية لكل سهم على حدة!

add animated arrow

8. كيفية إضافة تأثيرات صوتية إلى الرسوم المتحركة

الخطوة 1

أخيرًا، دعنا نضيف بعض الأصوات لجعل الأمر كله أكثر جاذبية. في طبقة مشروع، انقر فوق موسيقى.

open music tab

الخطوة 2

اسحب موسيقى المقدمة هنا. لقد استخدمت جزءًا من هذا الصوت.

drag your intro music

الخطوه 3

لتغيير حجم الصوت، انقر فوق رمز الملاحظة.

change volume

الخطوة 4

هنا يمكنك تغيير الحجم، بالإضافة إلى تأثيرات التلاشي والاخفاء.

change volume and effects

الخطوة 5

يمكن استخدام طبقة الموسيقى هذه كأي طبقة أخرى. يمكنك وضع تأثير صوتي جديد هنا، طالما لديك مساحة. أضفت موسيقى أخرى في النهاية.

place outro music

الخطوة 6

يمكنك أيضًا إضافة مؤثرات صوتية أخرى. انقر فوق الصوت FX1 لفتح الطبقة الخاصة به.

add sounds fx1

الخطوة 7

ضع صوت نقرة ماوس هنا.

add mouse click sound

الخطوة 8

لقطع الصوت الأساسي فقط، يمكنك تقسيم المقطع. ما عليك سوى اختياره والضغط على Control-B. يمكنك نقل الأجزاء وحذفها كما تريد. انسخ الصوت وضعه على طول المخطط الزمني، حيثما تظهر نقرة.

add click sound effect

الخطوة 9

هل تحتاج إلى مساحة لمزيد من الأصوات؟ يمكنك فتح صوت FX2.

open sound fx2 tab

قررت وضع صوت للكتابة هنا وتعيينه في اللحظات التي يتم فيها عرض الكتابة في الفيديو.

add typing sound

عمل جيد!

الآن أنت تعرف كيف تنشئ رسومًا متحركة لقناتك على YouTube!

إذا كنت ترغب في معرفة المزيد حول إنشاء الرسوم المتحركة في صانع الرسوم المتحركة CrazyTalk 3، تحقق من برامجنا التعليمية الأخرى:


Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.