درس تجول في الصوره :: رااااائع ::

[فرولاية جده]

http://www.flashfp.com/vb/images/smilies/flashfp-hp1234/salam.gif

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

http://www.alwaafy.net/imejvb/move/ln07[1].gif


خطوات التنفيذ
المرحلة الأولى
في الأدوبي فوتوشوب Photoshop

الخطوة الأولى

افتح الصورة التي ترغب بتطبيق الدرس عليها ..

عن طريق:
File >> Open

وقد اخترت هذه الصورة ..
http://www.jewelsuae.com/psd/allDoroos/gif/tjwal/b3.jpg

والآن قم بتحديدها بالضغط على Ctrl + A من لوحة المفاتيح ..

ملاحظة .. يمكنك تطبيق الأمر بطريقة أخرى ..
اتجه لـ قائمة Select ثم اختر All

ستلاحظ أن الصورة قد تم تحديدها بالكامل ..
http://www.jewelsuae.com/psd/allDoroos/gif/tjwal/2.gif

ثم اضغط على مفتاحي Ctrl + C لنسخ الصورة ..

أو .. يمكنك أن تنفذ الأمر بطريقة أخرى .. اتجه لقائمة Edit واختر Copy

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

http://www.jewelsuae.com/2006/gold2L.gif

الخطوة الثانية

قم بفتح مساحة عمل جديدة .. عن طريق ..
File >> New
http://www.jewelsuae.com/psd/AlQaemah/FileNewJ.gif

سيظهر لك بوكس آخر كي تحدد حجم المساحة ونوع الخلفية ،، حدد الحجم الذي يناسب الصورة التي اخترناها في الخطوة الأولى .. مع مراعاة أن يكون الحجم أقل من الصورة بقدر كافي ..

الصورة السابقة حجمها .. 295 × 215
لذا سأختار حجم مساحة العمل 200 × 150

طبعاً الخلفية يجب أن تكون شفافة .. أي
Contents = Transparent

شاهد الإعدادت في الصورة التالية ..
http://www.jewelsuae.com/psd/allDoroos/gif/tjwal/3.gif

ستظهر لك مساحة العمل كالتالي ..

http://www.jewelsuae.com/psd/allDoroos/gif/tjwal/4.gif

قم بلصق الصورة التي نسختها .. وذلك بالضغط على Ctrl + V من لوحة المفاتيح ..

هناك طريقة أخرى للصق الصورة .. اتجه لقائمة Edit واختر أمر Paste

شاهد مساحة العمل بعد تنفيذ هذه العملية ..
http://www.jewelsuae.com/psd/allDoroos/gif/tjwal/5.gif

http://www.jewelsuae.com/2006/gold2L.gif
الخطوة الثالثة

انتهينا من العمل في الأدوبي فوتوشوب Photoshop .. سننتقل الآن للإمج ردي ImageReady

