ساخت موشن گرافیک ، چطور موشن گرافیک بسازیم؟

آموزش ساخت موشن گرافیک

چطور موشن گرافیک بسازیم؟
نحوه ساخت موشن گرافیک :

یکی از بهترین چیزها در انیمیشن انتقال پیام با استفاده از تصاویر متحرک،
تصویرگری یک محصول یا خدمات با طراحی گرافیک خاص و متحرک کردن آن است.
کمپانی ها هنرمندانی را استخدام میکنند که بتوانند با طراحی گرافیک یا انیمیشن، محصول آنها را معرفی کند.
دو خصوصیتی که یک طراح موشن گرافیک باید در کار خود داشته باشد، خلاقیت و بازاریابی است.
یک نفر از کجا باید یادگیری را شروع کند و مهارت های خود را گسترش دهد؟
امروز از همینجا میتوانید سفر خود را آغاز کنید تا به یک طراح موشن گرافیک بدل شوید.

در این مقاله به شما یاد میدهیم که چطور با نرم افزارهای Adobe Illustrator و After Effects و Duik کار کنید و تصاویر متحرک خلق کنید.
این مقاله برای هنرمندانی است که دانش اولیه را در زمینه
Adobe After Effects و Illustrator دارند چون ما وارد جزییات نمیشویم که بخواهیم ابزارها را معرفی کنیم و کاربرد آنها را بگوییم.
انیمیشن سالهاست که استفاده میشود و در هر سنی طرفدار دارد.
از موشن گرافیک در تبلیغات استفاده میشود تا محصولات یک کمپانی به مشتریان معرفی شود
در موشن گرافیک، یک محصول نشان داده میشود و گفته میشود چه کاربردی دارد و چرا باید آن را بخرید
مانند نوشتن یک داستان، بهتر این است که آن را نشان دهید تا اینکه فقط آن را بیان کنید.

اصول انیمیشن برای ساخت موشن گرافیک

قبل از شروع ، یک سری اصول را باید بدانیم، 12 خط راهنما توسط Walt Disney در سالهای طلایی انیمیشن ساخته شد.
این دانش به شما کمک میکند که انیمیشن های طبیعی تری بسازید
در این مقاله ما فقط 5 اصول از این 12 مورد را بررسی میکنیم

Slow in و Slow Out
برای سریع تر کردن یا کند تر کردن حرکت از این دو استفاده میشود
مانند بالا رفتن یا پایین آمدن یک توپ،میتواند سرعت آن را کند یا تند کرد.

آموزش ساخت موشن گرافیک
ساخت موشن گرافیک

Straight Ahead and Pose To Pose در ساخت موشن گرافیک

این دو راه برای ساخت انیمیشن است.
straight ahead یعنی شما مستقیم از اولین فریم شروع میکنید و بعد دومین فریم، بعد سومین فریم و به همین ترتیب پیش میروید
یعنی شما همینطور که پیش میروید انیمیشن را میسازید.
این راه برای انیمیشن سازی در مواردی مانند ساخت آتش یا پاشیدن آب خوب است.
به این صورت کار غیر قابل پیش بینی جلو میرود.

Pose to pose یعنی شما شروع و پایان هر طرح را میکشید که به آنها keyframe گفته میشود و بعد برمیگردید تا فریم های بین آغاز و پایان را پر کنید.
این روش برای کنترل کردن انیمیشن هایی که شامل کاراکتر هستند مناسب است و
به شما کمک میکند از قبل بتوانید فکر کنید که انیمیشن چطور پیاده سازی خواهد شد و اکشن ها به چه صورت خواهند بود.
این تصویر از یک کاراکتر در پزهای مختلف نمونه ای از روش pose to pose است که ما به عنوان مرجع تمرین استفاده میکنیم.
این از یک کتاب معروف به نام The Animator’s Survival Kit گرفته شده است که اگر میخواهید در حوزه انیمیشن فعالیت کنید، یک منبع عالی ست.

