قم ببناء المثال بأربع صور أولاً، ثم قم بتكييف الترتيب، ومدة الإطار، واللوحة مع تسلسل صورك الخاص. فتح صانع GIF.
اختر الصور ورتب تسلسل الإطارات
افتح صانع GIF وحدد الصور. قم بتحميل صورك أو اختر تجربة مثال. تشمل المدخلات الشائعة JPG وPNG وWebP وGIF؛ يسرد نموذج التحميل التنسيقات الإضافية المدعومة. يمكن أن تحتوي الدفعة على ما يصل إلى 50 ملفاً، بحد أقصى 25 ميجابايت لكل صورة وحدود معالجة إجمالية.
يستخدم هذا المثال "تجربة مثال" لتحميل 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 WebPs · كل منها 640 × 640 بكسل
- توقيت الإطار
- 0.65 ثانية ثبات + 0.20 ثانية تلاشٍ
- تم تنزيل GIF
- 640 × 640 بكسل · 20 إطار
- دورة الرسوم المتحركة
- 3.4 ثانية · تكرار للأبد
اختر اللوحة، وأعد تأطير الصور، وأضف تسميات توضيحية
تحت "اللوحة والخلفية"، اختر "مربع · 1:1" للمثال وحافظ على "العرض" و"الارتفاع" عند 640 بكسل. تشمل الإعدادات المسبقة الأخرى "طولي"، و"قصة"، و"عرضي"، و"شاشة عريضة". يبدأ "مطابقة الصورة الأولى" من شكل الصورة الأولى، بينما يقبل "حجم مخصص" أبعاداً من 16 إلى 1600 بكسل لكل حافة، رهناً بحد المعالجة الإجمالي للرسوم المتحركة.
يوفر "ملاءمة الصورة" خياري "إظهار الصورة كاملة" و"ملء اللوحة". إظهار الصورة كاملة عند تكبير 100% يحافظ على جميع حواف المصدر ويمكن أن يترك خلفية حول صورة ذات شكل مختلف. يغطي "ملء اللوحة" منطقة الإخراج ويمكن أن يقتص الحواف. اضبط "الخلفية" على التعبئة المطلوبة أو قم بتمكين "خلفية شفافة" عندما تتطلب الوجهة ذلك.
حدد إطاراً لتغيير تأطيره بشكل مستقل. اسحب المعاينة أو غيّر "التكبير"، واستخدم "يسار" أو "يمين" لتدوير 90 درجة، أو "انعكاس" لقلبها. يعيد "إعادة تعيين الإطار" ذلك الإطار إلى تأطير مركزي غير مدور عند تكبير 100%. يحافظ المثال على جميع الصور المربعة الأصلية الأربع في المنتصف ويستخدم "إظهار الصورة كاملة".
حدد الإطار الأول وأدخل "Made to loop." في "تسمية توضيحية". اترك التسميات التوضيحية الثلاث الأخرى فارغة. تحت "النص وجودة التصدير"، حافظ على "موضع التسمية" في الأسفل، و"حجم التسمية" عند 32 بكسل، و"لون التسمية" أبيض. تنتمي التسميات التوضيحية إلى إطارات فردية؛ يتيح لك تحديد إطار آخر كتابة سطر مختلف. تتلاشى التسمية التوضيحية الأولى في المثال مع إطارها.
حافظ على GIF لون عند 256 · مزيد من التفاصيل، مع تفعيل "تدرجات ألوان ناعمة" و"تحسين حجم الملف" للنتيجة النهائية. يمكن أن تؤدي أعداد الألوان الأقل إلى ملف أخف ولكنها قد تغير الظلال الدقيقة. يستخدم "تدرجات ألوان ناعمة" التردد، والذي يمكن أن ينعم نطاقات الألوان مع إضافة نمط دقيق مرئي.
تحقق من كل إطار بعد تغيير شكل اللوحة. التكوين الذي يناسب صورة واحدة قد يقتص الموضوع في صورة أخرى. زيادة أبعاد الإخراج لا يمكنها استعادة التفاصيل المفقودة من مصدر صغير.
أنشئ GIF وراجع الرسوم المتحركة التي تم تنزيلها
شغل المعاينة وشاهد دورة كاملة، بما في ذلك العودة من الإطار الأخير إلى الأول. تحقق من بقاء التسميات التوضيحية مرئية لفترة كافية، وأن الاقتصاص متسق، وأنه لا يوجد إطار يبدو متسرعاً. حدد "إنشاء GIF" عندما يكون التسلسل جاهزاً؛ يقوم الخادم بعرض الرسوم المتحركة النهائية من النسخ الأصلية التي تم تحميلها.
يقوم المثال العملي بتنزيل animation.gif بدقة 640 × 640 بكسل. يحتوي الإخراج الفعلي على 20 إطاراً، ودورة مدتها 3.4 ثانية، وتكرار لا نهائي. تُظهر المقارنة أعلاه الصور الأربع الأصلية كصحيفة اتصال والإطار الأول الفعلي لتلك GIF التي تم تنزيلها، بما في ذلك التسمية التوضيحية المضافة "Made to loop.".
صور المقالة لا تزال معاينات، وليست مشغل رسوم متحركة. افتح GIF الذي تم تنزيله في تطبيق يدعم الرسوم المتحركة للتحقق من التوقيت والحلقة. المعاينة التي تبدو سلسة لا تزال قادرة على اكتساب تغييرات في الألوان بعد تحويل لوحة GIF، لذا افحص النتيجة المحفوظة قبل المشاركة.
للحصول على نتيجة أصغر، جرب عدداً أقل من إطارات المصدر، وانتقالات أقصر، وخطوات انتقال أقل، ولوحة أصغر، أو قيمة ألوان GIF أقل. تقصير وقت التوقف وحده لا يزيل إطارات الصور، لذا قد يغير الوتيرة دون تقليل حجم الملف كثيراً.
قم بالتنزيل قبل التحديث أو المغادرة. تؤدي إعادة تحميل المحرر أو صفحة التنزيل إلى العودة إلى صفحة الأداة الرئيسية. احتفظ بصورك الأصلية لأن GIF المصدر هو رسوم متحركة مسطحة، وليس ملف مشروع يحتوي على عناصر تحكم المصدر القابلة للتعديل.
قد يعرض عارض الصور الثابتة الإطار GIF الأول فقط. اختبر الملف في متصفح أو عارض آخر قادر على عرض الرسوم المتحركة قبل الاستنتاج بأن الرسوم المتحركة مفقودة.
أسئلة شائعة
هل يمكنني إنشاء GIF من صور JPG و PNG معاً؟
نعم. يمكن لوضع الصور دمج تنسيقات الصور المدعومة في تسلسل واحد. يصبح كل مدخل إطاراً واحداً أو أكثر في المخطط الزمني. اختر حجم لوحة مشترك وتحقق من ملاءمة كل صورة.
هل يمكن لكل صورة البقاء على الشاشة لوقت مختلف؟
نعم. حدد إطاراً وقم بتغيير المدة. تطبيق هذه المدة على جميع الإطارات اختياري؛ اتركه غير مستخدم عندما تحتاج الصور إلى أوقات ثبات مختلفة.
لماذا يحتوي GIF على إطارات أكثر من عدد الصور؟
يضيف التلاشي الناعم والانزلاق لليسار إطارات انتقالية، ويضيف الارتداد تسلسلاً عائداً. يمكن أن يحتوي الملف المتحرك الذي تم تحميله أيضاً على عدة إطارات. ينطبق حد 200 إطار على التحريك المُنتج، وليس فقط على عدد الصور التي تم تحميلها.
هل يمكنني وضع تسمية توضيحية مختلفة على كل صورة؟
نعم. تنطبق التسمية التوضيحية على الإطار المحدد. حدد كل إطار لإدخال نصه. موضع التسمية التوضيحية وحجمها ولونها هي عناصر تحكم مشتركة في تنسيق التحريك.
هل يمكن أن يحتوي GIF على خلفية شفافة؟
نعم. قم بتمكين الخلفية الشفافة ضمن اللوحة والخلفية. يدعم GIF البكسلات الشفافة تماماً بدلاً من الشفافية الجزئية الناعمة بنمط PNG، لذا قد تتغير الحواف الناعمة. تحقق من النتيجة التي تم تنزيلها مقابل الخلفية المقصودة.
لماذا تظهر بعض حواف الصورة مفقودة؟
ملء اللوحة والتكبير الإضافي يمكن أن يقص حواف المصدر. للحفاظ على صورة كاملة، اختر إظهار الصورة كاملة، واضبط التكبير على 100% واستخدم التأطير المتمركز. قد يترك شكل اللوحة المختلف خلفية مرئية حولها.
هل جعل GIF يعمل بشكل أسرع يجعل حجم ملفه أصغر؟
ليس بالضرورة. يغير الثبات الأقصر التوقيت ولكنه يحتفظ بنفس الإطارات. عادة ما يكون لتقليل الأبعاد أو عدد الإطارات المُنتجة أو عدد الألوان تأثير مباشر أكثر على حجم الملف.
هل تتم معالجة جميع الصور في متصفحي؟
لا. يعرض المتصفح التكوين التفاعلي، ولكن معاينات الإطارات وترميز GIF النهائي يستخدمان معالجة الخادم. يتم إنتاج الملف النهائي من النسخ الأصلية التي تم تحميلها والإعدادات المحددة.
حول صورك إلى حلقة بإيقاع واضح
جرب عينة أو استخدم ملفك الخاص، وراجع النتيجة قبل المشاركة.
