eng_montaser
01-11-2004, 02:51 AM
تأثير الشفافية
تأثير الشفافية من التأثيرات الجميلة التي يمكن استخدامها عند إنشاء فيلم في فلاش. والخطوات بسيطة أيضا ويمكن تطبيقها في انشاء زر متحرك بإضافته كـ movie Clip. سنأتي لذكر طريقة اعداد هذا الزر في درس منفصل انشاء الله:) ويمكن تطبيق الطريقة على الصور والنص. في درسنا هذا سنطبقها على نص عربي اعددته باستخدام برنامج الرسام العربي. لتتعرف على طريقة استخدام هذا البرنامج راجع درس "الكتابة باستخدام الرسام العربي". هيا الى العمل ... :)
وكالعادة سنبدا بإنشاء ملف جديد. من القائمة الرئيسية للبرنامج إخترFile>New. لنحدد الآن مقاييس عرض وارتفاع الفيلم ولتكن كما في الشكل المقابل مثلا.
http://www.arabkom.com/up/uploading/fig9-1.gif
سنحتاج الى 3 طبقات لإعداد هذا التاثير. يمكنك الاستعانة بطبقات اضافية اذا اردت . إستخدم اداة إضافة طبقة جديدة واضف طبقتين جديدتين.
- اعد تسمية layer 2 الى طبقة رئيسية. وذلك بالضغط مرتين على اسم الطبقة.
- اعد تسمية Layer 1 الى طبقة سفلية.
- أعد تسمية Layer 3 الى طبقة علوية.
شكل يمثل ترتيب الطبقات.
http://www.arabkom.com/up/uploading/fig9-2.gif
الخطوة التالية هي إعداد النص أو الصورة المراد اضافة التاثير عليها. بإستخدام أداة التحديد ظلل الإطار1 في الطبقة الرئيسية ثم ألصق النص بعد اعداده ضمن الرسام العربي.
- أو استورد الصورة الى هذا الإطار عن طريق File>Import من القائمة الرئيسية لفلاش في حال رغبت في ادخال التاثير على صورة.
إضغط مفتاحي Ctrl+A ثم اختر Insert>Convert to Symbol لتحويل النص/الصورة الى هيئة جرافيك.
- ضع اسما للنص/الصورة واختر Graphic ثم اضغط Ok.
http://www.arabkom.com/up/uploading/fig9-3.gif
والآن سنقوم بعدة خطوات متتالية. ظلل النص/الصورة بالضغط على مفتاحي Ctrl+A . ثم استخدم الزر الأيمن للماوس واضغط على النص/الصورة واختر Copy.
- بإستخدام اداة التحديد ظلل الإطار1 في الطبقة العلوية ثم من القائمة الرئيسية اختر Edit>Paste in Place.
- كرر العملية مع الإطار1 في الطبقة السفلية.
- ظلل الإطار15 في الطبقة العلوية ثم إضغط مفتاح F6 لإدخال إطار رئيسي، ستلاحظ بانك حصلت على نسخة من النص/الصورة في هذا الإطار.
- كرر العملية مع الإطار15 في الطبقة السفلية.
- بإستخدام اداة التحديد ظلل الإطار15 في الطبقة الرئيسية ثم إضغط مفتاح F5
http://www.arabkom.com/up/uploading/9-b.jpg
http://www.arabkom.com/up/uploading/9-a.jpg
نتج عن الخطوة السابقة عدة نسخ لنص واحد او صورة واحدة مرتبة فوق بعضعا البعض ضمن عدة طبقات. سنحاول الآن إظهار الشفافية عن طريق تحريك النص/الصورة في بعض الإطارات.
- إستخدم إداة التحديد وظلل الإطار15 في الطبقة العلوية. بإستخدام مفاتيح الأسهم في لوحة المفاتيح، حرك الشكل 15 خطوة الى اليسار و15 خطوة الى أعلى.
- من القائمة الرئيسية اختر Modify>Instance>Color Effect ثم إختر Alpha وضع القيمة 0 في خانة Alpha.
- سنكرر نفس الخطوات مع الإطار15 في الطبقة السفلية. ولكن سنحرك الشكل 15 خطوة الى اليمين و15 خطوة الى الأسفل.
- من القائمة الرئيسية اختر Modify>Instance>Color Effect ثم إختر Alpha وضع القيمة 0 في خانة Alpha.
أدري اني تعبتكم .. خلاص وصلنا للخطوة الأخيرة وهي إضافة الحركة للطبقة العلوية والطبقة السفلية. اضغط بالزر الايمن للماوس بين الإطارين 1 و 15 في الطبقة العلوية ثم اختر Create Motion Tween.
- كرر العملية في الطبقة السفلية
لا تحتاج الى اضافة الحركة الى الطبقة الرئيسية.
http://www.arabkom.com/up/uploading/fig9-5.gif
إضغط Ctrl+Enter لتجربة الفيلم.
هذا الناتج
WIDTH=200 HEIGHT=100
الشكل أدناه يوضح الشكل النهائي للطبقات وترتيبها
http://www.arabkom.com/up/uploading/fig9-final.gif
تأثير الشفافية من التأثيرات الجميلة التي يمكن استخدامها عند إنشاء فيلم في فلاش. والخطوات بسيطة أيضا ويمكن تطبيقها في انشاء زر متحرك بإضافته كـ movie Clip. سنأتي لذكر طريقة اعداد هذا الزر في درس منفصل انشاء الله:) ويمكن تطبيق الطريقة على الصور والنص. في درسنا هذا سنطبقها على نص عربي اعددته باستخدام برنامج الرسام العربي. لتتعرف على طريقة استخدام هذا البرنامج راجع درس "الكتابة باستخدام الرسام العربي". هيا الى العمل ... :)
وكالعادة سنبدا بإنشاء ملف جديد. من القائمة الرئيسية للبرنامج إخترFile>New. لنحدد الآن مقاييس عرض وارتفاع الفيلم ولتكن كما في الشكل المقابل مثلا.
http://www.arabkom.com/up/uploading/fig9-1.gif
سنحتاج الى 3 طبقات لإعداد هذا التاثير. يمكنك الاستعانة بطبقات اضافية اذا اردت . إستخدم اداة إضافة طبقة جديدة واضف طبقتين جديدتين.
- اعد تسمية layer 2 الى طبقة رئيسية. وذلك بالضغط مرتين على اسم الطبقة.
- اعد تسمية Layer 1 الى طبقة سفلية.
- أعد تسمية Layer 3 الى طبقة علوية.
شكل يمثل ترتيب الطبقات.
http://www.arabkom.com/up/uploading/fig9-2.gif
الخطوة التالية هي إعداد النص أو الصورة المراد اضافة التاثير عليها. بإستخدام أداة التحديد ظلل الإطار1 في الطبقة الرئيسية ثم ألصق النص بعد اعداده ضمن الرسام العربي.
- أو استورد الصورة الى هذا الإطار عن طريق File>Import من القائمة الرئيسية لفلاش في حال رغبت في ادخال التاثير على صورة.
إضغط مفتاحي Ctrl+A ثم اختر Insert>Convert to Symbol لتحويل النص/الصورة الى هيئة جرافيك.
- ضع اسما للنص/الصورة واختر Graphic ثم اضغط Ok.
http://www.arabkom.com/up/uploading/fig9-3.gif
والآن سنقوم بعدة خطوات متتالية. ظلل النص/الصورة بالضغط على مفتاحي Ctrl+A . ثم استخدم الزر الأيمن للماوس واضغط على النص/الصورة واختر Copy.
- بإستخدام اداة التحديد ظلل الإطار1 في الطبقة العلوية ثم من القائمة الرئيسية اختر Edit>Paste in Place.
- كرر العملية مع الإطار1 في الطبقة السفلية.
- ظلل الإطار15 في الطبقة العلوية ثم إضغط مفتاح F6 لإدخال إطار رئيسي، ستلاحظ بانك حصلت على نسخة من النص/الصورة في هذا الإطار.
- كرر العملية مع الإطار15 في الطبقة السفلية.
- بإستخدام اداة التحديد ظلل الإطار15 في الطبقة الرئيسية ثم إضغط مفتاح F5
http://www.arabkom.com/up/uploading/9-b.jpg
http://www.arabkom.com/up/uploading/9-a.jpg
نتج عن الخطوة السابقة عدة نسخ لنص واحد او صورة واحدة مرتبة فوق بعضعا البعض ضمن عدة طبقات. سنحاول الآن إظهار الشفافية عن طريق تحريك النص/الصورة في بعض الإطارات.
- إستخدم إداة التحديد وظلل الإطار15 في الطبقة العلوية. بإستخدام مفاتيح الأسهم في لوحة المفاتيح، حرك الشكل 15 خطوة الى اليسار و15 خطوة الى أعلى.
- من القائمة الرئيسية اختر Modify>Instance>Color Effect ثم إختر Alpha وضع القيمة 0 في خانة Alpha.
- سنكرر نفس الخطوات مع الإطار15 في الطبقة السفلية. ولكن سنحرك الشكل 15 خطوة الى اليمين و15 خطوة الى الأسفل.
- من القائمة الرئيسية اختر Modify>Instance>Color Effect ثم إختر Alpha وضع القيمة 0 في خانة Alpha.
أدري اني تعبتكم .. خلاص وصلنا للخطوة الأخيرة وهي إضافة الحركة للطبقة العلوية والطبقة السفلية. اضغط بالزر الايمن للماوس بين الإطارين 1 و 15 في الطبقة العلوية ثم اختر Create Motion Tween.
- كرر العملية في الطبقة السفلية
لا تحتاج الى اضافة الحركة الى الطبقة الرئيسية.
http://www.arabkom.com/up/uploading/fig9-5.gif
إضغط Ctrl+Enter لتجربة الفيلم.
هذا الناتج
WIDTH=200 HEIGHT=100
الشكل أدناه يوضح الشكل النهائي للطبقات وترتيبها
http://www.arabkom.com/up/uploading/fig9-final.gif