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



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



 

 أحترف تصميم الصور المتحركة و البنرات

اذهب الى الأسفل 
كاتب الموضوعرسالة
أحمد السكوتي
عضو فعال
عضو فعال
أحمد السكوتي


ذكر عدد المساهمات : 132
نقاط : 5146
تاريخ التسجيل : 24/02/2011
العمر : 47

أحترف تصميم الصور المتحركة و البنرات Empty
مُساهمةموضوع: أحترف تصميم الصور المتحركة و البنرات   أحترف تصميم الصور المتحركة و البنرات Emptyالأحد فبراير 27, 2011 6:27 pm




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

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


تطبيق 1
الإصدار الذي نعمل عليه الآن CS3 أو CS4

سننشئ مثل هذه الصورة المتحركة
أحترف تصميم الصور المتحركة و البنرات Image002lz
الصورة المتحركة من امتداد gif
في الأصل عبارة عن صور متلاحقة تظهر بفاصل زمني معين بين كل صورتين
أي أن الصورة التي رأيتموها في الأعلى ماهي في الأساس إلا صورتين
صور ة بيضاء و صور ة فيها دائرة حمراء و هاتين الصورتين تظهران متتابعتين
لكل منهما زمن ظهور و النتيجة تكون الحركة
لنبدأ العمل :
نفتح صفحة عمل جديدة بأبعاد 80في 80 بكسل
أحترف تصميم الصور المتحركة و البنرات Image003n
و ننشئ طبقة جديدة بالضغط على الزر
الموضح في أسفل لوح الطبقات
أحترف تصميم الصور المتحركة و البنرات 1057-1-247277597
على الطبقة الجديدة
نرسم دائرة و نملأها باللون الأحمر
أحترف تصميم الصور المتحركة و البنرات Image007g

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



فيظهر في أسفل واجهة الفوتوشوب لوح الحركة
أحترف تصميم الصور المتحركة و البنرات 1059-3-821911574
نغير طريقة العرض ليصبح كما في الصورة أعلاه
لدينا حتى الآن لقطة واحدة من الصورة و لإضافة لقطات أخرى
أحترف تصميم الصور المتحركة و البنرات Image016jx

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

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

أصبح لوح الحركة هكذا
أحترف تصميم الصور المتحركة و البنرات 1061-5-908174144

نشغل العرض لرؤية النتيجة بالضغط على زر التشغيل في لوح الحركة:
أحترف تصميم الصور المتحركة و البنرات 1061-5-908174144
الآن نأتي إلى خيارات الحركة و هي مهمة
يمكننا التحكم بزمن كل لقطة من اللقطات لوحده حيث يوجد تحت كل لقطة
رقم يعبر عن الزمن الذي سوف تظهر به اللقطة
مثلاً انظر الصورة التالية
أحترف تصميم الصور المتحركة و البنرات Image028z

يكتب تحتها 0.1sec
أي عشر الثانية و لتغيير الزمن نضغط عليه فتظهر قائمة
لنعلق عليها قليلا:
أحترف تصميم الصور المتحركة و البنرات Image030u
ولتغيير الزمن لكل اللقطات معاً نحدد اللقطات بالضغط على
الأولى ثم الأخيرة مع shiftثم نحدد الزمن
أحترف تصميم الصور المتحركة و البنرات Image032qo

وليكن كما في الصورة
و في الأسفل يوجد قائمة لتحديد عدد مرات التكرار
أحترف تصميم الصور المتحركة و البنرات Image036j
لنختر Forev من أجل تكرار دائم
الآن جاء دور الحفظ
كما في الصورة
أحترف تصميم الصور المتحركة و البنرات 1062-1-529811364


أو نضغط على الاختصار السريع
Alt+Shift+Ctrl+S
ثم نختار كما يلي
أحترف تصميم الصور المتحركة و البنرات 1063-2-35770189

نحدد النوع GIF وهذه مهمة جداً ثم نضغط على ٍSave
ثم نسمي الملف و نحدد مكان الحفظ و نضغط ٍSave
أحترف تصميم الصور المتحركة و البنرات 1064-3-543769517
أحترف تصميم الصور المتحركة و البنرات Image002lz
كيف وجدتم الطريقة
أتوقع أنها نحجت مئة بالمئة لأن الخطوات تفصيلية
أحترف تصميم الصور المتحركة و البنرات Image001zbأحترف تصميم الصور المتحركة و البنرات Image001zbأحترف تصميم الصور المتحركة و البنرات Image001zbأحترف تصميم الصور المتحركة و البنرات Image001zbأحترف تصميم الصور المتحركة و البنرات Image001zb

تطبيق 2

أحترف تصميم الصور المتحركة و البنرات Image001nn

لنطبق الآن حركة فيها لقطات أكثر
نفتح صفحة عمل جديدة
أحترف تصميم الصور المتحركة و البنرات Image047bb
ونرسم مربع أزرق على طبقة منفصلة
أحترف تصميم الصور المتحركة و البنرات Image049eh

ونضغط على زر إضافة لقطات
أحترف تصميم الصور المتحركة و البنرات 1065-4-44489971

ننتقل إلى طبقة المربع

أحترف تصميم الصور المتحركة و البنرات 1066-5-397232362
و نحرك صورة المربع قليلاً باستخدام سهم التحريكأحترف تصميم الصور المتحركة و البنرات Image055fo
أحترف تصميم الصور المتحركة و البنرات 1067-1-897090150

نكرر العملية السابقة عدة مرات حتى نحصل على هذا الشكل
أحترف تصميم الصور المتحركة و البنرات 1068-2-46955731

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

ونحفظ الملف وهذه هي النتيجة
----------------------------------------------------------------------------

تطبيق 3



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



وهذا ناتج المثال


أحترف تصميم الصور المتحركة و البنرات Image084




نفتح صفحة عمل جديدة
أحترف تصميم الصور المتحركة و البنرات Image063ih

نلون الخلفية بلون داكن و نكتب كلمة ولتكن " حركة "
أحترف تصميم الصور المتحركة و البنرات Image021

نضغط بالزر اليمين على طبقة كلمة حركة و نختار Restize Type
أحترف تصميم الصور المتحركة و البنرات 1070-4-321957916
ننشئ طبقة جديدة فوقها ولنسمها اللمعان
و أثناء الوقوف على طبقة اللمعان نضغط
طبقة حركةctrl +
فتتحدد كلمة حركة
أحترف تصميم الصور المتحركة و البنرات Image071d

نأخذ أداة الفرشاة و نضغط بالزر اليمين و نضغ إعدادات الفرشاة كالتالي
أحترف تصميم الصور المتحركة و البنرات 1071-5-343296487

ونضع اللون الأمامي أبيض
أحترف تصميم الصور المتحركة و البنرات Image031

نرسم خط أبيض على الكلمة
أحترف تصميم الصور المتحركة و البنرات Image077

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

نكرر العملية
حتى نهاية الكلمة
أحترف تصميم الصور المتحركة و البنرات 1072-1-181334274

و الآن ننتقل إلى لوح Animation
ونقوم بإنشاء لقطات بعدد طبقات الحركة
ونظهر في كل لقطة طبقة و نخفي البقية ماعدا الطبقات التي
نريدها أن تظهر في الحركة التي نعملها
أحترف تصميم الصور المتحركة و البنرات 1073-2-389162157
يمكن إضافة مؤثرات أخرى للنص ...
نحفظ الملف و نراقب النتبيحة
أحترف تصميم الصور المتحركة و البنرات Image084


الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
أحترف تصميم الصور المتحركة و البنرات
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: ۞۞ ..♥ / منتديات الحاسوب و تقينات المعلومات/ ♥..۞۞ :: •●۞۞/ منتدى التصاميم و الإجراج و الجرافكس / ۞۞●•-
انتقل الى: