ابتدا مثال را با چهار تصویر بسازید، سپس ترتیب، مدت زمان فریم و بوم را با توالی عکسهای خود تطبیق دهید. باز کردن سازنده GIF.
انتخاب تصاویر و مرتبسازی توالی فریم
سازنده GIF را باز کرده و Images را انتخاب کنید. تصاویر خود را آپلود کنید یا Try an example را انتخاب کنید. ورودیهای رایج شامل JPG، PNG، WebP و GIF هستند؛ فرم آپلود فرمتهای پشتیبانی شده اضافی را فهرست میکند. یک دسته میتواند تا 50 فایل، با محدودیت 25 مگابایت برای هر تصویر و محدودیتهای پردازش کلی داشته باشد.
این مثال از Try an example برای بارگذاری gif-orbit-01.webp تا gif-orbit-04.webp استفاده میکند. هر نسخه اصلی 640 × 640 پیکسل است و چهار تصویر موقعیتهای مختلفی را در همان صحنه مداری نشان میدهند. ترتیب اصلی آنها را برای نتیجه کار حفظ کنید.
کارتهای فریم در بالای پیشنمایش قرار دارند. برای تغییر موقعیت، یک کارت را بکشید یا آن را انتخاب کرده و از گزینههای «انتقال به قبل» یا «انتقال به بعد» در پنل تنظیمات استفاده کنید. کاربران صفحهکلید میتوانند با کلیدهای جهتنما کارتها را انتخاب کرده و با ترکیب کلید Alt و کلیدهای جهتنما، ترتیب آنها را تغییر دهند. گزینه «پخش در بالا» ترتیب فعلی را بررسی میکند.
گزینه «تکرار» یک کپی دیگر از فریم انتخابشده ایجاد میکند. «حذف» یک فریم را از دنباله پاک میکند، به شرطی که حداقل یک فریم باقی بماند. «واگرد» و «بازگردانی» ویرایشهای اخیر را بازیابی میکنند؛ افزودن یا حذف یک فایل منبع، مجموعه فایل جدیدی را شروع کرده و تاریخچه ویرایش را بازنشانی میکند. برای افزودن تصاویر بیشتر به دنباله، از «افزودن تصاویر» استفاده کنید.
از تصاویر مرتبط با روند مشخص استفاده کنید. دنبال کردن یک توالی ساده، آسانتر از مشاهده تعداد زیادی عکس نامرتبط است که به سرعت تغییر میکنند.
مدت زمان هر فریم را تنظیم کرده و یک انتقال انتخاب کنید
یک فریم را انتخاب کرده و «مدت زمان» را به ثانیه تنظیم کنید. محدوده پشتیبانیشده برای هر فریم منبع، 0.02 تا 10 ثانیه است. گزینه «اعمال این مدت زمان به همه فریمها» زمان انتخابشده را برای تمام فریمها تنظیم میکند. برای اسلایدشویی که دارای عنوان یا عکس نهایی دقیق است، آن فریم را طولانیتر از بقیه نمایش دهید.
برای این مثال، تمام «مدت زمانها» را روی 0.65 ثانیه نگه دارید. گزینه «امتحان یک مثال» این مقدار را از قبل تنظیم میکند؛ برای تصاویر خودتان، مقدار 0.65 را برای یک فریم وارد کرده و «اعمال این مدت زمان به همه فریمها» را انتخاب کنید. گزینه «محو نرم» را در بخش «انتقال» انتخاب کرده و «زمان انتقال» را روی 0.20 ثانیه یا 200 میلیثانیه تنظیم کنید.
بخش «متن و کیفیت خروجی» را باز کرده و «مراحل انتقال» را روی 4 نگه دارید. هر محو شدن، چهار فریم میانی اضافه میکند. با چهار فریم اصلی، چهار محو شدن چرخشی، پخش «رو به جلو» و «تکرار همیشگی»، این مثال شامل 20 فریم رندر شده است. چهار توقف 0.65 ثانیهای به علاوه چهار محو شدن 0.20 ثانیهای، یک چرخه 3.4 ثانیهای ایجاد میکند.
«برش تمیز» بدون افزودن فریمهای انتقال، مستقیماً بین تصاویر جابجا میشود. «اسلاید به چپ» تصویر بعدی را روی بوم حرکت میدهد. مراحل انتقال بیشتر میتواند انتقال را نرمتر کند، اما از بودجه 200 فریمی خروجی بیشتر استفاده میکند. ویرایشگر زمانی که دنباله و جلوههای انتخابی از آن حد فراتر روند، هشدار میدهد.
«رو به جلو» دنباله را به ترتیب، «معکوس» آن را به صورت برعکس و «پرش» آن را بدون تکرار فریمهای انتهایی پخش میکند. «حلقه» تکرار بیپایان یا تعداد دفعات مشخصی از پخش را انتخاب میکند. برای این مثال، «رو به جلو» و «تکرار همیشگی» را انتخاب کنید.
«مدت زمان» توقف قبل از انتقال است؛ «زمان انتقال» به آن اضافه میشود. چهار عکس با 0.65 ثانیه، وقتی محو شدن فعال باشد، یک حلقه 2.6 ثانیهای ایجاد نمیکنند.
نمونه موجود در این راهنما
چهار تصویر نمونه به ترتیب اصلی؛ 0.65 ثانیه برای هر فریم؛ رو به جلو؛ تکرار بینهایت؛ محو شدن نرم؛ 0.20 ثانیه زمان انتقال؛ 4 مرحله انتقال؛ مربع 640 × 640 پیکسل؛ نمایش کل تصویر؛ متمرکز در زوم 100%؛ زیرنویس فریم اول "Made to loop."؛ پایین؛ 32 پیکسل؛ سفید؛ 256 رنگ؛ گرادیانهای رنگی نرم و بهینهسازی اندازه فایل فعال است.
- تصاویر منبع
- 4 WebP · هر کدام 640 × 640 پیکسل
- زمانبندی فریم
- 0.65 ثانیه توقف + 0.20 ثانیه محو شدن
- GIF دانلود شده
- 640 × 640 پیکسل · 20 فریم
- چرخه انیمیشن
- 3.4 ثانیه · تکرار بینهایت
بوم را انتخاب کنید، تصاویر را دوباره قاببندی کرده و زیرنویس اضافه کنید
در بخش «بوم و پسزمینه»، برای این مثال گزینه «مربع · 1:1» را انتخاب کرده و «عرض» و «ارتفاع» را روی 640 پیکسل نگه دارید. سایر پیشتنظیمها شامل «پرتره»، «استوری»، «منظره» و «عریض» هستند. «تطبیق با اولین تصویر» از شکل اولین تصویر شروع میشود، در حالی که «اندازه سفارشی» ابعاد 16 تا 1600 پیکسل برای هر ضلع را میپذیرد که مشمول محدودیت پردازش کلی انیمیشن است.
«تناسب تصویر» گزینههای «نمایش کل تصویر» و «پر کردن بوم» را ارائه میدهد. «نمایش کل تصویر» با زوم 100% تمام لبههای منبع را حفظ کرده و ممکن است در اطراف تصویری با شکل متفاوت، پسزمینه باقی بگذارد. «پر کردن بوم» ناحیه خروجی را پوشش داده و ممکن است لبهها را برش دهد. «پسزمینه» را روی رنگ دلخواه تنظیم کنید یا در صورت نیاز به مقصد، «پسزمینه شفاف» را فعال کنید.
یک فریم را انتخاب کنید تا کادربندی آن را بهطور مستقل تغییر دهید. پیشنمایش را بکشید یا بزرگنمایی (Zoom) را تغییر دهید، از چپ یا راست برای چرخشهای 90 درجهای استفاده کنید، یا برای آینهای کردن آن از Flip استفاده کنید. گزینه Reset frame آن فریم را به حالت مرکز، بدون چرخش و با بزرگنمایی 100% بازمیگرداند. در این مثال، هر چهار تصویر مربعی اصلی در مرکز قرار گرفته و از گزینه نمایش کل تصویر استفاده شده است.
فریم اول را انتخاب کرده و عبارت Made to loop. را در بخش Caption وارد کنید. سه کادر دیگر را خالی بگذارید. در بخش Text & export quality، موقعیت زیرنویس (Caption position) را روی Bottom، اندازه آن را روی 32 پیکسل و رنگ آن را سفید نگه دارید. زیرنویسها متعلق به فریمهای جداگانه هستند؛ انتخاب فریم دیگر به شما امکان میدهد متن متفاوتی بنویسید. اولین زیرنویس در این مثال، همراه با فریم خود محو میشود.
تعداد رنگها را روی GIF و در حالت 256 · more detail نگه دارید، در حالی که Smooth color gradients و Optimize file size برای نتیجه نهایی فعال باشند. تعداد رنگ کمتر میتواند فایل سبکتری ایجاد کند اما ممکن است سایههای ظریف را تغییر دهد. Smooth color gradients از dithering استفاده میکند که میتواند نوارهای رنگی را نرم کرده و در عین حال یک الگوی ظریف قابل مشاهده اضافه کند.
پس از تغییر شکل بوم، هر فریم را بررسی کنید. ترکیبی که برای یک تصویر مناسب است، ممکن است سوژه را در تصویر دیگری برش دهد. افزایش ابعاد خروجی نمیتواند جزئیات از دست رفته در یک منبع کوچک را بازیابی کند.
GIF را ایجاد کرده و انیمیشن دانلود شده را بازبینی کنید.
پیشنمایش را پخش کنید و یک چرخه کامل، شامل بازگشت از آخرین فریم به اولین فریم را تماشا کنید. بررسی کنید که زیرنویسها به اندازه کافی قابل مشاهده باشند، برشها یکنواخت باشند و هیچ فریمی عجولانه به نظر نرسد. وقتی توالی آماده بود، Create GIF را انتخاب کنید؛ سرور انیمیشن نهایی را از فایلهای اصلی آپلود شده رندر میکند.
مثال کار شده، animation.gif را با ابعاد 640 × 640 پیکسل دانلود میکند. خروجی واقعی دارای 20 فریم، یک چرخه 3.4 ثانیهای و حلقه بیپایان است. مقایسه بالا چهار تصویر اصلی را به صورت یک شیت تماس و اولین فریم واقعی از آن GIF دانلود شده، شامل زیرنویس اضافه شده Made to loop. نشان میدهد.
تصاویر مقاله فقط پیشنمایش هستند، نه پخشکننده انیمیشن. GIF دانلود شده را در برنامهای که از انیمیشن پشتیبانی میکند باز کنید تا زمانبندی و حلقه را بررسی کنید. پیشنمایشی که روان به نظر میرسد ممکن است پس از تبدیل پالت GIF دچار تغییرات رنگی شود، بنابراین قبل از اشتراکگذاری، نتیجه ذخیره شده را بررسی کنید.
برای نتیجه کوچکتر، تعداد فریمهای منبع کمتر، انتقالهای کوتاهتر، مراحل انتقال کمتر، بوم کوچکتر یا مقدار رنگ GIF پایینتر را امتحان کنید. کوتاه کردن زمان توقف به تنهایی فریمهای تصویر را حذف نمیکند، بنابراین ممکن است سرعت را بدون کاهش زیاد حجم فایل تغییر دهد.
قبل از رفرش کردن یا ترک صفحه، دانلود کنید. رفرش کردن ویرایشگر یا صفحه دانلود، شما را به صفحه اصلی ابزار بازمیگرداند. تصاویر اصلی خود را نگه دارید زیرا GIF صادر شده یک انیمیشن تخت است، نه یک فایل پروژه که حاوی کنترلهای منبع قابل ویرایش باشد.
یک نمایشگر تصویر ثابت ممکن است فقط اولین فریم GIF را نشان دهد. قبل از اینکه نتیجه بگیرید انیمیشن گم شده است، فایل را در یک مرورگر یا نمایشگر دیگری که قابلیت پخش انیمیشن دارد تست کنید.
پرسشهای متداول
آیا میتوانم یک GIF از تصاویر JPG و PNG با هم بسازم؟
بله. حالت تصاویر میتواند فرمتهای تصویری پشتیبانیشده را در یک دنباله ترکیب کند. هر ورودی به یک یا چند فریم زمانی تبدیل میشود. یک اندازه بوم مشترک انتخاب کنید و تناسب هر تصویر را بررسی کنید.
آیا هر تصویر میتواند برای مدت زمان متفاوتی روی صفحه بماند؟
بله. یک فریم را انتخاب کرده و مدت زمان (Duration) را تغییر دهید. اعمال این مدت زمان برای همه فریمها اختیاری است؛ وقتی تصاویر نیاز به زمانهای توقف متفاوتی دارند، آن را بدون استفاده بگذارید.
چرا GIF فریمهای بیشتری نسبت به تعداد عکسها دارد؟
محو شدن نرم (Soft fade) و اسلاید به چپ (Slide left) فریمهای انتقالی را درج میکنند و Bounce یک دنباله بازگشتی اضافه میکند. یک فایل متحرک آپلود شده نیز میتواند شامل چندین فریم باشد. محدودیت 200 فریمی برای انیمیشن رندر شده اعمال میشود، نه فقط تعداد عکسهای آپلود شده.
آیا میتوانم زیرنویس متفاوتی روی هر تصویر بگذارم؟
بله. زیرنویس برای فریم انتخاب شده اعمال میشود. هر فریم را انتخاب کنید تا متن آن را وارد کنید. موقعیت، اندازه و رنگ زیرنویس، کنترلهای استایل مشترک برای انیمیشن هستند.
آیا GIF میتواند پسزمینه شفاف داشته باشد؟
بله. پسزمینه شفاف (Transparent background) را در بخش بوم و پسزمینه فعال کنید. GIF از پیکسلهای کاملاً شفاف پشتیبانی میکند نه شفافیت جزئی نرم به سبک PNG، بنابراین لبههای نرم ممکن است تغییر کنند. نتیجه دانلود شده را در برابر پسزمینه مورد نظر خود بررسی کنید.
چرا برخی از لبههای عکس حذف شدهاند؟
پر کردن بوم و زوم اضافی میتواند لبههای منبع را برش دهد. برای حفظ یک تصویر کامل، گزینه نمایش کل تصویر (Show the whole image) را انتخاب کنید، زوم را روی 100% تنظیم کنید و از کادربندی متمرکز استفاده کنید. شکل بوم متفاوت ممکن است پسزمینه قابل مشاهدهای در اطراف آن باقی بگذارد.
آیا سریعتر پخش شدن GIF باعث کوچکتر شدن فایل آن میشود؟
لزوماً خیر. توقف کوتاهتر زمانبندی را تغییر میدهد اما همان فریمها را حفظ میکند. کاهش ابعاد، تعداد فریمهای رندر شده یا تعداد رنگها معمولاً تأثیر مستقیمتری بر اندازه فایل دارد.
آیا همه تصاویر در مرورگر من پردازش میشوند؟
خیر. مرورگر ترکیب تعاملی را نمایش میدهد، اما پیشنمایش فریمها و رمزگذاری نهایی GIF از پردازش سرور استفاده میکنند. فایل نهایی از روی نسخههای اصلی آپلود شده و تنظیمات انتخاب شده رندر میشود.
تصاویر خود را با ریتمی مشخص به یک حلقه تبدیل کنید
یک نمونه را امتحان کنید یا از فایل خود استفاده کنید و قبل از اشتراکگذاری، نتیجه را بررسی کنید.