ساخت موشن گرافیک با Follow Through and Overlapping Action

مثال هایی از این موضوع میتواند پرواز سوپرمن در آسمان باشد که باد روی حرکت او
اثر میگذارد یا دم تکان دادن یک سگ در پارک در حالی که گوش هایش تکان میخورد.
این حرکتی است که در واکنش به حرکتی دیگر است.
برای ساخت انیمیشن های طبیعی بسیار کاربرد دارد.

Arc
از این مورد برای ساخت حرکتهایی در مسیر های گرد و دایره وار استفاده میشود مانند حکت یک کودک روی تاب
برای بهتر کردن انیمیشن میتوانید دستهای یک کاراکتر را حین راه رفتن، در یک مسیر منحنی حرکت دهید.

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

آموزش ساخت موشن گرافیک
ساخت موشن گرافیک

الهام گرفتن زمان ساخت موشن گرافیک

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

ساخت کاراکتر در Adobe Illustrator CC 

حالا که یک ایده از نحوه کار کردن انیمیشن دارید، بیایید یک کاراکتر طراحی کنیم و آن را به حرکت درآوریم.
میخواهیم یک کاراکتر خلاقانه بسازیم.
او فیلم دیدن را دوست دارد و همین طور قدم زدن های طولانی لب ساحل، از نمک متنفر است
اگر میخواهید این کاراکتر را خلق کنید، با ما این کار را قدم به قدم انجام دهید
این کاراکتر را در Adobe Illustrator CC میسازیم.
این کار را میتوان درورژن های دیگر از Illustrator هم انجام داد اما به یاد داشته باشید که بعضی ویژگی های آن ممکن است متفاوت باشد.

مراحل اولیه ساخت کاراکتر

اول برنامه را باز کنید و یک پروژه جدید ایجاد کنید .
سایز A4 را انتخاب کنید و به قسمت orientation بروید و landscape را انتخاب کنید.

آموزش ساخت موشن گرافیک
آموزش ساخت موشن گرافیک

برای استفاده از ابزار ellipse و کشیدن یک دایره، روی ابزار shape کلیک کنید و
نگه دارید تا یک تب برای شما باز شود و شکل های مختلف را ببینید.
ابزار ellipse را انتخاب کنید برای کشیدن یک دایره کامل دکمه Shift و Ctrl را بزنید و
نگه دارید، قبل از اینکه موس را به درون فضای خالی بکشید
از این برای ایجاد شکل اصلی بدن استفاده میکنیم.

برای تغییر رنگ شکل، در پنجره ابزارها پایین بروید تا دو تا مربع که روی هم قرار گرفتند را ببینید.
روی مربع ها دوبار کلیک کنید تا یک پنجره باز شود و رنگ های دلخواهتان را انتخاب کنید.

برای ایجاد دست های این کاراکتر، به ابزار rectangle بروید و یک مستطیل نازک ایجاد کنید.

مراحل اولیه ساخت کاراکتر

برای گرد کردن گوشه های مستطیل، نقاط کوک داخل مستطیل را پیدا کنید.
روی یکی از نقاط کلیک کنید و به سمت داخل بکشید تا گوشه ها گرد شود.
بعد همان شکل را کپی و پیست کنید حالا اولین اندام را دارید.
برای اینکه محل قرار گیری شکل ها درست باشد، میتوانید دکمه
shift را نگه دارید و بعد پیست کنید تا شکل کپی شده بالای شکل اصلی قرار بگیرد.
دقت کنید که این دو اندام جای درست قرار بگیرند.

آموزش ساخت موشن گرافیک
آموزش ساخت موشن گرافیک

با هایلایت کردن هر دو شکل میتوانید ببینید که دایره کامل باشد و دو شکل بعدی
روی آن قرار گفته باشند اگر اینطور نیست دوباره آنها را جا به جا کنید.
وقتی در جای خود قرار گرفتند دوباره پروسه را تکرار کنید و آن را کپی و پیست کنید.
اگر یک شکل جلو یا پشت شکل دیگر قرار گفت که نباید باشد ، روی آن لایه
راست کیک کنید و به arrange بروید ، در آنجا میتوانید شکل را به سطح رویی یا زیرتر ببرید.
بعد رنگ آنها را تغییر دهید تا کمی عمق ایجاد شود.

خروجی گرفتن برای ساخت موشن گرافیک

حالا قبل از اینکه خروجی بگیریم، باید هر شکل را در لایه مخصوص به خود قرار دهیم.
به تب layer بروید و روی new layer کلیک کنید و نام هر لایه را بر اساس همان شکلی
که میبینید قرار دهید به این صورت کار شما منظم میشود.
بعد هر شکل را کات و در لایه خود پیست کنید.
حالا لایه های مختلفی دارید که میتوانید آنها را در یک فایل Illustrator خروجی بگیرید.

آموزش ساخت موشن گرافیک
آموزش ساخت موشن گرافیک

ساخت کاراکتر در Adobe After Effects CC 

قبل از اینکه Adobe After Effects CC را باز کنیم اول باید یک پلاگین به نام Duik که رایگان هم هست را نصب کنیم .
حالا After Effects باز میکنیم و قایل illustrator را ایمپورت میکنیم. الان باید کاراکتر خودمان را وارد نرم افزار After Effects کنیم.
برای انجام این کار،دو گزینه وجود دارد، یکی اینکه روی فایل کلیک کنید و آن را داخل نرم افزار بکشید، یا از منو به این مسیر بروید File>Import
در اینجا یک پنجره باز میشود .
چک کنید که Import Kind ، Composition باشد و Footage Dimension روی Layer Size باشد و بعد اوکی را بزنید
وقتی فایل ایمپورت شد، به یک composition تبدیل میشود.

composition در ساخت موشن گرافیک

برای کسانی که تازه با after effects آشنا شده اند باید بگوییم که composition
مانند یک canvas است وقتی که شما یک canvas را حرکت میدهید کل محتوا با آن حرکت میکند.
وقتی روی composition دوبار کلیک کنید تمام لایه هایی که در Illustrator ساخته بودید را میبینید.
اول باید composition را تنظیم کنیم و یک صحنه ساده ایجاد کنیم .
برای اینکار به مسیر Composition>Composition Settings میرویم.

آموزش ساخت موشن گرافیک
آموزش ساخت موشن گرافیک

یک پنجره باز میشود که میتوانید در آن سایز composition را روی 1920 x 1080 تنظیم کنید.
در پایین اسکرین،میتوانید تمام لایه هایی که ایجاد کرده بودید را ببینید.
سمت راست لایه ها میتوانید علامت ابزار parent را ببینید.
کار را با کلیک روی این علامت و کشیدن آن از لایه elbow تا لایه arm شروع کنید.
یک راه دیگر برای اینکار کلیک روی تب parent روی لایه Front elbow و انتخاب لایه Front arm است.
با این کار، وقتی شما لایه Front arm را جا به جا میکنید لایه Front elbow هم جا به جا میشود .
همین پروسه را برای دست دیگر تکرار کنید.

تغییر سایز و پوزیشن بدن در ساخت موشن گرافیک

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

آموزش ساخت موشن گرافیک
مراحل ساخت موشن گرافیک

باید توجه کنید که تنظیمات را در لایه Body تغییر میدهید، بقیه لایه ها هم باید
به همان صورت تغییر داده شوند چون لایه Body را به عنوان لایه parent برای بقیه لایه ها قرار داده اید
وقتی کاراکتر با تغییر سایز به شکلی درآمد که پیکسل های آن مشخص بود،
کل لایه ها را انتخاب کنید و روی آن آیکونی که شبیه خورشید است کلیک کنید
با این کار تما پیکسل ها به وکتور تبدیل میشود یعنی دیگر مهم نیست لایه ها را چقدر بزرگ گنید، مشکلی پیش نخواهد آمد.

بک گراند

حالا بیاید برای کاراکتر بک گراند ایجاد کنیم.
برای این کار به مسیر Layers>New>Solid بروید و colour را به هر رنگی که برای کف میخواهید تغییر دهید.
در پایین صفحه، باید لایه جدید خود را بالای سایر لایه ها ببینید که تمام لایه های دیگر را پوشش میدهد.
روی لایه کلیک کنید و آن را بکشید تا وقتی که کاراکتر روی لایه بایستد
دوباره به مسیر Composition>Composition Settings بروید و رنگ بک گراند را عوض کنید.

مراحل ساخت موشن گرافیک
مراحل ساخت موشن گرافیک

نقاط anchor

حالا ما آماده ایم که نقاط anchor را حرکت دهیم .
این نقاط مانند دستگیره هایی هستند که برای چرخاندن لایه هستند
ما باید این نقاط را تغییر مکان دهیم
برای این کار Pan Behind Tool که بالای صفحه است را پیدا کنید .
یک تولبار در بالای صفحه میبینید که یک جعبه نقطه ای شکل با 4 فلش دارد روی آن کلیک کنید و لایه Front elbow را انتخاب کنید.
وقتی یک لایه را انتخاب میکنید باید یک دایره روی آن لایه ببینید اگر موقع کلیک
و کشیدن آن دایره دکمه shift را نگه دارید ، در یک خط صاف حرکت خواهد کرد.

همان طور که در اسکرین شاتها نمایش داده شده دایره را حرکت دهید.
به نقاط anchor به عنوان نقاط اتصال نگاه کنید بنابراین نقطه لایه elbow باید همان جایی که آرنج قرار دارد، باشد.
نقطه anchor مربوط به لایه Arm باید روی شانه ها باشد.
نقطه مربوط به لایه shin باید روی زانو باشد و نقطه لایه leg روی لگن.

مراحل ساخت موشن گرافیک
مراحل ساخت موشن گرافیک

Rigging یا اسکلت دوبعدی کاراکتر در ساخت موشن گرافیک

عبارت Rigging در انیمیشن به معنی ایجاد اسکلت کاراکتر دو بعدی است.
این برای انیمیشن عروسکی استفاده میشود یعنی همان چیزی که ما داریم آماده میکنیم.
به مسیر Windows>Duik بروید تا پنجره پلاگین باز شود

لایه Front elbow را انتخاب کنید و روی controllers در پنجره Duik کلیک کنید
و تنظیمات را مانند این اسکرین شات قرار دهید.
الان باید یک لایه controller جدید ببینید .
جای controller را تغییر دهید تا در قسمت دست کاراکتر قرار بگیرد.

مراحل ساخت موشن گرافیک
مراحل ساخت موشن گرافیک

بعد Front arm، Front elbow، C_Front elbow را انتخاب کنید و روی IK در پنجره Duik کلیک کنید.
2-layer IK را تیک بزنید و create را بزنید بااین کار باید دست کاراکتر را جدا کند.

برای درست کردن آن، لایه C_Front را انتخاب کنیدو به effects controls که بالا سمت چپ است بروید.
تیک auto-stretch را بردارید و clockwise را تیک بزنید این انتخاب میکند که دست به چه مسیری برود.
همین پروسه را برای دست دیگر و ساق پا تکرار کنید.

مراحل ساخت موشن گرافیک
مراحل ساخت موشن گرافیک

فقط کافی ست همین کار را برای 4 لایه دیگر تکرار کنید.
دست ها در جهت عقربه های ساعت و پاها در خلاف عقربه های ساعت خواهند بود .
حالا میتوانید به راحتی دست و پاهای کاراکتر را جا به جا کنید.

