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

منتديات الوفاء

منتديات الوفاء للمواضيع و البرامج و الاسلاميات و التقنيات و الميلتيمديا
 
الرئيسيةأحدث الصورالتسجيلدخول

 

 اصنع صور متحركة بالفوتوشوب

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


عدد الرسائل : 6048
العمر : 45
تاريخ التسجيل : 25/11/2007

اصنع صور متحركة بالفوتوشوب Empty
مُساهمةموضوع: اصنع صور متحركة بالفوتوشوب   اصنع صور متحركة بالفوتوشوب I_icon_minitimeالأربعاء 27 فبراير 2008, 08:21

المقدمة


بالتأكيد تعرف أن الصور المتحركة عبارة عن أكثر من صورة تضعها فوق بعضها .. وتجعل ظهورها يتعاقب باستخدام برنامج الإمج ردي ..

لكن ماذا لو أردت أن تجعل صورة معينة أو نصاً معيناً يتكرر ظهوره على كل الصور .. وأن يكون ثابتاً في مكانه ..

هل يبدو كلامي معقداً؟؟!!

لا تهتم .. فالتطبيق ليس معقداً على الإطلاق ..

تابع الدرس وسترى بنفسك .. اصنع صور متحركة بالفوتوشوب F9

مثال على الدرس

اصنع صور متحركة بالفوتوشوب Ex
خطوات التنفيذ
الخطوة الأولى
قم باختيار عدد من الصور .. ثم افتحها في برنامج الفوتوشوب .. عن طريق ..
File >> Open
بعدها اختر الصور المطلوبة من المكان الذي قمت بتخزينها فيه .. وافتحها في البرنامج الواحدة تلو الأخرى ..

بالنسبة لي اخترت هذه الصور الثلاث ..
اصنع صور متحركة بالفوتوشوب 1459_p56810 اصنع صور متحركة بالفوتوشوب 1459_p56809 اصنع صور متحركة بالفوتوشوب 1459_p56800
لاحظ الصور الثلاث بعد أن قمت بفتحها في برنامج الفوتوشوب ..
اصنع صور متحركة بالفوتوشوب 1
ماذا أفعل الآن ؟؟ اصنع صور متحركة بالفوتوشوب M4
نحن نتحدث عن صورة متحركة .. لذا في الخطوة التالية علينا أن نجمع هذه الصور في مساحة عمل واحدة ..
لذا تابع الخطوة الثانية ..
الخطوة الثانية
اختر إحدى الصور ـ لتكون الصورة الرئيسية التي سنعمل عليها ..
سأختار صورة الطفلة بالقميص الوردي ..
اصنع صور متحركة بالفوتوشوب 2
حتى الآن .. أنا لم أقم بأي شيء .. فقط أخبرك بأني اخترت الصورة السابقة .. وأريك وضع بوكس الليرات .. كي تلاحظ التغيرات التي ستطرأ عليها ..
*
الآن اختر أداة المؤشر اصنع صور متحركة بالفوتوشوب MoAsherjewels .. واضغط على إحدى صورك ـ بالنسبة لي: سأضغط على صورة الطفلة التي تنظر ليدها الصغيرة ـ
اصنع صور متحركة بالفوتوشوب 3
والآن قم بنسخ الصورة ..
هل تعرف طريقة نسخ الصورة؟؟ اصنع صور متحركة بالفوتوشوب F4
هناك طريقتان: اصنع صور متحركة بالفوتوشوب F3
الطريقة الأولى: من لوحة المفاتيح .. اضغط على Ctrl + A لتحديد الكل .. ثم Ctrl + C لنسخ الصورة ..
وهي طريقة مختصرة وسريعة .. لكن أحياناً قد لا يتم التنفيذ بسبب خلل طارئ في لوحة المفاتيح ..

الطريقة الثانية وهي الأضمن: اتجه لشريط القوائم .. واضغط على قائمة Select ثم اختر All
بعدها اتجه مباشرة لقائمة
Edit ثم اختر Copy ..
بعدها اتجه لصورتك الرئيسية، اضغط عليه بالماوس .. ثم ألصق ما نسخته .. وذلك إما عن طريق Ctrl + V
أو Edit >> Paste

لاحظ تنفيذ عملية اللصق .. والتأثيرات التي ستطرأ على مساحة العمل وبوكس الليرات في الصورة المتحركة التالية ..
اصنع صور متحركة بالفوتوشوب 4

**

كرر نفس العملية السابقة مع الصورة المتبقية ..
باختصار .. حدد الصورة الأخيرة .. ثم قم بنسخها .. وألصقها على الصورة الرئيسية ..

شاهد مساحة العمل + بوكس الليرات بعد الانتهاء من عملية النسخ واللصق ..
اصنع صور متحركة بالفوتوشوب 5
سنقوم الآن بالعمل على هذه المساحة .. لذا يمكنك أن تغلق الصور التي قمنا بنسخها إن أردت ذلك ..

انتقل مع للخطوة الثالثة

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


عدد الرسائل : 6048
العمر : 45
تاريخ التسجيل : 25/11/2007

اصنع صور متحركة بالفوتوشوب Empty
مُساهمةموضوع: رد: اصنع صور متحركة بالفوتوشوب   اصنع صور متحركة بالفوتوشوب I_icon_minitimeالأربعاء 27 فبراير 2008, 08:23

الخطوة الثالثة

في هذه الخطوة سنقوم بإضافة شكل (Shape) اصنع صور متحركة بالفوتوشوب Shape ..
اتبع الآتي ..
1- قم بإضافة لير جديد عن طريق الضغط على المربع الصغير الموجود أسفل بوكس الليرات ..
لمعرفة المزيد عن بوكس الليرات، وكيفية إضافة لير جديد .. اتبع الرابط التالي ..


2- اتجه لقائمة الأدوات واختر لوناً مناسباً .. وقد اخترت اللون الأبيض .. لاحظ أنك ستختار لون الشيب من خلال تغيير لون الواجهة (المربع الذي في الأمام)
اصنع صور متحركة بالفوتوشوب Whitblack
لمعرفة المزيد عن كيفية اختيار الألوان .. اتبع الرابط التالي ..


3- ثم اتجه لقائمة الأدوات واختر أداة الشكل Shape اصنع صور متحركة بالفوتوشوب Shape ..

بعد أن تختار الأداة ستلاحظ ظهور شريط للتحكم باختيارات أداة الشكل .. مباشرة أسفل شريط القوائم الرئيسية ..

فقط تأكد من اختيار الشكل المبين في الصورة ..
اصنع صور متحركة بالفوتوشوب 6
4- بعدها قم باختيار الشكل الذي يعجبك ثم ارسمه على مساحة العمل .. لقد قمت باختيار شكل القلب ..
إن كنت تواجه مشاكل في استخدام أداة الشكل Shape اتبع الرابط التالي كي تأخذ فكرة عامة عن الأداة وكيفية استخدامها ..
لاحظ مساحة العمل + بوكس الليرات بعد أن قمت برسم شكل القلب ..
اصنع صور متحركة بالفوتوشوب 7

ملاحظة هامة .. عندما ترغب بوضع شكل ثابت على صورة متحركة .. عليك أن تتأكد أن مكان الشكل ملائم لجميع الصور .. أي أن تضعه في زاوية لا تؤثر على وضح الصور المستخدمة في التصميم ..
قبل أن أنتقل للخطوة الرابعة .. أرغب بإضافة تأثير بسيط على الشكل .. كما تلاحظ فقط اخترت اللون الأبيض .. وشكل القلب لا يبدو بارزاً في الصورة .. لذا سأضيف له ظلاً باستخدام خاصة الـ Style ..
لذا اتبع الأمر التالي ..
Layer >> Later Style >> Drop Shadow
لاحظ الصورة ..
اصنع صور متحركة بالفوتوشوب LayerStyle-DropShasow

ستظهر لك نافذة كبيرة .. اضغط مباشرة على
Ok ..
ستلاحظ التغيير الآتي ..
اصنع صور متحركة بالفوتوشوب 8
إنه تغيير بسيط .. لكنه يضيف نكهة خاصة على التصميم ـ على الأقل من وجهة نظري ! اصنع صور متحركة بالفوتوشوب F9

الخطوة الرابعة
في هذه الخطوة سنضيف نصاً ..
اختر أداة الكتابة اصنع صور متحركة بالفوتوشوب T .. ثم اكتب النص المطلوب .. في المكان الذي تختاره ..
فيما يلي سأكتب نصاً صغيراً يلائم الشكل العام .. ما رأيك بكلمة ماما .. وسنضعه داخل القلب ..
فيما يلي بيانات النص المستخدم في التصميم:
نوع النص: Bold Italic Art (ملاحظة: إن لم تجد نوع النص في قائمة النصوص عندك .. يمكنك استبداله بأي نوع آخر)
الحجم: 30
pt
درجة اللون:
cccc66 # اصنع صور متحركة بالفوتوشوب 9

