السلام عليكم ورحمة الله وبركاته
أثناء قرائتي للتعليقات على إحدى صفحات المدونة وجدت هذا السؤال:
لذا قررت كتابة هذا الدرس لكي يكون مرجعًا للجميع متمنيًا أن تستفيدوا منه
كما أني شرحت طريقة أساسيات إنشاء صورة متحركة بشكل عام
أي أن الشرح لا يقتصر على صنع عرض شرائح لصور من حلقات الأنمي
بل صنع لافتات متحركة أيضًا وما إلى ذلك.
في هذا الدرس اعتبرت أن القارئ أول مرة يتعامل مع برناج Photoshop
ولذلك قد تلاحظون وجود شرح لأمور بديهية بالنسبة للبعض
ملاحظة: اضغط على الصورة لعرضها بحجمها الأصلي.
إذًا... ماذا ننتظر الآن؟ دعونا نفتح البرنامج
بعد فتح البرنامج نضغط على CTRL+N أو نتجه إلى قائمة File ثم نختار New
لبدء إنشاء ملف صورة جديد ثم نحدد خصائص الصورة التي نريد صنعها كالطول والعرض إلخ...
بعدها نضغط على OK.
ملاحظة: الصور المتحركة تكون أكبر حجمًا من الثابتة، لذا يفضل جعلها صغيرة قدر الإمكان
الآن نقوم بخفض نافذة فوتوشوب مؤقتًا ونتجه إلى مكان الصور التي نريد جعلها متحركة ثم نقوم
بتحديدها كلها والإمساك بها ورميها داخل فوتوشوب
ستظهر داخل البرنامج بهذا الشكل
نضغط على Enter حتى يتم فتح كل صورة أدخلناها وتتحول إلى طبقة عادية داخل البرنامج
صحيح، صحيح، لم أجد أبشع من هذه الصورة لأعمل عليها!
على أي حال، نقوم الإن بإظهار الشريط الزمني كما موضح في الصورة
نضغط على Create Frame Animation كما موضح في الصورة
من هنا نحدد مدة ظهور كل صورة من الصور التي نريد عرضها بالثواني
البرنامج يضع إختيارات إفتراضية مثل 0.1 ثانية و0.2 ثانية ونصف ثانية
حتى 10 ثوان كما تلاحظون،
كما أن بإمكاننا تحديد المقدار الذي نريده بأنفسنا عبر الضغط على Other ومن ثم تحديد الزمن الذي نريده يدويًا
أما خيار No delay فذلك يعني أن الصورة لن تتأخر وستعرض كونها إطارًا واحدًا
وهذا ما أريده في صورتي التي أعمل عليها لأني أريد أن تتحرك الصورة بشكل إنسيابي
الآن نقوم بإخفاء جميع الطبقات بإستثناء الصورة أو الصور التي نريد ظهورها في هذا الإطار من صورتنا المتحركة
نضغط على Duplicate selected frames، من هنا نستطيع إنشاء إطار جديد في صورتنا
كما موضح في الصورة
نفعل ما فعلناه سابقًا مع كل إطار وهو إخفاء الطبقات التي لا نريد ظهورها في هذه المدة من الصورة وإظهار الطبقات التي نريد ظهورها في هذه المدة من الصورة، حتى ننتهي
والآن بإمكاننا تحديد عدد مرات تحرك الصورة وإعادة تحريك نفسها
Once: تتحرك الصورة مرة واحدة ثم تتوقف
3 times: تعيد تحريك نفسها ثلاث مرات ثم تتوقف
Other: تحديد إعادة تحريك الصورة لنفسها يدويًا مثل 4 مرات أو أكثر
Forever: تستمر الصورة بإعادة تحريك نفسها إلى ما لا نهاية
الآن أنا إنتهيت من صنع صورتي وأريد أن أرى كيف تبدو قبل تصديرها
لذلك سأضغط على Play animation لكي يعرض لي حركة الصورة داخل البرنامج
الآن قبل أن نقوم بتصدير الصورة وجعلها GIF متحركة
سنقوم بحفظها بصيغة PSD أولاً لكي نتمكن من فتحها بفوتوشوب مجددًا إذا أردنا التعديل عليها لاحقًا
كما موضح أسفله
نحدد المكان الذي نريد الحفظ فيه ثم نختار اسمًا للملف
ها قد وصلنا إلى الجزء الأخير وهو تصدير الصورة وجعلها GIF متحركة للإستمتاع بمشاهدتها حية
ومشاركتها
من قائمة File نختار Save for Web
من هذه النافذة بإمكاننا تحديد خصائص الصورة الصادرة، كعدد الألوان والجودة والحجم إلخ...
ولكن الإعدادات الإفتراضية مناسبة لمعظم الناس لذا سنتركها كما هي حاليًا ونضغط على Save
نحدد مكان حفظ صورتنا المتحركة ثم نختار لها اسمًا وبعدها نضغط على Save
هذه صورتي المتحركة التي صنعتها
يجدر بي الذكر أنني لم أشرح جميع مميزات الخط الزمني، ما زال هناك مميزات أخرى عليكم
أن تكتشفوها بأنفسكم عبر التجربة
ولأني أعلم بأن البعض كسالى ولن يفعلوا ذلك
سأشرح خاصية Tweens animation frames
وهي بإختصار عملية إنشاء عدة إطارات ما بين إطارين لتبدو الحركة أكثر إنسيابية
كما تلاحظون الآن قمت بكتابة نص لا يظهر إلا في الإطار الثاني من الصورة
ولكني أريده أن يظهر بشكل إنسيابي أو متلاشي
لذلك سأقوم بتحديد الإطار الأول ثم أضغط على Tweens animation frames
ثم أحدد عدد الإطارات التي أريد ظهورها ما بين الإطارين وكلما كان عدد الإطارات أكثر
كانت الحركة أكثر إنسيابية وكانت الصورة أكبر حجمًا
بعدها نضغط على OK
النتيجة: ظهور النص بشكل متلاش
ومن الجدير بالذكر أننا نريد وضع جميع تلك الإطارات التي أنشأناها للتو على No delay
لأن هدفنا هو الإنسيابية في نهاية المطاف أما إذا أردنا أن يكون الظهور متقطعًا أو بطيئًا فبإمكاننا تحديد
زمن معين لكل إطار.
أتمنى أن تكونوا قد استفدتم من الدرس.
