متحرک سازی ، ساخت و ویرایش انیمیشن گیف در فتوشاپ (4)



visibility  
mode_comment   ۲۴

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

نام آموزش : متحرک سازی ، ساخت و ویرایش انیمیشن گیف در فتوشاپ ( 4 )

نرم افزار مورد نیاز :  Adobe Photoshop Cs 6

تصاویر و فونت های مورد نیاز : فونت LeelaWadee

مدت زمان یادگیری : حدودا 30 دقیقه

  تصویر نهایی :

  مرحله اول : بعد از باز کردن فتوشاپ و وارد شدن به محیط نر م افزار یه داکیومنت جدید به ابعاد 60 * 468 ایجاد کنید . ( دوستان اگه میبینید که یه کم اوایل آموزشهای ما یکسان شده به بزرگواری خودتون ببخشید دیگه کاری نمیشه کرد )

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

الان با استفاده از یکی از روشهای گفته شده در جلسات قبل رنگ رو به روی لایه بپاشید . من در اینجا برای زیباییِ بیشتر بک گراندِ کار یه سری کار های دیگه هم انجام دادم که اگه دوست داشتید میتونید من رو پیگیری کنید . ( دلیل اینکه گفتم اگه خواستید ، اینه که این مراحل جزو تکنیک های متحرک سازی محسوب نمیشه و بیشتر سلیقه ایه اما یاد گرفتنش تجربتون تو فتوشاپ را بالاتر میبره ) خوب کسانی که قصد دارند بک گراندشون هم مثل من بشه ابتدا به همون بخشی که برا انتخاب رنگ بک گراند رفته بودید برید و یه رنگ ِ روشن تر از بک گراند انتخاب کنید که من از این رنگ استفاده کردم و بعد ابزار Rectangle Tool رو از پالت ابزار انتخاب ( همونی که آیکنش شکل مستطیل میمونه ) و یه مستطیل رسم کنید و بعد با رفتن به روی لایه ای که در اون مستطیل وجود داره برید و با کلیک راست کردن گزینه ی Rasterize Layer رو بزنید . حالا باید یه کم این مستطیل خوش رنگ رو بچرخونید که برای این کار میتونید با استفاده از کلید های ترکیبی Ctrl + T این کار رو انجام بدید . این هم کار من تا اینجا :

 

حالا Opacity ( شفافیت ) لایه رو به 8 تغییر بدید و 6 تا کپی از اون بگیرید :

 

الان از لایه ی شماره ی آخر کپی بگیرید و حالا دوباره با استفاده از کلید های ترکیبی Ctrl + T لایه رو بچرخونید اما با دو تا تغییر : تغییر اول اینه که مستطیل رو برعکس 7 مستطیل قبلی بچر خونید و Opacity رو هم این بار به 5 تغییر بدید و 4 تا کپی از اون بگیرید یعنی اینجوری :

اگه الان  یه نگاه به قسمت Layers بندازید میبینید که خیلی شلوغ پلوغه و باید این لایه ها رو مدیریت کنید که باید اونهارو در یک پوشه قرار بدید . برای اینکار باید گزینه  Create a new group از همون پایین قسمت Layers انتخاب کنید .  و بعد همه ی لایه ها رو بکشید به داخل این پوشه و بعد از اتمام کار این پوشه رو ببندید . این هم تصویر قسمت Layers من تا اینجای کار :

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

  مرحله دوم : تکنیک شماره 1 این جلسه که نشون دادن سرعتِ اجسام خواهد بود ( برای نامی هم که انتخاب کردم این توضیح رو بدم که مثلا بعضی چیز ها مثل : توپ ، ماشین و ... وقتی که سرعت میگیرند یه اثری از خودشون به جا میذارند که من قصد دارم  این تکنیک رو در این جلسه پیاده کنم ) :

برای پیاده سازی این تکنیک قبل از هر چیز ابتدا تصویر زیر رو دریافت ( دانلود ) کنید و در فتوشاپ خود باز کنید .

 

متخصص وردپرس
قالب ها و پلاگین های حرفه ای وردپرس رو خودت بنویس! بازار طراحی قالب و پلاگین نویسی وردپرس به شدت داغه و اگر بلد باشید با برنامه نویسی اختصاصی، قالب ها و پلاگین های دلخواه بنویسید تو مارکت های مطرح دنیا و یا از طریق فریلنسری می تونید به درآمد بالا برید. دوره متخصص وردپرس سون لرن رو حتما ببینید: متخصص وردپرس arrow_back

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

الان به مسیر زیر برید :

Filter > Blur > Motion Blur

و در کادر باز شده ، تنظیمات اون رو مثل تصویر زیر قرار بدید :

 

الان کمی تصویر تار و از هم پراکنده شده . خوب بریم به سراغ متحرک سازی در این مرحله که برای این کار ابتدا به منوی Timeline برید و یه کپی از فریم اول بگیرید . ( نحوه کپی گرفتن در جلسات قبل به طور کامل توضیح داده شده ) الان در فریم دوم توپ رو تقریبا به آخر های کادر ببرید :

حالا فریم اول رو اتنخاب و گزینه ی ( Tweens animation frames )  ( این گزینه رو میتونید پایین منوی Timeline پیدا کنید ) انتخاب و در کادر باز شده عبارت 10 رو تایپ و بعد گزینه ی Ok رو بزنید . میبینید که الان تعداد فریم های ما از 2 به 12 تغییر پیدا کرد . البته من برای سرعت بخشیدن به توپ زمان همه ی فریم ها رو به صفر تغییر دادم :

اگه دوست دارید که ببینید نتیجه ی کارتون تا حالا چی بوده میتونید با استفاده از گزینه ی  Play animation پیش نمایشی از کارتون ببینید :

این هم پیش نمایشی از کارمن تا اینجا :

تقریبا 50 درصد کار ما در این مرحله تموم شده اما هنوز یه کار هایی باقی مونده که در ادامه توضیح میدم : ما قصد داریم که به این توپمون یه حرکت زمین خوردن و بعد بالا رفتن بدیم که برای این کار کافیه در یک فریم جدید ( یعنی از فریم 12 یه کپی بگیرید ) توپ رو یه کم به سمت پایین بیارید . یعنی اینجوری :

و همین جور این کار رو تکرار کنید تا توپ یه حالت زمین خوردن و بعد بالا رفتن به خودش بگیره ( یعنی هر دفعه یه فریم جدید ایجاد و توپ رو یه کم به سمت بالا به صورت کج ببرید و دوباره به صورت کج به سمت پایین بیارید )

   مرحله سوم : و اما تکنیک بعدی رو تو نام گذاریش خودم هم موندم و هر چی خواستید براش انتخاب کنید .

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

و بعد تصویر زیر رو دریافت و در فتوشاپ خود باز کنید :

حالا لایه ای رو که در اون متن نوشته شده انتخاب و کلید Ctrl رو نگه داشته و آیکن تا متن به صورت انتخاب شده در بیاد و حالا با روشهای گفته شده در جلسات قبل همین سری عکسی رو که دانلود کردید رو انتخاب و سپس کپی کنید و به قسمتی ( پنجره ای ) که فایل متحرک ما در اون وجود داره برید و مسیر زیر رو دنبال کنید :

Edite > Paste Special > Paste Into

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

این هم فایل نهایی این جلسه :

منتظر قسمت بعد ، یعنی قسمت پنجم این سری باشید ...

comment دیدگاه کاربران
JAVAD

سلام خسته نباشید.
از مباحثی که بیان می کنید ووقت می زارید ممنون.
من وقتی میانبرTweens animation framesرو می زنم به جای اینکه مکان تصویر تغییر کنه تصویر مات و پررنگ تر میشه لطفا جوابتون رو به ایمیلم بفرستید ممنون.
j.d0511@chmail.ir

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 2