Garoo
27-1-2013, 10:02 AM
السلام عليكم ورحمة الله وبركاته
سأدخل في الموضوع بلا مقدمات .. من فضلكم ..
كنت قبل مدة أعمل على محاكاة لشعار المتحري كونان .. وبما أنه لا توجد شروحات له (أو أني لم أر أي شروحات) .. وبما أني وجدت الأمر سهل الشرح بعض الشيء .. ففكرت أن أقدم شرحًا لهذا أجهزه بينما أنتظر إنتاج بعض الحلقات ..
استخدمت لهذا الشرح شعار كونان عربي قمت بتصميمه .. ولكن حاليًا لا أرغب في مشاركته .. ولذا أرجو أن يقوم كل واحد بتصميم شعاره الخاص والأمر لن يأخذ ساعة على الأكثر (يجب أن تكون خلفية الشعار شفافة) .. ولكن من أجل أمور التطبيق استخدم الشعار الموجود في هذا الرابط (قياسات 704×528) :
http://images.msoms-anime.net/images/76755883592635263360.png (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 : تحريك فريم واحد للخلف
تحليل الحركة في الشعار الياباني (تتم ملاحظة ذلك بتحريك الفيديو فريم وراء فريم) :
https://dl.dropbox.com/u/17081827/Conan%20Logo.gif
1- هناك شعاع يخرج من الشعار من اليسار ويتسع إلى أن يملأ الشاشة ثم يبدأ ينحسر جهة اليمين كما بدأ
2- ضوء يبدأ بشكل عادي من اليسار يسير جهة اليمين مع زيادة سطوعه كلما تحرك إلى أن يصل لأقصى اليمين ويختفي
3- الشعار نفسه يظهر تدريجيًا فقط عندما يمر الضوء فوقه من اليسار لليمين
ملاحظة : سأقوم بمحاكاة الشعار من اليمين لليسار ليكون مطابقًا محوريًا مع الشعار الياباني ..
لهذا سأقسم الشرح لـ 3 أجزاء .. والجزء الأول سيكون الخاص بالشعاع ..
أولًا سنفتح البرنامج .. نضيف كلًا من ملف الحلقة والشعار للعمل
http://images.msoms-anime.net/images/29519451641820551520.jpg
http://images.msoms-anime.net/images/65045800785725384323.jpg
نسحب الفيديو و Create new composition .. ثم نضيف ملف الشعار للـ Composition بعده
http://images.msoms-anime.net/images/39005209600307233779.jpg
http://images.msoms-anime.net/images/48231130402263231658.jpg
نقوم الآن بحصر ظهور الشعار من أول لحظة لظهور شعار كونان الياباني (الشعار وليس الضوء) إلى اختفائه .. ونذهب إلى أول فريم ظهور له
http://images.msoms-anime.net/images/95281232042980733192.jpg
http://images.msoms-anime.net/images/58420784917678346007.jpg
الآن سنقوم بنسخ الشعار بزري CTRL + D .. ليصبح عندنا شعارين فوق بعضهما .. سنضغط على الشعار العلوي بالزر اليمين ونختار Pre-compose ثم OK .. نلاحظ تغير أيقونة الشعار (الذي حدث بالضبط هو أنك أضفت الشعار العلوي لـ Composition جديد) ..
http://images.msoms-anime.net/images/24219288334572713751.jpg
نقوم بإخفاء الشعار السفلي بإزالة العين
http://images.msoms-anime.net/images/12002006138772708089.jpg
نضغط ضغطتين على الشعار العلوي بعد تغير أيقونته لندخل على الـ Composition الخاص به .. نلاحظ اختفاء الحلقة وتحول الخلفية لسواد .. والسبب ببساطة أنك انتقلت للعمل في Composition آخر
http://images.msoms-anime.net/images/74113028096204633721.jpg
نضيف الفيديو للـ Timeline حتى لا تصاب بالكآبة
http://images.msoms-anime.net/images/69510194986267807275.jpg
الآن سنبحث في قائمة Effects & Presets عن فلتر CC Radial Blur .. ونضيفه على Layer الشعار .. ونغير الإعدادات كما في الصورة .. وبالنسبة لإعداد Center فإننا نضغط على علامة التصويب ونسحب مركز انبثاق الشعاع لمركز الشعار ليكتمل الشعاع
http://images.msoms-anime.net/images/96779561308856526725.jpg
http://images.msoms-anime.net/images/34789665169086434347.jpg
http://images.msoms-anime.net/images/45507786660598774019.jpg
http://images.msoms-anime.net/images/98303903153567659262.jpg
الآن نخفي ملف الفيديو الذي في الخلفية بإزالة العين .. ثم نعود للـ Composition الأول المسمى عندي Conan بالضغط عليه
http://images.msoms-anime.net/images/96541781935094732451.jpg
ونضيف Mask للشعار العلوي (تذكر أن الشعار السفلي لا يزال مخفيًا) .. يمكن إضافة الـ Mask أيضًا بأزرار CTRL + Shift + N .. بعد ذلك ألغ إخفاء الشعار السفلي
http://images.msoms-anime.net/images/89886871424355398962.jpg
ما نحن سنقوم به الآن هو تحديد الأجزاء التي ستظهر من هذا الشعاع .. ولذا سنبدأ بالتعامل مع الـ Keyframes .. أولًا سذهب لأول فريم ظهر فيه الشعار (مجددًا الشعار وليس الضوء) .. نقوم بالدخول لإعدادات الـ Mask عن طريق ضغط السهم بجانب اسم Layer الشعاع العلوي .. ثم السهم بجانب كلمة Mask .. ونضغط على الساعة بجانب Mask Path ونغير الإعدادات كالتالي (ملاحظة : أخطأت بوضع قيمة 50 في Mask Feather وقيمة 25 هي المناسبة وهي التي أكملت الشرح عليها)
http://images.msoms-anime.net/images/60170494785379879787.jpg
الآن سنمشي فريم وراء فريم .. ومع كل فريم سنتوقف لتعديل الـ Mask مثل الشعار الياباني في الجوار .. مع ملاحظة أن حركة الـ Mask تتضمن اتساع الزاوية .. تحرك المركز من اليمين لليسار .. وأنه في نقطة ما فإن الشعار سيملأ الشاشة وسنبعد الـ Mask عن مساحة العمل كليًا
http://images.msoms-anime.net/images/71190798971050439153.jpg
http://images.msoms-anime.net/images/45331396965390771290.jpg
http://images.msoms-anime.net/images/06778501540044002189.jpg
http://images.msoms-anime.net/images/00986276533432240492.jpg
هكذا انتهى الجزء الأول والأصعب من الشرح ..
الجزء الثاني .. وهو الضوء .. وهو أسهل 5 مرات من الجزء الأول ..
سنذهب لفريم بداية ظهور الضوء .. ونضيف Adjustment Layer للعمل .. ونضيف له فلتر Lens Flare
http://images.msoms-anime.net/images/82003769564942293175.jpg
http://images.msoms-anime.net/images/27033923997677605180.jpg
ثم سنقوم بتعديل مركز الضوء بالضغط على علامة التصويب أو علامة المربع ذو الأسهم وتحريكه في المكان المناسب وتعديل الإعدادت الأخرى كالتالي
http://images.msoms-anime.net/images/25911477211251964480.jpg
http://images.msoms-anime.net/images/37471852578228304756.jpg
ثم سنضغط على الساعة بجانب كلًا من Flare Center و Flare Brightness .. هكذا سنستطيع تحريك الضوء وأيضًا تعديل سطوعه .. ولذا سأذهب لآخر فريم لظهور الضوء وأسحب مركز الضوء بهذه الأداة لنهاية الشعار في الجهة الأخرى .. ثم عد مجددًا لبداية ظهور الضوء وحرك الفيديو ببطء وقم بتعديل قيمة الـ Brightness بينما تتحرك لتحاكي الشعار الياباني .. بالنسبة لي كانت القيمة في البداية 76% تتزايدت حتى 119% ثم تناقصت حتى 65% ثم 0% من أجل إخفاء الضوء في النهاية
http://images.msoms-anime.net/images/17562520316304593122.jpg
وهكذا انتهينا من الجزء الثاني وهو الضوء ..
الجزء الثالث أسهل من الثاني بـ 5 مرات .. وهو يتعلق بظهور الشعار التدريجي ..
سنتعامل الآن فقط مع الشعار السفلي .. ولذا سنضيف له Mask
http://images.msoms-anime.net/images/55286651808320259404.jpg
نقوم الآن بالضغط على الساعة بجانب Mask Path (سيبقى Mask Feather يساوي 0 كما هو ولا بأس بجعله 5 أو 10) .. ثم سنتحرك فريم وراء فريم لكي نضبط الـ Mask بحيث يكون حافته في مركز الضوء (لتحريك الـ Mask أفقيًا في خط مستقيم اسحبه مع الضغط على زر Shift) .. هكذا سيبدو كأن الضوء يقوم بإظهار الشعار بينما يتحرك
http://images.msoms-anime.net/images/33434466171743999805.jpg
وهكذا انتهى الجزء الثالث بكل بساطة ..!
لتحميل نتيجة الشرح :
http://www.mediafire.com/?vd70eazdutkrcua
ملاحظة : إذا كنت خبيرًا بالـ After Effects فهناك الكثير من الإعدادات التي تستطيع إضافتها لإتقان المحاكاة .. وإذا لم تكن كذلك فأرجو أن تكون نتيجتك مرضية
كنت أود أن أضع تطبيقي بالفيديو ولكن أردت رؤية مدى التفاعل مع الشرح قبل كل شيء ..
في الختام .. أرجو أن يكون الشرح مفهومًا وقابلًا للتطبيق .. إن أصبت فمن الله وإن أخطأت فمني ومن الشيطان .. وأنا مستعد لاستقبال أي أسئلة أو استفسارات حول الدرس خصوصًا أو في الـ After Effects عمومًا ..
سأدخل في الموضوع بلا مقدمات .. من فضلكم ..
كنت قبل مدة أعمل على محاكاة لشعار المتحري كونان .. وبما أنه لا توجد شروحات له (أو أني لم أر أي شروحات) .. وبما أني وجدت الأمر سهل الشرح بعض الشيء .. ففكرت أن أقدم شرحًا لهذا أجهزه بينما أنتظر إنتاج بعض الحلقات ..
استخدمت لهذا الشرح شعار كونان عربي قمت بتصميمه .. ولكن حاليًا لا أرغب في مشاركته .. ولذا أرجو أن يقوم كل واحد بتصميم شعاره الخاص والأمر لن يأخذ ساعة على الأكثر (يجب أن تكون خلفية الشعار شفافة) .. ولكن من أجل أمور التطبيق استخدم الشعار الموجود في هذا الرابط (قياسات 704×528) :
http://images.msoms-anime.net/images/76755883592635263360.png (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 : تحريك فريم واحد للخلف
تحليل الحركة في الشعار الياباني (تتم ملاحظة ذلك بتحريك الفيديو فريم وراء فريم) :
https://dl.dropbox.com/u/17081827/Conan%20Logo.gif
1- هناك شعاع يخرج من الشعار من اليسار ويتسع إلى أن يملأ الشاشة ثم يبدأ ينحسر جهة اليمين كما بدأ
2- ضوء يبدأ بشكل عادي من اليسار يسير جهة اليمين مع زيادة سطوعه كلما تحرك إلى أن يصل لأقصى اليمين ويختفي
3- الشعار نفسه يظهر تدريجيًا فقط عندما يمر الضوء فوقه من اليسار لليمين
ملاحظة : سأقوم بمحاكاة الشعار من اليمين لليسار ليكون مطابقًا محوريًا مع الشعار الياباني ..
لهذا سأقسم الشرح لـ 3 أجزاء .. والجزء الأول سيكون الخاص بالشعاع ..
أولًا سنفتح البرنامج .. نضيف كلًا من ملف الحلقة والشعار للعمل
http://images.msoms-anime.net/images/29519451641820551520.jpg
http://images.msoms-anime.net/images/65045800785725384323.jpg
نسحب الفيديو و Create new composition .. ثم نضيف ملف الشعار للـ Composition بعده
http://images.msoms-anime.net/images/39005209600307233779.jpg
http://images.msoms-anime.net/images/48231130402263231658.jpg
نقوم الآن بحصر ظهور الشعار من أول لحظة لظهور شعار كونان الياباني (الشعار وليس الضوء) إلى اختفائه .. ونذهب إلى أول فريم ظهور له
http://images.msoms-anime.net/images/95281232042980733192.jpg
http://images.msoms-anime.net/images/58420784917678346007.jpg
الآن سنقوم بنسخ الشعار بزري CTRL + D .. ليصبح عندنا شعارين فوق بعضهما .. سنضغط على الشعار العلوي بالزر اليمين ونختار Pre-compose ثم OK .. نلاحظ تغير أيقونة الشعار (الذي حدث بالضبط هو أنك أضفت الشعار العلوي لـ Composition جديد) ..
http://images.msoms-anime.net/images/24219288334572713751.jpg
نقوم بإخفاء الشعار السفلي بإزالة العين
http://images.msoms-anime.net/images/12002006138772708089.jpg
نضغط ضغطتين على الشعار العلوي بعد تغير أيقونته لندخل على الـ Composition الخاص به .. نلاحظ اختفاء الحلقة وتحول الخلفية لسواد .. والسبب ببساطة أنك انتقلت للعمل في Composition آخر
http://images.msoms-anime.net/images/74113028096204633721.jpg
نضيف الفيديو للـ Timeline حتى لا تصاب بالكآبة
http://images.msoms-anime.net/images/69510194986267807275.jpg
الآن سنبحث في قائمة Effects & Presets عن فلتر CC Radial Blur .. ونضيفه على Layer الشعار .. ونغير الإعدادات كما في الصورة .. وبالنسبة لإعداد Center فإننا نضغط على علامة التصويب ونسحب مركز انبثاق الشعاع لمركز الشعار ليكتمل الشعاع
http://images.msoms-anime.net/images/96779561308856526725.jpg
http://images.msoms-anime.net/images/34789665169086434347.jpg
http://images.msoms-anime.net/images/45507786660598774019.jpg
http://images.msoms-anime.net/images/98303903153567659262.jpg
الآن نخفي ملف الفيديو الذي في الخلفية بإزالة العين .. ثم نعود للـ Composition الأول المسمى عندي Conan بالضغط عليه
http://images.msoms-anime.net/images/96541781935094732451.jpg
ونضيف Mask للشعار العلوي (تذكر أن الشعار السفلي لا يزال مخفيًا) .. يمكن إضافة الـ Mask أيضًا بأزرار CTRL + Shift + N .. بعد ذلك ألغ إخفاء الشعار السفلي
http://images.msoms-anime.net/images/89886871424355398962.jpg
ما نحن سنقوم به الآن هو تحديد الأجزاء التي ستظهر من هذا الشعاع .. ولذا سنبدأ بالتعامل مع الـ Keyframes .. أولًا سذهب لأول فريم ظهر فيه الشعار (مجددًا الشعار وليس الضوء) .. نقوم بالدخول لإعدادات الـ Mask عن طريق ضغط السهم بجانب اسم Layer الشعاع العلوي .. ثم السهم بجانب كلمة Mask .. ونضغط على الساعة بجانب Mask Path ونغير الإعدادات كالتالي (ملاحظة : أخطأت بوضع قيمة 50 في Mask Feather وقيمة 25 هي المناسبة وهي التي أكملت الشرح عليها)
http://images.msoms-anime.net/images/60170494785379879787.jpg
الآن سنمشي فريم وراء فريم .. ومع كل فريم سنتوقف لتعديل الـ Mask مثل الشعار الياباني في الجوار .. مع ملاحظة أن حركة الـ Mask تتضمن اتساع الزاوية .. تحرك المركز من اليمين لليسار .. وأنه في نقطة ما فإن الشعار سيملأ الشاشة وسنبعد الـ Mask عن مساحة العمل كليًا
http://images.msoms-anime.net/images/71190798971050439153.jpg
http://images.msoms-anime.net/images/45331396965390771290.jpg
http://images.msoms-anime.net/images/06778501540044002189.jpg
http://images.msoms-anime.net/images/00986276533432240492.jpg
هكذا انتهى الجزء الأول والأصعب من الشرح ..
الجزء الثاني .. وهو الضوء .. وهو أسهل 5 مرات من الجزء الأول ..
سنذهب لفريم بداية ظهور الضوء .. ونضيف Adjustment Layer للعمل .. ونضيف له فلتر Lens Flare
http://images.msoms-anime.net/images/82003769564942293175.jpg
http://images.msoms-anime.net/images/27033923997677605180.jpg
ثم سنقوم بتعديل مركز الضوء بالضغط على علامة التصويب أو علامة المربع ذو الأسهم وتحريكه في المكان المناسب وتعديل الإعدادت الأخرى كالتالي
http://images.msoms-anime.net/images/25911477211251964480.jpg
http://images.msoms-anime.net/images/37471852578228304756.jpg
ثم سنضغط على الساعة بجانب كلًا من Flare Center و Flare Brightness .. هكذا سنستطيع تحريك الضوء وأيضًا تعديل سطوعه .. ولذا سأذهب لآخر فريم لظهور الضوء وأسحب مركز الضوء بهذه الأداة لنهاية الشعار في الجهة الأخرى .. ثم عد مجددًا لبداية ظهور الضوء وحرك الفيديو ببطء وقم بتعديل قيمة الـ Brightness بينما تتحرك لتحاكي الشعار الياباني .. بالنسبة لي كانت القيمة في البداية 76% تتزايدت حتى 119% ثم تناقصت حتى 65% ثم 0% من أجل إخفاء الضوء في النهاية
http://images.msoms-anime.net/images/17562520316304593122.jpg
وهكذا انتهينا من الجزء الثاني وهو الضوء ..
الجزء الثالث أسهل من الثاني بـ 5 مرات .. وهو يتعلق بظهور الشعار التدريجي ..
سنتعامل الآن فقط مع الشعار السفلي .. ولذا سنضيف له Mask
http://images.msoms-anime.net/images/55286651808320259404.jpg
نقوم الآن بالضغط على الساعة بجانب Mask Path (سيبقى Mask Feather يساوي 0 كما هو ولا بأس بجعله 5 أو 10) .. ثم سنتحرك فريم وراء فريم لكي نضبط الـ Mask بحيث يكون حافته في مركز الضوء (لتحريك الـ Mask أفقيًا في خط مستقيم اسحبه مع الضغط على زر Shift) .. هكذا سيبدو كأن الضوء يقوم بإظهار الشعار بينما يتحرك
http://images.msoms-anime.net/images/33434466171743999805.jpg
وهكذا انتهى الجزء الثالث بكل بساطة ..!
لتحميل نتيجة الشرح :
http://www.mediafire.com/?vd70eazdutkrcua
ملاحظة : إذا كنت خبيرًا بالـ After Effects فهناك الكثير من الإعدادات التي تستطيع إضافتها لإتقان المحاكاة .. وإذا لم تكن كذلك فأرجو أن تكون نتيجتك مرضية
كنت أود أن أضع تطبيقي بالفيديو ولكن أردت رؤية مدى التفاعل مع الشرح قبل كل شيء ..
في الختام .. أرجو أن يكون الشرح مفهومًا وقابلًا للتطبيق .. إن أصبت فمن الله وإن أخطأت فمني ومن الشيطان .. وأنا مستعد لاستقبال أي أسئلة أو استفسارات حول الدرس خصوصًا أو في الـ After Effects عمومًا ..