Main

Basic Animation Meme Eye Blink Lesson (iOS Alight Motion & IbisPaint X)

Timestamps: 00:00 Intro / Easy Tutorial 00:18 IbisPaint X 02:19 Alight Motion 05:59 Hard Tutorial 06:05 IbisPaint X (again) 08:48 Chroma Key Summary 09:38 IbisPaint Folders 10:54 Alight Motion (again) 11:25 going off on a tangent… 12:34 Using Chroma Key! 13:42 Outro ~ Ayyy another tutorial :D Plenty of you wanted to get a tutorial on how I do eyes, so here ya go ^^ I suggest pausing every now and then, I sometimes go fast ^^' Hope this video helps y’all :) Oya, if you want to see the actual projects in which I made the eye animations, you can access copies of them via the links below: Eye tween #1 (easy) https://alight.link/EH7hqDeJAZQHbZhV9 Eye tween #2 (hard) https://alight.link/Yqw2Bp6Z462LXU2P8 Got questions? Comment section :) ~ Random FAQs section: Q: What do you animate on? A: I animate on mobile (Apple iPhone). But I also heard that the apps I use (Alight Motion and IbisPaint) are available on Android too. Q: Do you use FlipaClip? A: I use it sometimes, but I'm not as familiar with it as Alight Motion. Maybe in the future I will make FlipaClip tutorials? :) ~ Song credits (in order): ----------------------------- Artist : 오늘의 일기 Title : Fig Yogurt Link : https://youtu.be/mT64X0Ilzjg ----------------------------- Artist: Kevin MacLeod Title: Carpe Diem Link: https://www.youtube.com/watch?v=q4hJGKmA8Qs&t=2s ----------------------------- Artist: Kevin MacLeod Title: Inspired Link: https://www.youtube.com/watch?v=NRz-hART0a8 ----------------------------- Artist : 오늘의 일기 Title : Strawberry Dance Link : https://youtu.be/5NvZ7xuzLI4 ----------------------------- Artist : 오늘의 일기 Title : Just Pumpkin Day Link : https://youtu.be/v0T4nbshwWo ----------------------------- Artist: Kevin MacLeod Title: Move Forward Link: https://www.youtube.com/watch?v=vOYm6QuwIkY ----------------------------- Programs used: Alight Motion IbisPaint X iMovie (to edit this video) Have a good one 👍

ZumoZumo

1 year ago

