إنتاج صورة GIF متحركة باستخدام برنامج جيمب

جدول المحتويات:

إنتاج صورة GIF متحركة باستخدام برنامج جيمب
إنتاج صورة GIF متحركة باستخدام برنامج جيمب
Anonim

GIMP هو برنامج قوي بشكل ملحوظ بالنظر إلى أنه مجاني. قد يكون مصممو الويب ، على وجه الخصوص ، ممتنين لقدرتهم على إنتاج صور-g.webp

صور-g.webp

كيفية عمل صورة-g.webp" />

توضح الخطوات التالية رسمًا متحركًا بسيطًا لحجم بانر الويب باستخدام بعض الرسومات الأساسية وبعض النصوص والشعار.

تنطبق الإرشادات الواردة في هذه المقالة على إصدار GIMP 2.10.12.

  1. افتح مستند جديد. في هذا المثال ، اخترنا القالب المعين مسبقًا Web banner big mobile 320x100.

    بالنسبة إلى الرسوم المتحركة الخاصة بك ، يمكنك تحديد حجم محدد مسبقًا أو تعيين أبعاد مخصصة بناءً على كيفية استخدامك للرسوم المتحركة النهائية.

    في هذا البرنامج التعليمي ، ستتألف الرسوم المتحركة من سبعة إطارات وسيتم تمثيل كل إطار بواسطة طبقة فردية ، مما يعني أن ملف GIMP النهائي سيكون له سبع طبقات ، بما في ذلك الخلفية.

  2. تعيين الإطار الأول. ستبدأ الرسوم المتحركة بمساحة فارغة ، لذا لا يلزم إجراء تغييرات على الطبقة الفعلية الخلفيةلأنها بيضاء بالفعل.

    ومع ذلك ، هناك حاجة إلى تغيير اسم الطبقة في الطبقات لوحة. انقر بزر الماوس الأيمن فوق طبقة Background في اللوحة وحدد تحرير سمات الطبقة.

    Image
    Image
  3. في تحرير سمات الطبقة الحوار الذي يفتح ، أضف (250ms)إلى نهاية اسم الطبقة. هذا يحدد مقدار الوقت الذي سيتم فيه عرض هذا الإطار في الرسم المتحرك. يرمز ms للمللي ثانية وكل ميلي ثانية هو جزء من الألف من الثانية. سيتم عرض هذا الإطار الأول لمدة ربع ثانية.

    Image
    Image
  4. تعيين الإطار الثاني. في البرنامج التعليمي ، يتم استخدام رسم البصمة لهذا الإطار. انتقل إلى File> افتح كطبقات وحدد ملف الرسومات. هذا يضع البصمة على طبقة جديدة يمكن وضعها كما هو مطلوب باستخدام Move Tool.

    Image
    Image
  5. كما هو الحال مع طبقة الخلفية ، يجب إعادة تسمية هذه الطبقة الجديدة لتعيين وقت العرض للإطار. في هذه الحالة ، 750 مللي ثانية.

    في لوحة Layers، تظهر معاينة الطبقة الجديدة لإظهار خلفية سوداء حول الرسم ، ولكن في الواقع هذه المنطقة شفافة.

    Image
    Image
  6. تعيين الإطارات ثلاثة وأربعة وخمسة. الإطارات الثلاثة التالية هي المزيد من آثار الأقدام التي ستمشي عبر اللافتة. يتم إدراجها بنفس طريقة الإطار الثاني ، باستخدام نفس الرسومات ورسم آخر للقدم الأخرى. كما كان من قبل ، تم ضبط الوقت على 750 مللي ثانية لكل إطار.

    تحتاج كل طبقة من طبقات البصمة إلى خلفية بيضاء بحيث يكون إطار واحد فقط مرئيًا - حاليًا ، لكل منها خلفية شفافة. يمكننا القيام بذلك عن طريق إنشاء طبقة جديدة مباشرة أسفل طبقة البصمة ، وملء الطبقة الجديدة باللون الأبيض ثم النقر بزر الماوس الأيمن فوق طبقة البصمة والنقر فوق Merge Down

  7. تعيين الإطار ستة. هذا الإطار هو مجرد إطار فارغ مملوء باللون الأبيض والذي سيعطي مظهر البصمة النهائية تختفي قبل ظهور الإطار النهائي. لقد قمنا بتسمية هذه الطبقة بالفاصل الزمني واخترنا أن يكون هذا العرض لمدة 250 مللي ثانية فقط.

    لا تحتاج إلى تسمية الطبقات ، ولكن يمكن أن يجعل الملفات ذات الطبقات أسهل في العمل.

    Image
    Image
  8. تعيين الإطار السابع. هذا هو الإطار النهائي ويعرض بعض النص مع شعار Lifewire.com. الخطوة الأولى هنا هي إضافة طبقة أخرى بخلفية بيضاء.

    Image
    Image
  9. بعد ذلك ، استخدم أداة النصلإضافة النص. يتم تطبيق هذا على طبقة جديدة ولكننا سنتعامل مع ذلك بمجرد إضافة الشعار أو الصورة الجديدة ، والتي يمكن القيام بها بنفس الطريقة التي تمت بها إضافة رسومات البصمة مسبقًا.

    Image
    Image
  10. عندما نقوم بترتيبها حسب الرغبة ، يمكننا استخدام Merge Downلدمج طبقات الشعار والنص ثم دمج تلك الطبقة المدمجة مع الطبقة البيضاء التي تمت إضافتها سابقًا.ينتج عن هذا طبقة واحدة تشكل الإطار النهائي وقد اخترنا عرضها لمدة 4000 مللي ثانية.

    Image
    Image
  11. معاينة الرسوم المتحركة قبل حفظ-g.webp" />Filters> Animation >Playback هذا يفتح مربع حوار معاينة بأزرار تشرح نفسها لتشغيل الرسوم المتحركة. إذا كان هناك شيء لا يبدو صحيحًا ، فيمكن تعديله في هذه المرحلة. خلاف ذلك ، يمكن حفظه كصورة-g.webp" />.

    يتم تعيين تسلسل الرسوم المتحركة بالترتيب الذي يتم فيه تكديس الطبقات في لوحة Layers، بدءًا من الخلفية أو الطبقة الدنيا والعمل لأعلى. إذا تم تشغيل الرسوم المتحركة الخاصة بك خارج التسلسل ، فستحتاج إلى ضبط ترتيب الطبقات ، عن طريق النقر فوق طبقة لتحديد واستخدام السهمين لأعلى ولأسفل في الشريط السفلي من لوحة الطبقات لتغيير موضعها.

    Image
    Image
  12. احفظ صورة-g.webp" />. يعد حفظ صورة-g.webp" />File> احفظ نسخةواعط ملفك اسمًا ذا صلة وحدد المكان الذي تريد حفظ ملفك فيه.

    Image
    Image
  13. بعد ذلك ، انتقل إلى ملف> تصدير باسملحفظه كصورة-g.webp" />.

    Image
    Image
  14. في مربع الحوار تصدير الصورة الذي يفتح ، حدد حدد نوع الملف وانتقل إلى صورة-g.webp" />. إذا تلقيت تحذيرًا بشأن الطبقات الممتدة خارج الحدود الفعلية للصورة ، فحدد الزرCrop.

    Image
    Image
  15. سيؤدي هذا الآن إلى مربع الحوار حفظ بصيغة GIF مع قسم خيارات صور-g.webp" />. يمكنك ترك هذه الإعدادات الافتراضية ، على الرغم من أنك إذا كنت تريد تشغيل الرسوم المتحركة مرة واحدة فقط ، فيجب عليك إلغاء تحديد Loop forever.

    Image
    Image
  16. الآن يمكنك مشاركة صور-g.webp

الخلاصة

ستمنحك الخطوات الموضحة هنا الأدوات الأساسية لإنتاج الرسوم المتحركة البسيطة الخاصة بك ، باستخدام رسومات وأحجام مستندات مختلفة. في حين أن النتيجة النهائية أساسية للغاية من حيث الرسوم المتحركة ، إلا أنها عملية سهلة للغاية يمكن لأي شخص لديه معرفة أساسية بـ GIMP تحقيقها.

موصى به: