محاكاة احترافية لشعار المتحري كونان بالـ After Effects

[Garoo]

السلام عليكم ورحمة الله وبركاته

سأدخل في الموضوع بلا مقدمات .. من فضلكم ..

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

استخدمت لهذا الشرح شعار كونان عربي قمت بتصميمه .. ولكن حاليًا لا أرغب في مشاركته .. ولذا أرجو أن يقوم كل واحد بتصميم شعاره الخاص والأمر لن يأخذ ساعة على الأكثر (يجب أن تكون خلفية الشعار شفافة) .. ولكن من أجل أمور التطبيق استخدم الشعار الموجود في هذا الرابط (قياسات 704×528) :

http://images.msoms-anime.net/images/76755883592635263360.png

بسم الله نبدأ ..

العنوان : شرح المحاكاة الاحترافية لشعار المتحري كونان
البرنامج المستخدم في الشرح : Adobe After Effects
الـ Plugins المستخدمة : CC Radial Blur - Lens Flare
مستوى التطبيق : متوسط - متوسط متقدم - يتطلب معرفة أساسيات الـ After Effects
اختصارات مفيدة :
CTRL + D لنسخ الـ Layer
CTRL + Shift + N لإنشاء Mask
Page down : تحريك فريم واحد للأمام (سأستخدم مصطلح فريم وراء فريم)
Page up : تحريك فريم واحد للخلف


تحليل الحركة في الشعار الياباني (تتم ملاحظة ذلك بتحريك الفيديو فريم وراء فريم) :



1- هناك شعاع يخرج من الشعار من اليسار ويتسع إلى أن يملأ الشاشة ثم يبدأ ينحسر جهة اليمين كما بدأ
2- ضوء يبدأ بشكل عادي من اليسار يسير جهة اليمين مع زيادة سطوعه كلما تحرك إلى أن يصل لأقصى اليمين ويختفي
3- الشعار نفسه يظهر تدريجيًا فقط عندما يمر الضوء فوقه من اليسار لليمين

ملاحظة : سأقوم بمحاكاة الشعار من اليمين لليسار ليكون مطابقًا محوريًا مع الشعار الياباني ..

لهذا سأقسم الشرح لـ 3 أجزاء .. والجزء الأول سيكون الخاص بالشعاع ..

أولًا سنفتح البرنامج .. نضيف كلًا من ملف الحلقة والشعار للعمل





نسحب الفيديو و Create new composition .. ثم نضيف ملف الشعار للـ Composition بعده





نقوم الآن بحصر ظهور الشعار من أول لحظة لظهور شعار كونان الياباني (الشعار وليس الضوء) إلى اختفائه .. ونذهب إلى أول فريم ظهور له





الآن سنقوم بنسخ الشعار بزري CTRL + D .. ليصبح عندنا شعارين فوق بعضهما .. سنضغط على الشعار العلوي بالزر اليمين ونختار Pre-compose ثم OK .. نلاحظ تغير أيقونة الشعار (الذي حدث بالضبط هو أنك أضفت الشعار العلوي لـ Composition جديد) ..



نقوم بإخفاء الشعار السفلي بإزالة العين



نضغط ضغطتين على الشعار العلوي بعد تغير أيقونته لندخل على الـ Composition الخاص به .. نلاحظ اختفاء الحلقة وتحول الخلفية لسواد .. والسبب ببساطة أنك انتقلت للعمل في Composition آخر



نضيف الفيديو للـ Timeline حتى لا تصاب بالكآبة



الآن سنبحث في قائمة Effects & Presets عن فلتر CC Radial Blur .. ونضيفه على Layer الشعار .. ونغير الإعدادات كما في الصورة .. وبالنسبة لإعداد Center فإننا نضغط على علامة التصويب ونسحب مركز انبثاق الشعاع لمركز الشعار ليكتمل الشعاع









الآن نخفي ملف الفيديو الذي في الخلفية بإزالة العين .. ثم نعود للـ Composition الأول المسمى عندي Conan بالضغط عليه



ونضيف Mask للشعار العلوي (تذكر أن الشعار السفلي لا يزال مخفيًا) .. يمكن إضافة الـ Mask أيضًا بأزرار CTRL + Shift + N .. بعد ذلك ألغ إخفاء الشعار السفلي



ما نحن سنقوم به الآن هو تحديد الأجزاء التي ستظهر من هذا الشعاع .. ولذا سنبدأ بالتعامل مع الـ Keyframes .. أولًا سذهب لأول فريم ظهر فيه الشعار (مجددًا الشعار وليس الضوء) .. نقوم بالدخول لإعدادات الـ Mask عن طريق ضغط السهم بجانب اسم Layer الشعاع العلوي .. ثم السهم بجانب كلمة Mask .. ونضغط على الساعة بجانب Mask Path ونغير الإعدادات كالتالي (ملاحظة : أخطأت بوضع قيمة 50 في Mask Feather وقيمة 25 هي المناسبة وهي التي أكملت الشرح عليها)



الآن سنمشي فريم وراء فريم .. ومع كل فريم سنتوقف لتعديل الـ Mask مثل الشعار الياباني في الجوار .. مع ملاحظة أن حركة الـ Mask تتضمن اتساع الزاوية .. تحرك المركز من اليمين لليسار .. وأنه في نقطة ما فإن الشعار سيملأ الشاشة وسنبعد الـ Mask عن مساحة العمل كليًا









هكذا انتهى الجزء الأول والأصعب من الشرح ..

الجزء الثاني .. وهو الضوء .. وهو أسهل 5 مرات من الجزء الأول ..

سنذهب لفريم بداية ظهور الضوء .. ونضيف Adjustment Layer للعمل .. ونضيف له فلتر Lens Flare





ثم سنقوم بتعديل مركز الضوء بالضغط على علامة التصويب أو علامة المربع ذو الأسهم وتحريكه في المكان المناسب وتعديل الإعدادت الأخرى كالتالي





ثم سنضغط على الساعة بجانب كلًا من Flare Center و Flare Brightness .. هكذا سنستطيع تحريك الضوء وأيضًا تعديل سطوعه .. ولذا سأذهب لآخر فريم لظهور الضوء وأسحب مركز الضوء بهذه الأداة لنهاية الشعار في الجهة الأخرى .. ثم عد مجددًا لبداية ظهور الضوء وحرك الفيديو ببطء وقم بتعديل قيمة الـ Brightness بينما تتحرك لتحاكي الشعار الياباني .. بالنسبة لي كانت القيمة في البداية 76% تتزايدت حتى 119% ثم تناقصت حتى 65% ثم 0% من أجل إخفاء الضوء في النهاية



وهكذا انتهينا من الجزء الثاني وهو الضوء ..

الجزء الثالث أسهل من الثاني بـ 5 مرات .. وهو يتعلق بظهور الشعار التدريجي ..

سنتعامل الآن فقط مع الشعار السفلي .. ولذا سنضيف له Mask



نقوم الآن بالضغط على الساعة بجانب Mask Path (سيبقى Mask Feather يساوي 0 كما هو ولا بأس بجعله 5 أو 10) .. ثم سنتحرك فريم وراء فريم لكي نضبط الـ Mask بحيث يكون حافته في مركز الضوء (لتحريك الـ Mask أفقيًا في خط مستقيم اسحبه مع الضغط على زر Shift) .. هكذا سيبدو كأن الضوء يقوم بإظهار الشعار بينما يتحرك



وهكذا انتهى الجزء الثالث بكل بساطة ..!

لتحميل نتيجة الشرح :

http://www.mediafire.com/?vd70eazdutkrcua

ملاحظة : إذا كنت خبيرًا بالـ After Effects فهناك الكثير من الإعدادات التي تستطيع إضافتها لإتقان المحاكاة .. وإذا لم تكن كذلك فأرجو أن تكون نتيجتك مرضية

كنت أود أن أضع تطبيقي بالفيديو ولكن أردت رؤية مدى التفاعل مع الشرح قبل كل شيء ..

في الختام .. أرجو أن يكون الشرح مفهومًا وقابلًا للتطبيق .. إن أصبت فمن الله وإن أخطأت فمني ومن الشيطان .. وأنا مستعد لاستقبال أي أسئلة أو استفسارات حول الدرس خصوصًا أو في الـ After Effects عمومًا ..

[ايبودي]

مشكووور اخوي والله كنت ادور شرح لها جزاك الله الف خير ولايحرمنا من ابداعاتك : )

[MordQ]

شكرا لك ^_^

[Anime Venom]

بطللللل !!!!

شرح رووووعه و طلع اسهل مما كنت متوقع :/
يعطيك الف عافية

[JENY REODAN]

عمل ممتاز حقيقة أخي جزاك الله خير وسلـّمك ..

الشرح ممتاز ما شاء الله، دمت مبدعاً ..

[mark05]

يعطيك الف عافية اخوي كايتو كيد

ما شاءالله شرح جميل وبسيط، الشيء الجميل في الافتر

انك تستطيع عمل اللوغو او الشيء الذي تريده باكثر من طريقة ^^

[سميد]

وعليكم سلام
كما هو متوقع من النجم كيد درس احترافي بكل المقاييس
وشرح وافي
تم اضافة درس للمفضله
سيتم تطبيق لاحقا وقد تاتي معها الاسئله
تحياتي

[سيد الاثارة]

الدرس جميل وممتاز لكن هل يمكن ان تضع شرح بالفديو

[سيد الاثارة]

الدرس جميل وممتاز لكن هل يمكن ان تضع شرح بالفديو..

[كنز الحياة]

وعليكم السلام ورحمة الله وبركاته

رااااااااااااائع! منذ زمن وأنا أبحث عن درس كهذا...

جزاك الله خيرًا أخي kai2kidx2

[جاك المظلم]

يا ريت لو تضع لنا الصور على موقع للتحميل وأكون شاكر لك
درس مهم ونادر

[Garoo]

يا ريت لو تضع لنا الصور على موقع للتحميل وأكون شاكر لك
درس مهم ونادر

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

[ساموراساما]

رووعة تشكر اخي