دوستی به من ایمیل زده بود و گفته بود دوست داره یه ویدیو بسازه که آی دی های شبکه های اجتماعی ای که فعاله توشون رو نمایش بده ، بعد هم گفته بود هیچ دانشی از ساخت این جور ویدیوها نداره و می خواد سریع بسازه . به نظرم ایده ی جالبی بود و گفتم یه آموزش بنویسم تا اگه کسی خواست همچین ویدیویی برای خودش بسازه این کارو کنه .اگه کامل این آموزش رو یاد بگیرید می تونید بعدن تیتراژ و ویدیوهای تایپوگرافی مختلف سه بعدی هم بسازید .
اگه دوست دارید یه ویدیوی دو بعدی جالب بسازید بهتره از نرم افزار Anime Studio استفاده کنید ولی مشکلی که هست اینه که چون تازه کار هستید و آشنایی با انیمیشن ندارید من باید از صفر طرز استفاده از این نرم افزار رو بگم که خیلی وقت گیر می شه ، ولی چون قبلن چند تا آموزش از Motion Studio 3D نوشتم به سراغ این برنامه می رم که از آموزش های قبل هم کمک بگیرید و بتونید سریع ویدیو رو بسازید . پس بهتره همین جا این مطلب رو رها کنید و آموزش های قبلی رو یه نگاه بندازید و دوباره برگردید اینجا !
چند تا نکته قبل از شروع بگم که ، با این برنامه می تونید خروجی خوبی بگیرید – اگه خلاقیت داشته باشید – ولی چیزی که توی ذهن من بود فکر کنم با Anime Studio جالبتر بشه . در هر صورت سعی می کنم ویدیویی رو با Motion Studio 3D بسازم که همون خروجی توی ذهنمو بهم بده . توی این آموزش زیاد به جزییات نمی پردازم و خیلی سریع طرز ساخت یه ویدیوی ساده و جالب رو آموزش می دم که بتونید توی یکی دو ساعت بسازیدش و اگه جزییاتی می خواید بهش اضافه بشه به خلاقیت خودتون بستگی داره . در انتها هم خروجی و سورس کار رو گذاشتم که می تونید ببینید و دانلود کنید .
اما قبل از شروع ساخت ویدیو چی کار کنیم ؟
قبلش باید ایده داشته باشیم که چون قرار توی این ویدیو یه سری لینک نمایش داده بشه ، ایده ی من اینه که لوگوی شبکه های اجتماعی به صورت چرخش حول محور x ظاهر شن و آی دی کاربر توی شبکه هم زیرش حول محور y بیاد و مدتی با سرعت آهسته حول همون محور بچرخن و بعد برن و لوگو و آی دی بعدی بیاد . ایده ی ساده ایه ولی اگه روش کار کنیم چیز خیلی خوبی در خواهد اومد .
به چه چیزایی نیاز داریم ؟
خب بعد از ایده تنها چیزایی که نیاز داریم نرم افزار Corel Motion Studio 3D و یه سری فونته . اگرم بعدن بخواید روی ویدیو آهنگ بزارید و یه خورده جلوه های ویدیویی بهش اضافه کنید به یه برنامه ی تدوین مثل مثلن Corel VideoStudio هم نیاز داریم .
اما فونتایی که گفتم چی هستن ؟! چون نمی خوام خیلی پیچیدش کنم و مجبور نشید لوگوی هر شبکه ی اجتماعی رو طراحی کنید ، می تونیم از فونت هایی که این لوگوها رو دارن استفاده کنیم . فونتی که من می خوام استفاده کنم فونت Social Logos هست که تقریبن لوگوی بیشتر شبکه های اجتماعی رو داره . البته اگه سرچ کنید فونت های زیادی شبیه این هستن که هر کدوم رو خواستید می تونید استفاده کنید و یه چیز کاملن سلیقه ای هست . برای نوشتن آی دی شبکه ها هم از فونت gill sans ultra bold condensed استفاده می کنم . اگر در انتها سورس پروژه که گذاشتم رو خواستید دانلود کنید یادتون باشه قبلش حتمن این فونت ها رو نصب کنید تا نوشته های پروژه رو درست نشون بده .
خب اگه همه چی آمادست شروع کنیم!
اول نرم افزار Motion Studio رو باز می کنیم . بکگراند پروژه به صورت پیشفرض مشکی هست ولی من می خوام پروژم بکگراند سفید داشته باشه که برای این کار از پنجره Attribute Panel وارد منوی Background می شم و رنگ سفید رو برای بکگراندم انتخاب می کنم .
خب حالا همونطور که قبلن توی این آموزش نوشتم برای افزودن متن ، از منوی سمت چپ گزینه ی Insert Text رو بزنید و فونت آیکونمون که اینجا Social Logos هست رو انتخاب کنید . حالا آیکون مورد نظر رو از توی کیبوردی که بهمون نشون داده می شه انتخاب می کنیم . من اول توی پروژم آیکون فیسبوک رو انتخاب می کنم و روی OK کلیک می کنم تا وارد پروژه بشه .
خب وقتی که لوگومون ساخته شد بهتره یه ذره خوشگلش کنیم ! من دوست دارم که دور لوگو از جلو یه خط مشکی بکشم و رنگ لوگو رو آبی کنم که به فیسبوک بخوره . این کارو برای بقیه ی لوگوها هم می کنم، یعنی مثلن لوگوی یوتیوب رو قرمز می کنم، توییتر رو آبی روشن و…
خب برای کشیدن خط دور ، لوگو رو انتخاب می کنیم و بعد از پنجره Attribute Panel وارد قسمت Bevel می شیم . اینجا تنظیمات مختلف برای آبجکت ها و متن ها وجود داره که ما چون می خوایم خط دور لوگو بندازید از منوی این قسمت گزینه ی Custom Bevel رو انتخاب می کنیم و طبق تنظیمات زیر این اعداد رو اعمال می کنیم . البته شما با توجه به ذوق و سلیقه می تونید با اعداد بازی کنید یا شکل دیگه ای برای لوگوها در نظر بگیرید و اعمال کنید .
برای رنگ آمیزی چون ما می خوایم خط دور لوگو ، مشکی باشه ابتدا از منوی بالای نرم افزار ( Face Toolbar ) جایی که ۶ تا مکعب هست طبق شکل زیر به جز مکعب چهارم بقیه ی مکعب ها رو کلیک می کنیم تا خاموش بشن .
حالا از پنجره ی Attribute Panel وارد قسمت Color می شیم و رنگ مشکی رو انتخاب می کنیم . من چون دوست ندارم لوگو انعکاس نور داشته باشه رنگ قسمت Specular color رو هم مشکی می زارم تا انعکاس نور دیگه نداشته باشیم . البته این هم به سلیقه مربوط می شه و چیز دل بخواهی ای هست .
الان شما یه لوگوی روشن با خط دور مشکی دارید. برای اینکه رنگ لوگو رو آبی کنید از نوار بالا ترتیب مکعب ها رو برعکس کنید . یعنی به جای اینکه مکعب چهارم فعال باشه بقیه ی مکعب ها رو فعال و مکعب ۴ رو غیر فعال کنید . حالا می تونید به لوگو هر رنگی که می خواید بزنید . تا اینجا شما باید چیزی شبیه به شکل زیر داشته باشید :
خب حالا با یه فونت دیگه ، آی دی یا آدرستون توی فیسبوک رو به پروژه اضافه کنید ( من همونطور که گفتم از فونت gill sans ultra bold condensed استفاده می کنم ) و طبق همین روش بالا رنگ می زنمش . حالا با انتخاب آیکون “دست” از Location Toolbar ، آی دی و لوگو رو جابه جا کنید تا به چیزی که می خواید برسید. من آی دیمو اضافه کردم و هم لوگو و هم آی دی رو جا به جا کردم و چیزی شبیه به شکل زیر الان دارم :
تا اینجا لوگوی فیسبوکمون آمادست . از پنجره ی Object Manager با نگه داشتن دکمه ی کنترل هر دوتا آبجکتمونو انتخاب می کنیم و از روش کپی می کنیم . حالا دوتا لوگو و دو تا آی دی داریم، از بالا ، آی دی و لوگوی اول رو انتخاب می کنیم از نوار ابزار ( Standard Toolbar ) روی گزینه Show/Hide که شبیه یک چشم هست کلیک می کنیم تا چشم فعال بشه و دو تا آبجکتمون مخفی بشه :
حالا لوگوی مخفی نشده رو انتخاب می کنیم و همونطور که توی آموزش قبلی گفتم با کلیک روی Edit Object می تونیم اونو تغییر بدیم و لوگوی بعدیمونو انتخاب می کنیم که من توییتر رو انتخاب می کنم و طبق همون روش بالا رنگ می زنیم :
حالا همینطور باید با کپی کردن دو لوگوی آخر و Hide کردنشون تمام لوگوها و آی دی ها رو به پروژه اضافه کنیم . من بعد لوگوی توییتر ، لوگوهای لینکداین ، وردپرس ، یوتیوب و ویمیو هم اضافه کردم و حالا می خوام انیمیت کردنشونو شروع کنم . فقط یادتون باشه آخرین لوگو هم که مشخص کردید Hide کنید تا روی صفحه هیچ چیزی نبینید و فقط بکگراند سفید باشه .
چون هیچ آموزشی قبلن درباره ی انیمیت کردن ننوشتم مجبورم قبلش یه سری توضیحات بدم . انیمیت کردن کلن توسط پنجره ی Timeline انجام می شه و توسط این پنجره می تونید همه ی آبجکت ها رو به حرکت در بیارید . چون این یه پروژه ی تقریبن آماتور هست من نمی خوام خیلی حرکات پیچیده اعمال کنم و برای همین فقط در حد چرخش و Show/Hide شدن ، انیمیت رو انجام می دم .
خب برای انیمیت کردن هر پروژه ای توی Motion Studio 3D اول باید فریم هامون رو مشخص کنیم . انیمیشن من یه انیمیشن ۲۵ فریم بر ثانیست ، یعنی توی هر ثانیه ۲۵ حرکت صورت می گیره که حرکت های تقریبن نرم و خوبی خروجی میده . برای همین از پایین پنجره ی TimeLine در قسمت Frames عدد ۲۵ رو انتخاب می کنیم . حالا من تصمیم دارم هر لوگو طی ۴ ثانیه ظاهر بشه ، نمایش داده بشه و بره . با توجه به اینکه هر ۲۵ فریم توی پروژم ۱ ثانیه به حساب میاد من به ۱۰۰ فریم برای هر لوگو نیاز دارم و چون ۶ تا لوگو دارم پس کلن به ۶۰۰ فریم احتیاج دارم و برای همین پایین پنجره ی Timeline عدد ۶۰۰ رو وارد می کنم . حالا تایم لاینم برای انیمیت کاملن آمادست .
خب برای انیمیت اول قراره لوگوی فیسبوک ظاهر بشه ، برای همین روی فریم ۱ لوگوی فیسبوک و آی دی ای که وارد کردم رو از پنجره ی Object Manager انتخاب می کنم و روی آیکون چشم ( Show/Hide ) کلیک می کنم تا ظاهر بشن بعد روی همون فریم لوگوی فیسبوک رو انتخاب می کنم و از نوار ابزار روی آیکون چرخش کلیک می کنم و حول محور X لوگو رو ۹۰ می چرخونم . با توجه به مکان قرار گرفتن لوگو اگر دیدید زاویه ی لوگو کاملن حول X چرخیده نشده این عدد رو آروم کم و زیاد کنید تا روی محور منطبق بشه . توی پروژه ی من این لوگو با ۹۴ درجه کاملن منطبق می شه
آی دی رو هم انتخاب می کنیم ولی این بار اون رو حول محور Y باید -۹۰ درجه بچرخونیم که توی پروژه ی من کاملن منطبق می شه و لازم نیست کم و زیادش کنم . تا اینجا باید همچین چیزی داشته باشیم :
حالا میایم روی فرم ۱۰ و درجه ی لوگو رو از ۹۴ به ۰ تغییر می دیم و آی دی رو هم روی -۱۰ می زاریم تا به همچین چیزی برسیم . البته این اعداد روی پروژه ی من به این فرمه شما با توجه به مکان قرار گرفتن آبجکت ها و سلیقه شخصی می تونید تغییر بدید .
حالا می ریم روی فریم ۹۰ و چرخش لوگو رو روی محور X به -۱۵ و چرخش آی دی رو به ۱۰ تغییر می دیم و در نهایت به فریم ۱۰۰ می ریم و آی دی رو به ۹۰ و لوگو رو به -۹۰ تغییر می دیم . باز در اینجا چون لوگوم روی محور X منطبق نشد من با اعداد بازی می کنم و روی ۸۶ درجه به نتیجه می رسم . حالا هم لوگو و هم آی دی رو روی همون فریم ۱۰۰ با زدن آیکون چشم Hide می کنیم و لوگوی بعدی که توی پروژه ی من توییتر هست رو روی فریم ۱۰۰ ، show می کنیم .
حالا همین مراحل چرخش و انیمیت رو روی لوگوی توییتر هم انجام می دیم با این تفاوت که فریمامون اینبار از ۱۰۰ تا ۲۰۰ هست و تقسیم بندی هامون مثل لوگوی قبل ولی توی این رنج باید باشه . در نهایت پس از انیمیت کردن همه ی لوگوها پروژه آمادست تا رندر بگیریم و خروجی رو اگه لازمه ادیت کنیم .
قبل از رندر من می خوام به انیمیشنم حرکت بلور و سایه ی خیلی روشنی هم بدم . حرکت بلور به حرکتی می گن که وقتی سریع انجام بشه دوربین اون حرکت رو با کشش می گیره و چشم ما هم وقتی حرکتی رو بلور ببینه اون رو واقعی تر تشخیص می ده . برای دادن حرکت بلور به پروژه ، اول روی فریم ۰ میام و بعد از بالای پنجره Attribute Panel روی آیکون Add Plug-in کلیک می کنیم و True Motion Blur رو انتخاب می کنیم . مقدار ۵ به صورت پیشفرض نمایش داده می شه که من دست نمی زنم ولی با کم و زیاد کردنش می تونید روی شدت حرکت و حساسیت بلور تاثیر بزارید که این هم کاملن به سلیقه مربوط می شه .
برای دادن سایه هم باز روی Add Plug-in کلیک کنید و این بار Shadow رو انتخاب کنید . می تونید با تغییر اعدادی که نمایش داده می شه میزان پخش بودن و مکان سایه رو تغییر بدید . من چون یه سایه ی کم رنگ و پخش می خوام تمام متغیر ها رو روی ۱۰ می زارم و رنگ طوسی خیلی روشنی رو ( #DEDEDE ) انتخاب می کنم .
برای رندر کردن پروژه از منوی File روی Criate Video File کلیک کنید . از پایین پنجره ای که ظاهر می شه روی Option کلیک کنید . بعد توی صفحه ای که میاد به قسمت General برید و اونجا Farame rate رو روی ۲۵ قرار بدید . سایز فیلم هم برای اینکه خروجی خیلی خوبی داشته باشیم بهتره بزرگ کنیم که برای این کار هم توی همون صفحه User-defined رو فعال کنید و مقابل Width عدد ۱۶۰۰ و مقابل Height هم ۱۲۰۰ وارد کنید . حالا همه چیز رو ذخیره کنید و در نهایت بگید که فایل کجا ذخیره بشه و روی Save کلیک کنید و منتظر باشید از پروژه رندر گرفته بشه .
بعد از رندر من پروژم رو توی Corel VideoStudio باز کردم و یه موسیقی هم روش گذاشتم که در نهایت خروجی کار رو می تونید در ادامه ببینید .
همونطور که گفتم فقط برای صداگذاری و آدرس سایت که در انتها میاد از Corel VideoStudio استفاده کردم . شما می تونید از هر برنامه ی دیگه ای برای این کار استفاده کنید .
در انتها سورس این پروژه رو می زارم تا دانلود کنید و بهتر طریقه کارش رو درک کنید. فقط همونطور که اشاره کردم قبل از باز کردن پروژه حتمن فونت هایی که گفتم رو بریزید .
بی نظیر و استثنایی بود.
شنبه ۲۰ اردیبهشت ۱۳۹۳ و ساعت ۶:۰۲ ب.ظ
سایتتون حرف نداره ! ادامه بدید