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

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



  آیا می دانید تا کنون 6255 نفر در 14 دوره آموزشی سون لرن ثبت نام کرده اند !

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

14614 ۲۴ شهریور ۹۲

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

نام آموزش : متحرک سازی ، ساخت و ویرایش انیمیشن گیف در Photoshop  ( شماره – 3 )

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

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

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

  تصویر نهایی :

  مر حله اول : بعد از باز کردن فتوشاپ و ایجاد یه داکیومنت جدید به ابعاد 60 * 468 بقیه تنظیمات رو نیز همانند تصویر زیر قرار بدید ( برای سایز هم این توضیح رو بدم که فایل های متحرک و یا بنر هایی که در سایت ها و وبلاگها به عنوان تبلیغات قرار میگیره یه سری سایز های استاندارد مثل : 240 * 120 ، 125 * 125 و ... داره که 60 * 468 هم یکی از همین سایز های استاندارد محسوب میشه )

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

الان دیگه پس زمینه ی کارما آماده شده اما این بار میخوام یه استفاده ی کوچولو از یکی از فیلتر ها بکنم . برای اینکار ابتدا از همون جایی که برای پس زمینتون رنگ انتخاب کردید یه رنگ مناسب انتخاب کنید که من ازاین رنگ استفاده کردم   و سپس از پالت ابزار ، ابزار Rectangle Tool رو انتخاب ( که البته با استفاده از کلید U نیز میتونستید انتخابش کنید ) و یه مستطیل مثل شکل زیر درست کنید :

الان باید لایه ای رو که مستطیل در اون قرار داره رو Rasterize کنیم که برای این کار روی لایه راست کلیک کرده ( یعنی همون محدوده ای که اسم لایه در اون نوشته شده ) و در کادر باز شده عبارت Rasterize Layer رو انتخاب کنید .

ما الان باید همین مستطیل رو به سمت دیگر کادرمون هم ببریم اما دیگه لازم نیست که دوباره یه مستطیل جدید رسم کنیم بلکه میتونیم با انتخاب این لایه و فشردن همزمان کلید های ترکیبی Ctrl + J از لایه کپی بگیریم . بعد از کپی گرفتن نیز با استفاده از ماوس این مستطیل خوش رنگ رو به طرف دیگه ی کادر ببرید یعنی اینجوری :

 

خوب الان مسیر زیر رو دنبال کنید :

Filter > Blur > Gaussian Blur

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

و همین کار رو برای سمت دیگه نیز انجام بدید . این هم تصویر نهایی پس زمینه :

 

   مر حله دوم :  دیگه بریم سراغ تکنیک های متحرک سازی این قسمت ( که ترفند های این قسمت هم جالب تر و هم پر کاربرد ترند ) . تکنیک شماره 1 که لحظه ی کلیک خوردن اجسام به وسیله ی ما و سه :

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

خوب بعد از باز کردن همه ی تصاویر در فتوشاپ تصویرکادو رو به داخل کادر باید بیارید که برای این کار کافیه که به روی تصویر کادو رفته و با فشردن همزمان کلید های ترکیبی Ctrl + A کادو رو انتخاب و بعد با فشردن همزمان کلید های تر کیبی Ctrl + C تصویر رو کپی کنید و حالا با رفتن به بخشی که کادر ما در اون و جود داره باید کلید های تر کیبی Ctrl + V رو بزنید تا تصویر به داخل کادر ما بیاد . همون طور که خودتون هم مشاهده می کنید الان تصویر کادو از کادر ما بزرگتره و زده بیرون و باید ما این تصویر کادو رو کوچیکش کنیم که برای این کار باید از کلید های تر کیبی Ctrl + T استفاده کنید تا لایه ای که کادو در اون وجود داره Transform بشه و بعد به میل خودتون کادو رو کوچیک کنید تا در کادر جا بگیره :

 

حالا با همون روشی که کادو رو به داخل کادر آوردید تصویر نشانه ماوس رو نیز به داخل کادر بیارید و موقعیتش رو مثل تصویر زیر انتخاب کنید :

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

 

                          الان دوباره به روی فریم اول برید ( یعنی رو فریم اول کلیک کنید ) و بعد آیکن                                            انتخاب و تنظیمات اون رو مثل تصویر زیر قرار بدید :

