آیا می توانید یک GIF در Adobe Illustrator بسازید؟

حقیقت این است که شما نمی توانید به تنهایی یک GIF در Adobe Illustrator بسازید . بله، مراحل اولیه را می توان در Adobe Illustrator انجام داد. به این معنی که می‌توانید آرت‌بوردها را برای GIF متحرک در Adobe Illustrator آماده کنید، اما باید آرت‌بوردها را به یک سازنده GIF صادر کنید یا از Photoshop برای ساخت GIF واقعی استفاده کنید.

در این آموزش، نحوه ایجاد GIF های متحرک در Adobe Illustrator و Photoshop را یاد خواهید گرفت. من آموزش ها را به دو بخش تقسیم می کنم.

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

توجه: اسکرین شات های این آموزش از نسخه مک Adobe Illustrator CC 2022 و نسخه Mac Photoshop CC 2022 گرفته شده است. ویندوز یا نسخه های دیگر ممکن است متفاوت به نظر برسند.

قسمت 1: ساختن یک GIF در Adobe Illustrator

اگر Adobe Illustrator متحرک سازی نمی کند، چرا از آن برای ساختن GIF استفاده می کنیم؟ پاسخ ساده: زیرا شما باید وکتورهای GIF را در Adobe Illustrator ایجاد کنید و نکته کلیدی این است که فریم‌ها/عمل‌های مختلف را در تابلوهای هنری مختلف جدا کنید.

هرچقدر که ممکن است گیج کننده به نظر برسد، همانطور که در اینجا مثالی با مراحل دقیق به شما نشان می دهم، متوجه خواهید شد.

مرحله 1: یک Adobe جدید ایجاد کنیدفایل Illustrator را تنظیم کنید و اندازه آرت بورد را روی 400 x 400 پیکسل قرار دهید (فقط پیشنهاد من است، هر اندازه دیگری را که دوست دارید تنظیم کنید).

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

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

همه اشکال در حال حاضر روی یک تابلوی هنری قرار دارند، بنابراین مرحله بعدی تقسیم آنها به تابلوهای هنری مختلف برای ایجاد فریم های انیمیشن است.

مرحله 3: تابلوهای هنری جدید ایجاد کنید. این آرت‌بوردها بعداً در فتوشاپ فریم‌هایی خواهند بود، بنابراین تعداد تابلوهای هنری به تعداد فریم‌ها/عمل‌هایی که می‌خواهید GIF داشته باشد بستگی دارد.

به عنوان مثال، من پنج تابلوی هنری اضافی اضافه کردم، بنابراین اکنون در مجموع شش تابلوی هنری دارم.

اگر در حال حاضر مطمئن نیستید، استرس نداشته باشید، همیشه می توانید بعداً تابلوهای هنری را اضافه یا حذف کنید.

مرحله 4: اشکال را کپی کرده و در تابلوهای هنری جدید جایگذاری کنید. اگر روی همان شکل ویرایش می‌کنید، می‌توانید شکل را در همه تابلوهای هنری کپی کنید و ویرایش‌ها را روی هر تابلوی هنری انجام دهید.

توجه: بسیار مهم است که هنگام ساختن یک GIF، اشکال را در جای خود روی تابلوهای هنری جدید قرار دهید. میانبر صفحه کلید برای قرار دادن یک شیء کپی شده در همان مکان، Command + F ( Ctrl + F برای کاربران ویندوز) است.

عناصر رویتابلوهای هنری باید دنباله ای از نحوه نمایش GIF را دنبال کنند.

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

تصمیم بگیرید که کدام قسمت بعدی نشان داده شود و تابلوهای هنری را طبق ترتیب فریمی که قرار است در GIF نشان داده شود سازماندهی کنید.

در مورد من، می‌خواهم قطره باران وسط ابتدا نشان داده شود، بنابراین آن را با شکل ابر در Artboard 2 قرار می‌دهم. سپس در فریم‌های بعدی (artboards)، قطرات باران را اضافه می‌کنم. در طرفین یکی یکی

