كيف تصنع GIF في Photoshop بشكل صحيح؟

هل سبق لك وتسائلتكيف تصنع GIF في الفوتوشوب؟ أنت في المكان الصحيح ، لأننا سنشرح في هذا المقال كيفية تحقيق ذلك بأفضل طريقة ممكنة.

كيف تصنع GIF في برنامج فوتوشوب؟

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

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

الأساسيات ذات الصلة

مما لا شك فيه أن من بين المفاهيم الأساسية التي يجب أن نتعامل معها لتحقيق فهم كامل للموضوع الذي يهمنا اليوم:

GIF

GIF ، اختصار لـ Graphics Interchange Formats ، هو تنسيق صور واسع الاستخدام في عالم الويب. في هذا الصدد ، يعد استخدامه شائعًا في إنشاء الصور وفي تنفيذ الرسوم المتحركة.

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

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

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

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

فوتوشوب

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

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

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

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

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

كيف تصنع صورة GIF في الفوتوشوب باستخدام الرسوم المتحركة بالجدول الزمني؟

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

قم بإنشاء مستند جديد

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

حدد مدة وتكرار الصورة

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

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

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

أضف طبقة جديدة

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

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

أضف المحتوى إلى الطبقة الجديدة

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

تفعيل الصور الرئيسية

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

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

حرك مؤشر الوقت الحالي وقم بتغيير خاصية الطبقة

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

أضف طبقات إضافية بالمحتوى وحدد خصائص الطبقة الخاصة بها

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

تحديد وقت ظهور الطبقة

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

معاينة الصورة

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

بعد ذلك ، يمكننا معاينة الرسوم المتحركة من مستعرض الويب ، أو يمكننا أيضًا اختيار استخدام خيار حفظ للويب والأجهزة. في هذا الصدد ، في بعض إصدارات Photoshop ، يُسمى هذا الخيار ببساطة Save for Web.

حفظ الرسوم المتحركة

الخطوة الأخيرة والأكثر أهمية على الإطلاق هي بلا شك حفظ الرسوم المتحركة كصورة GIF متحركة. للقيام بذلك ، يمكننا اختيار أمر Save for Web and Devices في إصدار واحد من Photoshop ، أو في لوحة Timeline في بعض الإصدارات الأخرى من البرنامج.

بهذه الطريقة نكون قد انتهينا من التدريس حول ¿كيف تصنع GIF في الفوتوشوب؟ من خلال الجدول الزمني. ومع ذلك ، هناك طريقة ثانية ، سنعرضها لك أدناه.

كيف تصنع GIF في الفوتوشوب باستخدام إطار الرسوم المتحركة؟

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

افتح مستندًا جديدًا

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

أضف طبقة جديدة

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

أضف محتوى إلى الرسوم المتحركة

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

أضف إطارًا

بغض النظر عما إذا كنا نعمل من لوحة Animation أو من Timeline ، فإن الخطوة التالية هي إضافة إطارات إضافية إلى الرسوم المتحركة.

تحرير طبقات الصندوق

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

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

اضبط التكرار وتأخير الإطار

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

معاينة الرسوم المتحركة

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

حفظ الرسوم المتحركة

الخطوة الأخيرة في إجراءاتنا هي حفظ الرسوم المتحركة. للقيام بذلك ، يجب علينا استخدام أوامر Save for Web أو Devices أو Save for Web ، اعتمادًا على إصدار برنامجنا.

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