Your address will show here +12 34 56 78
Blog

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

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

موشن گرافیک

  1. استفاده از تکنیک درخشندگی / Glow در طراحی موشن گرافیک:

راه های مختلفی برای افزودن تابش یا درخشندگی به طراحی موشن گرافیک های مختلف وجود دارد. فیلتر های درخشش زیادی برای این کار طراحی شده اند و تعداد زیادی از فیلتر های 3rd party مانند Trapcode Starglow و یا در World of Red Giant نیز وجود دارند. تکنیکی که در این جا برای طراحی موشن گرافیک استفاده شده است شامل چند مرحله است: آن چه را که می خواهید بر روی آن، حالت درخشش را ایجاد کنید، داپلیکیت کنید، حالت انتقالِ لایه ی بالایی را بر روی حالت «Add» قرار دهید، و یک افکت Fast blur effect را اعمال کنید؛ و سپس میزان تاری و شفافیت را در حد مورد نیاز تنظیم کنید.

موشن گرافیک

  1. جاروب نور / Light Sweep در طراحی موشن گرافیگ:

یک افکت CC Light Sweep در After Effects ساخته شده است که این نوع طراحی را کاملا آسان می کند به طوری که فقط باید برخی از تنظیمات ظاهری را انجام دهید و موقعیت متن را به صورت متحرک و موشن گرافیک در آورید. فقط کافی است تصمیم بگیرید که از این افکت استفاده کنید؛ همین!

موشن گرافیک

  1. طراحی موشن گرافیک با استفاده از پرتو های نور / Light Rays:

در این جا برای طراحی موشن گرافیک از Trapcode Shine استفاده شده است اما تعدادی فیلتر های پرتوی نور ساخته شده برای این منظور نیز وجود دارد و همچنین آموزش های زیادی در مورد ساخت اشعه های نور سه بعدی نیز وجود دارد؛ به عنوان مثال می توانید این آموزش را ببینید: a tutorial about making 3D light rays. همچنین، اگر شما قصد استفاده از Trapcode Shine را دارید، از خلاقیت و سلیقه ی خود بهره ببرید و تنظیمات رنگ پیش فرض را تغییر دهید. با این کار می توانید نتیجه ی مورد علاقه ی خود را بدست بیاورید.

موشن گرافیک

  1. درخشش لنز / Lens Flares:

آیا تعدادی موشن گرافیک عنوان سریع می خواهید؟ پس فقط کافی است کاری را انجام دهید که در درصد زیادی از تریلر های فیلم ها انجام می شود؛ متن هایی با ظاهر فلز مانند ایجاد کنید و یک lens flare در زیر آن اضافه کنید. برای ایجاد چنین موشن گرافیک هایی، در اکثر موارد از Optical Flares from Video Copilot استفاده می شود اما Knoll Light Factory نیز برای این کار وجود دارد.

موشن گرافیک

  1. طراحی موشن گرافیک با Slams:

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

موشن گرافیک

  1. استفاده از Motion Blur در موشن گرافیک:

این تکنیک یک تغییر وضعیت ساده به لایه ی بعدی است. فقط مطمئن شوید که نمونه برداری به اندازه کافی بالا باشد، به طوری که شما نتوانید مراحل تغییرات را در Motion Blur ببینید. یا شاتر را بر روی زاویه ی دیگری تنظیم کنید. هر چه زاویه ی شاتر پایین تر باشد، motion blur کمتر است.

موشن گرافیک

  1. انیمیشن Staggered:

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

البته لازم به ذکر است که این کار با استفاده از افکت انیماتور متن، آسان تر انجام می شود. اما توجه داشته باشید که برای حرکت جداگانه و تک به تک حروف، باید از بخش «Advanced» انیماتور متن استفاده کنید که کار با آن بسیار ساده تر است.

موشن گرافیک

  1. ویرایشگر گراف / Graph Editor:

ممکن است برای شروع کارِ موشن گرافیک از این تکنیک استفاده نشود، اما این تکنیک نیز، روش دیگری است که سبب می شود حرکت، بیش از حد یکنواخت به نظر نرسد. اساسا هنگامی که می خواهید یک ویژگی مانند موقعیت را انیمیشن سازی کنید، باید فریم های کلیدی را به “easy ease keyframes” تغییر دهید و سپس با رفتن به ویرایشگر گراف، یکی از bezier handle ها حرکت دهید تا انیمیشن فوق العاده سریع و سپس آهسته و یا آهسته و سپس سریع شود. اغلب از این روش با استفاده از ویرایشگر گراف برای اینفو گرافیک، برای ایجاد موشن گرافیک جالب تر استفاده می شود تا موشن گرافیکی طراحی کنند که کمتر رباتیک باشد.

موشن گرافیک

  1. خلق موشن گرافیک با استفاده از Bounce:

چندین روش برای ایجاد این گونه انیمیشن ها وجود دارد. یکی از این روش ها، Ease and Wizz از aescripts + aeplugins است.

مورد دیگر inertia expression from mograph.net است که می توانید آن را به ویژگی های انیمیشن مانند موقعیت، مقیاس یا چرخش اضافه کنید.

//
 n = 0; if (numKeys > 0){ n = nearestKey(time).index; if (key(n).time > time){ n--; } } 
if (n == 0){ t = 0; }
else{ t = time - key(n).time; } 
if (n > 0 && t < 1)
{ v = velocityAtTime(key(n).time - thisComp.frameDuration/10); 
amp = .01; freq = 2.0; decay = 11.0;
 value + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t);
}
else{ value; } 
//

عدد “amp” را تغییر دهید تا دامنه ی حرکت بزرگتر یا کوچکتر شود. عدد “freq” را تغییر دهید تا تعداد پرش ها بیشتر یا کمتر شود. و در نهایت، عدد “decay” را تغییر دهید تا حرکت پرش به سرعت متوقف شود (اعداد بزرگ تر باعث توقف سریع تر آن می شوند).

0

Blog

25 تکنیک ساده برای طراحی بهتر موشن گرافیک


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

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

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

برای اکثر این تکنیک های موشن گرافیک می توانید از پلاگین های 3rd party استفاده نکنید، اما اجباری وجود ندارد و می توانید از آن ها استفاده کنید.

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

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

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

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

  1. طراحی موشن گرافیک با استفاده از تکنیک گرادیان / Gradients:

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

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

  1. Vignette در موشن گرافیک:

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

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

  1. Textures:

بافت ها یکی از ساده ترین راه هایی هستند که سبب می شوند عناوین شما جذاب تر شوند. یک راه در طراحی موشن گرافیک این است که درست قبل از نوشتن متن خود، بافت را در زیر آن قرار داده و در قسمت تنظیمات بافت، حالت ” Alpha matte” را انتخاب کنید. اگر در گوگل جستجو کنید، میلیون ها بافت / Texture رایگان را خواهید یافت.

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

  1. کلاس بندی رنگ:

کلاس بندی رنگ به خودی خود یک صنعت است، اما تنظیم رنگ برای دادن یک احساس مناسب به عناوین شما در موشن گرافیک، پروسه ای با یک راه طولانی است.
یکی از راهکار ها، GAZILLION است که برای انجام این کار در افتر افکت / After Effects وجود دارد که می تواند برای ایجاد برخی از افکت های منحنی / curves effects، اضافه کردن اثر رنگ / tint effect، پوشش برخی از جامدات رنگی / overlaying color solids، و یا استفاده از پلاگین های 3rd party استفاده شود.

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

  1. سایه ها / Shadows:

یک سایه ی ساده، عمق بیشتری به عناوین شما اضافه می کند. این تکنیک خاص از “Video Copilot’s Ancient Titles Tutorial” گرفته شده است، و مراحل کار طراحی موشن گرافیک به این صورت است:
کپی کردن متن، سیاه کردن لایه ی زیرین، اضافه کردن یک CC Radial Blur و حرکت دادن مرکز محو شدن به سمت بالا برای این که به نظر برسد که منبع نور بالاتر از عنوان است.

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

  1. کنتراست / Contrast:

در هر آموزش موشن گرافیک، در بخشی از آن، یک منحنی کنتراست وجود دارد. فقط از افکت “منحنی / Curves” استفاده کنید، نکات برجسته را هایلایت کنید و سایه ها را پایین بیاورید تا “منحنی S” ایجاد شود.

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

  1. حرکت پس زمینه / Background Movement:

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

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

0

Broadcast, آموزشی
سلام… توی این آموزش میخواهیم زیرنویسمون رو با ایده ای جدید پیاده کنیم و سپس اون رو در قالب اعلام برنامه هم نشون بدیم.. و همچنین قابلیت Motion Sketch در افترافکت رو هم یاد خواهیم داد.. * این آموزش یکی از آپدیت های بسته آموزش ساخت زیرنویس در افترافکت هست که تصمیم گرفتیم اون رو به رایگان هم منتشر کنیم و امیدواریم خوشتون بیاد..    
16