أو

الدخول بواسطة حسابك بمواقع التواصل

#1

منقول الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب







الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب




السلام عليكم ورحمة الله وبركاته
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب في الإصدارات السابقة من الفوتوشوب كان يأتي مع البرنامج برنامج ملحق هو Image Ready وكانت مهمته إنشاء الصور المتحركة أما الآن فقد دمجت خصائصه مع الفوتوشوب - إن فكرة إنشاء الصورة المتحركة تعتمد قبل كل شيئ على الطبقات فعلى المصمم تجهيز الصورة التي يريدها ان تكون متحركة و يهيئ الطبقات لهذا الغرض و سنقوم بطرح أمثلة تطبيقية لتكون تعليمية تطبيق 1 الإصدار الذي نعمل عليه الآن CS3 أو CS4 سننشئ مثل هذه الصورة المتحركة
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
الصورة المتحركة من امتداد gif في الأصل عبارة عن صور متلاحقة تظهر بفاصل زمني معين بين كل صورتين أي أن الصورة التي رأيتموها في الأعلى ماهي في الأساس إلا صورتين صور ة بيضاء و صور ة فيها دائرة حمراء و هاتين الصورتين تظهران متتابعتين لكل منهما زمن ظهور و النتيجة تكون الحركة لنبدأ العمل : نفتح صفحة عمل جديدة بأبعاد 80في 80 بكسل
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
و ننشئ طبقة جديدة بالضغط على الزر الموضح في أسفل لوح الطبقات
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
على الطبقة الجديدة نرسم دائرة و نملأها باللون الأحمر
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
الآن نأتي إلى الخطوة المهمة و الأساسية في البرنامج و هي إظهار لوح التحريك الذي إضيف للإصدار ات الجديدة بدلاً من Image Ready نضغط على قائمة Window > Animation
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب




فيظهر في أسفل واجهة الفوتوشوب لوح الحركة
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
نغير طريقة العرض ليصبح كما في الصورة أعلاه لدينا حتى الآن لقطة واحدة من الصورة و لإضافة لقطات أخرى
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
حيث نضغط مرة واحدة لأننا نحتاج كما ذكرت لصورتين فقط
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
الآن أصبح لدينا لقطتين نريد أن تكون الأولى بيضاء و الثانية فيها الكرة الحمراء و لإنجاز هذا العمل نضغط على اللقطة رقم 2
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
ثم ننتقل إلى لوح الطبقات و نخفي طلقة الدائرة الحمراء بالضغط على رمز العين المقابل لها
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
أصبح لوح الحركة هكذا
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
نشغل العرض لرؤية النتيجة بالضغط على زر التشغيل في لوح الحركة:
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
الآن نأتي إلى خيارات الحركة و هي مهمة يمكننا التحكم بزمن كل لقطة من اللقطات لوحده حيث يوجد تحت كل لقطة رقم يعبر عن الزمن الذي سوف تظهر به اللقطة مثلاً انظر الصورة التالية
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
يكتب تحتها 0.1sec أي عشر الثانية و لتغيير الزمن نضغط عليه فتظهر قائمة لنعلق عليها قليلا:
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
ولتغيير الزمن لكل اللقطات معاً نحدد اللقطات بالضغط على الأولى ثم الأخيرة مع shiftثم نحدد الزمن
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
وليكن كما في الصورة و في الأسفل يوجد قائمة لتحديد عدد مرات التكرار
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
لنختر Forev من أجل تكرار دائم الآن جاء دور الحفظ كما في الصورة
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
أو نضغط على الاختصار السريع Alt+Shift+Ctrl+S ثم نختار كما يلي
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
نحدد النوع GIF وهذه مهمة جداً ثم نضغط على ٍSave ثم نسمي الملف و نحدد مكان الحفظ و نضغط ٍSave
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
نحدد النوع GIF وهذه مهمة جداً ثم نضغط على
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
كيف وجدتم الطريقة أتوقع أنها نحجت مئة بالمئة لأن الخطوات تفصيلية
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوبالشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
تطبيق2
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
لنطبق الآن حركة فيها لقطات أكثر نفتح صفحة عمل جديدة
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
ونرسم مربع أزرق على طبقة منفصلة
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
ونضغط على زر إضافة لقطات
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
ننتقل إلى طبقة المربع
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
و نحرك صورة المربع قليلاً باستخدام سهم التحريك
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
نكرر العملية السابقة عدة مرات حتى نحصل على هذا الشكل
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
لا بد أنك لاحظت أن المربع ينزاح قليلاً كل مرة نضع الزمن صغيراً لكل الصور بتحديد الأولى ثم الضغط على الأخيرة مع shift ثم الضغط على زمن الصورة واختيار 0.1sec ونحفظ الملف وهذه هي النتيجة






