ایجاد انیمیشن در فتوشاپ چگونه است؟

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

روش اول: ویدیوی زیر:

اگر با کمک ویدیوی بالا یاد نگرفتید، آموزش گام به گام زیر را دنبال کنید.

توی ، فتوشاپ رو جوری یاد میگیری که تو هیچ کلاس آموزشی یا پک دیگه ای نه دیدی نه شنیدی! با فتوشاپ کاری نیست نتونی انجام بدی. همه رو انگشت به دهان می کنی یا اصلا باهاش میتونی راحت پول در بیاری!

حتما این مطلب را بخوانید: 

گام اول: عکسهایتان را در فتوشاپ آپلود کنید.

عکس هایی که مدنظرتان است را در پوشه ی جداگانه ای قرار دهید (بهتر است آنها را به ترتیب مدنظرتان از عدد ۱ تا … شماره گذاری کنید). برای آپلود کردن آنها در فتوشاپ به اینصورت عمل کنید:

سپس گزینه  Browse  و عکسهایی که مایل هستید در GIF بگذارید را انتخاب کنید سپس OK کنید.

وقتی لایه ها آماده شدند و همه ی آنها را نامگذاری کردید، سراغ مرحله ی دوم میرویم.

گام دوم: Timeline window را باز کنید

برای باز کردن timeline به سمت بالا بروید و از window گزینه ی timeline را انتخاب کنید. Timeline به شما اجازه میدهد که لایه های مختلف را در بازه های زمانی متفاوت باز و بسته کنید. به اینصورت تصاویر ثابتتان به GIF تبدیل میشود.

پنجره ی timeline در پایین صفحه ظاهر میشود و مانند عکس زیر میباشد:

حالا timeline شما باید مانند شکل زیر بنظر برسد (یا اینکه فریم ها را زیر هم نشان دهد):

گام چهارم: برای هر فریم جدید یک لایه ی جدید بسازید.

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

این کار هر فریم از لایه ی GIF شما را میسازد. یعنی هر لایه ای که می بینید، یک فریم از گیف شماست.

مرحله ی ششم: در زیر هر فریم، مدت زمان ظاهر شدن آن را قبل از تغییر به فریم دیگر مشخص کنید.

برای انجام اینکار، روی زمان زیر هر فریم کلیک کنید و مشخص کنید که دوست دارید چقدر باشد. در این مثال ما برای هر فریم زمان ۰٫۵ ثانیه را انتخاب میکنیم.

بهترین گزینه برای اینجا میتواند forever انتخاب شود (یعنی گیف شما مثل گیف های معمولی که داخل اینترنت می بینید مدام تکرار شود و استوپ نشود). اگر تکرار خاصی مدنظرتان است، گزینه ی other را کلیک کنید:

گام نهم: GIF تان را ذخیره کنید و آن را بیرون ببرید.

از چیزی که ساختید راضی هستید؟ برای استفاده ی آنلاین از آن را سیو کنید و مراحل زیر را انجام دهید:

از دست ندهید:

چگونه میتوانیم از GIF هایی که میسازیم، استفاده کنیم؟

۱–در شبکه های اجتماعی: Pinterest به دنبال Twitter، پیشگام در استفاده از GIF های متحرک بوده است. بعد از آنها فیس بوک و اینستاگرام هم از آن استفاده کردند. این میتواند یک روش برای بازاریابی باشد. برای مثال ببینید که چگونه محصولات از GIF برای ارتقاء بازار وب سایت هایشان استفاده میکنند.

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

۳–در پست های وبلاگ: در وبلاگ ها میتوانید از پست های متحرک برای دستور آشپزی یا تماس با وبلاگ و یا هر چیز دیگری استفاده کنید.

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

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

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

چنانچه به  علاقه مند هستید دوره مربوطه برایتان در دانشجویار قرار داده شده است.

درست مانند ساخت انیمیشن کلاسیک، یک انیمیشن از مجموعه ای از تصاویر ثابت تشکیل شده است که به صورت متوالی و پشت سر هم اجرا می شوند تا از دید دیگران حرکت را ایجاد کنند.یک GIF را از اینترنت پیدا کنید و آن را در Photoshop بکشید، و فریم های جداگانه ای را ایجاد می کنید که انیمیشن را تشکیل می دهند.  این فریم ها همان چیزی است که ما می خواهیم در این آموزش بسازیم.پس با ما همراه باشید با آموزش گام به گام ساخت انیمیشن با فتوشاپ:

