شبکه های اجتماعی ای که توش عضوید رو ویدیو کنید
لینک کوتاه

دوستی به من ایمیل زده بود و گفته بود دوست داره یه ویدیو بسازه که آی دی های شبکه های اجتماعی ای که فعاله توشون رو نمایش بده ، بعد هم گفته بود هیچ دانشی از ساخت این جور ویدیوها نداره و می خواد سریع بسازه . به نظرم ایده ی جالبی بود و گفتم یه آموزش بنویسم تا اگه کسی خواست همچین ویدیویی برای خودش بسازه این کارو کنه .اگه کامل این آموزش رو یاد بگیرید می تونید بعدن تیتراژ و ویدیوهای تایپوگرافی مختلف سه بعدی هم بسازید .

اگه دوست دارید یه ویدیوی دو بعدی جالب بسازید بهتره از نرم افزار 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 باز کردم و یه موسیقی هم روش گذاشتم که در نهایت خروجی کار رو می تونید در ادامه ببینید .

Get the Flash Player to see this content.

همونطور که گفتم فقط برای صداگذاری و آدرس سایت که در انتها میاد از Corel VideoStudio استفاده کردم . شما می تونید از هر برنامه ی دیگه ای برای این کار استفاده کنید .

در انتها سورس این پروژه رو می زارم تا دانلود کنید و بهتر طریقه کارش رو درک کنید. فقط همونطور که اشاره کردم قبل از باز کردن پروژه حتمن فونت هایی که گفتم رو بریزید .

اگه خوشتون اومد این ها رو هم بخونید :
تبدیل لوگو و متون دو بعدی به سه بعدی توسط MotionStudio 3D
آموزش MotionStudio 3D ( مقدمه )
طراحی با اشکال هندسی در MotionStudio 3D
به مناسبت روز وبلاگستان فارسی
ترکیب صداها و زیرنویس ها روی یک فیلم
نوشته بعدی
نوشته قبلی
به اشتراک بگذارید
دانلود گفت :
شنبه ۲۰ اردیبهشت ۱۳۹۳ و ساعت ۶:۰۲ ب.ظ

سایتتون حرف نداره !‌ ادامه بدید

پاسخ یه این نظر

مسیس گفت :
چهارشنبه ۱۴ خرداد ۱۳۹۳ و ساعت ۲:۳۸ ب.ظ

قالب شما ریپ شد
ممنون از قالب .

+ صرفا اگاه باشید که ریپ شدید.

پاسخ یه این نظر

آهنگ دانلود گفت :
یکشنبه ۲۲ تیر ۱۳۹۳ و ساعت ۳:۱۹ ق.ظ

بی نظیر و استثنایی بود.

پاسخ یه این نظر

نظر بدهید
  • نام: ضروری
  • ایمیل: ضروری
  • وبسایت:
  • پارسی را پاس بدارید و نظراتتان را با خط زیبای پارسی بنویسید. اگر صفحه کلید پارسی ندارید از بهنویس استفاده کنید.
    اگر می خواهید تصویرتان به صورت آواتار در کنار نظرتان نمایش داده شود از گراواتار استفاده کنید.
    ایمیلتون رو توی کادر زیر وارد کنید و عضو خبرنامه ی جنتلمن بشید تا همیشه آخرین مطالب رو توی ایمیلتون بخونید :
    اگه نمی خواید از طریق ایمیل جنتلمن رو دنبال کنید راه های دیگه ای هم برای اشتراک هست !
    آرشیو ماهانه
    برچسب ها
    لینک های خوشمزه
  • برو بچه ها بلاگر
  • دوستای مجازی
    تبلیغ
  • مطالبی که می نویسم آزاد هستند و انعکاس آن از هر طریقی مشکلی ندارد!
    Jentelman.com . Made With In IRAN . 2010- 2017