اضغط على أيقونة الانتقال للإمج ردي الموجودة أسفل قائمة الأدوات ..
http://www.jewelsuae.com/psd/Basik/imageready.gif
لمزيد من المعلومات حول كيفية الانتقال للإمج ردي .. وكل ما يتعلق ببيئته .. أسعد هذا الرابط بزيارتك (http://www.jewelsuae.com/psd/allDoroos/PsdBasik/ImageReady/MoveToImageReady.htm) http://www.jewelsuae.com/psd/Faces/Mudhish/Mudhish4.gif
يتبع
http://smilies.sofrayt.com/%5E/a0/bgrinjackbox.gif

[فرولاية جده]

االمرحلة الثانية
في الأدوبي إمج ردي ImageReady
ـ أ ـ
مرحباً بك في الإمج ردي http://www.jewelsuae.com/psd/Faces/Mudhish/Mudhish3.gif
يفترض أن تشاهد أمامك التالي ..

http://www.jewelsuae.com/psd/allDoroos/gif/tjwal/6.gif
مساحة العمل .. وبوكس الليرات .. وأهم ما في الدرس هو شريط الحركة Animation وهو ما سنعمل عليه .. لذا تأكد من وجودها في برنامج الإمج ردي .. وإن لم تجدها أمامك .. أنصحك بالمرور على الرابط التالي (http://www.jewelsuae.com/psd/allDoroos/PsdBasik/ImageReady/MoveToImageReady.htm) .. كي تعرف كيفية إظهارها ..
والآن ..

http://www.jewelsuae.com/2006/gold2L.gif

الخطوة الأولى
قبل أن نبدأ .. اسمح لي أن أخبرك شيئاً .. كانت خطوات الدرس حتى الآن سهلة جداً .. وسنكمل هكذا .. لكن لو كنت مبتدئاً .. قد تواجه بعض المشاكل .. لأن الخطوات ستبدو متداخلة قليلاً .. لكن لا تقلق .. سأكون معك خطوة بخطوة .. لذا ركز معي جيداً ..
وبعد أن تتقن هذا الدرس جيداً .. ستطبقه وحدك في 10 دقائق http://www.jewelsuae.com/psd/Faces/Mudhish/Mudhish12.gif
http://www.jewelsuae.com/2006/goldS.gif
في شريط الأنيميشن قم بنسخ البرواز مرتين .. وذلك عن طريق الضغط على المربع الصغيرhttp://www.jewelsuae.com/psd/Basik/Layer.gifالموجود أسفل شريط الحركة .. (اضغط على المربعhttp://www.jewelsuae.com/psd/Basik/Layer.gif مرتين)
لاحظ الصورة التوضيحية المتحركة
http://www.jewelsuae.com/psd/allDoroos/gif/tjwal/7.gif

بعد أن أصبح لديك ثلاث براوزات في شريط الحركة .. اضغط على البرواز رقم 2 كي يصبح لونه أزرقاً ـ طبعاً وكما تعلم أن الهدف من ذلك هو تفعيل هذا البرواز وإحداث التغييرات عليه .. والتغيير الذي سنحدثه .. هو تحريك صورة الفتاة لليسار ..
تابع معي

لاحظ شكل شريط الحركة بعد أن قمت بتفعيل البرواز رقم 2
http://www.jewelsuae.com/psd/allDoroos/gif/tjwal/8.gif
اتجه لأداة المؤشر http://www.jewelsuae.com/psd/Basik/moAsherjewels.gif .. ستجده في قائمة الأدوات الموجود على يسار شاشة الإمج ردي .. ستكون في أعلى زاوية اليمين ..

لاحظ مكانها في الصورة التالية ..
http://www.jewelsuae.com/psd/Basik/moAsherImageready.gif
ملاحظة .. مكان أداة المؤشر هو نفسه سواءً في الإمج ردي أو الفوتوشوب ..

بعد أن اخترت أداة المؤشر اتجه للوحة المفاتيح عندك .. وبالذات عند الأسهم .. شاهد مكانها في لوحة مفاتيحك ..

http://www.jewelsuae.com/psd/Basik/keyboard0.gif

هل لاحظت مكان الدائرة الحمراء في الصورة ؟ سنستخدم مفاتيح الأسهم التي تم تحديدها ..

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

http://www.jewelsuae.com/psd/Basik/keyboardL.gif

ستلاحظ انتقال الصورة لليسار .. حاول أن تنقلها لأقصى حد .. ولكن مع مراعاة عدم إحداث فراغ في الجانب الأيمن .. كأن تظهر المساحة التي خلف الصورة ..
( وإذا فعلت ذلك فلا بأس .. فقط أضغط على السهم الذي يتجه لليمين حتى ترجع الصورة قليلاً )

شاهد وضع مساحة العمل + شريط الحركة بعد تنفيذ هذه العملية
http://www.jewelsuae.com/psd/allDoroos/gif/tjwal/9.gif
http://www.jewelsuae.com/2006/gold2L.gif
الخطوة الثانية
قم بنسخ البرواز مجدداً كما فعلنا في السابق .. فقط اضغط على المربع الصغير الموجودhttp://www.jewelsuae.com/psd/Basik/Layer.gif أسفل شريط الحركة مرة واحدة لتنسخ البرواز رقم 2

مرة أخرى .. اتجه للوحة المفاتيح .. لكن هذه المرة اضغط على السهم المتجه للأعلى ..
لاحظ مكان السهم في لوحة مفاتيحك
http://www.jewelsuae.com/psd/Basik/keyboardU.gif
كرر نفس ما فلناه في المرة السابقة .. عليك أن ترفع الصورة لأعلى ..

لاحظ وضع مساحة العمل + شريط الحركة بعد تنفيذ هذه الخطوة ..
http://www.jewelsuae.com/psd/allDoroos/gif/tjwal/10.gif
http://www.jewelsuae.com/2006/gold2L.gif
الخطوة الثالثة
انسخ البرواز رقم 3 .. كما في المرات السابقة .. عن طريق الضغط على المربع الصغيرhttp://www.jewelsuae.com/psd/Basik/Layer.gif الموجود أسفل شريط الحركة
ثم كرر نفس ما فعلناه سابقاً .. اتجه للأسهم الموجودة في لوحة المفاتيح .. لكن هذه المرة سنضغط على السهم المتجه لليمين
http://www.jewelsuae.com/psd/Basik/keyboardR.gif

شاهد مساحة العمل + شريط الحركة بعد الانتهاء من هذه الخطوة ..
http://www.jewelsuae.com/psd/allDoroos/gif/tjwal/11.gif
إذا كان شكل شريط الحركة عندك مشابهة لما في الصورة .. فأنت في أمان .. انتقل للمرحلة الثالثة باطمئنان لأنك بارع http://www.jewelsuae.com/psd/Faces/Mudhish/Mudhish2.gif..
أما إذا كان لديك بعض الخلل .. فلا بأس .. شخصياً واجهت مشاكل أسوأ حتى استطعت أن أجد طريقة مناسبة لتنفيذ هذا الدرس http://www.jewelsuae.com/psd/Faces/Mudhish/Mudhish10.gif ..
فقط راجع الخطوات السابقة وتأكد من تطبيقك http://www.jewelsuae.com/psd/Faces/Mudhish/Mudhish1.gif ..
ستجدنا بانتظارك في المرحلة الثالثة .. خذ وقتك ..


يتبع
http://70.86.165.21/vb/images/icons/superlol.gif

[فرولاية جده]

المرحلة الثالثة
في الأدوبي إمج ردي ImageReady
ـ ب ـ

في هذه المرحلة .. سنضيف براوزات كثيرة ما بين البراوزات الخمس الموجودة حالياً حتى نضفي نوعاً من النعومة على الحركة .. فيبدو وكأنه تصوير بالفيديو ..

في الخطوة الأولى من هذه المرحلة .. سنضيف عدد من البراوزات بين البروازين 1 و 2 ..
وفي الخطوة الثانية .. سنضيف نفس العدد من البراوزات بين البروازين 2 و 3
والخطوة الثالثة سنضيف نفس العدد بين البروازين 3 و 4
وأخيراً .. في الخطوة الرابعة سنضيف نفس العدد من البراوزات بين البروازين 4 و 5

يبدو ذكل سهلاً .. لكن عندما سنضيف البراوزات .. سيتغير الأرقام .. لذا سنواجه قليلاً من التعقيد .. لكن لا تقلق .. فأنا معك خطوة بخطوة http://www.jewelsuae.com/psd/Faces/Mudhish/Mudhish1.gif ..

كيف سنضيف البراوزات كي نحصل على حركة سلسة ؟؟http://www.jewelsuae.com/psd/Faces/thinking.gif
بأسهل طريقة ممكنه .. سنستخدم الـ Tweens http://www.jewelsuae.com/psd/Basik/tweens.gif

ستجد إشارة التوينز أسفل شريط الحركة على يسار المربع الصغيرhttp://www.jewelsuae.com/psd/Basik/Layer.gif الذي نستخدمه في إضافة البراوزات ..

ولكن قبل أن تضغط عليه .. عليك أولاً أن تحدد البرواز رقم 1 ,, لأننا سنبدأ عملنا من هناك ؟؟

http://www.jewelsuae.com/2006/goldS.gif

الخطوة الأولى

اضغط بالماوس ـ الفأرة ـ على البرواز رقم 1 كي يصبح لونه أزرقاً ..
لاحظ شريط الحركة
http://www.jewelsuae.com/psd/allDoroos/gif/tjwal/12.gif

والآن قم بالضغط على رمز التوينز Tweens http://www.jewelsuae.com/psd/Basik/tweens.gif
ستظهر لك هذه النافذة .. قم باختيار الإعدادات المبينة في الصورة
http://www.jewelsuae.com/psd/allDoroos/gif/tjwal/13.gif
لاحظ أن تطبق الإعدادات الموجودة في الصورة بدقة .. كلها ما عدا Frames to Add .. لك الاختيار في إدراج الرقم المطلوب ..
في الدرس أضفنا الرقم 15 .. أين أنه سيتم إضافة 15 برواز ما بين البرواز رقم 1 والبرواز رقم 2 ..
قد يكون الرقم كبيراً نوعاً ما .. لكن المسافة بين البرواز الأول والثاني بعيدة إلى حد ما .. لذا سنحتاج للعدد 15 أو 10 على أقل تقدير حتى يعطينا شكلاً دقيقاً وواقعياً للحركة بين البروازين ..
يمكنك أن تقلل من عدد البراوزات .. أو تزيد من عددها .. لكن تذكر كلما زدت العدد ستحصل على حركة أجمل وأكثر واقعية .. ولكن في المقابل سيكون وزن الصورة كبيراً .. أما إن قللت من عدد البراوزات المضافة .. ستحصل على وزن أقل .. لكن الحركة ستكون متقطعة وسريعة وغير مريحة ..
هل لاحظت التغيير على شريط الحركة بعد أن نفذت التوينز؟
يا إلهي !! كيف سأتحكم بهذا العدد من البراوزات ؟؟ وكيف سأجد الصورة التي كانت تحمل رقم 3 في شريط الحركة ؟؟!! http://www.jewelsuae.com/psd/Faces/Awee.gif

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

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

انتقل للخطوة الثانية يا بطل http://www.jewelsuae.com/psd/Faces/79an.gif ..
http://www.jewelsuae.com/2006/gold2L.gif


يتبع

[فرولاية جده]

الخطوة الثانية

احسب معي http://www.jewelsuae.com/psd/Faces/math.gif..

ببساطة .. رقم البرواز الذي سنطبق عليه التوينز + عدد البراوزات المضافة + 1 (هذا الرقم ثابت لا يتغير)
وفي الخطوة الأولى من المرحلة الثالثة .. أجرينا التوينز بين البرواز رقم 1 .. وأضفنا إليه 15 بروازاً .. سنجمع الأرقام السابقة بالرقم 1
1 + 15 + 1 = 17

اضغط على البرواز رقم 17 حتى يصبح لونه أزرقاً
http://www.jewelsuae.com/psd/allDoroos/gif/tjwal/14.gif

ثم اضغط على زر التوينز http://www.jewelsuae.com/psd/Basik/tweens.gif .. وأبقي على نفس الإعدادات السابقة ..

ستلاحظ زيادة عدد البراوزات .. ولتكتشف رقم البرواز الجديد الذي تطبق عليه التوينز .. تابع الخطوة الثانية
http://www.jewelsuae.com/2006/gold2L.gif

الخطوة الثالثة
مرة أخرى ..
رقم البرواز الذي سنطبق عليه التوينز ( وفي هذه الخطوة سنطبق التوينز على البرواز رقم 17 ) + عدد البراوزات المضافة + 1 (هذا الرقم ثابت لا يتغير)
أي ..
17 + 15 + 1 = 33

إذاً .. اتجه للبرواز رقم 33 واضغط عليه بالفأرة حتى يتم تحديده ..
http://www.jewelsuae.com/psd/allDoroos/gif/tjwal/15.gif
ثم اضغط على زر التوينز http://www.jewelsuae.com/psd/Basik/tweens.gif .. وأبقي على نفس الإعدادات السابقة ..

كما لاحظت في الخطوة السابقة .. زيادة عدد البراوزات .. اتجه للخطوة الثالثة كي تكتشف رقم البرواز التالي ..
http://www.jewelsuae.com/2006/gold2L.gif
الخطوة الرابعة

المعادلة
رقم البرواز الذي سنطبق عليه التوينز ( وفي هذه الخطوة سنطبق التوينز على البرواز رقم 33 ) + عدد البراوزات المضافة + 1 (هذا الرقم ثابت لا يتغير)
33 + 15 + 1 = 49

إذاً .. اتجه للبرواز رقم 49 واضغط عليه بالفأرة حتى يتم تحديده ..
http://www.jewelsuae.com/psd/allDoroos/gif/tjwal/16.gif
ثم اضغط على زر التوينز http://www.jewelsuae.com/psd/Basik/tweens.gif .. وأبقي على نفس الإعدادات السابقة ..

انتهينا من تطبيق التوينز بين البراوزات الخمس التي حصلنا عليها من المرحلة الثانية ..

لقد قمت بعمل رائع .. انت عبقري http://www.jewelsuae.com/psd/Faces/9fqa1.gif

إضافة .. والآن إذا قمت بتطبيق نفس المعادلة ..
49 + 15 + 1
ستجد أن الناتج = 65 .. وهو رقم البرواز الأخير في شريط الحركة ..

أنا متأكدة من أن أساتذة الرياضيات لم يسمعوا عن هذه المعادلة من قبل http://www.jewelsuae.com/tqareer/Smiles/jewelsuae1.gif !! لقد قمت بابتكارها خصيصاً لإكمال خطوات الدرس بسهولة http://www.jewelsuae.com/tqareer/Smiles/jewelsuae2.gif .. تبدو جيدة خخخ
http://www.jewelsuae.com/2006/gold2L.gif
والآن تمتع بعملك .. وذلك بالضغط على زر التشغيل http://www.jewelsuae.com/psd/Basik/Play.gif الموجود أسفل شريط الحركة


ثم خزن عملك عن طريق:
File >> Save Optimized As
http://www.jewelsuae.com/psd/AlQaemah/FileSaveOptimized.gif
ثم اختر اسما مناسبا واضغط OK
http://www.jewelsuae.com/2006/gold2L.gif

والنتيجة النهائية
http://www.jewelsuae.com/psd/allDoroos/gif/tjwal/Ex.gif
رائــــــع http://www.jewelsuae.com/psd/Faces/oo.gifhttp://www.jewelsuae.com/psd/Faces/oo.gif
http://www.jewelsuae.com/psd/Faces/love.gif http://www.jewelsuae.com/psd/Faces/love.gif http://www.jewelsuae.com/psd/Faces/love.gif


,’,’,’ملطوووووووووش,’,’,’
,’,’,منقوووووووووووول,’,’,’

[فرولاية جده]

طبعا الصوره الأصليه "وأخذتها من موضوع الأخت (nanoosh)"

http://www.br2h.com/up/uploads/2b6d1d0ee7.jpg



.. وهـــــــــــذا تطبيقي ياحــــــــــــلوااااااااااااااات ..



http://www.na-222.com/up-pic/uploads/dfaf963231.gif


أتمنى أن الدرس يكون عجبكم

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

انتظر ابداعكم

[(سمية)]

وعليكم السلام والرحمة

هلا والله بالفراولة الجداويةW:

نورت الركن يالغالية

ولطشة رهيييييييييييييييييييييبة

سأحاول التطبيق بإذن الله

دمتِ على طاعة الرحمن

::.::

[ابتسامة لك]

فكـــرة ما شاء الله أكثر من رائعــــــــة..

سلمت يداك..يا حلوة..W:


راح أحاول تطبيقه..

كل الود..

[هنـــد]

درس جميل جداً :)

[فرولاية جده]

( سميه)
أهلين بيكِ يالغلا
والركن منور بأهله :)

في إنتظار تطبيقك..

إبتسامة الجرح
أولً مبروووك عليكِ الإشراف
لو من زمان اعذريني ماأنتبهت إلا دوبي
وثانيا شاكره لكِ حضورك وردك
وفي انتظار تطبيقك..

هنوووده
الأجمل تواجدكِ ..

[*الجوهرة المصونة*]

درس يجنن
نقل حلو :)
خخخ

[khat2000]

درس رااااائع
جزاك الله خير على النقل المفيد

[- asma -]

درس رهييييييييييييييب بس يبغاله روقان :D

[سوسو44]

راااااااااااااااااااااااائع

[فرولاية جده]

جوهرتي ,’, كاتووووو ,’, صــدووووي ,’,’ سوسو

جزاكم الله خير
و
أنتظر تطبيقاتكم وروقانكم
اختكم
فوفو

[جوديّ~]

درس جميل

[فرولاية جده]

نور الإسلا مرورك هو الأجمل