إن كنت تجهل كيفية استخدام أداة النص، أو كيفية التحكم بلونه وحجمه ونوعه، اتبع الرابط التالي ..
لاحظ مساحة العمل + بوكس الليرات بعد أن أضفت النص ..
اصنع صور متحركة بالفوتوشوب 10
عذراً .. لقد كتبت النص في وسط الصفحة ولا أعرف كيف أنقله داخل شكل القلب ؟!! اصنع صور متحركة بالفوتوشوب M5
لا بأس .. مسألة عادية عند كل مبتدئ .. بعد أن تكتب النص .. اضغط على Enter من لوحة المفاتيح .. ثم اتجه لقائمة الأدوات واختر أداة المؤشر اصنع صور متحركة بالفوتوشوب MoAsherjewels .. اضغط على الكلمة واسحبها داخل القلب .. تمام؟؟
والآن لنتابع الخطوة الخامسة .. لكن لن نبقى هنا .. بل سنقوم برحلة قصيرة لبرنامج الأدوبي إمج دري ..
استعد معي للانتقال اصنع صور متحركة بالفوتوشوب F13 ..
من لوحة المفاتيح .. Ctrl + Shift + M

إن واجهت صعوبة في الانتقال للإمج ردي .. اتبع الرابط التالي ..




[url=http://www.jewelsuae.com/psd/allDoroos/gif/thabit-mota7rik/thabit-mota7rik2.htm#كاتبة الدرس]اصنع صور متحركة بالفوتوشوب ArrowU[/url]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
saoudi
المدير العام
المدير العام
saoudi


عدد الرسائل : 6048
العمر : 45
تاريخ التسجيل : 25/11/2007

اصنع صور متحركة بالفوتوشوب Empty
مُساهمةموضوع: رد: اصنع صور متحركة بالفوتوشوب   اصنع صور متحركة بالفوتوشوب I_icon_minitimeالأربعاء 27 فبراير 2008, 08:24

اصنع صور متحركة بالفوتوشوب F19
الخطوة الخامسة
هل وصلت للإمج ردي؟؟ حمداً لله على سلامتك ..

::

::
ستجد الكثير من النوافذ أماك .. لكن لا تقلق منها أبداً .. فكل ما سنحتاج إليه ثلاث نوافذ فقط .. مساحة العمل + بوكس الليرات .. وبالتأكيد أنت تعرف ما فائدتهما وكيفية استخدمها .. لأننا عملنا عليهما في الأدوبي فوتوشوب .. والشيء الثالث والجديد الذي سنحتاجه هو شريط الحركة Animation .. وغالباً ما ستجده أمامك بمجرد انتقالك للإمج ردي ..
شاهد الوضع في الإمج ردي ..
اصنع صور متحركة بالفوتوشوب 11
في حال لم تجده أمامك .. قم بالآتي اتجه لقائمة Windows ثم تأكد من وضع إشارة صح على كلمة Animation ..

لمزيد من المعلومات عن الإمج ردي .. وكيفية التعامل مع البرنامج، أعد زيارة الرابط التالي ..
والآن لنطبق هذه الخطوة الهامة ..
هل ترى شريط الحركة Animation .. في أقصى زاوية اليمين ستجد سهماً صغيراً بالأزرق .. اضغط عليه .. ستظهر لك قائمة طويلة اختر الأمر التالي:
Make Frames From Layers

لاحظ الصورة ..
اصنع صور متحركة بالفوتوشوب 12
ستلاحظ التغيير التالي على شريط الحركة Animation:
اصنع صور متحركة بالفوتوشوب 13

تعليق: أمر
Make Frames From Layers يعني أن كل لير في بوكس الليرات سيتم وضعه في برواز خاص على شريط الحركة Animation ..
وكما ترى .. إن تصميمنا يتكون من ثلاثة ليرات للصور .. ولير للشكل
Shape ولير آخر للنص .. أي خمس ليرات .. وبعد أن نفذنا الأمر السابق أصبح لدينا خمسة براويز على شريط الحركة ..
الخطوة السادسة
في هذه الخطوة سنقوم بحذف آخر بروازين رقم (4 و 5) وهما برواز الشكل Shape وبرواز النص ..

اضغط على البرواز رقم 5 كي تقوم بتحديده .. بعدها اضغط على رمز سلة المهملات اصنع صور متحركة بالفوتوشوب Delete
.. ستجده أسفل شريط الحركة .. ستلاحظ اختفاء البرواز رقم 5 .. وانتقال التحديد للبرواز رقم 4 .. اضغط مجدداً على رمز سلهة المهملات اصنع صور متحركة بالفوتوشوب Delete .. كي تقوم بحذف اللير رقم 4 أيضاً ..
لاحظ تنفيذ الخطوات السابقة في هذه الصورة المتحركة ..
اصنع صور متحركة بالفوتوشوب 15

والآن في شريط الحركة ليس لدينا غير صور الأطفال .. جميل ..
الخطوة السابعة
باستخدام الماوس ـ الفأرة ـ قم تحديد البرواز رقم 1 في شريط الحركة ..
اصنع صور متحركة بالفوتوشوب 16
بعدها انتقل لبوكس الليرات .. وضع علامة العين اصنع صور متحركة بالفوتوشوب Yey على لير الشكل .. ولير النص ..
توضيح .. علامة العين هي هذهاصنع صور متحركة بالفوتوشوب Yey ،، ستجدها موجودة على يسار كل لير في بوكس الليرات ،، ولكي ترفعها ،، عليك أن تضغط عليها بالفأرة ــ الماوس ــ ويمكنك إعادتها بنفس الطريقة ،، والفائدة من هذه العين هي تحديد ما ترغب بظهوره في مساحة العمل ،، فبمجرد أن ترفع علامة العين من أي لير سيختفي محتوى اللير من مساحة العمل والعكس صحيح،،

شاهد تنفيذ هذه العملية بالصورة المتحركة .. ولاحظ التغييرات التي ستطرأ على مساحة العمل + شريط الحركة ..
اصنع صور متحركة بالفوتوشوب 17
بعد هذه العملية .. نكون قد انتهينا تقريباً من الدرس ..
بقيت لدينا خطوة أخيرة .. وهي ضبط التوقيت اصنع صور متحركة بالفوتوشوب Time ..
الخطوة الثامنة

عملنا الآن على شريط الحركة
Animation ..
اضغط قم بتحديد جميع البراويز دفعة واحدة .. هل تعرف كيف تفعل ذلك ؟؟
من لوحة المفاتيح استمر بالضغط على زر
Ctrl وباستخدام الفأرة ـ الماوس ـ قم بتحديد البرواز رقم 1 .. ثم رقم 2 .. ثم رقم 3 .. لاحظ أنك خلال هذه العملية لن ترفع يدك من زر Ctrl .. بل ستبقى مستمراً بالضغط عليه ..
بعد أن تنتهي من التحديد .. يجب أن يكون شكل شريط الحركة كالآتي ..
اصنع صور متحركة بالفوتوشوب 19

تلاحظ أن أسفل كل برواز يوجد الرقم التالية اصنع صور متحركة بالفوتوشوب 0sec..

اضغط عليه بالماوس ـ الفأرة ـ وستلاحظ ظهور شريط صغير .. اختر منه الرقم 2

لاحظ العملية خلال هذه الصورة المتحركة ..

اصنع صور متحركة بالفوتوشوب 20

ستقوم بضبط التوقيت مرة واحدة فقط .. لأنك قمت بتحديد جميع الليرات .. فالتغيير الذي ستحدثه في أي لير سيتم تطبيقه على البقية ..



وهكذا .. انتهيت من تنفيذ الدرس
اصنع صور متحركة بالفوتوشوب Thum3 ..

يمكنك مشاهدة الحركة بالضغط على زر
Play اصنع صور متحركة بالفوتوشوب Play أسفل شريط الحركة ..

....

قم بتخزين العمل عن طريق
File >> Save Optimized As
والنتيجة النهائية
اصنع صور متحركة بالفوتوشوب Ex
ملاحظة .. إن واجهت أية مشاكل في التخزين ،، فمرورك على هذا الرابط سيفيدك ..



[url=http://www.jewelsuae.com/psd/allDoroos/gif/thabit-mota7rik/thabit-mota7rik3.htm#كاتبة الدرس]اصنع صور متحركة بالفوتوشوب ArrowU[/url]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
اصنع صور متحركة بالفوتوشوب
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» صنع كلمات متحركة بالفوتوشوب
» موسوعة الشروحات لبرنامج الفوتوشوب بالصور
» اصنع بنفسك ثيمات لSonyEricsson
» اصنع كاميرا لمراقبة مكتبك او اى شئ تريد
» الأن اصنع غلاف مميز و شعار جميل عن طريق هذا البرنامج الرائع

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