آموزش ساخت گیف و انیمیشن با فتوشاپ 

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

  • ۱٫ یک document برای ساخت گیف و انیمیشن با فتوشاپ به ابعاد مورد نظر خود را وارد کنید.
  • ۲٫ مطمئن شوید که پنجره ی” layers ” باز است. اگر آن را ندارید، به Window > Layers بروید.
  • ۳٫ روی نمادقفل در لایه ی پس زمینه کلیک کنید تا برای ادیت آماده باشد (اسم آن به صورت خودکار روی لایه ی صفرتنظیم می شود) .
  • ۴٫ برای اولین لایه ی خود یک رنگ پس زمینه انتخاب کنید که به اهداف شما نزدیک باشد. روی مربع رنگی در قسمت سمت چپ در پایین کلیک کنید و رنگ مورد نظر خود را انتخاب کنید. بعد از انتخاب رنگ مورد نظر خود، روی “ok” کلیک کنید.

document

۵٫ پس زمینه ی خود را با رنگی که انتخاب کردید، پر کنید. باید روی سطل رنگ کنار صفحه کلیک کنید و فضای سفید در لایه را با آن پر کنید.

آموزش فتوشاپ
۶٫ متنی که دوست دارید در ابتدای انیمیشن خود قرار دهید را وارد کنید. روی حرف “T” در قسمت بالای صفحه کلیک کنید و فونتی را انتخاب کنید که به اهداف شما نزدیک باشد. از نوار ابزار بالای صفحه برای ویرایش متن خود استفاده کنید.

ساخت انیمیشن با فتوشاپ

rasterize کردن

۷٫ وقتی متن خود را کامل نوشتید، می توانید لایه ی متن خود را rasterize کرده و با پس زمینه ی رنگ شده ی خود ادغام کنید. روی لایه ی متنی راست کلیک کنید و گزینه ی “rasterize type ” را انتخاب کنید. دوباره باز راست کلیک کرده و “merge down” را انتخاب کنید.

ساخت انیمیشن با فتوشاپ

۸٫ حال می توانیم لایه های متنی دیگری را با همین روش برای انیمیشن خود بسازیم. به طور مثال، من یک لایه دیگر متنی زیر اولین خط در لایه ی اول ایجاد می کنم. به این منظور، لایه ی زیری را با کشیدن آن بر روی نماد new layer یا با گرفتن Ctrl+J، به این صورت duplicate می کنم.

ساخت انیمیشن با فتوشاپ
۹٫ لایه ی متنی جدید را Rasterize کنید و با لایه ی duplicate شده ادغام کنید. به این ترتیب دو لایه ی زیر به دست می آید.( لایه ی زیری)

۱۰٫ حال می خواهیم لایه آخری را با لوگو اضفه کنیم. برای این کار، روی ” new layer’” کلیک کنید و آن را با رنگ پس زمینه پر کنید. من از رنگ سفید برای آخرین لایه استفاده می کنم.

آموزش فتوشاپ

۱۱٫ لوگو را از پوشه مورد نظر در کامپیوتر خود به فوتوشاپ ببرید. کافیست آن را گرفته و روی صفحه قرار دهید. یک لایه ی جدید انتخاب کنید. جای آن را بر روی صفحه تنظیم کنید.

پس زمینه ی سفید
۱۲٫ لایه لوگو را Rasterize کنید و آن را با لایه ی پس زمینه ی سفید مثل قبل ادغام کنید.

آموزش فتوشاپ

ساخت گیف با فتوشاپ

۱۳٫ حال می توانیم لایه های خود را به انیمیشم تبدیل کنیم. به Window > Timeline بروید و پنجره ی Timeline را از پایین صفحه باز کنید. بعد روی create frame animation کلیک کنید.

ساخت گیف با فتوشاپ

۱۴٫ روی نماد کوچک در پایین سمت راست صفحه کلیک کنید و “Make Frames From Layers” را انتخاب کنید. به این صورت تمام لایه ها به ترتیب بر روی پنجره ی timeline به نمایش در می آیند.

۱۵٫ کلید “shift” را نگه دارید و اولین و آخرین frame را انتخاب کنید تا همه ی آن ها انتخاب شوند. روی یکی از frame ها کلیک کنید و مدت هر frame یا frame delay را انتخاب کنید. لایه های متنی نیاز به مدت بیشتری نسبت به انیمیشن های تصویری دارند تا کاربر زمان کافی برای خواندن متن را داشته باشد. رنگ ها و ترتیب های متفاوت، نتیجه ی کار را جذاب می کنند.