برای ساخت موشن گرافیک ، به کاراکتر خود جان ببخشید

اینجاست که جادو اتفاق می افتد ، حال میخواهیم کاراکتر را به حرکت درآوریم.
برای حرکت آن فقط باید روی 5 لایه تمرکز کنیم، بدن، دست ها و پاها
حالا لایه های زیادی هستند که فضا را پر میکنند.

ساخت موشن گرافیک
ساخت موشن گرافیک

برای تمیز و مرتب کردن صفحه بقیه لایه ها را انتخاب میکنیم و روی ابزار shy کلیک میکنیم.
هیچ اتفاقی نخواهد افتاد تا اینکه شما روی دکمه shy کلیک کنید.
با این کار تمام لایه هایی که استفاده نمیکنیم مخفی میشود.

pose to pose and straight ahead

آیا pose to pose and straight ahead را به یاد دارید؟ چون میخواهیم از آنها استفاده کنیم.
در واقع ما از pose to pose استفاده میکنیم.
کاراکتر را پوزیشن بدهید طوریکه انگار در حال راه رفتن است.
تمام لایه هایی که میبنید را انتخاب کنیn در حالی که دکمه های Shift و p را همزمان میبفشارید.

اینها کلید های میانبر برای پوزیشن هستند ، با اینکار میتوانید پوزیشن را تنظیم کنید .
با موس روی body و controllers کلیک کنید و بکشید.
با یک کار ساده شروع میکنیم.

میخواهیم کاری کنیم که بدن در ساخت موشن گرافیک بالا و پایین برود :

برای اینکار لایه body را انتخاب میکنیم.
روی stopwatch کلیک کنید تا یک keyframe در اول تایم لاین ایجاد شود
5 فریم در تایم لاین حرکت کنید و پوزیشن بدن را پایین بیاورید
بعد 5 فریم دیگر حرکت کنید روی اولین keyframe کلیک کنید و کپی و پیست کنید
وقتی دکمه space را بزنید ویدئو را پلی میکنید ، باید کاراکتر خود را در حال حرکت ببینید
این کار را تکرار کنید تا هر 5 keyframe را در تایم لاین داشته باشید.
با یک فریم شروع و تمام کنید.

ساخت موشن گرافیک
ساخت موشن گرافیک

کل keyframe ها را هایلایت کنید و روی یکی از آنها کلیک راست کنید
و به مسیر Keyframe Assistant>Easy Ease. بروید.
با این کار یک slow in slow out ساخته میشود که کمک میکند حرکت نرم تری ایجاد کنید.
به آخرین keyframe بروید و دکمه N و بعد space را بزنید.
الان باید یک تصویر متحرک از کاراکتر خود ببینید که دائما تکرار شود.
اگر این کار انجام شد، تبریک میگویم شما انیمیشن خلق کرده اید
البته کار تمام نشده، هنوز حرکت اندام ها باقی مانده

حرکت اندام ها در ساخت موشن گرافیک

برای شروع هر دو جلو و پشت shin controller را انتخاب کنید و روی stopwatch در اولین keyframe کلیک کنید.
یکی از ساق ها را به جلو ببرید و ساق دیگر را به عقب.
در دومین keyframe هر دو controller را در مسیر مخالف حرکت دهید و در آخرین
keyframe دوباره پوزیشن ها را مانند همان اولین فریم حرکت دهید
یک راه راحت برای این کار این است که فریم اول را کپی و پیست کنید.
حالا وقتی دکمه space را میزنید کاراکتر باید حرکت کند

ساخت موشن گرافیک
ساخت موشن گرافیک

روی یکی از ساق ها زوم کنید باید یک خط از نقاط را ببینید.
این مسیری است که controller در طی keyframe ها پیش میرود.
باید یک پین کوچک هم ببینید که میتوانید روی آن کلیک کنید و تا نزدیک اولین keyframe بکشید.
با این کار پای کاراکتر را در حین حرکت بلند میکنید.
این استفاده از اصل Arc است.ایجاد یک راه منحنی در انیمیشن

