[.BaDe3.]

فـريـق إدارة قــسـم الـسـويــش يـقــدم لـكـم سادس درس من سـلسلـة الـدروس المترجمة
والـتـي تـم انـــتــقـــائـــها بـــعـــنـايــة والـحــرص عــلى تــرجــمـتـها بــالـشــكل الـمــطــلـــــوب
كل أمنياتنا القلبية بالاستفادة من هذه الدروس، ولانريد منكم سوى دعوة صادقة من القلــب

( الدرس السادس )



[ بقعة الماسك المتحركة ]

ســتــتــعـلم في هــذا الدرس ، كيــفــيــة عــمــل مــاســك بشكل دائري لصورتين مع وجود

تــدرج فــي حـــواف الــمـاســـك بــشــكل مـميز، مـــع إمكانيـــة تحـــريك الماسك بواســطـة

مؤشر الفأرة ...

فلنبدأ وعلى بركة الله ...

[ مــثـال الدرس ]




[ الملف المفتوح ]

تجده في المرفقات

لديك الحرية بمشاهدة الدرس بإحدى الطرق التي تناسبك إما عن طريق :

[ الفيديو ]




اذا أردت مـشاهدة الـدرس بوضوح وجودة أعلى 720p ( يفضل ذلك ) قم بالضغط " دبل كلك "
عــلــى فــيــديو أي درس تشــاهــده بالأســفل ، للإنتقال على صفحة الفيديو على
والتـــمتـع بـمــيزة مشاهدة فيديو الدرس عالي الوضوح ، ولاتنسى تفعليهــا هناك كالتالي :



لتحميل الدرس على جهازك لديك 3 سيرفرات للتحميل أختار مايناسبك ؛ حجم الملف = 35 م.ب ،الصيغة = Mp4

[ أو مشاهدته بالطريقة التقليدية ( النصية ) ]

أولاً : قـــم باستيراد أي صـورة تناسبك ، من قائمة insert Menu قم باختيار import image .


ثانياً : من قائمة الخصائص Properties ، قم بإعطاء الصورة التي قمت باستيرادها اسم وليكن
img1 ولاتنسى أن تحدد على خيار Target .

ثالثاً : قــم بــرســم شكــل دائــرة باستخدام أداة Ellipse tool ( سيكون هذا شكل الماسك ).

رابعاً : مــن قـائمة الخصائص Properties قم بتغير نمط الحدود لهذا الشكل وقم باختيار None
ثم قـم بتعبئة شكل الدائرة باختيار تعبئة متدرجة Gradient وغير نوعها إلى Radial Gradient
ولايهـم ماتختاره من ألوان المهم أن يكون لونين اللون الأول لايكون شفاف، واللون الاخر يكون
شـفـاف بـــشــكل تـــــــام حيث تستطيع جعلها كذلك بتحديد " علامة اللون " ثم تختار من
قائمة Alpha 0% ، كما توضح الصورة التالية :





ثم قم بتسمية هذا الشكل mask1 ولاتنسى أن تعلّم على خيار Target كما وضحت الصورة
السابقة.


خامساً : قم بتحديد Scene_1 من قائمة الـ Outline ثم قم بفتح لوحة الأكشن سكربت Script
وقم بوضع هذا الكود :

onSelfEvent(load) {
  this.img1.setMask(this.mask1);
        }

سادساً : قــم بمعاينة العمل ctrl + enter ، ستشاهد أن الماسك يعمل مثل الصورة التالية :





وأن الشكل الدائري أصبح كماسك للصورة ولكن بحواف حادة .


سابعاً : قم بإيقاف المعاينة وارجع لقائمة Script، والآن لكي نستطيع إضافة الشفافية لحواف
الماسك ، سنستخدم خاصية cacheAsBitmap .

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









والآن ســنــقــم بـــعمل الخاصيــــة cacheAsBitmap لكلا الشكلين img1 و mask1 لصيبح
السكربت بشكل نهائي كالتالي :





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

onSelfEvent(load) {
   this.img1.cacheAsBitmap = true;
   this.mask1.cacheAsBitmap = true;
   this.img1.setMask(this.mask1);
         }

وبعد المعاينة سترى أن حواف الماسك أصبحت ناعمة و شفافة :





ثامناً : إذا أردت أن يــتــحرك المــاســك مـــع مــــؤشر الفأرة كــــما في المثال، تستطيع عمل
ذلك بجعل إحداثيات الشكل mask1 تساوي إحداثيات مؤشر الفأرة ، وذلك بنسخ الكود التالي
ولصفه تحت الكود التي كتبناه سابقاً :

onSelfEvent(enterFrame) {
  this.mask1._y = _ymouse;
  this.mask1._x = _xmouse;
}

ليصبح الكود النهائي كالتالي :

onSelfEvent(load) {
  this.img1.cacheAsBitmap = true;
  this.mask1.cacheAsBitmap = true;
  this.img1.setMask(this.mask1);
}
onSelfEvent(enterFrame) {
  this.mask1._y = _ymouse;
  this.mask1._x = _xmouse;
}

وأخيرًا بإمكانك عمل الماسك على مختلف الأشكال وبإمكانك عمله على الموفي كليب أيضًا.
ونتمنى أنّكم استفدتم واستمتعتم بهذا الدرس المميز.

( انتهى )

جميع حقوق الدرس محفوظة لـلمبدع : Brian Ayers
رابـــط ومــصــدر الـــدرس الأصــــلــي : Click Here

قام بالترجمة والتنقيح : فريق إدارة قسم السويش بمعهد W-ENTER
BaDe3 - speed99 - جنــ ZER0 ــرال

[وووويد]

بارك الله فيك
درس اكثر من رائع

[همس المشاعر]

درس رآآآئع

سويت التطبيق ... وعند اضافه الكود بعد مااسوى ماسك ابغى اشوف العمل تظهر للى
هذى

؟؟؟؟ شو السبب

[.BaDe3.]

” المشاركة الأصلية كتبت بواسطة همس المشاعر

درس رآآآئع

سويت التطبيق ... وعند اضافه الكود بعد مااسوى ماسك ابغى اشوف العمل تظهر للى
هذى

؟؟؟؟ شو السبب

“

اهلا ..

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

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

أدق ،، وأعتذر عن التأخير عن الرد بسبب انشغالي الكبير في الفترة السابقة ...

وجزاك الله كل خير اختي الكريمة ..

في امان الله

[Nـرجسيه♥]

شكرا لك درس جميل

سيتم تطبيقه بوقت اخر

[همس المشاعر]

يعطيك العافيه استاذ..

جربت الدرس مره ثانيه وتمام اختفت .. بس المشكله الحين

فى المماسك ماصار اطرافه ناعمه وشفافه

ماعرفت شو السبب فى الاكواد

وهذا ملف مفتوح

[.BaDe3.]

” المشاركة الأصلية كتبت بواسطة همس المشاعر

يعطيك العافيه استاذ..

جربت الدرس مره ثانيه وتمام اختفت .. بس المشكله الحين

فى المماسك ماصار اطرافه ناعمه وشفافه

ماعرفت شو السبب فى الاكواد

وهذا ملف مفتوح

“

اهلا أختي ...

والله يعافيك ، بالنسبة للشفافية ، تأكدي انك فهمتي الملاحظة هذي :

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




بالتوفيق

[HoSsAm ElMaSrY]

درس رائع ومميز مفيد جدااا

شكرا لك اخي .BaDe3.

[همس المشاعر]

مساء لخير استاذ ..


اسفه مسويه ازعاج ....

سويت المطلوب بس ماتظهر كلمه موفق اغلاق النافذه نفس المشكله ..

وهذ صوره

[.BaDe3.]

” المشاركة الأصلية كتبت بواسطة همس المشاعر

مساء لخير استاذ ..


اسفه مسويه ازعاج ....

سويت المطلوب بس ماتظهر كلمه موفق اغلاق النافذه نفس المشكله ..

وهذ صوره

“

اهلا ..

زر موافق موجود لكن جزء بسيط منه ، وتستطيعي الظغط عليه ، هذي المشكله

موجوده في أحد اصدارات السويش لاأتذكر أي نسخه بالضبط ، لكن هذي الصورة

توضح جزء من زر " موافق " تستطيعي الضغط عليه :

http://files7.w-enter.com/uploadcenter/48729/button.jpg

ويفضل أن تقومي بتحميل آخر اصدار من برنامج السويش 4 على هذا الرابط

بالتوفيق