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

دخول

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

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

more_horiz
بسم الله الرحمن الرحيم
طبعا انا استخدم الاصدار الاحدث رقم 11
بس هذا 10 وايضا حديث وشفت تفاعل واعضاء تتطبق قلت انزل دروس أخرى
والدرس منقول واتمنى لكم الاستفاده


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

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

الصورة المتحركة من امتداد gif
في الأصل عبارة عن صور متلاحقة تظهر بفاصل زمني معين بين كل صورتين
أي أن الصورة التي رأيتموها في الأعلى ماهي في الأساس إلا صورتين
صور ة بيضاء و صور ة فيها دائرة حمراء و هاتين الصورتين تظهران متتابعتين
لكل منهما زمن ظهور و النتيجة تكون الحركة
لنبدأ العمل :
نفتح صفحة عمل جديدة بأبعاد 80في 80 بكسل

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

و ننشئ طبقة جديدة بالضغط على الزر
الموضح في أسفل لوح الطبقات
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 Image006yj

على الطبقة الجديدة
نرسم دائرة و نملأها باللون الأحمر
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 Image007g
أصبحت الطبقات كالتالي

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

الآن نأتي إلى الخطوة المهمة و الأساسية في البرنامج و هي إظهار لوح التحريك
الذي إضيف للإصدار ات الجديدة بدلاً من Image Ready
نضغط على قائمة
Window > Animation


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

فيظهر في أسفل واجهة الفوتوشوب لوح الحركة

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

نغير طريقة العرض ليصبح كما في الصورة أعلاه
لدينا حتى الآن لقطة واحدة من الصورة و لإضافة لقطات أخرى

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

حيث نضغط مرة واحدة لأننا نحتاج كما ذكرت لصورتين فقط

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

الآن أصبح لدينا لقطتين نريد أن تكون الأولى بيضاء و الثانية فيها الكرة الحمراء
و لإنجاز هذا العمل نضغط على اللقطة رقم 2

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

ثم ننتقل إلى لوح الطبقات و نخفي طلقة الدائرة الحمراء
بالضغط على رمز العين المقابل لها

الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 Image022o
أصبح لوح الحركة هكذا

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


نشغل العرض لرؤية النتيجة بالضغط على زر التشغيل في لوح الحركة:



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


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

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

يكتب تحتها 0.1sec
أي عشر الثانية و لتغيير الزمن نضغط عليه فتظهر قائمة

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


ولتغيير الزمن لكل اللقطات معاً نحدد اللقطات بالضغط على
الأولى ثم الأخيرة مع shiftثم نحدد الزمن


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

وليكن كما في الصورة
و في الأسفل يوجد قائمة لتحديد عدد مرات التكرار

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

لنختر Forever من أجل تكرار دائم
الآن جاء دور الحفظ
كما في الصورة

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

أو نضغط على الاختصار السريع
Alt+Shift+Ctrl+S
ثم نختار كما يلي

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

نحدد النوع GIF وهذه مهمة جداً ثم نضغط على ٍSave
ثم نسمي الملف و نحدد مكان الحفظ و نضغط ٍSave

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

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

كيف وجدتم الطريقة
أتوقع أنها نحجت مئة بالمئة لأن الخطوات تفصيلية

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

more_horiz
شكرا ع الشرح..

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

more_horiz
شكرا لك يا غالي درس رااائع

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

more_horiz
مشكورررررررررررر على المرورررررررررررررررر

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

more_horiz
فنان من يومك يا حبيبيا جامد

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

more_horiz
مشكورررررررررر اخى دكتوررررررر لى مرررروركم وكله منزوقكك

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

more_horiz
دائما تبدو فى المقدمه



privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى

جميع الحقوق محفوظة لدليل الاشهار العربي