منتديات بسمات الأمل
[شرح] تفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 7495newadvera.com

عزيزتي الزائرة اهلاً بك في منتديات بسمات الأمل يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا [شرح] تفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 659242
ادارة المنتدي [شرح] تفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 010

*ღ منتديات بسمات الأمل ღ*






منتديات بسمات الأمل
[شرح] تفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 7495newadvera.com

عزيزتي الزائرة اهلاً بك في منتديات بسمات الأمل يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا [شرح] تفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 659242
ادارة المنتدي [شرح] تفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 010

*ღ منتديات بسمات الأمل ღ*






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


*$(منتدى للفتيات فقط )$*
 
الرئيسيةالتبادل الاعلانأحدث الصورالتسجيلدخول

 

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

اذهب الى الأسفل 
3 مشترك
كاتب الموضوعرسالة
سلومة الامورة
مديرة المنتدى
مديرة المنتدى
avatar


عدد المساهمات : 455
نقاط : 5702
تاريخ التسجيل : 13/11/2010
السٌّمعَة : 11
الجنس : انثى
العمل/الترفيه : طالبة

[شرح] تفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 Empty
مُساهمةموضوع: [شرح] تفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4   [شرح] تفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 I_icon_minitimeالأربعاء أغسطس 03, 2011 7:30 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


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


يتبع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://bsmatalaml.syriaforums.net
سلومة الامورة
مديرة المنتدى
مديرة المنتدى
avatar


عدد المساهمات : 455
نقاط : 5702
تاريخ التسجيل : 13/11/2010
السٌّمعَة : 11
الجنس : انثى
العمل/الترفيه : طالبة

[شرح] تفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 Empty
مُساهمةموضوع: رد: [شرح] تفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4   [شرح] تفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 I_icon_minitimeالأربعاء أغسطس 03, 2011 7:31 pm


,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
تطبيق 2
[شرح] تفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 Image001nn
لنطبق الآن حركة فيها لقطات أكثر
نفتح صفحة عمل جديدة


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


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


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


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


[شرح] تفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 Image053np
و نحرك صورة المربع قليلاً باستخدام سهم التحريك[شرح] تفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 Image055fo


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


نكرر العملية السابقة عدة مرات حتى نحصل على هذا الشكل


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


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


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


ونحفظ الملف وهذه هي النتيجة
[شرح] تفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 Image001nn
[b][size=25],,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,

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


نفتح صفحة عمل جديدة


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


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


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


نضغط بالزر اليمين على طبقة كلمة حركة و نختار Resterize Type


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


ننشئ طبقة جديدة فوقها ولنسمها اللمعان
و أثناء الوقوف على طبقة اللمعان نضغط
طبقة حركةctrl +
فتتحدد كلمة حركة


[شرح] تفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 Image071d
نأخذ أداة الفرشاة و نضغط بالزر اليمين و نضغ إعدادات الفرشاة كالتالي
[شرح] تفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 Image073


ونضع اللون الأمامي أبيض


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


نرسم خط أبيض على الكلمة


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


ونخفي طبقة اللمعان و نعمل طبقة جديدة ونرسم خط بعده


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


نكرر العملية
حتى نهاية الكلمة


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


و الآن ننتقل إلى لوح Animation
ونقوم بإنشاء لقطات بعدد طبقات الحركة
ونظهر في كل لقطة طبقة و نخفي البقية ماعدا الطبقات التي
نريدها أن تظهر في الحركة التي نعملها


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





يمكن إضافة مؤثرات أخرى للنص ...
نحفظ الملف و نراقب النتبيحة



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

ممارااااق لي اتمنى يعجبكم واشوف تطبيقاتكـمـ
[/size][/b]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://bsmatalaml.syriaforums.net
ياسمين الشام
بسمة متفاعلة
بسمة متفاعلة
ياسمين الشام


عدد المساهمات : 477
نقاط : 5471
العمر : 30
تاريخ التسجيل : 15/11/2010
السٌّمعَة : 3
الجنس : انثى
العمل/الترفيه : طالبة

[شرح] تفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 Empty
مُساهمةموضوع: رد: [شرح] تفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4   [شرح] تفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 I_icon_minitimeالأربعاء أغسطس 03, 2011 8:28 pm

مشكوووووووووووووووووووورة
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://bsmatalaml.syriaforums.net/
ميوسهـْ الحلوهـً
* مــــــــراقبـــة عــــــــــامــــة *
* مــــــــراقبـــة عــــــــــامــــة *
ميوسهـْ الحلوهـً


عدد المساهمات : 1616
نقاط : 6711
العمر : 23
تاريخ التسجيل : 19/01/2011
السٌّمعَة : 4
الجنس : انثى
العمل/الترفيه : ٵڵڲمبيۈتږ ۈ ٵڵإنتږنت

[شرح] تفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 Empty
مُساهمةموضوع: رد: [شرح] تفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4   [شرح] تفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 I_icon_minitimeالخميس أغسطس 04, 2011 3:34 am

يسلمووو والله روووعة
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
[شرح] تفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» فيديو لتعليم الفوتوشوب
» تصميمي ع الفوتوشوب 1 تصميم لي!!
» درس عمل تأثير ناعم على الصور " تصفية الصورة بالفوتوشوب "

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