مراحل ساخت انیمیشن با فتوشاپ:

مرحله اول: ابعاد و رزولیشن سند فتوشاپ خود را تنظیم کنید

اسناد خود را از قبل تنظیم کنید. حتی اگر تنها خواسته شما ایجاد یک انیمیشن یا گیف ( ) مشترک برای دوستانتان در رسانه های اجتماعی باشد، اجازه دهید اندازه عکس یا ویدئوی شما اندازه سند شما باشد زیرا ممکن است باعث شود پرونده بزرگتر از آنچه لازم است باشد، که باعث کیفیت پایین انیمیشن سازی در فتوشاپ می شود. انیمیشن تقریبا اندازه 600px-800px برای تصویر مربع مناسب است.

برای این پروژه، ما در حال کار با یک بنر تبلیغاتی GIF هستیم که دارای دستورالعمل هایی با اندازه استاندارد است.  طرح 720 × 300 را انتخاب کردیم.  اطمینان حاصل کنید که واحدهای شما در پیکسل باشند.

برای حفظ اندازه پرونده تا حد ممکن، وضوح 150 خوب است. که این انیمیشن خیلی بزرگ نخواهد بود.  اطمینان حاصل کنید که واحدهای شما در پیکسل / اینچ هستند وگرنه انیمیشن شما خراب میشود یا اجرا نمیشود.

مرحله دوم: پرونده های تصویر خود را در فتوشاپ وارد کنید

اگر ویدیویی را به GIF تبدیل می کنید، به File> Import> قاب های ویدیویی به لایه ها بروید.

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

مرحله چهارم: لایه های خود را به فریم تبدیل کنید

اولین قاب شما از قبل تنظیم شده است ، ساخته شده از تمام لایه های قابل مشاهده (به معنای دید لایه یا نماد چشم ، روشن است) در سند شما.  اکنون تنها کاری که باید انجام دهید پر کردن جدول زمانی با چند فریم برای شبیه سازی حرکت است.  برای این کار دو روش وجود دارد: فریم هایی را که قبلاً تهیه کرده اید وارد کنید یا انیمیشن خود را از ابتدا در فتوشاپ ایجاد کنید.  این بخش سناریوی اول را پوشش می دهد.

مرحله پنجم: برای ایجاد انیمیشن قاب های خود را کپی کنید

اگر هنوز تصاویر ثابت را از قبل تنظیم نکرده اید یا نیاز به تنظیم قسمت هایی از انیمیشن ایجاد شده در مرحله 4 دارید ، می توانید انیمیشن را به صورت دستی با فریم بسازید (به همین ترتیب من انیمیشن خود را ساختم).  برای انجام این کار ، آخرین قاب را در جدول زمانی کپی کنید (روی نماد صفحه اختصاصی در پانل ابزارهای زیر جدول زمانی کلیک کنید) ، تغییراتی را که باید در تصویر خود ایجاد کنید و تکرار کنید.

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

مرحله ششم: زمان تأخیر هر فریم را تنظیم کنید

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

نکته: بسیاری از فریم ها با تاخیر کوتاه ، کلید صاف کردن انیمیشن ها است در حالی که چند فریم با تاخیر طولانی ، جلوه ای تکان دهنده و متوقف را ایجاد می کند.

مرحله هفتم: تعداد دفعات حلقه انیمیشن را تنظیم کنید

تنظیمات حلقه نیز در پنل ابزارهای زیر جدول زمانی قرار دارد.  می توانید انیمیشن خود را برای حلقه برای همیشه ، یک بار یا تعداد مشخصی از زمان تنظیم کنید.

مرحله هشتم: پیش نمایش و تکرار در انیمیشن

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

حال جامع‌ترین دوره فتوشاپ در ایران معرفی میکنیم چون بر خلاف آموزش‌های موجود، دوره آموزش فتوشاپ لرن فایلز تمام موارد را در دِلِ انجام مثال‌ها و پروژه‌های جذاب عملی و درست زمانی که موقع استفاده از آن ابزار یا پنل فرا میرسد به شما آموزش می‌دهد

مرحله نهم: سند فتوشاپ خود را به عنوان انیمیشن صادر کنید

• اندازه پرونده را مرتب کنید

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