• 7Learn Discount
  • illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید میانگین رضایت دانشجویان سون لرن از دوره ها، بیش از 94% می باشد!

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

22391 ۲۹ شهریور ۹۲

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

نام آموزش : متحرک سازی ، ساخت و ویرایش انیمیشن گیف در فتوشاپ ( 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 این جلسه که نشون دادن سرعتِ اجسام خواهد بود ( برای نامی هم که انتخاب کردم این توضیح رو بدم که مثلا بعضی چیز ها مثل : توپ ، ماشین و ... وقتی که سرعت میگیرند یه اثری از خودشون به جا میذارند که من قصد دارم  این تکنیک رو در این جلسه پیاده کنم ) :

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

 

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

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

Filter > Blur > Motion Blur

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

 

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

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

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

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

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

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

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

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

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

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

Edite > Paste Special > Paste Into

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

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

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

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 24 دیدگاه برای این مطلب ارسال شده است. نظردهی برای این مطلب بسته شده است .

  • ‏‏

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

  • ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

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

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram