منتديات الجزائري
السلام عليكم اخي شرفتنا بزيارتك للمنتدا وارجو ان تسجل وتشارك
ف المنتدى بامس الحاجة لمن هم مثلك
شكــــــــــــــرا
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 I_whosonline
منتديات الجزائري
السلام عليكم اخي شرفتنا بزيارتك للمنتدا وارجو ان تسجل وتشارك
ف المنتدى بامس الحاجة لمن هم مثلك
شكــــــــــــــرا
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 I_whosonline
منتديات الجزائري
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.



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

 

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

اذهب الى الأسفل 
3 مشترك
كاتب الموضوعرسالة
CoLoNeL lOtFi
معلومات العضو
CoLoNeL lOtFi


الجنس : الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 Dsn10
البلد : الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 610
الْمَشِارَكِات : 2172
السٌّمعَة : 3
الْعُمْر : 29

الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 Empty
مُساهمةموضوع: الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4   الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 Emptyالأربعاء يوليو 13, 2011 3:32 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://alger.123.st
MeSsI
معلومات العضو
MeSsI


الجنس : الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 Dsn10
البلد : الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 610
الْمَشِارَكِات : 4640
السٌّمعَة : -11
الْعُمْر : 25

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

شكرااا علي الموضوع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://alger.123.st
MoHkAtAlAn
معلومات العضو
MoHkAtAlAn


الجنس : الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 Dsn10
البلد : الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 610
الْمَشِارَكِات : 3109
السٌّمعَة : 2
الْعُمْر : 26

الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 Empty
مُساهمةموضوع: رد: الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4   الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 Emptyالأحد أغسطس 07, 2011 8:17 am

شكرا على الموضوع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://GOOGLE.COM
CoLoNeL lOtFi
معلومات العضو
CoLoNeL lOtFi


الجنس : الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 Dsn10
البلد : الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 610
الْمَشِارَكِات : 2172
السٌّمعَة : 3
الْعُمْر : 29

الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 Empty
مُساهمةموضوع: رد: الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4   الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 Emptyالثلاثاء أغسطس 16, 2011 12:54 pm

الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4 422306شكرااااا على الردود المشجعة
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://alger.123.st
 
الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب photoshop cs4
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» حصريا :: اسطوانة تعليم الفوتوشوب الصاروخية :: PhotoShop Under Attack Learn PhotoShop in 24 Hours ::
»  ~|| تآتير المطر المتسآقط على الصور ||~ Photoshop
» اسطوانة كاملة لاضافات الفوتوشوب Adobe Photoshop Plugins Professional
»  جديد فقط هنا: برنامج الفوتوشوب للجوالات بجميع انواعها(Adobe photoshop)
» >>>MIDO HABIB<<<< كورسات تعليم الفوتوشوب باللهجه المصريـه Egyptien Photoshop Courses من الألف إلى الياء :: أسأله وأجوبه :: 18 فيديو بأحجام صغيره .. على أكث

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