ساخت گیف با فتوشاپ

۱۶٫ می توانید ترتیب frame ها عوض کنید، رنگ ها را تغییر دهید و انیمیشن خود را جذاب کنید.

ساخت گیف با فتوشاپ
۱۷٫ وقتی از frame ها راضی بودید، به File > Export > Save For Web (Legacy) بروید. به این ترتیب، پنجره ی زیر ظاهر می شود. زیر تب ” Preset” بروید و “GIF 128 Dithered” بروید.

ساخت انیمیشن فتوشاپ

۱۸٫ زیر تب “Colours” بروید و “۲۵۶” را انتخاب کنید. می توانید ابعاد مورد نظر خود را از قسمت “Image Size” انتخاب کنید. بعد از اتمام کار، روی ” Save” کلیک کنید.


ساخت انیمیشن و ویدیو با فوتوشاپ

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

علاوه بر پشت سر هم قرار دادن ویدیو ها، می توانید آن ها را با متن یا لوگو نیز تزئیین کنید. در ادامه با ما همراه باشید تا با نحوه ی ساخت انیمیشن با ویدیو آشنا شوید.

۱٫ فوتوشاپ را باز کنید. به File > Import > Video Frames to Layers بروید. ویدیو کلیپ هایی که دوست دارید استفاده کنید را انتخاب کنید.

ساخت انیمیشن با فتوشاپ

۲٫ براساس ویدیو، باید مدت آن را موقع وارد کردن، انتخاب کنید. برای این کار، روی “Selected range only” کلیک و از زیر ویدیو، سایز آن را مشخص کنید. حتماً “Make Frame Animation” را انتخاب کنید و بعد “ok” را بزنید.

ساخت انیمیشن با فتوشاپ

استفاده از فریم ها در ساخت گیف و انیمیشن با فتوشاپ

۳٫ تمام frame های ویدیو به هر دو پنجره ی layers اضافه می شود. شیفت را نگه دارید و اولین و آخرین frame در timeline را انتخاب کنید تا همه ی آن ها انتخاب شوند. راست کلیک کنید و no delay رو از منویی که بالا می آید انتخاب کنید.

ساخت انیمیشن با فتوشاپ
۴٫ حال می توانید خود را برای export آماده کنید. به File > Export > Save For Web (Legacy) بروید.

۵٫ “GIF 128 Dithered” را از تبِ “Presets ” انتخاب کنید، “۲۵۶” را از تب “Colours ” انتخاب کنید. اگر سایز را دوست ندارید، از منویی که بالا می آید، آن را تغییر دهید. بعد روی “Save” کلیک کنید و فایل خود را نام گذاری کنید. باید حتماً به سایز انیمیشن نیز اشاره کنید.

ساخت انیمیشن با فتوشاپ

۶٫ سایز انیمیشن در پایین سمت چپ دیده می شود. توصیه می کنیم سایز انیمیشن های خود را زیر ۳ مگابایت تنظیم کنید تا به راحتی قابل بارگذاری باشد.

ساخت گیفت با فتوشاپ
۷٫ روی “save” کلیک کنید و فایل خود را نام گذاری کنید.

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

اسلایدها (SLIDESHOWS)

۱٫ یک سند جدید در فتوشاپ باز کنید و ابعاد مورد نظر خود را وارد کنید.

۲٫ هر عکسی که دوست دارید را انتخاب کنید و آن ها را در فتوشاپ باز کنید. این عکس ها باید در پنجره های مختلف در بالای صفحه باشند و کنار فایل شما قرار بگیرند.

ساخت گیفت با فتوشاپ

ساخت گیفت با فتوشاپ

۳٫ برای ظاهر شدن تصاویر، هر عکس را به فایل خالی که آماده کردید منتقل کنید تا در تب layers ظاهر شوند. ( برای دسترسی به تب layers ، به window>layers بروید.)

ساخت انیمیشن با فتوشاپ
۴٫ اگر با ترتیب عکس ها مشکلی ندارید، به ” Window’ > ‘Timeline” بروید.