هنگامی که همه آرت‌بوردها را تنظیم کردم، تصمیم گرفتم قطرات باران را از اولین آرت‌بورد حذف کنم، بنابراین اکنون آرت‌بردهای من به این شکل هستند و آماده کار هستند.

مرحله 5: تابلوهای هنری را نامگذاری کنید و آنها را در ترتیبی از نحوه نمایش آنها در یک GIF قرار دهید. من آنها را از فریم 1 تا فریم 6 نام می برم تا بعداً در فتوشاپ شناسایی آنها آسان تر شود.

مرحله 6: تابلوهای هنری را صادر کنید. به منوی سربار File > Export > Export for Screens بروید و Export Artboards را انتخاب کنید.

شما باید تابلوهای هنری خود را به عنوان تصاویر جداگانه با نام ذخیره کنید.

شما کار را در Adobe Illustrator تمام کرده اید، بیایید روند انیمیشن را در فتوشاپ ادامه دهیم.

قسمت 2: ساختن یک GIF در فتوشاپ

هنگامی که تمام فریم ها را آماده کردید، فقطایجاد یک GIF متحرک در فتوشاپ چند دقیقه طول می کشد.

مرحله 1: یک سند جدید در فتوشاپ ایجاد کنید، به اندازه فایل Adobe Illustrator از قسمت 1. در مورد من، 400 x 400 پیکسل خواهد بود.

مرحله 2: تصاویری را که از Adobe Illustrator صادر کرده اید به فتوشاپ بکشید و آنها به صورت لایه نشان داده می شوند.

مرحله 3: به منوی سربار Window > Timeline بروید، یا می توانید مستقیماً فضای کاری را به <2 تغییر دهید>حرکت .

شما باید یک فضای کاری Timeline در پایین پنجره فتوشاپ خود ببینید.

مرحله 4: روی Create Frame Animation در فضای کاری Timeline کلیک کنید و لایه بالایی را در فضای کاری Timeline مشاهده خواهید کرد.

مرحله 5: روی گوشه سمت راست بالای پنجره Timeline کلیک کنید تا منوی تا شده باز شود و Make Frames from Layers را انتخاب کنید.

سپس تمام لایه ها به صورت فریم نشان داده می شوند.

همانطور که می بینید، اولین فریم خالی است، زیرا بعداً پس زمینه است. با انتخاب فریم و کلیک بر روی دکمه حذف فریم های انتخاب شده در پنجره Timeline می توانید اولین فریم را حذف کنید.

مرحله 6: روی فلش رو به پایین در زیر هر فریم کلیک کنید تا سرعت هر فریم را متناسب با آن تغییر دهید. به عنوان مثال، من سرعت همه فریم ها را به 0.2 ثانیه تغییر داده ام.

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

مرحله 7: به منوی سربار File > Export > ذخیره بروید برای وب (میراث) .

از منوی تنظیمات، مهمترین چیز این است که GIF را به عنوان نوع فایل انتخاب کنید و Forever را به عنوان Lopping Options انتخاب کنید. تنظیمات دیگر را بر این اساس تغییر دهید.

روی ذخیره کلیک کنید و تبریک می‌گوییم! شما به تازگی یک GIF متحرک ساخته اید.

چگونه بدون فتوشاپ یک GIF بسازیم

با فتوشاپ آشنایی ندارید؟ مطمئناً می توانید یک GIF بدون فتوشاپ نیز ایجاد کنید. ابزارهای آنلاین زیادی وجود دارد که به شما امکان می دهد یک GIF به صورت رایگان بسازید.

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

نتیجه

Adobe Illustrator جایی است که عناصر انیمیشن را ایجاد می کنید و فتوشاپ جایی است که GIF متحرک را می سازید.

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