در آخر روی keyframe هایی که پا روی زمین قرار میگیرد، کلیک کنید و بعد به مسیر Keyframe Assistant>Easy Ease بروید
حالا پاهای کاراکتر شما به آرامی حرکت میکند
بعد سراغ دست ها میرویم میخواهیم حین حرکت دست ها به سمت عقب و جلو برود و برعکس پاها حرکت کند و حرکت کاراکتر واقعی جلوه کند.
مانند ساق های پا، هر دو elbow controller را انتخاب کنید و keyframe هایی با تنظیم پوزیشن دست در تایم لاین ایجاد کنید
بعد پین را در مسیر حرکت پیدا کنید تا حرکت دست را بتوانید ایجاد کنید

ساخت موشن گرافیک
ساخت موشن گرافیک

تمام keyframe ها را انتخاب کنید و روی Keyframe Assistant>Easy Ease راست کلیک کنید.
همین ! شما با موفقیت یک تصویر متحرک ساخته اید.

نتیجه گیری

3 نکته هست که برای یاد گرفتن مهارت جدید به آن نیاز دارید.

  1. الهام بخشی: نیازی دارید که چیزی پیدا کنید که به شما انگیزه بدهد و اشتیاق یاد گرفتن و خلق را در شما ایجاد کند.
  2. ابزارها: مهم نیست از چه چیزی استفاده میکنید مهم این است که یاد بگیرید چطور از آن استفاده کنید.
  3. یادگیری:چطور میخواهید بدانید که یک چیز چطور ساخته میشود؟
    میتوانید در گوگل سرچ کنید ، از کسی بپرسید ، در کتاب جستجو کنید یا دوره آموزش آن را بگذرانید.

تفاوت انیمیشن و موشن گرافیک

ساخت موشن گرافیک
موشن گرافیک

جهت ثبت نام و اطلاع از شرایط کلاس های موشن گرافیک

سوالات و پاسخ هایی  که در این بخش بیشتر مطرح شده است .

یک تدوینگر ویدئو باید شناخت پایه در مورد موشن گرافیک داشته
باشد زیرا بهتر با متخصص موشن گرافیک ارتباط برقرار خواهد کرد.

یکی از دلایلی که باعث محبوبیت موشن گرافیک می شود این است که ساخت آنها
به نسبت، در مقایسه با سایر انواع محتوای ویدیویی مثل تبلیغات آسانتر است.

بله ، هم بصورت حضوری و هم بصورت آنلاین و غیرحضوری برگزار می کنیم
برای اطلاعات بیشتر به بخش دوره های آموزشی در همین سایت مراجعه کنید .

طبیعتا مهمترین عنصر یک موشن گرافیک خوب، اطلاعات صحیح می باشد.
که در بهترین شرایط با افزودن یک لینک منبع کمکی در همان صفحه به نوعی فهرست برای موشن گرافیک شما تبدیل خواهد شد.

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

یکی از دلایلی که باعث محبوبیت موشن گرافیک می شود این است که ساخت آنها
به نسبت، در مقایسه با سایر انواع محتوای ویدیویی مثل تبلیغات آسانتر است.

موشن گرافیک ها، ظاهر انیمیشنی اطلاعات هستند. البته این توضیح خیلی ساده شده، اما حقیقت دارد.
وقتی که در تبلیغات تلویزیونی یا گزارش های ورزشی، نمودار نواری مشاهده می کنید، یعنی با یکی از رشته های موشن گرافیک آشنایی دارید.

شروع ثبت نام دوره های آموزش آنلاین و مجازی - تماس : 05 05 58 22 - 587 587 22 اینستاگرام تصویرگران پویا اندیش - کلیک کنید .
+