المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : درس خفيف لعمل الحركة البينية ببرنامج ImageReady


نــــور القمــر
06-12-2005, 02:26 PM
السلام عليكم ورحمة الله وبركاته

اخواني الكرام

اقدم هذا الدرس البسيط في كيفية انشاء الحركه البينية من خلال برنامج ImageReady

لربما هناك دروس مشابهه (لم اقوم بعملية البحث ) ولكني اردت ان اعيد الشرح وفي الاعادة الأفادة

وان شاء الله ينال رضى الجميع


لنبدأ بسمه تعالى

بعد الانتهاء من عمل التصميم بالفوتوشوب ننتقل بالتصميم الى الايميج ريدي من خلال الضغط على Shift+Control+M

أو من خلال ايقونة برنامج الاميج ريدي الموجودة اسفل صندوق الادوات في الفوتوشوب


عند الانتقال الى الايميج ريدي بالأضافة الى لوح العمل لابد من تواجد لوحين اخرين وهما لوح اللايرز ولوح الانميشن

واذا لم يكونا موجودين يجب اظهارهما من الامر Window


لاحظ الصورة التالية وبالخصوص لوح الحركة (انيميشن ) انة تكون لدينا فريم واحد ولعمل الحركة البينية قم بتكرار الفريم

الاول بالضغط على زر Duplictes Frame المشار اليه

http://absba4.absba.org/teamwork16/DS/ImageReady1.gif


لينتج لدينا فريم ثاني ويجب علينا هنا تفعيل طبقة الكلمة في لوح الطبقات + تفعيل الفريم رقم 2

ومن ثم اتبع الخطوات كما هي بالصورة


http://absba4.absba.org/teamwork16/DS/ImageReady2.gif




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

ومن ثم ننشئ الحركة البينية لتكوين عدة فريمات بين الفريم الاول والثاني اتبع الخطوات



http://absba4.absba.org/teamwork16/DS/ImageReady3.gif



ومن ثم نحصــل على مربع الحوار


http://absba4.absba.org/teamwork16/DS/ImageReady4.gif



ليتكون لدينا هنا عشرة فريمات بالأضافة الى الفريمين الموجودين مسبقا ليصبح لدينا 12 فريم

ولاحظ شفافيةالكلمة من خلال الفريمات حيث ستجدها متفاوتة الوضوح


http://absba4.absba.org/teamwork16/DS/ImageReady5.gif



بعد تجربة العمل ستلاحظ أن الكلمة تختفي تدريجيا

ولكننا هنا نريد من هذه الكلمة ان ترجع مرة اخرى من حالة الاختفاء الى الوضوح لتكون العملية متناسقة

وماهي الا اتباع الخطواط السابقة

اختار الفريم رقم 12 واعمل دبلكيت لينتج فريم رقم 13 اجعل هذا الفريم مفعل ومن ثم اجعل طبقة الكتابة في

لوح الطبقات مفعلة

اختار Opacity وارجع درجة الشفافية الى 100%

ومن ثم اتبع الخطوات السابقة لتكوين الحركة البينية بين الفريم رقم 12 ورقم 13 لانشاء عدة فريمات بينهما

ليصبح 23 فريم ولتبدأ الفريمات من الاختفاء الى الوضوح

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

مثل هذا التصميم البسيط


http://absba4.absba.org/teamwork16/DS/Tween.gif



الله يوفق الجميع





تم رفع الصور الى سيرفر من قبل المراقب MOH-RONAL

بن برغوث
06-12-2005, 03:25 PM
السلام عليكم ورحمة الله وبركاته
درس جميل بارك الله فيك

نــــور القمــر
07-12-2005, 10:33 AM
حيــــاك الله أخي الفـــاضل بـــن برغــــوث

وسعـــــدت لمــرورك

اسيرالجرح
07-12-2005, 10:55 AM
لله درك ........... تسلم يمينك



بصراااااااااااااحه درس جا في وقته ...



جاري حفظ الشرح ........ والإعلام عن النتائج والتطبيقات فيما بعد .






تحياتي وتقديري لك

نــــور القمــر
07-12-2005, 12:33 PM
مرحبــــا بك اخي اسيـــــــــر الجــــــــرح



منـــور الموضـــوع بوجــودك




حيـــاك الله

ca2oom
07-12-2005, 03:21 PM
مرحبااا

الف شكر لك ، درس جميل وتطبيقاتك كثيرة كذلك

بارك الله فيك ، وجزيت خيرا
وتجد التطبيق على فكرة بتوقيعى :)

مع التحيه ،

