منتديات الانوار
اهلا بك زائرنا العزيز

تشرفنا زيارتك

ويسعدنا ان تكون عضوا معنا او زائرا مستديما
منتديات الانوار
اهلا بك زائرنا العزيز

تشرفنا زيارتك

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


 
الرئيسيةالأحداثالمنشوراتأحدث الصورالتسجيلدخول


مطلوب فريق لاقسام المنتدى




شبكة منتديات الانوار10




السوق التجارى المصرى والعربى ادخل من هنا




 

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

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
مشتاقة للكعبة
عضو جديد
عضو جديد



عدد المساهمات : 9
السٌّمعَة : 0
الأوسمة :

الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 Empty
مُساهمةموضوع: الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4   الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 I_icon_minitimeالأحد يوليو 10, 2011 10:40 pm

بسم الله الرحمن الرحيم
طبعا انا استخدم الاصدار الاحدث رقم 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

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


عدد المساهمات : 17998
السٌّمعَة : 40
العمر : 57
الجنس : ذكر

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


الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 Empty
مُساهمةموضوع: رد: الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4   الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 I_icon_minitimeالثلاثاء يوليو 12, 2011 7:47 am

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



[
center]



الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 Images?q=tbn:ANd9GcStPC8UBUDMhcRz3wtGerWfUESbCSLHvLCGe4lJ6LntE5l4UASepg
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://alanwar10.ahlamontada.net
 
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات الانوار :: الكممبيوتر والبرمجه :: اقسام التصميم-
انتقل الى: