درس النص المتحرك

[اماراتية وافتخر]

السلام عليكم ورحمة الله وبركاته

اماراتية... وعدتكم بالمزيد من الدروس المستفادة..وكالعادة..تفي بوعدها.. :)

درس اليوم هو (( النص المتحرك))

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

بسم الله نبـــــــــدأ

1- قم بفتح الصورة التي تود عمل التطبيق عليها

اختياري هــــــو

http://www.w6w.net/upload/18-09-2005/w6w_2005091816432979497a7a.jpg

2- اكتب الجزء الاول من النص كما في الشكل التالي

http://www.w6w.net/upload/18-09-2005/w6w_200509181644403a3a976b.jpg

3- من صفحة الليرات قم بالضغط على الورقة المطوية المنونة بالرقم 1 لتفتح لنا صفحة جديدة وهي المنونة بالرقم 2 كما في الشكل التالي

http://www.w6w.net/upload/18-09-2005/w6w_2005091816475902829d02.jpg

4- الان قم بإخفاء طبقة النص الاولى بالضغط على العين التي بجانب الطبقة كما هو موضح بالشكل التالي

http://www.w6w.net/upload/18-09-2005/w6w_20050918164927f128882b.jpg


5- اكتب الجزء الثاني من النص في نفس اللير التي تم فتحه وهو المظلل بالازرق اعلاه

6- سيكون شكل الطبقات كما موضح بالشكل التالي


http://www.w6w.net/upload/18-09-2005/w6w_20050918165238f4c1f8a9.jpg

7- الان نكرر الخطوة رقم 3 و 4 وهي (من صفحة الليرات نقوم بالضغط على الورقة المطوية المنونة بالرقم 1) ومن ثم نقوم بإخفاء الطبقة الثانية من النص بالضغط على العين التي بجانب الطبقة الحركة المنونة بالرقم 2

http://www.w6w.net/upload/18-09-2005/w6w_20050918165539bf3e87e2.jpg

8- نكرر جميع الخطوات الى ان ننتهي من كتابة النص كاملا

ثم ننتقل الى الايمج ريدي عن طريق هذه الايقونة من عمود الادوات http://www.w6w.net/upload/18-09-2005/w6w_2005091816570343a72b87.jpg

يتبع

[اماراتية وافتخر]

في الايمج رييدي يجب ان تكون صفحة الانيميشن متواجدة ( وان لم تجدها عليك بإظهارها ) وذلك بالذهاب الى window ثم Animation

في صفحة الليرات نقوم باخفاء العين عن جميع الطبقات ماعدا طبقتي الخلفية والطبقة الاولى من النص كما هو موضح بالشكل التالي

http://www.w6w.net/upload/18-09-2005/w6w_20050918170051a5f4dff8.jpg

نذهب الان الى صفحة الانيميشن ونقوم بالضغط على الورقة المطوية لاضافة فريم اخر كما هو موضح بالشكل التالي

http://www.w6w.net/upload/18-09-2005/w6w_20050918170539a5d6aead.jpg

نرجع الان الى صفحة الليرات ونقوم باخفاء العين عن الطبقة الاولى من النص( الخطوة المنونة بالرقم 1) واظهارها في الطبقة الثانية من النص( الخطوة المنونة بالرقم 2) مع ابقاء العين على طبقة الخلفية كما هو موضح بالشكل التالي

http://www.w6w.net/upload/18-09-2005/w6w_2005091817065210722f67.jpg

نعود مرة اخرى الى صفحة الانيميشن ونقوم باضافة فريم اخر وذلك بالضغط على الورقة المطوية كما وضحت سالفا

http://www.w6w.net/upload/18-09-2005/w6w_20050918170852944a4455.jpg

عودة اخرى الى صفحة الليرات لنقوم باخفاء العين عن طبقة النص الثانية واظهارها في الطبقة الثالثة من النص مع ابقاء العين على طبقة الخلفية وهي نفس الخطوات السابقة

http://www.w6w.net/upload/18-09-2005/w6w_20050918171130ba84d9ed.jpg

نكرر الخطوات السابقة الى ان ننتهي من النص كاملا

ثم نقوم بتطبيق ماجاء في الشكل التالي

http://www.w6w.net/upload/18-09-2005/w6w_2005091817133973bc8649.jpg

1- نضغط على الشكل الموضح بالرقم 1
2- نقوم باختيار الزمن المحدد للتحريك ( اختياري)
3-نضغط على زر التشغيل play

الشكل النهائي للعمل

http://www.w6w.net/upload/18-09-2005/w6w_20050918171829f1282bc2.gif

انتهينــــــــــا الان من العمل ولم يتبق لنا الا حفظه

يجب ان نحفظ العمل على صيغة Save Optimized As

وعلى امتداد Gif

هالله هالله بالتطبيقات :)

ولا تنسونا من صالح الدعوات :)

[شمس الاصيل]

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

يسعدني ان اكون اول من يشاهد درسك أختى الفاضلة :)

درس رائع وشرح جميل جدا. ..

استمري ...

بالتوفيق

[اماراتية وافتخر]

ويحزنني ان تكون زيارتك بدون تطبيق الدرس :(

اريد ان ارى نتيجة تعبي..هل اثمر ام لا...

للمرة الالف

اين التطبيق :معصب:

[روح الأخوة]

شكرا لك اختي إماراتيه... شرح رائع وتطبيق سهل... :عيار:

سأقوم برفع تصميمي...:cool:

[روح الأخوة]

http://www.jojokw.net/s606s/Al-3kwat.gif

[أم غدير]

اختي أمارتية.....شحوالج انشاء الله تكوني بخير...مشكورة على الدرس بس انا عارفة بعدني غلط فيه... اولا الفوتوشوب عندي ما يكتب عربي وبعدين عملية اخفاء العين واظهارها في الليرات الثانية شوية لخبطتني .. المهم هذا هو نتيجة تعبك ومحاولتي وعاد ابغي منك السموحة...
http://www.w6w.net/upload/19-09-2005/w6w_200509190139504df742b8.gif

[أم غدير]

اختي اماراتية بعد ما نزلت الرابط شفت ان الكلام الذي على الصورة ما يتحرك ............انا فشلت هي هي هي هي .. بحاول مرة ثانية..

[روح الأخوة]

http://www.jojokw.net/s606s/Al-3kwat001.gif

http://www.jojokw.net/s606s/Al-3kwat002.gif

http://www.jojokw.net/s606s/Al-3kwat.gif

أيهم أفضل؟؟ :D

[عماني جدا]

شكرا جزيلا ...إماراتية و أفتخر

أنا سويت محاولة متواضعه جدا جدا و هي الاولى إلى

http://www.w6w.net/upload/19-09-2005/w6w_20050919060611dfe00436.gif

أعرف إنها ماحلوة كثير بس ...

[شمس الاصيل]

الاخوة 2001 :عيار:

زين تنزل موضوع تقدم فيه تواقيع :D .

الاخت اماراتية ان شاء الله التطبيق بيكون موجود قريبا :)

حاليا بعيد عن جهازى الشخصي :مفتر:

تمت إضافة الدرس ل " المواضيع المميزة لسبلة الكمبيوتر "

بالتوفيق .

[روح الأخوة]

الاخوة 2001 :عيار:

زين تنزل موضوع تقدم فيه تواقيع :D .

الاخت اماراتية ان شاء الله التطبيق بيكون موجود قريبا :)

حاليا بعيد عن جهازى الشخصي :مفتر:

تمت إضافة الدرس ل " المواضيع المميزة لسبلة الكمبيوتر "

بالتوفيق .
هذولا مجرد مشاركات ضعيفه... والفضل يعود لإماراتيه وافتخر...:)

تسلم يالغالي...:)

[Evil_Devil]

السلام عليكم...

ما شاء الله على الدرس الجميل ... بصراحة روعة ... تسلم يا الاخت اماراتية

[الذئب]

وتستمر المحاولات.. :)

http://www.w6w.net/users/19-09-2005/w6w_20050919150331368554602fc34.gif

أنتظر التعليق..

[اماراتية وافتخر]

http://www.jojokw.net/s606s/Al-3kwat.gif


السلام عليكم ورحمة الله وبركاته

يعني شو تباني اقولك...

ماشاء الله تبارك الله...ابداع سواء في هالتطبيق والا التطبيقين الاخريين

يعنـــــــي..طلعت فلتة.. :D

ياخوفي تكون تعرف تصمم وتقص علينا :عيار:

استمـــــــــر...استمـــــ� �ـــر... والله اني اراك مبدع :)

[اماراتية وافتخر]

اختي أمارتية.....شحوالج انشاء الله تكوني بخير...مشكورة على الدرس بس انا عارفة بعدني غلط فيه... اولا الفوتوشوب عندي ما يكتب عربي وبعدين عملية اخفاء العين واظهارها في الليرات الثانية شوية لخبطتني .. المهم هذا هو نتيجة تعبك ومحاولتي وعاد ابغي منك السموحة...
http://www.w6w.net/upload/19-09-2005/w6w_200509190139504df742b8.gif

طاب حالج عزيزتي وغاليتي :)

يفرحني اشوف اسمج ضمن دروسي يالغلا

التطبيق ثابت ربما الخطأ في صيغة حفظ العمل :)

لاتنسي حفظ العمل بصيغة save optimized as

تابعي ..وتكفيكِ شرف المحاولة :بلابلا:

بانتظار محاولاتك الاخرى

[اماراتية وافتخر]

شكرا جزيلا ...إماراتية و أفتخر

أنا سويت محاولة متواضعه جدا جدا و هي الاولى إلى

http://www.w6w.net/upload/19-09-2005/w6w_20050919060611dfe00436.gif

أعرف إنها ماحلوة كثير بس ...


رائع رائع ياعماني جدا...

ليس المهم الان كيف يظهر التوقيع المهم انك نجحت في تطبيق الدرس.. وعرفت كيف تحرك النصوص

حقيقة..اراك مبدعا ان شاء الله..فقط تابع واستمر :)

[اماراتية وافتخر]

الاخوة 2001 :عيار:

زين تنزل موضوع تقدم فيه تواقيع :D .

الاخت اماراتية ان شاء الله التطبيق بيكون موجود قريبا :)

حاليا بعيد عن جهازى الشخصي :مفتر:

تمت إضافة الدرس ل " المواضيع المميزة لسبلة الكمبيوتر "

بالتوفيق .

متى يعني...بعد سنة والا 2 ييرز؟ :o

انا اقول وين التطبيق :معصب:

[اماراتية وافتخر]

السلام عليكم...

ما شاء الله على الدرس الجميل ... بصراحة روعة ... تسلم يا الاخت اماراتية

وعليكم السلام ورحمة الله وبركاته

وجودك وتواصلك هو الاجمل ايها الفاضل.. :)

ولكــــــــــــــــــــــ ـــــــن

اين التطبيق :(

[اماراتية وافتخر]

وتستمر المحاولات.. :)

http://www.w6w.net/users/19-09-2005/w6w_20050919150331368554602fc34.gif

أنتظر التعليق..

ويستمر الابداع :)

رائع بحق.... تصميم وتطبيق اروع واروع من الدرس...

ماشاء الله تبارك الله

مبدع ايها الفاضل..مبدع :)

[الذئب]

ويستمر الابداع :)

رائع بحق.... تصميم وتطبيق اروع واروع من الدرس...

ماشاء الله تبارك الله

مبدع ايها الفاضل..مبدع :)

شكرا على الإطراء ومنكم نتعلم :)

[string]

كيف ممكن نحط التطبيق أو أي صورة أخرى؟

[روح الأخوة]

السلام عليكم ورحمة الله وبركاته

يعني شو تباني اقولك...

ماشاء الله تبارك الله...ابداع سواء في هالتطبيق والا التطبيقين الاخريين

يعنـــــــي..طلعت فلتة.. :D

ياخوفي تكون تعرف تصمم وتقص علينا :عيار:

استمـــــــــر...استمـــــ� �ـــر... والله اني اراك مبدع :)

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

قبل لا اشوف دروسك كنت صفر في التصميم... ولا زلت... :cool:

خلاص بانتظار دروسك القادمه... :معصب:

تسلمي والله... :)

[عماني جدا]

كيف ممكن نحط التطبيق أو أي صورة أخرى؟

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

[string]

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

[عماني جدا]

لما تضيف موضوع / مشاركة بتحصل صورة صغير في المحرر
( شوف السهم الازرق )
http://server2.w6w.net/20-09-2005/w6w_20050920185157010036f8.gif

وبعد الضغط عليها .. بيطلع هذا المستطيل
http://server2.w6w.net/20-09-2005/w6w_200509201853508f831227.gif
أنسخ الرابط و من مركز تحميل الصور و الصقة في المكان
المحدد و بعدين إضغط موافق ..و خلاص

و بعض مراكز تحميل الصور ترفع الصور و تكتب رابط للمنتديات
مثل هذا [img/] رابط الصورة [img]
يعني بس إنسخ هذا الكود و الصقه في المشاركة

[oman001]

مشكورة يا اماراتية وافتخر على الدرس

والسموحة على التاخير وذالك لأسباب دراسية


وهذا هو تطبيقي البسيط وذالك لضيق الوقت

http://www.s7aab.com/upload/untitled707.gif

[اماراتية وافتخر]

لما تضيف موضوع / مشاركة بتحصل صورة صغير في المحرر
( شوف السهم الازرق )
http://server2.w6w.net/20-09-2005/w6w_20050920185157010036f8.gif

وبعد الضغط عليها .. بيطلع هذا المستطيل
http://server2.w6w.net/20-09-2005/w6w_200509201853508f831227.gif
أنسخ الرابط و من مركز تحميل الصور و الصقة في المكان
المحدد و بعدين إضغط موافق ..و خلاص

و بعض مراكز تحميل الصور ترفع الصور و تكتب رابط للمنتديات
مثل هذا [img/] رابط الصورة [img]
يعني بس إنسخ هذا الكود و الصقه في المشاركة

بارك الله فيك اخي الفاضل على الشرح... لاهنت ولا هان مقدارك :)

هنا شرح مصور لكيفية رفع الصور على الانترنت (http://omania.net/avb/showthread.php?p=2968550#post2968550) :)

[اماراتية وافتخر]

مشكورة يا اماراتية وافتخر على الدرس

والسموحة على التاخير وذالك لأسباب دراسية


وهذا هو تطبيقي البسيط وذالك لضيق الوقت

http://www.s7aab.com/upload/untitled707.gif


لاجديد...

كالعادة...

ابداع..

واتقان

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

بارك الله فيك اخي الكريم

استمر وتابع وان شاء الله ستكون موهوب ومبدع :)

[BeautifuL MinD]

إماراتية و أفتخر ،،


بالرغم أني تعلمت هذا الدرس بالإنجليزي من قبل ، إلا أني أجده أكثر سهولة للفهم بالعربية و بأسلوبك الجميل ! :)


هذا تصميمي المتواضع :cool: :


http://alnabeeel.jeeran.com/emaratiah.gif


كل الود ،،

الأمير النبيل
:) :) :)