F.B.I
07-12-2005, 04:22 PM
http://www.geocities.com/mhfg5/bestorange.gif

الشرح http://smilies.sofrayt.com/fsc/thumbs-up.gifhttp://smilies.sofrayt.com/fsc/thumbs-up.gifhttp://smilies.sofrayt.com/fsc/thumbs-up.gif

بارك الله فيك أختي الكريمة

أتمنى لك دوام التوفيق والنجاح

وهذا تطبيقي :

http://alwajba.net/up/up/FFBi.gif

والله الموفق ،،،

http://www.geocities.com/mhfg5/bestorange.gif

طيوبه™
07-12-2005, 04:25 PM
بارك الله فيك اخى الكريم

sadek57z
07-12-2005, 04:45 PM
بارك الله فيك اخى الكريم

faous
07-12-2005, 07:36 PM
السلام عليكم

شكرا لك اخي الكريم على هذا الدرس و هذا تطبيقي ;) ( و لكنه بطيء :eek: عملت الكثير من الفريمات :o )


http://www.lahdah.net/uploads/cfe5e84a0e.gif

نــــور القمــر
08-12-2005, 01:12 AM
اخـــي الكريم كتـــــوم بارك الله فيك

وجزانا الله واياكم خير الدنيا والأخرة

وشكرا لدعواتك الجميلة

وجميل ان يكون توقيعك متطابق مع الدرس



ـــــــــــــــــــــــــــــــــ



اخي العزيز F B I سلمت والله

وجزيت خيرا

وأنا كذلك اتمنى لك دوام التوفيق والنجاح

وتطبيقك صراحة رائع 100%



ــــــــــــــــــــــــــــــــ



أختي طيــوبة مرحبــا بك

والف شكر لتشريفك الموضوع

وبارك الله فيك



ـــــــــــــــــــــــــــــ



ياهلا وسهلا اخي الفــاضل sadek57z

والله يبارك في الجميع



ـــــــــــــــــــــــــــــ



اخي الكريم faous سلمت يداك لقيامك بالتطبيق

وفعلا كلما زاد عدد الفريمات كلما زاد من مساحة التصميم

مما يؤدي الى البطئ في عملية التحميل على صفحات الويب

ولكن يبقى تبيقك صحيح 100%


ـــــــــــــــــــــــــ

تحياتي للجميع

مريم البتول
08-12-2005, 03:28 PM
السلام عليكم ورحمة الله وبركاته

اخواني الكرام

اقدم هذا الدرس البسيط في كيفية انشاء الحركه البينية من خلال برنامج ImageReady

لربما هناك دروس مشابهه (لم اقوم بعملية البحث ) ولكني اردت ان اعيد الشرح وفي الاعادة الأفادة

وان شاء الله ينال رضى الجميع


لنبدأ بسمه تعالى

بعد الانتهاء من عمل التصميم بالفوتوشوب ننتقل بالتصميم الى الايميج ريدي من خلال الضغط على Shift+Control+M

أو من خلال ايقونة برنامج الاميج ريدي الموجودة اسفل صندوق الادوات في الفوتوشوب


عند الانتقال الى الايميج ريدي بالأضافة الى لوح العمل لابد من تواجد لوحين اخرين وهما لوح اللايرز ولوح الانميشن

واذا لم يكونا موجودين يجب اظهارهما من الامر Window


لاحظ الصورة التالية وبالخصوص لوح الحركة (انيميشن ) انة تكون لدينا فريم واحد ولعمل الحركة البينية قم بتكرار الفريم

الاول بالضغط على زر Duplictes Frame المشار اليه


http://www.geocities.com/jr_7312000/ImageReady1.gif


لينتج لدينا فريم ثاني ويجب علينا هنا تفعيل طبقة الكلمة في لوح الطبقات + تفعيل الفريم رقم 2

ومن ثم اتبع الخطوات كما هي بالصورة


http://www.geocities.com/jr_7312000/ImageReady2.gif




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

ومن ثم ننشئ الحركة البينية لتكوين عدة فريمات بين الفريم الاول والثاني اتبع الخطوات



http://www.geocities.com/jr_7312000/ImageReady3.gif




ومن ثم نحصــل على مربع الحوار


http://www.geocities.com/jr_7312000/ImageReady4.gif




ليتكون لدينا هنا عشرة فريمات بالأضافة الى الفريمين الموجودين مسبقا ليصبح لدينا 12 فريم

ولاحظ شفافيةالكلمة من خلال الفريمات حيث ستجدها متفاوتة الوضوح



http://www.geocities.com/jr_7312000/ImageReady5.gif




