. . .

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

تالار آموزش دیجیتال

S O-O M

مدیرکل بازنشسته
کاربر نقره‌ای
مدیر بازنشسته
نام هنری
تست🤨
شناسه کاربر
36
تاریخ ثبت‌نام
2020-09-30
آخرین بازدید
موضوعات
307
نوشته‌ها
5,235
راه‌حل‌ها
74
پسندها
20,218
امتیازها
833
سن
124
محل سکونت
خونمون :|

  • #1

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

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

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

S O-O M

مدیرکل بازنشسته
کاربر نقره‌ای
مدیر بازنشسته
نام هنری
تست🤨
شناسه کاربر
36
تاریخ ثبت‌نام
2020-09-30
آخرین بازدید
موضوعات
307
نوشته‌ها
5,235
راه‌حل‌ها
74
پسندها
20,218
امتیازها
833
سن
124
محل سکونت
خونمون :|

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


آموزش فتوشاپ

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


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

S O-O M

مدیرکل بازنشسته
کاربر نقره‌ای
مدیر بازنشسته
نام هنری
تست🤨
شناسه کاربر
36
تاریخ ثبت‌نام
2020-09-30
آخرین بازدید
موضوعات
307
نوشته‌ها
5,235
راه‌حل‌ها
74
پسندها
20,218
امتیازها
833
سن
124
محل سکونت
خونمون :|

  • #3

rasterize کردن​


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


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



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


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

9. لایه ی متنی جدید را Rasterize کنید و با لایه ی duplicate شده ادغام کنید. به این ترتیب دو لایه ی زیر به دست می آید.( لایه ی زیری)
 

S O-O M

مدیرکل بازنشسته
کاربر نقره‌ای
مدیر بازنشسته
نام هنری
تست🤨
شناسه کاربر
36
تاریخ ثبت‌نام
2020-09-30
آخرین بازدید
موضوعات
307
نوشته‌ها
5,235
راه‌حل‌ها
74
پسندها
20,218
امتیازها
833
سن
124
محل سکونت
خونمون :|

  • #4
10. حال می خواهیم لایه آخری را با لوگو اضفه کنیم. برای این کار، روی ” new layer’” کلیک کنید و آن را با رنگ پس زمینه پر کنید. من از رنگ سفید برای آخرین لایه استفاده می کنم.


آموزش فتوشاپ



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


پس زمینه ی سفید

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

S O-O M

مدیرکل بازنشسته
کاربر نقره‌ای
مدیر بازنشسته
نام هنری
تست🤨
شناسه کاربر
36
تاریخ ثبت‌نام
2020-09-30
آخرین بازدید
موضوعات
307
نوشته‌ها
5,235
راه‌حل‌ها
74
پسندها
20,218
امتیازها
833
سن
124
محل سکونت
خونمون :|

  • #5

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


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



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


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



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


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


18. زیر تب “Colours” بروید و “256” را انتخاب کنید. می توانید ابعاد مورد نظر خود را از قسمت “Image Size” انتخاب کنید. بعد از اتمام کار، روی ” Save” کلیک کنید.
 

S O-O M

مدیرکل بازنشسته
کاربر نقره‌ای
مدیر بازنشسته
نام هنری
تست🤨
شناسه کاربر
36
تاریخ ثبت‌نام
2020-09-30
آخرین بازدید
موضوعات
307
نوشته‌ها
5,235
راه‌حل‌ها
74
پسندها
20,218
امتیازها
833
سن
124
محل سکونت
خونمون :|

  • #6


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


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


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


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

S O-O M

مدیرکل بازنشسته
کاربر نقره‌ای
مدیر بازنشسته
نام هنری
تست🤨
شناسه کاربر
36
تاریخ ثبت‌نام
2020-09-30
آخرین بازدید
موضوعات
307
نوشته‌ها
5,235
راه‌حل‌ها
74
پسندها
20,218
امتیازها
833
سن
124
محل سکونت
خونمون :|

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

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


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


4. حال می توانید خود را برای export آماده کنید. به File > Export > Save For Web (Legacy) بروید.

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

S O-O M

مدیرکل بازنشسته
کاربر نقره‌ای
مدیر بازنشسته
نام هنری
تست🤨
شناسه کاربر
36
تاریخ ثبت‌نام
2020-09-30
آخرین بازدید
موضوعات
307
نوشته‌ها
5,235
راه‌حل‌ها
74
پسندها
20,218
امتیازها
833
سن
124
محل سکونت
خونمون :|

  • #8
6. سایز انیمیشن در پایین سمت چپ دیده می شود. توصیه می کنیم سایز انیمیشن های خود را زیر 3 مگابایت تنظیم کنید تا به راحتی قابل بارگذاری باشد.


7. روی “save” کلیک کنید و فایل خود را نام گذاری کنید.


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


اسلایدها (SLIDESHOWS)​


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


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

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

S O-O M

مدیرکل بازنشسته
کاربر نقره‌ای
مدیر بازنشسته
نام هنری
تست🤨
شناسه کاربر
36
تاریخ ثبت‌نام
2020-09-30
آخرین بازدید
موضوعات
307
نوشته‌ها
5,235
راه‌حل‌ها
74
پسندها
20,218
امتیازها
833
سن
124
محل سکونت
خونمون :|

  • #9
4. اگر با ترتیب عکس ها مشکلی ندارید، به ” Window’ > ‘Timeline” بروید.


5. روی ” Create Frame Animation” کلیک کنید تا آخرین لایه در timeline ظاهر شود.



6. لایه ی Background را به سطل زباله منتقل کنید.


7. از این قسمت، گزینه ی ” Make Frames From Layers” را انتخاب کنید.

پنل timeline​


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



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



10. زیر تب ” Colours” گزینه ی 256 را انتخاب کنید.


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

S O-O M

مدیرکل بازنشسته
کاربر نقره‌ای
مدیر بازنشسته
نام هنری
تست🤨
شناسه کاربر
36
تاریخ ثبت‌نام
2020-09-30
آخرین بازدید
موضوعات
307
نوشته‌ها
5,235
راه‌حل‌ها
74
پسندها
20,218
امتیازها
833
سن
124
محل سکونت
خونمون :|

  • #10

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


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


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


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


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




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



5. هر عکس را به مرکز متصل کنید.



6. روی ” Window” کلیک کنید و ” Timeline” را در بالای صفحه ایجاد کنید. بعد ” Create Frame Animation” را انتخاب کنید.
 

موضوعات مشابه

کاربران در حال مشاهده این موضوع (مجموع: 1, کاربران: 0, مهمان‌ها: 1)

بالا پایین