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

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



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

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

26950 ۲۱ شهریور ۹۲

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

نام آموزش : متحرک سازی ، ساخت و ویرایش فیلم در Photoshop  ( شماره – 2 ) + ترفندی برای باز کردن سایت شرکت اِدوبی ( Adobe )

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

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

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

 تصویر نها یی :

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

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

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

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

1-  تکنیک اول تکنیک بزرگ و کوچک کردن کلمات متحرکه :

قبل از هر چیز برای این کار عبارت مورد نظرتون رو با تنظیمات دلخواه بر روی کادر 60 * 468 تون بنویسید که من از اسم 7Learn.com به همراه تنظیمات زیر استفاده کردم :


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

خوب من در اینجا برای اثر بخشی بیشتر تصویر یه خط به دور حروف اضافه کردم که برای اینکار شما می تونید با کلیک راست کردن بر روی همین لایه ای که متن در اون نوشته شده ( البته به غیر از اونجایی که علامت چشم وجود داره ) به بخش Blending Options رفته و در کادر باز شده بر روی گزینه Stroke کلیک کنید ( کادر Blending Options تنظیمات دیگه ای هم داره که ان شاء ال... در جلسات بعدی مفصل درباره ی اون توضیح میدم فقط در همین حد بدونید که این کادر برای کسانی که طراحی کارت ویزیت ، بنر های تبلیغاتی سطح شهر و... را انجام میدند خیلی مفیده  )

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

تا الان باید لایه هاتون اینجوری شده باشه :

و اما میریم به سراغ متحرک سازی این قسمت ، که قبل از هر چیز باید حتما گزینه ی Timeline رو از منوی Window فعال کنید

اول 8 تا کپی از لایه ای که متن  7Learn.com در اون نوشته شده بگیرید . برای کپی گرفتن هم می تونید از سه راه استفاده کنید :

راه اول اینه که لایه تون رو بگیرید و بیارین روی آیکون  

راه دوم اینه که با کلیک راست کردن روی لایه و زدن گزینه ی Duplicate Layer  و بعد از اون فشردن دکمه Ok  از لایه تون کپی بگیرید ( این هم از محدوده ای که میتونید روی لایه کلیک راست کنید )

و راه سوم اینه که با انتخاب لایه مورد نظر همزمان کلید های تر کیبی Ctrl + J رو فشار بدید ( که پیشنهاد من اینه که بیشتر از این راه استفاده کنید )

حالا به منوی Timeline برید و با استفاده از آیکون  یه لایه از فریم اول بگیرید ( منظور از فریم همون خونه های مربعی شکله ) الان دوباره روی فریم اول کلیک کنید ودر بخش Layers  همه ی لایه های کپی گرفته شده رو با استفاده از آیکن  ی که وجود داره غیر فعال کنید به طوری که فقط در این فریم لایه ی اصلی باقی بمونه خوب حالا به روی فریم دوم بیاین و همه لایه هارو به جزء 7Learn.com  Copy غیر فعال کنید در این مرحله باید به روی ابزار Horizontal Type Tool  یا همون نوشتن رفته و درشتی متن رو نیز از 30 به 25 تغییر بدید ( البته لایه Background  یا همون پس زمینه باید در همه فریم ها فعال باشه ) خوب این کار رو به همین ترتیب تا فریم 5 انجام بدید به طوری که در فریم 5 باید اندازه متن به 10 تغییر یافته باشه و باید از فریم 6 به بعد شروع به بزرگتر کردن نوشتمون بکنیم ( بزرگتر کردن به این معنیه که باید در فریم 6 اندازه نوشتمون رو نسبت به فریم قبلی بزرگتر کنیم ) و این هم تصویر منوی Timeline  و فایل متحرک من تا اینجای کار (فراموش نشه که در صورت برخورد با هر گونه مشکل و یا سوال خواصی میتونید در قسمت نظرات همین مطلب مطرح کنید )

 

  مرحله سوم : و اما تکنیک دوم که به حرکت در آوردن متونه :

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

 

و بعد یه فریم جدید ایجاد کنید ( که همون فریم یازدهم میشه ) و متن رو به سمت راست بیارید در اینجا نیز نباید هیچ اثری از متن وجود داشته باشه مثل تصویر بالا

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

 

و اما ترفندی که برای باز کردن سایت شرکت اِدوبی که فتوشاپ هم محصول همین شرکته قرار بود بگم اینه که  ( خوبه که بدونید این سایت برای تحریم های علیه ایران به روی ایرانیان بسته شده ) در مرحله اول در قسمت Search کامپیوتر ( یا همون Run  خودمون ) عبارت mmc رو تایپ کنید و در کادر باز شده از منوی فایل به قسمت Add/Remove Snap-in برید از میان گزینه های موجود عبارت Ip Security Policy Management انتخاب و بعد از اون بر روی گزینه ی Add  کلیک کنید و در کادر باز شده گزینه Finish  را انتخاب نمایید تا این گزینه به کادر کناری خود افزوده بشه و حالا Ok  رو بزنید و بر روی عبارت Ip Security Policies On Local Computer  دابل کلیک کنید تا از زرد به سبز تغییر رنگ بده و حالا می تونید با زدن دکمه ضربدر پنجره و یا فشردن گزینه ی Exit از منوی File   و انتخاب گزینه Yes  فایلتون رو در محل دلخواه ذخیره کنید

اما در پایان در جواب بعضی ها که میگن اصلا سایت شرکت اِدوبی به چه درد میخوره باید بگم که گاهی اوقات اِدوبی افزونه هایی رو برای فتوشاپ و یا سایر نرم افزار هاش مثل : Flash ، InDesign ، After Effects و ... ارائه میده که برای دانلود باید حتما به این سایت دسترسی داشت در ضمن این سایت آموزشهای بسیار خوبی نیز در مورد نرم افزارهاش داره که سعی میکنم حتما از اونها نیز در آینده استفاده بکنم(این دو نکته رو هم بگم که این ترفند فقط مخصوص سایت هایی است که به دلیل نحریم بسته شده اند و استفاده از این روش به هیچ وجه نمیتونه به جای فیل-ر شکن عمل کنه و این ترفند تا زمانی که سایت به دلیل تحریم به روی ما ایرانی ها بسته شده باشه عملی خواهد بود  )

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

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

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

  • ‏‏

    سلام میشه فایل گیف رو از سایتی کپی کرد و بعد روی سایت خودت اجرا کرد
    مانند روی فایل گیف کلیک راست بعد save image as بعد ذخیره .
    میشه اینظوری استفاده کرد؟ :roll:

    • ‏‏
      لقمان آوند(۲۵ اردیبهشت ۱۳۹۳)

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

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram