هل يمكنك عمل ملف GIF في Adobe Illustrator؟

الحقيقة ، لا يمكنك إنشاء ملف GIF في Adobe Illustrator وحده . نعم ، يمكن تنفيذ الخطوات الأولية في Adobe Illustrator. بمعنى أنه يمكنك تجهيز اللوحات الفنية لصورة GIF المتحركة في Adobe Illustrator ، ولكنك ستحتاج إلى تصدير اللوحات الفنية إلى صانع GIF أو استخدام Photoshop لإنشاء GIF الفعلي.

في هذا البرنامج التعليمي ، ستتعلم كيفية إنشاء صور GIF متحركة في Adobe Illustrator و Photoshop. سأقسم البرامج التعليمية إلى جزأين.

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

ملاحظة: لقطات الشاشة في هذا البرنامج التعليمي مأخوذة من إصدار Adobe Illustrator CC 2022 Mac وإصدار Photoshop CC 2022 Mac. يمكن أن يبدو Windows أو الإصدارات الأخرى مختلفة.

الجزء 1: إنشاء ملف GIF في Adobe Illustrator

إذا لم يكن Adobe Illustrator متحركًا ، فلماذا نستخدمه لإنشاء GIF؟ إجابة بسيطة: لأنك تحتاج إلى إنشاء ناقلات لـ GIF في Adobe Illustrator والمفتاح هو أن يكون لديك إطارات / إجراءات مختلفة مقسمة إلى ألواح رسم مختلفة.

بقدر ما قد يبدو محيرًا ، ستحصل عليه كما أعرض لك مثالاً هنا مع خطوات مفصلة.

الخطوة 1: قم بإنشاء Adobe جديدملف Illustrator واضبط حجم لوح الرسم على 400 × 400 بكسل (اقتراحي فقط ، لا تتردد في إعداد أي حجم آخر تريده).

نظرًا لأنه سيكون ملف GIF ، لا أوصي بوجود ملف كبير وسيكون الأفضل إذا كانت اللوحة الفنية مربعة.

الخطوة 2: قم بإنشاء رمز أو رسم توضيحي تريد تحريكه. على سبيل المثال ، سأقوم بعمل صورة GIF للمطر ، لذلك سأقوم بإنشاء شكل سحابة وبعض قطرات المطر.

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

الخطوة 3: قم بإنشاء ألواح رسم جديدة. ستكون لوحات الرسم هذه هي الإطارات لاحقًا في Photoshop ، لذا فإن عدد اللوحات الفنية يعتمد على عدد الإطارات / الإجراءات التي تريد أن تحتوي عليها GIF.

على سبيل المثال ، أضفت خمسة ألواح رسم إضافية ، لذا لدي الآن ستة ألواح رسم إجمالاً.

لا تقلق إذا لم تكن متأكدًا في الوقت الحالي ، يمكنك دائمًا إضافة أو حذف اللوحات الفنية لاحقًا.

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

ملاحظة: من المهم جدًا وضع الأشكال في مكانها على اللوحات الفنية الجديدة عند إنشاء GIF. اختصار لوحة المفاتيح لوضع كائن منسوخ في نفس المكان هو Command + F ( Ctrl + F لمستخدمي Windows).

العناصر الموجودة في ملفيجب أن تتبع اللوحات الفنية تسلسلاً لكيفية ظهور GIF.

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

حدد الجزء الذي سيظهر بعد ذلك ونظّم اللوحات الفنية باتباع تسلسل الإطار الذي سيظهر على GIF.

في حالتي ، أريد أن تظهر قطرة المطر المتوسطة أولاً ، لذا سأضعها مع شكل السحابة على Artboard 2. ثم في الإطارات التالية (اللوحات الفنية) ، سأضيف قطرات المطر على الجانبين واحدًا تلو الآخر.

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

