تلعب الصور المتحركة من نوع GIF في InVision دورا كبيرا في عملياتنا التسويقية والتعليمية. حتى إننا نستخدمها في صفحتنا الرئيسية عوضا عن التحريكات Animations بالشفرات البرمجيّة. يسألنا الناس غالبا كيف نصنع صور GIF الخاصة بنا، لذا وجدنا أنه قد حان الوقت لننطق بهذه الجوهرة.

@DesMeet https://t.co/4SGgwqHcvg

تصميم صور GIF

1. الخلطة السحرية

إليكم سرّي الصغير: تبدأ جميع صور GIF التي أنتجها من فيديوهات. أستخدم ScreenFlow لهذا الغرض، وهو نفس البرنامج الذي نستخدمه لفيديوهات مُنتجاتنا، إذ يتميّز بالبساطة بحيث يمكن تعلمه بسهولة، وفي الوقت نفسه يضم مجموعات أدوات تحريك مفيدة.

يتبع...

بعد أن أصدّر Export الرسوم المتحركة على هيئة ملف فيديو، أنتقل إلى برنامج فوتوشوب وأستوردها من القائمة ملف File > استيراد Import > إطارات الفيديو كطبقات Video Frames As Layers. https://t.co/TCxxgfnUbw

نصيحة: استخدم Keynote لإنشاء رسومك المتحرّكة إن لم تسمح ميزانيتك باستخدام ScreenFlow و After Effects، ثم صدّرها إلى فيديو. نعم، في النهاية هناك استخدام لهذا الإعداد.

2. ألوان أقل = مرح أكثر

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