تريد شيئا مثل هذا؟ مرحبًا ومرحبًا بكم في برنامج Alight Motion التعليمي. هذه المرة يتعلق الأمر بالعيون! ستحتاج إلى Alight Motion و IbisPaint لهذا ، بالإضافة إلى معرفة عامة حول كلا التطبيقين. إذا كنت جديدًا في دروسي التعليمية ، فإنني أوصي بشدة بمشاهدة مقاطع الفيديو التعليمية السابقة! سأعطيك طريقتين مختلفتين لتحريك العيون. أحدهما أكثر تعقيدًا من الآخر إذا كنت تريد التحدي. دعنا نقفز إلى ibisPaint ونبدأ! ابدأ بطبقة واحدة وارسم هذا الجزء من العين. هذه الطبقة لها شكل العين والصلبة (بيضاء) والحاجب. لم ي
تم تضمين النقطة في العيون. إليك نصيحة عند الرسم في ibisPaint: يمكنك تغيير الخلفية في الجزء السفلي من شاشة الطبقة ، حتى تتمكن من رؤية ألوان معينة بشكل أفضل. على سبيل المثال ، إذا لم أتمكن من رؤية الجزء الأبيض من العين بسبب الخلفية البيضاء ، فيمكنني تغيير الخلفية إلى الأسود. أنا أصلح الأشياء البيضاء. اسمحوا لي أن أضيف بعض التظليل. حسنًا ، أنشئ طبقة جديدة الآن وارسم النقطة! (يُعرف أيضًا باسم "التلميذ" ، لكنني أعلم أن هذا سيضيع في الترجمة.) نظرًا لأن النقطة موجودة في طبقة مختلفة ، فيمكنها التحرك بحر
ية في العين. الآن أقوم بملء النقطة باللون الأزرق الفاتح. الخطوة التالية: ارسم العين مرة أخرى ، ما عدا أنها مغلقة. مرة أخرى ، سيكون هذا على طبقة جديدة. (لقد أدركت في هذه اللحظة أنني نسيت الحاجب. بالمناسبة ، إنه على نفس طبقة العين المفتوحة بدون نقطة.) لا تنس أن تعطي الحاجب للعين المغلقة أيضًا. (يجب أن تكون على نفس الطبقة مثل بعضها البعض.) أقترح رسمها بشكل مشابه للحاجب السابق. لقد جعلت الطبقات الأخرى شفافة حتى أتمكن من نسخ نمط الحاجب الآخر. لقد قمت بإمالة الحاجب للأسفل ، لأن العين مغلقة. أقترح أيضً
ا خفض حاجب العين المغلقة قليلاً لجعل انتقالات الرسوم المتحركة أفضل. سنصل إلى ذلك لاحقًا. تم الانتهاء من جزء الرسم الآن! يجب أن يكون لدينا ثلاث طبقات في المجموع: عين مغلقة ، وعين مفتوحة (جزء أبيض فقط) ، ونقطة للعين المفتوحة. الآن احفظ الطبقات الثلاث كملفات PNG منفصلة وشفافة. ننتقل الآن إلى Alight Motion! قم باستيراد طبقاتك إلى Alight Motion. الآن نريد تنسيقًا حول كيفية وميض العين ، لذلك سنقوم بقص الطبقات. حدد الطبقات واستخدم هذه الأزرار لاقتصاصها كما تريد. يعد تحرير طبقات العين المفتوحة معًا أمرً
ا أساسيًا! (أقصد أن أجعل العين مفتوحة مرة أخرى ، لكنني سأفعل ذلك بعد ذلك). الآن سنقوم بالتحريك! حدد الطبقة البيضاء وانقر فوق "نقل وتحويل" انقر فوق زر السهم مرتين حتى تصبح الأرقام زرقاء ، وحرك النقطة المحورية هنا. يجب أن تكون النقطة المحورية أسفل العين مباشرة. سترى لماذا بعد قليل. (أيضًا ، لست بحاجة إلى إعطاء هذه النقطة نقطة محورية معينة.) على أي حال ، حدد الطبقة البيضاء مرة أخرى وانقر فوق الزر المعروض. وانقر فوق هذا الزر لقطع الارتباط بين الارتفاع والعرض. مع فصل الطول والعرض ، يمكنك تمديد كائن ر
أسيًا أو أفقيًا. (كنت أستمتع بصنع هذه الرسوم المتحركة) أضف الماس في بداية ونهاية الطبقة البيضاء. (أعتقد أنني سأطلق عليه اسم ذلك الآن) الآن ، استخدم الجزء المحاط بدائرة لسحق العين ، هكذا! انقر أيضًا على زر الرسم البياني وامنح العيون الرسم البياني الموضح أعلاه. لا تتردد في ضبط الماس إذا لم يكن بالكامل في البداية أو النهاية. حتى الان جيدة جدا! ولكن اعتبارًا من الآن ، ستغلق العين فقط. يبدو فقط وكأنه وميض لأنني أقوم بتحريك الوقت ذهابًا وإيابًا. لنجعل إغلاق العين أكثر سلاسة باستخدام الطبقة الأخرى (الع
ين المغلقة). بالنسبة لهذه الطبقة ، سنقوم فقط بالترجمة (الحركة) هذه المرة ، لأنها طبقة أبسط. باستخدام هذا الزر ، أضف الماسات في بداية ومنتصف مدة الطبقة. في منتصف الماس ، اجعل العين المغلقة تنخفض قليلاً. أضف أيضًا ماسًا في النهاية يعيده إلى موضعه الأصلي. بالنسبة للنصف الأول من مدة الطبقة ، قم بعمل الرسم البياني أعلاه. بالنسبة للنصف الثاني ، ارسم هذا الرسم البياني. معاينة: لم ننتهي بعد ، لأن العين تغلق فقط (نحتاجها لفتحها مرة أخرى). لكن أولاً ، دعني أضبط العين المغلقة حتى تصبح أكثر سلاسة. (لقد جعلت
العين تنخفض أكثر قليلاً.) (يمكنك دائمًا تعديل الرسوم المتحركة الخاصة بك كما تريد ، لكنها ليست ضرورية دائمًا. أنا فقط منشد الكمال) ها أنت ذا! لقد أنزلت العين المغلقة لتتماشى مع حركات العين المفتوحة. الآن سأجعل العين مفتوحة مرة أخرى ، وهذا يعني تكرار هاتين الطبقتين. لقد قمت بحفظ هذه الخطوة حتى وقت لاحق ، عندما تحتوي الطبقات بالفعل على رسوم متحركة ، حتى أتمكن من إظهار خدعة لك. تبديل الماس في الرسوم المتحركة السحق. أعط الرسوم المتحركة الرسم البياني الموضح أعلاه. وهذه هي الطريقة التي تجعل العين مفتو
حة مرة أخرى بجهد أقل! ها هي المعاينة الجديدة لدينا: إذا كنت تتابعها معك ، يمكنك أيضًا اللعب مع تلميذ العين (النقطة) بأي طريقة تريدها! استخدم "تحريك وتحويل" لتحريكه. أقترح إجراء حركات سريعة للعين إذا كنت تريد أن تبدو أكثر واقعية. وإذا كنت تقوم بزوج من العيون ، فإن العملية التي ذكرتها بأكملها هي نفسها بشكل عام. ستكون الطبقة البيضاء عبارة عن زوج ، وستكون طبقة النقطة عبارة عن نقطتين ، وستكون طبقة العين المغلقة أيضًا زوجًا. حسنًا ، هذا كل شيء في البرنامج التعليمي الأول! التزم إذا كنت تريد برنامجًا تع
ليميًا أكثر تحديًا. مازلت هنا؟ حسنًا ، ما سنفعله بعد ذلك سيبدو شيئًا مثل هذا المثال. دعنا نقفز مرة أخرى إلى ibisPaint! أولاً ، سنرسم الطبقة البيضاء للعين الجديدة ، ما عدا الرموش فقط. نحن لا نملأه باللون الأبيض حتى الآن. إذا التقطت تلك اللحظة وأنا أغير إعدادات الجرافة ، فذلك لأنني أرسم باستخدام خيار "القلم الرقمي". أفضل ما إذا كانت الحشوة لا تتوسع أو تتداخل مع ألوان معينة. إنه أمر معقد بعض الشيء ، لذا لا يتعين عليك تغيير إعدادات الجرافة التي أتحملها إلى الأبد على الرموش التي أعطيها مزيدًا من التو
هج للمتعة حسنًا ، الآن سنقوم بشيء مختلف قليلاً. حدد أداة lasso وحدد أعلى رموشك. (التركيز التلقائي ممتع للغاية) قم بتعديل اختيارك عن طريق "الطرح" و "الإضافة". يساعدك "طرح" على محو التحديدات التي لا تريدها. "إضافة" هو الإعداد الافتراضي الذي تستخدمه لتحديد منطقة. الآن قم بتكرار هذه الطبقة مع استمرار تحديد lasso. سيؤدي ذلك إلى التأكد من تكرار القسم المحدد فقط (هذا هو الرموش العلوية) انتقل الآن إلى طبقة الرموش الكاملة (الأصل ، وليس النسخة) ، وامسح كل شيء في التحديد لتلك الطبقة. كما ترون ، لدينا الآن
الرموش العلوية والرموش الجانبية على طبقات منفصلة. في هذه الرسوم المتحركة الوامضة ، ستجعل الرموش العلوية العين مفتوحة وتغلق. (سيساعدك هذا على تصور ذلك) الآن بالنسبة للطبقة ذات الرموش الجانبية ، يمكنك إضافة البياض إلى العين. أنا أجرب كيف يمكن أن تبدو الصلبة (مرة أخرى ، أنا منشد الكمال) الآن بعد أن انتهيت أخيرًا هنا ، حان الوقت لإضافة طبقة جديدة وجعل نقطة العين (اضغط مع الاستمرار لتحديد لون رسم من اللوحة القماشية) الدوائر ~ حتى الآن ، لدينا ثلاث طبقات: الطبقة البيضاء ، وطبقة النقطة ، وطبقة الرموش ا
لعلوية. الآن ، يجب أن نضيف طبقة جديدة ونضعها تحت الرموش العلوية. (لا أعرف لماذا أحضرته على طول الطريق ، هذا ليس ضروريًا لول) هذه الخطوة التالية مهمة: ابحث عن لون يختلف كثيرًا عن ألوان طبقات عينيك. بالنسبة لي ، سأستخدم اللون الأخضر الساطع. نحن نقوم بذلك لأننا سنستخدم "مفتاح Chroma" قريبًا. بالنسبة لأولئك الذين لا يعرفون ما هو "Chroma Key" ، فهو تأثير يمكن أن يجعل لونًا معينًا شفافًا. خذ واحدة من رسوماتي على سبيل المثال. باستخدام تأثير Chroma Key ، يمكنني إزالة كل ما هو رمادي ، أو حتى أبيض إذا كان
التأثير قويًا بدرجة كافية! أو لنفترض أنني أردت أن أشرب جرعة غير مرئية ، يمكنني جعل أي شيء أرجواني يختفي بدلاً من ذلك. لذلك اخترت اللون الأخضر باعتباره اللون الأكثر اختلافًا لدي ، وفي هذه الطبقة الجديدة ، سأقوم بعمل دائرة كبيرة فوق الجفن مباشرة. من الضروري ملء الجزء العلوي من الجفن وإزالة أي حشوات تسد الجزء السفلي ، كما هو الحال هنا. (ادمج أيضًا كلا الطبقتين معًا بعد ذلك!) تأكد من أن الحشو كبير بما يكفي لتغطية كل الطبقة البيضاء. إذا كانت الحشوة أصغر من بياض الطبقة البيضاء ، فلن تغلق العين تمامًا
. أما بالنسبة لي ، فأنا بحاجة لإسقاط كل هذه العين. كما ترى ، الحشوة الخضراء لا تغطي كل شيء. من الجيد أن لدى ibisPaint هذه الميزة الجديدة: المجلدات! سأوضح بإيجاز كيف تعمل هذه الميزة (على الرغم من أن هذا هو برنامج تعليمي Alight Motion lol) إذا كنت أرغب في إنشاء مجموعة ، أضغط على الزر الموضح أدناه وحدد "إضافة مجلد". هذا يعطينا مجلد فارغ! يمكنك نقل الطبقات إلى المجلد عن طريق سحبها نحوه ، على هذا النحو. إذا كنت تريد إخراج طبقة من المجلد ، فاسحبها أسفل طبقة ليست موجودة في المجلد. في هذه الحالة ، أريد
إحضار كل طبقاتي في هذا المجلد. إذا كنت تريد طي المجلد ومحتوياته ، فما عليك سوى النقر فوق المجلد. والمجلدات ليست موجودة فقط للتنظيم ، بل يمكنها أيضًا مساعدتك في نقل عدة طبقات في وقت واحد! من خلال تحديد المجلد ، يمكنك ترجمته مثل أي طبقة أخرى ، وستتحرك جميع الطبقات المرئية للمجلد معًا. هناك جانب سلبي: لن يتم نقل أي طبقات مخفية. على سبيل المثال ، إذا قمت بإخفاء نقطة العين وتحركت حول المجلد ، فستبقى النقطة في مكانها الأصلي (تم استبعادها). لاحظ هذا ، خاصةً إذا كان لديك طبقات رسم مخفية أو طبقات مماثلة.
حسنًا ، لقد قمت بتخفيض كل طبقاتي مرة واحدة ، لذا يمكنني أخيرًا إضافة المزيد من الحشو الأخضر. بعد ذلك ، دعنا نمضي قدمًا ونحفظ طبقاتنا! حان الوقت للذهاب إلى Alight Motion مرة أخرى! انطلق واستورد طبقاتك من خلال "الوسائط". الآن ها هو الجزء الممتع: اختر طبقة "الرموش الخضراء". أضف ثلاثة ماسات في البداية والوسط والنهاية. ثم ، مع الماس الأوسط ، قم بإحضار الطبقة لأسفل. بالنسبة إلى الرسوم البيانية ، يمكنك استخدام هذا الإعداد المسبق لكليهما. سلسة ~ تبدو هذه الومضة واقعية ، لكنها أيضًا غير واقعية. يمكنك اس
تخدام هذه الرسوم المتحركة كمرونة بينية. (إذا كنت قد شاهدت تعديلات أو رسومًا متحركة للشخصية في Genshin Impact ، فقد يكون لها نفس الرسوم المتحركة للعين.) أيضًا ، يجب أن تغطي التعبئة الخضراء الطبقة البيضاء بأكملها. إنه بمثابة الجفن المغلق. بالإضافة إلى ذلك ، إذا كنت تريد أن تبدو وميض العين أكثر مثل هذا (انظر الجزء العلوي) ، فسيكون الحل البسيط هو سحق الرموش. اذهب إلى "Move & Transform" وزر Grow / Shrink ، وافصل الارتفاع عن العرض ، وأضف الماسات في نفس الأماكن مثل حركات الرموش. استخدم الماسة الوسطى "ل
سحق" رمش العين بشكل مسطح كما تريد ، واستخدم نفس الرسوم البيانية المحددة مسبقًا للرسوم المتحركة. (بالمناسبة ، سأستغرق وقتًا طويلاً للوصول إلى جزء مفتاح Chroma ، آسف) الآن يجب أن تبدو العين وكأنها تومض بطريقة أكثر ثلاثية الأبعاد. نوعا من؟ يمكن؟ ومثلما هو الحال في البرنامج التعليمي الأخير ، لا تتردد في نقل النقطة إلى أي مكان. (مرة أخرى ، أقترح أن الحركات النقطية سريعة ، ولكن هذه هي الطريقة التي أحركها بها) "تنهد. مرحبًا ، ذاتي السابقة ، هل يمكننا الوصول إلى جزء Chroma Key بالفعل؟ سيشعر المشاهدون با
لارتباك إذا واصلت الارتجال هكذا. " "لا ، أنا أستمتع كثيرًا هنا لول" إذا كنت ترغب في إضافة المزيد من التوهج إلى العين ، فيمكنك سحق الطبقة البيضاء أيضًا! باستخدام ما تعلمناه في مقاطع الفيديو الأخيرة ، حدد الطبقة البيضاء وانقل النقطة المحورية إلى مركزها. مرة أخرى ، يجب أن تضع ألماساتك في البداية والوسط والنهاية. واستخدم نفس الرسوم البيانية التي استخدمتها من قبل. معاينة! (تحتوي هذه المعاينة على نتائج انعطافاتي ، بما في ذلك القرع الرمش ، وحركة نقطة العين ، والاسكواش ذو الطبقة البيضاء) (Fastforwarding
، أنا فقط أقوم بتعديل الأشياء) لقد انتهينا تقريبًا! حدد كل طبقاتك (بالضغط مع الاستمرار على إحداها ، ثم النقر فوق الباقي). وانقر فوق هذا الزر هنا. الآن لدينا مجموعة! حدد المجموعة وانقر على "تأثيرات". أضف الآن تأثيرًا. يجب أن يكون مفتاح Chroma أحد التأثيرات المميزة في الجزء العلوي من الشاشة. انطلق وحدده ، ثم اختر أيًا من هؤلاء الثلاثة. (لا يهم لأننا سنختار لون الشاشة بأنفسنا) اخترت الشاشة الخضراء ، لذلك أزلت كل اللون الأخضر تلقائيًا من الطبقة! لكني أريد التأكد من أنها بالضبط نفس اللون الأخضر كما
في الطبقة. بغض النظر عن الزر الذي نقرت عليه ، حدد "Key Color" واستخدم قطارة العين لتحديد لون التعبئة. (إذا لم تتمكن من رؤية لون التعبئة ، فحدد لونًا مختلفًا أولاً.) بعد القيام بذلك ، انتقل إلى "الحد الأدنى" ورفع قيمته. نريد التأكد من عدم وجود أي آثار للحشو. أفضل وقت للتوقف عن إظهار قيمة العتبة هو عندما ترى ألوانًا أخرى تتأثر بها. واو ، أعتقد أننا انتهينا من ذلك! ثم أدركت أن هذه العين ليس لها حاجب. سيكون الحل السريع هو عمل طبقة منفصلة للحاجب وتحريكها بالعين بأكملها ، باستخدام نفس الرسوم البيانية
والماس الذي لا أصدق ذلك ، لقد انتهيت أخيرًا من برنامج تعليمي آخر. أشتاق لهذا. بالمناسبة ، أريد فقط أن أخبركم يا رفاق أنني أرى فن المعجبين بكم! شكرا يا رفاق ، أنتم مدهشون! شكرا لمشاهدتك! أتمنى أن تكون قد تعلمت شيئًا من هذا البرنامج التعليمي. الرسوم المتحركة سعيدة! احصل على مقطع لي وأنا ألعب Project Sekai (لعبة Hatsune Miku) (كيف يكون هذا الفيديو لمدة 14 دقيقة؟!) (Captions by ZumoZumo. مترجم آلي. آسف إذا كان من الصعب فهمه.)

Comments

@LovelyxCotton

Thank you I just woke up-

@AmeliaKearney

This is what I needed yoo- I always have trouble doing blinking on AM and, without fully watching the video yet, I already can tell that this’ll be a very useful tutorial:)

@SVE_Edit

Thanks ZumoZumo 💜

@kingdomkatelyn8893

Thanks for the tutorial! I always wonder how u get the eyes blinking on your animatics and now I get to see how u do it! This will help me a lot thank you!

@nightsakura6615

I just found ur channel and already love your art style-

@McMist

Спасибо Zumo Zumo ваши советы и уроки нам точно помогут научиться делать такие красивые видео как у вас спасибо вам большое 👍💜🤩

@ZeikaZA

OH WOW!! Thanks for the tutorial, Zumo!!

@iamquaklol

I dont even know how to draw eyes at all but the animation tutorial about animating eyes is helpful for the people who know how tp draw eyes (except for me😌)

@blessedluck1710

Tysm Zumo Zumo For this tutorial It was so helpful this can make much more better! Keep it up Zumo Zumo!!

@nieterochamorais8650

Anyway, I admire you a lot, many don't like to do tutorials because if everyone learns, they won't like the content anymore and use the excuse that they don't know, but you're different. I love you :3

@tu-hon

MORE PEOPLE HAVE TO SEE THIS!!❤❤

@kitkxtgamingyt

Thanks for the tutorial 💖✨ also ZZ's arm in the thumbnail 🤣

@TOUFIQ3930

Literally your channel grew up just as fast you deserve. We're waiting to see the silver medal !!!

@finebyme

Thank you for the tutorial ZumoZumo :D looking forward to seeing more !

@TurtleyGamer

Yeah!!! This taught me so many new things. You’re my biggest inspiration!

@zai-leemoody3651

I just woke up in the middle of the night- ;-; but thx for taking my request from the last vid!

@strawberrymoon1865

Finally found a good tutorial! New sub

@mxizkil8246

Zumozumo thank you for the tutorial bc I don't know how you do the eyes and I'm inspired you hehe👉👈

@Osjsjssjsb

Thank you So Much Zumo, I Like This Channel!

@sofiaavapapango9262

THANK YOU SO MUCH ZUMOZUMO I WANTED THIS I ALMOST COMMENTED ON ONE OF YOUR VID AND THIS CAME OUT THE LAST TIME THANK YOU SO MUCH❤😊