بعد تجربة العمل ستلاحظ أن الكلمة تختفي تدريجيا

ولكننا هنا نريد من هذه الكلمة ان ترجع مرة اخرى من حالة الاختفاء الى الوضوح لتكون العملية متناسقة

وماهي الا اتباع الخطواط السابقة

اختار الفريم رقم 12 واعمل دبلكيت لينتج فريم رقم 13 اجعل هذا الفريم مفعل ومن ثم اجعل طبقة الكتابة في

لوح الطبقات مفعلة

اختار Opacity وارجع درجة الشفافية الى 100%

ومن ثم اتبع الخطوات السابقة لتكوين الحركة البينية بين الفريم رقم 12 ورقم 13 لانشاء عدة فريمات بينهما

ليصبح 23 فريم ولتبدأ الفريمات من الاختفاء الى الوضوح

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

مثل هذا التصميم البسيط


http://www.geocities.com/jr_7312000/Tween.gif



الله يوفق الجميع







موضوع أكثر من رائع وشرح مفهوم .جعل الله ثوابه في ميزان حسناتك.

n_abmw
09-12-2005, 09:06 AM
ألف ألف شكر لك اخي ،
موضوع أكثر من رائع وشرح مفهوم .جعل الله ثوابه في ميزان حسناتك.

المحترف المهاجر
09-12-2005, 07:02 PM
جزاك الله خير ...


براويك تطبيقي و لكن ما أعرف موقع لرفع الصور غير موقع : www.w6w.net


إذا عندك موقع ثاني أرسله لي ...

أترياك ...

أكوا سوفت
09-12-2005, 07:14 PM
مشكوووووووووووووووووووووووووووووووووووور

محمود ريكلمي
09-12-2005, 08:11 PM
شكرا لك

وبارك الله فيك

نــــور القمــر
10-12-2005, 12:56 AM
السلام عليكم ورحمة الله

وأرجـــووووو المســامحة للتــــأخير



اختي مريم البتول

جعلنا الله واياكم من المثابين

وشكرا جزيلا لدعواتك الصالحة


____________


اخي n_abmw

لاشكر على واجب

وبارك الله فيك


____________


اخي الفاضل المحـــترف المهـــاجر

اهلا بك وشرفت الموضوع

بخصوص موقع لرفع الصور . عادة ماارفع الصور على موقع جيوستس ومن وجهة نظري اعتبره موقع ممتاز

لسرعة تحميلة للصور وهذا هو عنوان الموقع


http://geocities.yahoo.com (http://geocities.yahoo.com/)


____________


أكوا سوفت مرحبــا بك

العـــفو


____________


ياهلا بيك أخي محمود ريكلمي

وحياك الله

المنتبه
11-07-2007, 04:35 AM
درس رائع ...

بارك الله فيك..

m3jb00r_net
11-07-2007, 10:32 AM
بارك الله فيك

m3jb00r_net
11-07-2007, 10:46 AM
بارك الله فيك

hak2003
11-07-2007, 11:30 AM
بارك الله فيك اخى الكريم


:D :D :D أبومعاذ :D :D :D

jaber9
11-07-2007, 03:26 PM
اول درس في الفوتوشوب استطيع عمله وبسهوله والحمد لله .
لكن عندي مشكله وهو انه يحفظ بامتداد .psd
واغلب المواقع لا ترفع هذا الامتداد كيف اخليه GIF ?

jaber9
13-07-2007, 11:27 AM
هل من احد يجيب ؟ ؟

jaber9
15-07-2007, 12:02 AM
اكيد ---------------------------------

shaima79
15-07-2007, 01:27 AM
يعطيك العافية
درس جميل جدا

dalou3at_net
18-07-2007, 08:39 PM
تم رفع الصور الى سيرفر ونقل الموضوع الى قسم شروحات وشكرا لك

jaber9
19-07-2007, 11:48 AM
الله يعطيكي العافيه
بعد مخابطه مع نفسي قدرت احل موضوعي :)

EsLaM NaWaR
02-09-2007, 03:31 PM
شكرا على الدرس
والشرح سهل جدا
جزاك الله خيرا
وسأضع تطبيقى بأذن الله

EsLaM NaWaR
02-09-2007, 03:33 PM
هذا هو تطبيقى
ياريت يكون صح :o
وشكرا مرة اخرى على الدرس

http://img83.imageshack.us/img83/1419/144084bqr1.gif

Ballerina
02-09-2007, 11:46 PM
رااااائع جدا
شكرا

ahmedkhalifa
05-09-2007, 09:53 PM
مشكوووووووووووووووووووووووووور اخي علي الدرس