ذوالجناح
02-01-2010, 03:16 PM
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
بعون الله أخذنا الجزء الأول والجزء الثاني من شرح Tanida Demo Builder 7.2.0 لشروحات الفلاش والفيديو وهذا الجزء الثالث من أجزاء الشرح:
شرح تحرير الفلم وتعديله 2:
إضافة بالون تعليق: عند إضافة بالون يحتوي على تعليق نصي فإنه يظهر في أعلى نافذة البرنامج شريط لضبط خصائص هذا البالون من حيث الشكل واللون وأيضاً يمكن إيقاف عرض الفلم Pause بالنقر على المستطيل الأحمر Continue ويمكن للشارح أن يغير لون هذا المستطيل ويكتب النص المناسب حتى باللغة العربية. وأيضاً ضبط النص الموجود في البالون وضبط موقع السهم الناتئ من طرف البالون.
http://img686.imageshack.us/img686/3789/70275659.gif
عند النقر على ABC الخاص بتعديل النص أو النقر المزدوج على الكائن تنبثق هذه النافذة الخاصة بالتحكم في النص:
http://img301.imageshack.us/img301/9471/97662255.gif
نلاحظ في الزاوية اليسرة للنافذة خيارين احدهما لتحجيم البالون ليتناسب حجمه تلقائياً مع حجم النص الموجود فيه. والثاني لضبط سرعة عرض النص الذي مر بنا في أول جزء في ضبط خيارات القارئ reader profile
إضافة ملاحظة: وعند إضافة ملاحظة يظهر شريط خصائصها وهو شبيه بشريط خصائص البالون وسنجد فيه خياراً لضبط الملاحظة ومنه يمكننا التحكم تغيير شكلها ولونها واختيار أداة تثبيت مناسبة لها كالدبوس أو أو السلك الحلزوني......إلخ.
http://img192.imageshack.us/img192/3575/62194188.gif
إضافة شكل مستطيل أو بيضوي: ويلفت انتباهنا في خصائص الضبط وجود خيار Fill Outer Area وهو لعكس التعبئة اللونية. كيف؟
مثلاً كان لون الشكل أسود شفافاً وأردنا لفت انتباه المشاهد لمربع حوار أو خيار مهم فعندئذٍ نضع علامة صح أمام هذا الخيار فتتم تعبئة المشهد كله باللون الأسود الشفاف وتبقى مساحة الشكل بلالون ونضعها فوق الخيار المهم الذي نريد من المشاهد أن ينتبه له. (تابع النموذج الثاني عند كتابة كلمة المرور، سيأتي في الجزء الرابع إن شاء الله).
http://img192.imageshack.us/img192/3782/73950770.gif
إضافة صورة: ولدينا ثلاثة خيارات هنا كما مر بنا في الجزء الثاني:
إما إضافة صورة محفوظة في الجهاز.
أو إضافة صورة من النماذج الخاصة بالبرنامج. (يمكن إنشاء صور خاصة بالفوتوشوب مثلاً واستخدامها كنماذج للبرنامج، وسنتطرق لهذا الموضوع في الجزء الرابع إن شاء الله تعالى)
أو التقاط صورة لأي نافذة أو برنامج وإضافتها.
وعند اختيار الخيار الثاني الخاص بجلب الصور من النماذج الخاصة بالبرنامج تفتح هذه النافذة وفيها نماذج متعددة يمكن الاختيار من بينها.
http://img689.imageshack.us/img689/4878/11367116.gif
وعند إضافة أي صورة يظهر هذا الشريط الخاص بضبطها والتحكم بها:
http://img689.imageshack.us/img689/3859/80527023.gif
إضافة مسار للمؤشر(حركة سهم الفأرة): يظهر في شريط ضبط الخصائص مجموعة من الخيارات الجميلة:
ضبط كل المؤشر: يساعد في تغيير المؤشر بمؤشر أنيق جميل (يمكن الاختيار حسب الذوق من المجموعة المتوفرة).
ضبط شكل المسار وانحنائه.
إضافة تأثير نقرة صوتية عند النقر المفرد أو المزدوج.
ضبط لون الدائرة المحيطة بالمؤشر التي تظهرعند النقر (الهالة) وهو شبيه بالهالة التي تحدد موقع سهم الفأرة عند النقر على مفتاح كونترول في لوحة المفاتيح الذي يتم ضبطه من خيارات الفأر في لوحة التحكم.
ربط نقاط بدء مسارات المؤشرات وانتهائها ببعضها: حيث يبدأ مسار المؤشر الثاني من نقطة انتهاء مسار المؤشر الأول ومسار المؤشر الثالث من نقطة انتهاء مسار المؤشرالثاني وهكذا وهذا الخيار للتسهيل على الشارح عندما تكون المؤشرات في مشاهد متعددة. تابع الصورة:
http://img41.imageshack.us/img41/5825/33293219.gif
إضافة مربع نص: ويمكن ضبط شكل المربع وضبط النص -وهو المهم هنا- وسنلاحظ بعض الخيارات في نافذة ضبط النص:
password : حيث تظهر نجمات بدل الأحرف عند كتابة النص.
case sensitive: مطابقة حالة الأحرف فمثلاً لوكانت كلمة المرور أو النص المراد إدخاله salem بالأحرف الصغيرة ولكن المشاهد كتبها بأحرف كبيرة هكذا SALEM فلن يقبلها البرنامج.
check as you type: عند تفعيل هذا الخيار فإن المشاهد بعد كتابته للنص لن يضطر لضغط مفتاح الإدخال وسيستمر عرض الفلم تلقائياً.
http://img685.imageshack.us/img685/3221/63784347.gif
وعند اختيار أي مربع نص في نافذة تحرير الفلم يظهر شريط صغير أسفل نافذة التحرير وأعلى الشريط الزمني يحوي ثلاثة خيارات كما في الصورة:
http://img23.imageshack.us/img23/6100/26279027.gif
On Success: اختيار العمل المناسب عند النقر في داخل منطقة النقر.
On Failure: اختيار العمل المناسب عند النقر خارج منطقة النقر.
On RollOver: اختيار العمل المناسب عند تمرير مؤشر الفأرة على منطقة النقر.
(يتم إضافة بالون أو نص أو صورة أو أي كائن آخر وتفعيل الحدث المراد عمله ).
إضافة زر: من بين الخيارات الظاهرة في الصورة خياراً لاختيار حلية التزيين للزر وهي سهم صغير منقط أو خطوط صغيرة تظهر في طرف الزر.
http://img23.imageshack.us/img23/9158/53084992.gif
إضافة منطقة نقر: عند إضافة منطقة نقر فإن عرض الفلم يتوقف حتى يتم النقر المفرد أو المزدوج في المكان المحدد حسب الضبط من النافذة التالية التي يمكن من خلالها أيضاً تغيير المؤشر عند مروره على هذه المنطقة إلى يد وهذا مهم لينتبه المشاهد لوجود هذه المنطقة وكذلك ضبط لونها وحدودها الخارجية.
http://img23.imageshack.us/img23/5937/93232534.gif
عند اختيار منطقة النقر في نافذة تحرير الفلم يظهر شريط صغير أسفل نافذة التحرير وأعلى الشريط الزمني يحوي ثلاثة خيارات كما في الصورة:
http://img192.imageshack.us/img192/5213/40325197.gif
On Success: اختيار العمل المناسب والتأثير اللوني المصاحب عند النقر في داخل منطقة النقر.
On Failure: اختيار العمل المناسب والتأثير اللوني المصاحب عند النقر خارج منطقة النقر.
On RollOver: اختيار العمل المناسب والتأثير اللوني المصاحب عند تمرير مؤشر الفأرة على منطقة النقر.
وعند اختيار أي من هذه الخيارات الثلاثة يظهر في شريط الخصائص أعلى نافذة البرنامج خيارات: الأول منهما لاختيار العمل أو الحدث المطلوب تنفيذه والآخر لاختيار تأثير لوني رائع. تابع الصورة التالية:
http://img709.imageshack.us/img709/2908/95032470.gif
إضافة مؤشر متحرك: قد يكون المؤشر المتحرك سهماً أو يداً أو قلماً يرسم دائرة والفائدة منه معلومة: تركيز انتباه المشاهد على نقطة محددة في الشاشة. وعند إضافة أي مؤشر متحرك يظهر شريط خاص بضبط خصائصه كما قي الصورة:
http://img23.imageshack.us/img23/3701/40083557.gif
إضافة منطقة تكبير (زوم): يتم إضافة منطقة التكبير بالنقر على علامة الزائد أعلى الشريط الزمني كما في الصورة:
http://img685.imageshack.us/img685/1048/62485992.gif
فتظهر النافذة الخاصة بالتحكم بها على جهة اليمين:
http://img46.imageshack.us/img46/5507/72908804.gif
ويمكن متابعة مناطق الزوم في الشريط الزمني ونقلها من مكان إلى آخر داخل المشهد من خلال سحبها بمؤشر الفأرة:
http://img704.imageshack.us/img704/7670/47589256.gif
ملاحظة مهمة: في الصورتين السابقتين: بعد إضافة منطقة الزوم نقوم بتحريك الزر المنزلق رقم 2 والخاص بتغيير مدة تدرج التكبير حتى يطول الخط الأسود في الصورة الثانية قليلاً ليتم الانتقال للمنظر المكبر تدريجياً. ثم نقوم بإضافة نقطة تكبير أخرى بعد هذه النقطة ونترك قيمة التكبير كما هي 100 ونقوم بإطالة خط التدرج قليلاً والهدف من هذه الخطوة أن تتم مغادرة المشهد المكبر والعدوة للحجم الطبيعي تدريجياً.
إضافة تأثيرات جميلة على الكائنات والمشاهد: تتذكرون جميعاً الصورة قبل الأخيرة في الجزء الثاني حيث مررنا على خاصية إضافة تأثيرات للكائنات. وهذا جزء من تلك الصورة لمن كان ناسياً:
http://img192.imageshack.us/img192/1158/42022827.gif
من خلال هذه الصورة يمكن إضافة تأثيرات رائعة على المشاهد والكائنات لتظهر وتختفي أو تفتح بطريقة جميلة. عند النقر على السهمين الصغيرين في أسفل القائمة تظهر نافذة يمكن من خلالها التحكم في سرعة التأثير واختيار نوع التأثير ومعاينته مباشرة في الجانب الأيمن من النافذة كما في الصورة:
http://img709.imageshack.us/img709/6164/67509666.gif
انتهى الجزء الثالث ويليه الجزء الرابع والأخير إن شاء الله تعالى.
يمكن متابعة أجزاء الشرح على هذه الروابط:
1- شرح تصوير الشرح والتقاط الصور. (http://www.abc4web.net/vb/showthread.php?p=46318#post46318)
2- كيفية تعديل الشرح وإخراجه الجزء الأول. (http://www.abc4web.net/vb/showthread.php?p=46318#post46318)
3- كيفية تعديل الشرح وإخراجه الجزء الثاني (http://www.abc4web.net/vb/showthread.php?t=6136).
4- متفرقات وأمثلة. (http://www.abc4web.net/vb/showthread.php?p=48521#post48521)
5- رابط تحميل الكتاب الإلكتروني. (http://www.mediafire.com/file/1myzmzym2my/Tanida%20Demo%20Builder%207.2.0.exe)
تحياتي : ذوالجنـــــــــاح
السلام عليكم ورحمة الله وبركاته
بعون الله أخذنا الجزء الأول والجزء الثاني من شرح Tanida Demo Builder 7.2.0 لشروحات الفلاش والفيديو وهذا الجزء الثالث من أجزاء الشرح:
شرح تحرير الفلم وتعديله 2:
إضافة بالون تعليق: عند إضافة بالون يحتوي على تعليق نصي فإنه يظهر في أعلى نافذة البرنامج شريط لضبط خصائص هذا البالون من حيث الشكل واللون وأيضاً يمكن إيقاف عرض الفلم Pause بالنقر على المستطيل الأحمر Continue ويمكن للشارح أن يغير لون هذا المستطيل ويكتب النص المناسب حتى باللغة العربية. وأيضاً ضبط النص الموجود في البالون وضبط موقع السهم الناتئ من طرف البالون.
http://img686.imageshack.us/img686/3789/70275659.gif
عند النقر على ABC الخاص بتعديل النص أو النقر المزدوج على الكائن تنبثق هذه النافذة الخاصة بالتحكم في النص:
http://img301.imageshack.us/img301/9471/97662255.gif
نلاحظ في الزاوية اليسرة للنافذة خيارين احدهما لتحجيم البالون ليتناسب حجمه تلقائياً مع حجم النص الموجود فيه. والثاني لضبط سرعة عرض النص الذي مر بنا في أول جزء في ضبط خيارات القارئ reader profile
إضافة ملاحظة: وعند إضافة ملاحظة يظهر شريط خصائصها وهو شبيه بشريط خصائص البالون وسنجد فيه خياراً لضبط الملاحظة ومنه يمكننا التحكم تغيير شكلها ولونها واختيار أداة تثبيت مناسبة لها كالدبوس أو أو السلك الحلزوني......إلخ.
http://img192.imageshack.us/img192/3575/62194188.gif
إضافة شكل مستطيل أو بيضوي: ويلفت انتباهنا في خصائص الضبط وجود خيار Fill Outer Area وهو لعكس التعبئة اللونية. كيف؟
مثلاً كان لون الشكل أسود شفافاً وأردنا لفت انتباه المشاهد لمربع حوار أو خيار مهم فعندئذٍ نضع علامة صح أمام هذا الخيار فتتم تعبئة المشهد كله باللون الأسود الشفاف وتبقى مساحة الشكل بلالون ونضعها فوق الخيار المهم الذي نريد من المشاهد أن ينتبه له. (تابع النموذج الثاني عند كتابة كلمة المرور، سيأتي في الجزء الرابع إن شاء الله).
http://img192.imageshack.us/img192/3782/73950770.gif
إضافة صورة: ولدينا ثلاثة خيارات هنا كما مر بنا في الجزء الثاني:
إما إضافة صورة محفوظة في الجهاز.
أو إضافة صورة من النماذج الخاصة بالبرنامج. (يمكن إنشاء صور خاصة بالفوتوشوب مثلاً واستخدامها كنماذج للبرنامج، وسنتطرق لهذا الموضوع في الجزء الرابع إن شاء الله تعالى)
أو التقاط صورة لأي نافذة أو برنامج وإضافتها.
وعند اختيار الخيار الثاني الخاص بجلب الصور من النماذج الخاصة بالبرنامج تفتح هذه النافذة وفيها نماذج متعددة يمكن الاختيار من بينها.
http://img689.imageshack.us/img689/4878/11367116.gif
وعند إضافة أي صورة يظهر هذا الشريط الخاص بضبطها والتحكم بها:
http://img689.imageshack.us/img689/3859/80527023.gif
إضافة مسار للمؤشر(حركة سهم الفأرة): يظهر في شريط ضبط الخصائص مجموعة من الخيارات الجميلة:
ضبط كل المؤشر: يساعد في تغيير المؤشر بمؤشر أنيق جميل (يمكن الاختيار حسب الذوق من المجموعة المتوفرة).
ضبط شكل المسار وانحنائه.
إضافة تأثير نقرة صوتية عند النقر المفرد أو المزدوج.
ضبط لون الدائرة المحيطة بالمؤشر التي تظهرعند النقر (الهالة) وهو شبيه بالهالة التي تحدد موقع سهم الفأرة عند النقر على مفتاح كونترول في لوحة المفاتيح الذي يتم ضبطه من خيارات الفأر في لوحة التحكم.
ربط نقاط بدء مسارات المؤشرات وانتهائها ببعضها: حيث يبدأ مسار المؤشر الثاني من نقطة انتهاء مسار المؤشر الأول ومسار المؤشر الثالث من نقطة انتهاء مسار المؤشرالثاني وهكذا وهذا الخيار للتسهيل على الشارح عندما تكون المؤشرات في مشاهد متعددة. تابع الصورة:
http://img41.imageshack.us/img41/5825/33293219.gif
إضافة مربع نص: ويمكن ضبط شكل المربع وضبط النص -وهو المهم هنا- وسنلاحظ بعض الخيارات في نافذة ضبط النص:
password : حيث تظهر نجمات بدل الأحرف عند كتابة النص.
case sensitive: مطابقة حالة الأحرف فمثلاً لوكانت كلمة المرور أو النص المراد إدخاله salem بالأحرف الصغيرة ولكن المشاهد كتبها بأحرف كبيرة هكذا SALEM فلن يقبلها البرنامج.
check as you type: عند تفعيل هذا الخيار فإن المشاهد بعد كتابته للنص لن يضطر لضغط مفتاح الإدخال وسيستمر عرض الفلم تلقائياً.
http://img685.imageshack.us/img685/3221/63784347.gif
وعند اختيار أي مربع نص في نافذة تحرير الفلم يظهر شريط صغير أسفل نافذة التحرير وأعلى الشريط الزمني يحوي ثلاثة خيارات كما في الصورة:
http://img23.imageshack.us/img23/6100/26279027.gif
On Success: اختيار العمل المناسب عند النقر في داخل منطقة النقر.
On Failure: اختيار العمل المناسب عند النقر خارج منطقة النقر.
On RollOver: اختيار العمل المناسب عند تمرير مؤشر الفأرة على منطقة النقر.
(يتم إضافة بالون أو نص أو صورة أو أي كائن آخر وتفعيل الحدث المراد عمله ).
إضافة زر: من بين الخيارات الظاهرة في الصورة خياراً لاختيار حلية التزيين للزر وهي سهم صغير منقط أو خطوط صغيرة تظهر في طرف الزر.
http://img23.imageshack.us/img23/9158/53084992.gif
إضافة منطقة نقر: عند إضافة منطقة نقر فإن عرض الفلم يتوقف حتى يتم النقر المفرد أو المزدوج في المكان المحدد حسب الضبط من النافذة التالية التي يمكن من خلالها أيضاً تغيير المؤشر عند مروره على هذه المنطقة إلى يد وهذا مهم لينتبه المشاهد لوجود هذه المنطقة وكذلك ضبط لونها وحدودها الخارجية.
http://img23.imageshack.us/img23/5937/93232534.gif
عند اختيار منطقة النقر في نافذة تحرير الفلم يظهر شريط صغير أسفل نافذة التحرير وأعلى الشريط الزمني يحوي ثلاثة خيارات كما في الصورة:
http://img192.imageshack.us/img192/5213/40325197.gif
On Success: اختيار العمل المناسب والتأثير اللوني المصاحب عند النقر في داخل منطقة النقر.
On Failure: اختيار العمل المناسب والتأثير اللوني المصاحب عند النقر خارج منطقة النقر.
On RollOver: اختيار العمل المناسب والتأثير اللوني المصاحب عند تمرير مؤشر الفأرة على منطقة النقر.
وعند اختيار أي من هذه الخيارات الثلاثة يظهر في شريط الخصائص أعلى نافذة البرنامج خيارات: الأول منهما لاختيار العمل أو الحدث المطلوب تنفيذه والآخر لاختيار تأثير لوني رائع. تابع الصورة التالية:
http://img709.imageshack.us/img709/2908/95032470.gif
إضافة مؤشر متحرك: قد يكون المؤشر المتحرك سهماً أو يداً أو قلماً يرسم دائرة والفائدة منه معلومة: تركيز انتباه المشاهد على نقطة محددة في الشاشة. وعند إضافة أي مؤشر متحرك يظهر شريط خاص بضبط خصائصه كما قي الصورة:
http://img23.imageshack.us/img23/3701/40083557.gif
إضافة منطقة تكبير (زوم): يتم إضافة منطقة التكبير بالنقر على علامة الزائد أعلى الشريط الزمني كما في الصورة:
http://img685.imageshack.us/img685/1048/62485992.gif
فتظهر النافذة الخاصة بالتحكم بها على جهة اليمين:
http://img46.imageshack.us/img46/5507/72908804.gif
ويمكن متابعة مناطق الزوم في الشريط الزمني ونقلها من مكان إلى آخر داخل المشهد من خلال سحبها بمؤشر الفأرة:
http://img704.imageshack.us/img704/7670/47589256.gif
ملاحظة مهمة: في الصورتين السابقتين: بعد إضافة منطقة الزوم نقوم بتحريك الزر المنزلق رقم 2 والخاص بتغيير مدة تدرج التكبير حتى يطول الخط الأسود في الصورة الثانية قليلاً ليتم الانتقال للمنظر المكبر تدريجياً. ثم نقوم بإضافة نقطة تكبير أخرى بعد هذه النقطة ونترك قيمة التكبير كما هي 100 ونقوم بإطالة خط التدرج قليلاً والهدف من هذه الخطوة أن تتم مغادرة المشهد المكبر والعدوة للحجم الطبيعي تدريجياً.
إضافة تأثيرات جميلة على الكائنات والمشاهد: تتذكرون جميعاً الصورة قبل الأخيرة في الجزء الثاني حيث مررنا على خاصية إضافة تأثيرات للكائنات. وهذا جزء من تلك الصورة لمن كان ناسياً:
http://img192.imageshack.us/img192/1158/42022827.gif
من خلال هذه الصورة يمكن إضافة تأثيرات رائعة على المشاهد والكائنات لتظهر وتختفي أو تفتح بطريقة جميلة. عند النقر على السهمين الصغيرين في أسفل القائمة تظهر نافذة يمكن من خلالها التحكم في سرعة التأثير واختيار نوع التأثير ومعاينته مباشرة في الجانب الأيمن من النافذة كما في الصورة:
http://img709.imageshack.us/img709/6164/67509666.gif
انتهى الجزء الثالث ويليه الجزء الرابع والأخير إن شاء الله تعالى.
يمكن متابعة أجزاء الشرح على هذه الروابط:
1- شرح تصوير الشرح والتقاط الصور. (http://www.abc4web.net/vb/showthread.php?p=46318#post46318)
2- كيفية تعديل الشرح وإخراجه الجزء الأول. (http://www.abc4web.net/vb/showthread.php?p=46318#post46318)
3- كيفية تعديل الشرح وإخراجه الجزء الثاني (http://www.abc4web.net/vb/showthread.php?t=6136).
4- متفرقات وأمثلة. (http://www.abc4web.net/vb/showthread.php?p=48521#post48521)
5- رابط تحميل الكتاب الإلكتروني. (http://www.mediafire.com/file/1myzmzym2my/Tanida%20Demo%20Builder%207.2.0.exe)
تحياتي : ذوالجنـــــــــاح