الخطوة 5: قم بتسمية اللوحات الفنية ووضعها في تسلسل بالطريقة التي تريدها أن تبدو بها على GIF. سأقوم بتسميتها من الإطار 1 إلى الإطار 6 لتسهيل التعرف عليها لاحقًا في Photoshop.

الخطوة 6: قم بتصدير ألواح الرسم. انتقل إلى القائمة العلوية ملف & gt؛ تصدير & gt؛ تصدير للشاشات واختر تصدير اللوحات الفنية .

يجب أن ترى ألواح الرسم محفوظة كصور منفردة بأسماء.

لقد أنهيت المهمة في Adobe Illustrator ، فلنتابع عملية الرسوم المتحركة في Photoshop.

الجزء 2: إنشاء صورة GIF في Photoshop

بمجرد أن تكون جميع الإطارات جاهزة ، فإنها فقطيستغرق إنشاء صورة GIF متحركة في Photoshop بضع دقائق.

الخطوة 1: إنشاء مستند جديد في Photoshop ، بنفس حجم ملف Adobe Illustrator من الجزء 1. في حالتي ، سيكون 400 × 400 بكسل.

الخطوة 2: اسحب الصور التي قمت بتصديرها من Adobe Illustrator إلى Photoshop ، وسوف تظهر كطبقات.

الخطوة 3: اذهب إلى القائمة العلوية نافذة & gt؛ الجدول الزمني ، أو يمكنك تغيير مساحة العمل مباشرة إلى الحركة .

يجب أن ترى مساحة عمل Timeline في أسفل نافذة Photoshop.

الخطوة 4: انقر فوق إنشاء إطار متحرك في مساحة عمل المخطط الزمني ، وسترى الطبقة العليا تظهر في مساحة عمل المخطط الزمني.

الخطوة 5: انقر فوق الزاوية اليمنى العليا من نافذة الخط الزمني لفتح القائمة المطوية واختر إنشاء إطارات من الطبقات .

ثم ستظهر كل الطبقات كإطارات.

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

الخطوة 6: انقر فوق السهم لأسفل أسفل كل رتل لتغيير سرعة كل رتل وفقًا لذلك. على سبيل المثال ، لقد غيرت سرعة جميع الإطارات إلى 0.2 ثانية.

يمكنك النقر فوق زر التشغيل لترى كيف يبدو GIF. بمجرد أن تكون سعيدًا بالنتيجة. الخطوة الأخيرةهو تصديره كملف GIF.

الخطوة 7: انتقل إلى القائمة العلوية ملف & gt؛ تصدير & gt؛ حفظ للويب (قديم) .

من قائمة الإعدادات ، أهم شيء هو اختيار GIF كنوع الملف واختيار إلى الأبد كخيارات Lopping. يمكنك تغيير الإعدادات الأخرى وفقًا لذلك.

انقر فوق حفظ وتهنئة! لقد صنعت للتو صورة GIF متحركة.

كيفية عمل GIF بدون Photoshop

لست مألوفًا في Photoshop؟ يمكنك بالتأكيد إنشاء GIF بدون Photoshop أيضًا. هناك العديد من الأدوات عبر الإنترنت التي تتيح لك إنشاء ملف GIF مجانًا.

على سبيل المثال ، EZGIF هو صانع صور GIF مشهور وهو سهل الاستخدام. كل ما عليك فعله هو تحميل الصور الخاصة بك واختيار سرعة التشغيل وسيقوم تلقائيًا بإنشاء ملف GIF لك.

الخاتمة

Adobe Illustrator هو المكان الذي تنشئ فيه عناصر الرسوم المتحركة ويكون Photoshop هو المكان الذي تصنع فيه صورة GIF المتحركة.

قد يكون الخيار الأسهل هو استخدام صانع GIF عبر الإنترنت. الميزة هي أنه سيوفر عليك الكثير من الوقت ، خاصة إذا لم تكن معتادًا على Photoshop. ومع ذلك ، أفضل مرونة Photoshop لأن لدي المزيد من التحكم في الإطارات.