إظهار التوقيع
توقيع : حياه الروح 5
#2

افتراضي رد: الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب

تطبيق 3 الآن عزيزي الفنان لا بد أنك مللت هذه الحركات وصارت شغل ولاد صغار بالنسبة إلك إذاً إليك تطبيق أكثر خطورة و أجمل مماسبق نفتح صفحة عمل جديدة نلون الخلفية بلون داكن و نكتب كلمة ولتكن " حركة
رد: الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
نضغط بالزر اليمين على طبقة كلمة حركة و نختار Restize Type
رد: الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
ننشئ طبقة جديدة فوقها ولنسمها اللمعان و أثناء الوقوف على طبقة اللمعان نضغط طبقة حركةctrl + فتتحدد كلمة حركة
رد: الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
نأخذ أداة الفرشاة و نضغط بالزر اليمين و نضغ إعدادات الفرشاة كالتالي
رد: الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
ونضع اللون الأمامي أبيض
رد: الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
ونخفي طبقة اللمعان و نعمل طبقة جديدة ونرسم خط بعده
رد: الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
نكرر العملية حتى نهاية الكلمة
رد: الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
و الآن ننتقل إلى لوح Animation ونقوم بإنشاء لقطات بعدد طبقات الحركة ونظهر في كل لقطة طبقة و نخفي البقية ماعدا الطبقات التي نريدها أن تظهر في الحركة التي نعملها
رد: الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
يمكن إضافة مؤثرات أخرى للنص ... نحفظ الملف و نراقب النتبيحة
رد: الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
أتمنى لكم يوماً مليــــــــــــــئاً بالحركة و الإبداع

إظهار التوقيع
توقيع : حياه الروح 5
#3

افتراضي رد: الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب

تسلمى حبيبتى
إظهار التوقيع
توقيع : ok12374
#4

افتراضي رد: الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب

مشكورة حبيبتي

إظهار التوقيع
توقيع : رحيق
#5

افتراضي رد: الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب

رد: الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
إظهار التوقيع
توقيع : al asraa
#6

افتراضي رد: الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب

يسلمووووووو ياقمري شكرا ليكي مجهود متميز ياقمري
إظهار التوقيع
توقيع : لولو حبيب روحي


قد تكوني مهتمة بالمواضيع التالية ايضاً
الموضوع كاتب الموضوع المنتدى
ما هي الرمال المتحركة ريموووو عالم المعرفة
دورات الاوشا#دورات Nebosh#دورات امن مدنى #امن مطارات 2025-2024 امل باشا منتدى عدلات التعليمي
لوحة مفاتيح للصور المتحركة من ديزني لـ"آيفون" لوحة مفاتيح جديدة Disney Gif جويريه موبايلات - جوالات
برنامج irfan view لعرض صور الفوتوشوب المتحركة شمس لا تغيب الكمبيوتر والانترنت


الساعة الآن 01:20 AM


جميع المشاركات تمثل وجهة نظر كاتبها وليس بالضرورة وجهة نظر الموقع


التسجيل بواسطة حسابك بمواقع التواصل