ساخت انیمیشن با فتوشاپ
۵٫ روی ” Create Frame Animation” کلیک کنید تا آخرین لایه در timeline ظاهر شود.

ساخت انیمیشن با فتوشاپ
۶٫ لایه ی Background را به سطل زباله منتقل کنید.

ساخت انیمیشن با فتوشاپ
۷٫ از این قسمت، گزینه ی ” Make Frames From Layers” را انتخاب کنید.

آموزش فتوشاپ

پنل timeline

۸٫ کلید “SHIFT” را نگه دارید و تمام لایه های موجود در پنل timeline را انتخاب کنید. بعد راست کلیک کرده و مدت زمان بین frame ها را مشخص کنید.

آموزش فتوشاپ

۹٫ حال می توانید فایل خود را export کنید. به ” File > Export > Save For Web (Legacy)” بروید. در پنجره ای که ظاهر می شود، ” GIF 128 Dithered” را انتخاب کنید.

آموزش فتوشاپ برای ساخت انیمیشن
۱۰٫ زیر تب ” Colours” گزینه ی ۲۵۶ را انتخاب کنید.

آموزش فتوشاپ برای ساخت انیمیشن
۱۱٫ ابعاد مورد نظر خود را انتخاب کنید. باید ” Image Size” را باز کنید. دراین قسمت “Save” را بزنید و فایل خود را نام گذاری کنید.

آموزش فتوشاپ برای ساخت انیمیشن

انیمیشن های STOP MOTION

انیمیشن های STOP MOTION هزینه برتری نسبت به روش های دیگر دارند. اما اگر به درستی کار شوند، محتوای شما را جذاب تر و بهتر خواهند کرد. می توانید برای تولید محتوا، از عکس هایی که گرفتید استفاده کنید.

در اینجا من از تعدادی تصویر از iStock استفاده می کنم.

۱٫ یک فایل جدید از فتوشاپ را باز کنید و ابعاد مورد نظر خود را وارد کنید.

۲٫ تصویر هایی که می خواهید استفاده کنید را از پوشه ی کامپیوتر انتخاب کرده و آن ها را در فتوشاپ باز کنید. به این ترتیب، در تب های جداگانه در نوار ابزار، در کنار فایل خالی که ساختید ظاهر می شوند.

۳٫ تصویرها را به فایل خالی منتقل کنید. آن ها را در مرکز فایل قرار دهید. بعد لایه ی background را به زباله منتقل کنید.

آموزش فتوشاپ برای ساخت انیمیشن

۴٫ با استفاده از خط کش، مرکز بوم را بیابید. برای پیدا کردن خط کش، به ” View > Rulers” بروید.

آموزش فتوشاپ برای ساخت انیمیشن
۵٫ هر عکس را به مرکز متصل کنید.

آموزش فتوشاپ برای ساخت انیمیشن
۶٫ روی ” Window” کلیک کنید و ” Timeline” را در بالای صفحه ایجاد کنید. بعد ” Create Frame Animation” را انتخاب کنید.

استفاده از تایم آنلاین

۷٫ از بالا، روی ” Make Frames From Layers” کلیک کنید. حال تمام عکس ها در timeline ظاهر می شوند.

۸٫ برای ساخت انیمیشن، باید اولین، دومین و سومین frame را duplicate کنید. کلید شیفت را نگه دارید و تمام frame های لازم را انتخاب کنید و آن ها را به لایه ی جدید منتقل کنید.

آموزش فتوشاپ برای ساخت انیمیشن

۹٫ Frame ها را جا به جا کنید. بعد تمام frame ها را انتخاب کنید. راست کلیک کرده و یک زمان مناسب را انتخاب کنید. هرچه زمان کمتری را انتخاب کنید، نتیجه ی بهتری خواهید داشت.

آموزش فتوشاپ برای ساخت انیمیشن
۱۰٫ به File > Export > Save For Web (Legacy) بروید و GIF 128 Dithered را از Presets انتخاب کنید. ۲۵۶ را نیز از تب ” Colours” انتخاب کنید و در صورت لزوم ابعاد مورد نظر را تغییر دهید. بعد روی ” Save” کلیک کنید.

آموزش فتوشاپ برای ساخت انیمیشن

منبع مقاله ی ساخت گیف و انیمیشن با فتوشاپ:

  • https://econsultancy.com/how-to-create-gifs-photoshop-beginners-marketers/