دیدید که بعد از انتخاب این گزینه 6 فریم به فریم های موجود ما در منوی Timeline اضافه شد و مجموع فریم های ما به عدد 8 رسید . حالا میتونید با انتخاب گزینه ی Play animation پیش نمایشی از کارتون رو ببینید :

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

حالا فریم اول رو انتخاب و در قسمت Layers اون لایه ای رو که علامت و یا آیکن دست وجو داره غیر فعال کنید :

 

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

   مر حله سوم :  و اما تکنیک بعد این جلسه که تایپ کردن کلماتِ :

برای انجام دادن این تکنیک ابتدا یه فریم جدید ایجاد ( منظور از ایجاد کردن یه فریم جدید اینه که از فریم قبلی یه کپی بگیرید ) ودر قسمت Layers همین فریمی که الان ساختید تصاویر کادو ، دست و ماوس رو غیر فعال کنید ، مثل تصویر زیر :

 

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

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

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

در اینجا ابزار نوشتن رو انتخاب و تنظیمات اون رو با با تصویر زیر هماهنگ کنید :

خوب حالا حرف W رو تایپ و در کادر قرار بدید :

ابزار Line Tool رو از پالت ابزار انتخاب ( برای انتخاب این ابزار کا فیه که روی مثلثی که در پایین و سمت راست ناحیه انتخابی وجود داره حدودا 3 ثانیه ای ما وس رو نگه دارید و در کادر باز شده این ابزار رو انتخاب کنید )  و با اون یه خط کوچیک عمودی در یه فریم جدید رسم کنید  :

بعد از رسم خط نیز باید به روی لایه ای که خط در اون وجود داره رفته و با راست کلیک کردن لایه رو Rasterize  کنید ( یعنی گزینه ی Rasterize Layer رو بزنید )

این هم تصویر کادر من تا اینجای کار :

همونطور که خودتون هم میبینید اگه الان فریم اول رو انتخاب کنید میبینید که حرف W و خط عمودی الان در فریم اول وجود داره که طبیعتا نباید اینجوری با شه و باید حرف W و خط عمودی از این فریم تا فریم 8 پاک بشه که برای این کار در قسمت Layers ( لایه هایِ ) فریم اول این دو لایه رو غیر فعال کنید و بعد در فریم 9 حرف W رو فعال و در فریم 10  علاوه بر حرف W خط عمودی رو نیز  فعال کنید . در اینجا از فریم 10 با استفاده از آیکون  یه کپی بگیرید و حالا با استفاده از ابزار نوشتن و با همون تنظیمات قبلی یه حرف W دیگه بنویسید ( یعنی نباید در فریم 11 خط عمودی وجود داشته باشه ) و با ایجاد یه فریم جدید دیگه خط عمودی رو بعد از حرف W دومی بنویسید این هم از کادر اصلی کارمون و منوی Timeline : ( فقط فراموش نشه که میتونید در صورت برخورد با کوچکترین مشکل و یا سوالی در قسمت نظرات همین مطلب مطرح کنید )

 

و همین کار رو انجام بدید و یه حرف W و یه نقطه ( . ) به کادر اضافه کنید و این هم پیش نمایش کار من تا اینجا :

 

و به همین صورت کار رو انجام بدید تا عبارت www.7Learn.com رو ایجاد کنید و این هم تصویر نهایی این مرحله و کل جلسه ی امروز ( که البته با یه سری اضافات که میدونم شما هام بلدید درستش کنید ) برا سیو هم که چون میدونم بلدید دیگه توضیح نمی دم اما اگه کسی بلد نبود و یا فراموش کرده بود میتونه از این لینک که قسمت اول این سری آموزش بود استفاده کنید :

منتظر قسمت چهارم این سری آموزشی باشید ...

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

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

  • ‏‏

    خیلی عالی بود. سلیس و گویا.
    آفرین….خسته نباشی

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram