[درس] كن ملك تصميم البنرات المتحركة بهذا الشرح التفصيلي لإنشاء الصور المتحركةphoto sho gif
3 مشترك
منتديات سيتي فيلمز :: :: :: الفلاش و السويش
صفحة 1 من اصل 1
[درس] كن ملك تصميم البنرات المتحركة بهذا الشرح التفصيلي لإنشاء الصور المتحركةphoto sho gif
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
في الإصدارات السابقة من الفوتوشوب كان يأتي مع البرنامج برنامج ملحق هو Image Ready
- إن فكرة إنشاء الصورة المتحركة تعتمد قبل كل شيئ على الطبقات
فعلى المصمم تجهيز الصورة التي يريدها ان تكون متحركة و يهيئ
الطبقات لهذا الغرض و سنقوم بطرح أمثلة تطبيقية لتكون تعليمية
تطبيق 1
الإصدار الذي نعمل عليه الآن CS3 أو CS4
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الصورة المتحركة من امتداد gif
أي أن الصورة التي رأيتموها في الأعلى ماهي في الأساس إلا صورتين
صور ة بيضاء و صور ة فيها دائرة حمراء و هاتين الصورتين تظهران متتابعتين
لكل منهما زمن ظهور و النتيجة تكون الحركة
لنبدأ العمل :
نفتح صفحة عمل جديدة بأبعاد 80في 80 بكسل
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
و ننشئ طبقة جديدة بالضغط على الزر
الموضح في أسفل لوح الطبقات
وكانت مهمته إنشاء الصور المتحركة أما الآن فقد دمجت خصائصه مع الفوتوشوب
سننشئ مثل هذه الصورة المتحركة
في الأصل عبارة عن صور متلاحقة تظهر بفاصل زمني معين بين كل صورتين
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
على الطبقة الجديدة
نرسم دائرة و نملأها باللون الأحمر
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الآن نأتي إلى الخطوة المهمة و الأساسية في البرنامج و هي إظهار لوح التحريك
الذي إضيف للإصدار ات الجديدة بدلاً من Image Ready
Window > Animation
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نغير طريقة العرض ليصبح كما في الصورة أعلاه
لدينا حتى الآن لقطة واحدة من الصورة و لإضافة لقطات أخرى
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
حيث نضغط مرة واحدة لأننا نحتاج كما ذكرت لصورتين فقط
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الآن أصبح لدينا لقطتين نريد أن تكون الأولى بيضاء و الثانية فيها الكرة الحمراء
و لإنجاز هذا العمل نضغط على اللقطة رقم 2
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ثم ننتقل إلى لوح الطبقات و نخفي طلقة الدائرة الحمراء
بالضغط على رمز العين المقابل لها
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
أصبح لوح الحركة هكذا
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نشغل العرض لرؤية النتيجة بالضغط على زر التشغيل في لوح الحركة:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الآن نأتي إلى خيارات الحركة و هي مهمة
يمكننا التحكم بزمن كل لقطة من اللقطات لوحده حيث يوجد تحت كل لقطة
رقم يعبر عن الزمن الذي سوف تظهر به اللقطة
مثلاً انظر الصورة التالية
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
يكتب تحتها 0.1sec
لنعلق عليها قليلا:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ولتغيير الزمن لكل اللقطات معاً نحدد اللقطات بالضغط على
الأولى ثم الأخيرة مع shiftثم نحدد الزمن
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
وليكن كما في الصورة
و في الأسفل يوجد قائمة لتحديد عدد مرات التكرار
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
لنختر Forev من أجل تكرار دائم
الآن جاء دور الحفظ
كما في الصورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
أو نضغط على الاختصار السريع
Alt+Shift+Ctrl+S
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نحدد النوع GIF وهذه مهمة جداً ثم نضغط على ٍSave
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
أتوقع أنها نحجت مئة بالمئة لأن الخطوات تفصيلية
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
تطبيق 2
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
لنطبق الآن حركة فيها لقطات أكثر
نفتح صفحة عمل جديدة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ونرسم مربع أزرق على طبقة منفصلة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ونضغط على زر إضافة لقطات
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ننتقل إلى طبقة المربع
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
و نحرك صورة المربع قليلاً باستخدام سهم التحريك[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نكرر العملية السابقة عدة مرات حتى نحصل على هذا الشكل
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
لا بد أنك لاحظت أن المربع ينزاح قليلاً كل مرة
نضع الزمن صغيراً لكل الصور بتحديد الأولى ثم الضغط على الأخيرة مع shift
----------------------------------------------------------------------------
تطبيق 3
الآن عزيزي الفنان لا بد أنك مللت هذه الحركات
وصارت شغل ولاد صغار بالنسبة إلك
إذاً إليك تطبيق أكثر خطورة و أجمل مماسبق
نفتح صفحة عمل جديدة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نلون الخلفية بلون داكن و نكتب كلمة ولتكن " حركة "
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نضغط بالزر اليمين على طبقة كلمة حركة و نختار Restize Type
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
و أثناء الوقوف على طبقة اللمعان نضغط
طبقة حركةctrl +
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نأخذ أداة الفرشاة و نضغط بالزر اليمين و نضغ إعدادات الفرشاة كالتالي
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ونضع اللون الأمامي أبيض
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نرسم خط أبيض على الكلمة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ونخفي طبقة اللمعان و نعمل طبقة جديدة ونرسم خط بعده
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نكرر العملية
حتى نهاية الكلمة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
و الآن ننتقل إلى لوح Animation
ونظهر في كل لقطة طبقة و نخفي البقية ماعدا الطبقات التي
نريدها أن تظهر في الحركة التي نعملها
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
يمكن إضافة مؤثرات أخرى للنص ...
نحفظ الملف و نراقب النتبيحة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
أتمنى لكم يوماً مليــــــــــــــئاً بالحركة و الإبداع
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نضغط على قائمة
فيظهر في أسفل واجهة الفوتوشوب لوح الحركة
أي عشر الثانية و لتغيير الزمن نضغط عليه فتظهر قائمة
ثم نختار كما يلي
ثم نسمي الملف و نحدد مكان الحفظ و نضغط ٍSave
كيف وجدتم الطريقة
ثم الضغط على زمن الصورة واختيار 0.1sec
ونحفظ الملف وهذه هي النتيجة
ننشئ طبقة جديدة فوقها ولنسمها اللمعان
فتتحدد كلمة حركة
ونقوم بإنشاء لقطات بعدد طبقات الحركة
في الإصدارات السابقة من الفوتوشوب كان يأتي مع البرنامج برنامج ملحق هو Image Ready
- إن فكرة إنشاء الصورة المتحركة تعتمد قبل كل شيئ على الطبقات
فعلى المصمم تجهيز الصورة التي يريدها ان تكون متحركة و يهيئ
الطبقات لهذا الغرض و سنقوم بطرح أمثلة تطبيقية لتكون تعليمية
تطبيق 1
الإصدار الذي نعمل عليه الآن CS3 أو CS4
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الصورة المتحركة من امتداد gif
أي أن الصورة التي رأيتموها في الأعلى ماهي في الأساس إلا صورتين
صور ة بيضاء و صور ة فيها دائرة حمراء و هاتين الصورتين تظهران متتابعتين
لكل منهما زمن ظهور و النتيجة تكون الحركة
لنبدأ العمل :
نفتح صفحة عمل جديدة بأبعاد 80في 80 بكسل
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
و ننشئ طبقة جديدة بالضغط على الزر
الموضح في أسفل لوح الطبقات
وكانت مهمته إنشاء الصور المتحركة أما الآن فقد دمجت خصائصه مع الفوتوشوب
سننشئ مثل هذه الصورة المتحركة
في الأصل عبارة عن صور متلاحقة تظهر بفاصل زمني معين بين كل صورتين
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
على الطبقة الجديدة
نرسم دائرة و نملأها باللون الأحمر
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الآن نأتي إلى الخطوة المهمة و الأساسية في البرنامج و هي إظهار لوح التحريك
الذي إضيف للإصدار ات الجديدة بدلاً من Image Ready
Window > Animation
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نغير طريقة العرض ليصبح كما في الصورة أعلاه
لدينا حتى الآن لقطة واحدة من الصورة و لإضافة لقطات أخرى
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
حيث نضغط مرة واحدة لأننا نحتاج كما ذكرت لصورتين فقط
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الآن أصبح لدينا لقطتين نريد أن تكون الأولى بيضاء و الثانية فيها الكرة الحمراء
و لإنجاز هذا العمل نضغط على اللقطة رقم 2
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ثم ننتقل إلى لوح الطبقات و نخفي طلقة الدائرة الحمراء
بالضغط على رمز العين المقابل لها
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
أصبح لوح الحركة هكذا
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نشغل العرض لرؤية النتيجة بالضغط على زر التشغيل في لوح الحركة:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الآن نأتي إلى خيارات الحركة و هي مهمة
يمكننا التحكم بزمن كل لقطة من اللقطات لوحده حيث يوجد تحت كل لقطة
رقم يعبر عن الزمن الذي سوف تظهر به اللقطة
مثلاً انظر الصورة التالية
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
يكتب تحتها 0.1sec
لنعلق عليها قليلا:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ولتغيير الزمن لكل اللقطات معاً نحدد اللقطات بالضغط على
الأولى ثم الأخيرة مع shiftثم نحدد الزمن
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
وليكن كما في الصورة
و في الأسفل يوجد قائمة لتحديد عدد مرات التكرار
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
لنختر Forev من أجل تكرار دائم
الآن جاء دور الحفظ
كما في الصورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
أو نضغط على الاختصار السريع
Alt+Shift+Ctrl+S
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نحدد النوع GIF وهذه مهمة جداً ثم نضغط على ٍSave
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
أتوقع أنها نحجت مئة بالمئة لأن الخطوات تفصيلية
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
تطبيق 2
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
لنطبق الآن حركة فيها لقطات أكثر
نفتح صفحة عمل جديدة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ونرسم مربع أزرق على طبقة منفصلة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ونضغط على زر إضافة لقطات
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ننتقل إلى طبقة المربع
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
و نحرك صورة المربع قليلاً باستخدام سهم التحريك[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نكرر العملية السابقة عدة مرات حتى نحصل على هذا الشكل
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
لا بد أنك لاحظت أن المربع ينزاح قليلاً كل مرة
نضع الزمن صغيراً لكل الصور بتحديد الأولى ثم الضغط على الأخيرة مع shift
----------------------------------------------------------------------------
تطبيق 3
الآن عزيزي الفنان لا بد أنك مللت هذه الحركات
وصارت شغل ولاد صغار بالنسبة إلك
إذاً إليك تطبيق أكثر خطورة و أجمل مماسبق
نفتح صفحة عمل جديدة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نلون الخلفية بلون داكن و نكتب كلمة ولتكن " حركة "
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نضغط بالزر اليمين على طبقة كلمة حركة و نختار Restize Type
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
و أثناء الوقوف على طبقة اللمعان نضغط
طبقة حركةctrl +
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نأخذ أداة الفرشاة و نضغط بالزر اليمين و نضغ إعدادات الفرشاة كالتالي
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ونضع اللون الأمامي أبيض
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نرسم خط أبيض على الكلمة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ونخفي طبقة اللمعان و نعمل طبقة جديدة ونرسم خط بعده
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نكرر العملية
حتى نهاية الكلمة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
و الآن ننتقل إلى لوح Animation
ونظهر في كل لقطة طبقة و نخفي البقية ماعدا الطبقات التي
نريدها أن تظهر في الحركة التي نعملها
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
يمكن إضافة مؤثرات أخرى للنص ...
نحفظ الملف و نراقب النتبيحة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
أتمنى لكم يوماً مليــــــــــــــئاً بالحركة و الإبداع
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نضغط على قائمة
فيظهر في أسفل واجهة الفوتوشوب لوح الحركة
أي عشر الثانية و لتغيير الزمن نضغط عليه فتظهر قائمة
ثم نختار كما يلي
ثم نسمي الملف و نحدد مكان الحفظ و نضغط ٍSave
كيف وجدتم الطريقة
ثم الضغط على زمن الصورة واختيار 0.1sec
ونحفظ الملف وهذه هي النتيجة
ننشئ طبقة جديدة فوقها ولنسمها اللمعان
فتتحدد كلمة حركة
ونقوم بإنشاء لقطات بعدد طبقات الحركة
-
الدولة :
النقاط : 39664
سجل فى : 01/01/1970
رد: [درس] كن ملك تصميم البنرات المتحركة بهذا الشرح التفصيلي لإنشاء الصور المتحركةphoto sho gif
مشكووووووررررررررررر جدآآآآآآآآآ على هذا الموضوع المميز
spaider.man90-
الجنس :
برج :
الدولة :
النقاط : 11139
سجل فى : 27/05/2011
العمر : 27
رد: [درس] كن ملك تصميم البنرات المتحركة بهذا الشرح التفصيلي لإنشاء الصور المتحركةphoto sho gif
مشكووووووررررررررررر جدآآآآآآآآآ على هذا الموضوع المميز
spaider.man90-
الجنس :
برج :
الدولة :
النقاط : 11139
سجل فى : 27/05/2011
العمر : 27
رد: [درس] كن ملك تصميم البنرات المتحركة بهذا الشرح التفصيلي لإنشاء الصور المتحركةphoto sho gif
مشكور
نوران-
الجنس :
برج :
الدولة :
النقاط : 10562
سجل فى : 27/05/2011
العمر : 25
مواضيع مماثلة
» عنوان الدرس :: الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب
» [درس] حصريا درس تصميم بنر احترافي
» برنامج PhotoZoom 3.0.4 برنامج تكبير الصور اضعاف تكبير الصور يجعل من صورتك الصغيرة صورة بحجم منزل بدون تشتت لنقاط الصورة مع وضوح رهيب وغير قابل للانكسار مع امكانيات يحملها البرنامج في الصور كما يمكنك تكبير الف صورة دفعه واحده مع هذا البرنامج فقط حدد المج
» برنامج Bannershop.Animator.5.1.1.FULL لتصميم البنرات ..!
» الكنزارى: ماذا استفاد المريخ من الحضرى لكى يتعاقد معه بهذا المبلغ؟
» [درس] حصريا درس تصميم بنر احترافي
» برنامج PhotoZoom 3.0.4 برنامج تكبير الصور اضعاف تكبير الصور يجعل من صورتك الصغيرة صورة بحجم منزل بدون تشتت لنقاط الصورة مع وضوح رهيب وغير قابل للانكسار مع امكانيات يحملها البرنامج في الصور كما يمكنك تكبير الف صورة دفعه واحده مع هذا البرنامج فقط حدد المج
» برنامج Bannershop.Animator.5.1.1.FULL لتصميم البنرات ..!
» الكنزارى: ماذا استفاد المريخ من الحضرى لكى يتعاقد معه بهذا المبلغ؟
منتديات سيتي فيلمز :: :: :: الفلاش و السويش
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى