Xacker
24-04-2003, 03:29 PM
درسنا لليوم .. لحظة مش درس فقط شي هممممم شو سميه توضيح او ملحوظة او حتى HINT شو ماكان المهم هيدا الموضوع رح يتناول طريقة استخدام الماسك في الفلاش رح يكون التصميم لمخطط قلب مش عارف شو طلع براسي هيدا اللي عجبني بس صدقوني ما مستعد ادخل طب لو شو ماكان هندسة معلوماتية بكفي خخخخخخ
المهم لفتح الفلاش بديهي اكيد مش رح قلك افتح الفوتوشوب (مبدايا لدرسنا هيدا)
انا رح استخدم الاعدادات التالية:
width= 150 px
height= 150 px
background = black = #000000
frame rate = 12 fps
اوكيه هلق قم بالنقر على Insert (الشرح للنسخة الانكليزية من الفلاش 6 مش المعربة اوكيه)
هلق انقر على Add Symbol اوكيه واختر Behavior: MovieClip وسميه مثلا Name: Para
انقر اوكيه
هلق نحن ضمن ال Movei اللي عملناه ما تهتم للعرض والطول لانه اللي بتضيفه فقط بيظهر مش كل ال Movie اوكيه هلق يا ترى شو بدنا نساوي ؟ صح هلق بنغير اسم الطبقة الموجودة من layer 1 الى BG مثلا
هلق ضمن المنطقة الخاصة بالتصميم بنستخدم ال Oval Tool بالنقر على O
بنحدد الاطار باللون #333333 - عرض الاطار 3
والخلفية باللون الاسود #000000
هلق اعمل دائرة واثناء انشاءك لها انقر على Shift عشان تكون دائرة دائرة مش شكل مائل او بيضوي ولو قليلا
(ما بيهم اذا كانت بمنتصف المنطقة الخاصة بالتصميم او لا متل ما قلت اللي بتضيفه بيظهر بس ووين ما كان يكون)
هلق اقفل الطبقة BG وانشئ طبقتين جدد غير اسم الطبقة Layer 2 الى Line والطبقة Layer 3 الى Mask
هلق قم بالنقر على الطبقة Line لتفعيلها واختر Pencil Tool بالنقر على Y
غير لون الخط الى #00ff00
اوكيه ركز معي هلق
بدءا من منتصف الدائرة التي رسمتها الى اليسار بعد اطار الدائرة قم بعمل خط مستقيم بسيط الى اليمين كما يظهر في الشكل
(يمكنك النقر على Shift لجعله مستقيما)
http://www.lyalena.com/vb/attachment.php?s=&postid=132897
(بعد ان تفلت يدك لتنشئ الخط ربما يظهر جزء منه فوق الاطار الخاص بالدائرة كما في الشكل
http://www.lyalena.com/vb/attachment.php?s=&postid=132898
ان ظهر هكذا ما عليك الا اختيار Arrow Tool بالنقر على V ثم النقر على الخط الذي انشئته وبواسطة ازرار التوجيه على الكيبورد قم بتحريكه قليلا الى اليمين حتى يبتعد عن الاطار
الان من الناحية الاخرى قم بعمل خط اخر اصغر من السابق كما في الشكل
http://www.lyalena.com/vb/attachment.php?s=&postid=132899
الان اللحظة التي ستعمل جاهدا على جعل خط المؤشر واقعيا اكثر قم باختيار اداة القلم Pencil Tool (Y( ثم من قائمة Options الخاصة به اختر Smooth
http://www.lyalena.com/vb/attachment.php?s=&postid=132900
الان من نهاية الخط الذي الى اليسار قم بعمل ارتفاع مائل بسيط الى الاعلى ثم الى الاسفل قليلا ثم الاعلى
http://www.lyalena.com/vb/attachment.php?s=&postid=132901
الان الى الاسفل فالاعلى بعد انتهائك يمكنني ان اقول مبروك فانت على وشك ان تنتهي
سو (مبروك) خخخخ
http://www.lyalena.com/vb/attachment.php?s=&postid=132902
الان من قائمة الخط الزمني TimeLine قم بالنقر على الفريم 15 ثم انقر على F6 لتنشئ keyframe
http://www.lyalena.com/vb/attachment.php?s=&postid=132903
الان انقر في الفريم 15 لكن في طبقة BG وايضا F6 لتكرر الشكل ايضا
http://www.lyalena.com/vb/attachment.php?s=&postid=132904
الان اقفل الطبقة Line ثم قم بالنقر على طبقة Mask وقم بالتالي:
اختر اداة المستطيل Rect Tool (R) بالنقر على R ثم قم بالغاء الاطار واجعل لون الخلفية ابيض مثلا ستلاحظ توضع اللون الابيض في قائمة Color Mixer ما عليك الا ان تقوم بتحديد الشفافية الى 30% بدلا من 100% ثم النقر على انتر
http://www.lyalena.com/vb/attachment.php?s=&postid=132905
قم الان بعمل سحب بشكل مستطيل يبدا عند بداية الخط الاخضر (لاحظ ارتفاعه يجب ان يكون بما يساوي او يكبر ارتفاع الخط الاخضر كي يغطيه)
http://www.lyalena.com/vb/attachment.php?s=&postid=132907
الان قم بالنقر على الفريم 15 وانقر على F6 ثم انقر على الطبقة Mask لتجعل جميع الفريمات ال 15 مفعلة ثم انقر نقرة يمين على اي من هذه الفريمات ثم اختر Create Motion Tween
http://www.lyalena.com/vb/attachment.php?s=&postid=132908
الان انقر على الفريم 15 وقم بعمل سحب له لينتهي بعد مسافة بسيطة من نهاية الخط (السبب لانتهائه بعد مسافة وليس عند نهاية الخط كما في بدايته كي تضفي تاثير واقعي بسيط حيث يضطر المؤشر ليختفي لفترة ثم يظهر ولا يظهر بشكل متتابع .. اسال طبيب عن هالشي خخخخخخ)
http://www.lyalena.com/vb/attachment.php?s=&postid=132909
الان انقر على طبقة Mask مرة اخرى لتفعيلها وتفعيل جميع الفريمات فيها ثم من الاسفل قم بالغاء الاختيار عن Sync و Snap
http://www.lyalena.com/vb/attachment.php?s=&postid=132910
الان نقرة يمين على طبقة Mask واختر Mask !
http://www.lyalena.com/vb/attachment.php?s=&postid=132911
(لاحظ تغير شكل ايقونة الطبقة)
http://www.lyalena.com/vb/attachment.php?s=&postid=132912
الان انقر على كلمة Scene1 لتعود للفلاش الاصلي
الان من قائمة Window اختر Library
http://www.lyalena.com/vb/attachment.php?s=&postid=132913
لتجد ال MovieClip الذي قمت بصنعه قم الان بعمل سحب له من القائمة الى الفلاش الاصلي
http://www.lyalena.com/vb/attachment.php?s=&postid=132914
ما عليك الان الا ان تقوم برصفه في المنتصف
http://www.lyalena.com/vb/attachment.php?s=&postid=132915
اختبر عملك (Ctrl+Enter)
(مبروك :D)
مع تحياتي F-T
المهم لفتح الفلاش بديهي اكيد مش رح قلك افتح الفوتوشوب (مبدايا لدرسنا هيدا)
انا رح استخدم الاعدادات التالية:
width= 150 px
height= 150 px
background = black = #000000
frame rate = 12 fps
اوكيه هلق قم بالنقر على Insert (الشرح للنسخة الانكليزية من الفلاش 6 مش المعربة اوكيه)
هلق انقر على Add Symbol اوكيه واختر Behavior: MovieClip وسميه مثلا Name: Para
انقر اوكيه
هلق نحن ضمن ال Movei اللي عملناه ما تهتم للعرض والطول لانه اللي بتضيفه فقط بيظهر مش كل ال Movie اوكيه هلق يا ترى شو بدنا نساوي ؟ صح هلق بنغير اسم الطبقة الموجودة من layer 1 الى BG مثلا
هلق ضمن المنطقة الخاصة بالتصميم بنستخدم ال Oval Tool بالنقر على O
بنحدد الاطار باللون #333333 - عرض الاطار 3
والخلفية باللون الاسود #000000
هلق اعمل دائرة واثناء انشاءك لها انقر على Shift عشان تكون دائرة دائرة مش شكل مائل او بيضوي ولو قليلا
(ما بيهم اذا كانت بمنتصف المنطقة الخاصة بالتصميم او لا متل ما قلت اللي بتضيفه بيظهر بس ووين ما كان يكون)
هلق اقفل الطبقة BG وانشئ طبقتين جدد غير اسم الطبقة Layer 2 الى Line والطبقة Layer 3 الى Mask
هلق قم بالنقر على الطبقة Line لتفعيلها واختر Pencil Tool بالنقر على Y
غير لون الخط الى #00ff00
اوكيه ركز معي هلق
بدءا من منتصف الدائرة التي رسمتها الى اليسار بعد اطار الدائرة قم بعمل خط مستقيم بسيط الى اليمين كما يظهر في الشكل
(يمكنك النقر على Shift لجعله مستقيما)
http://www.lyalena.com/vb/attachment.php?s=&postid=132897
(بعد ان تفلت يدك لتنشئ الخط ربما يظهر جزء منه فوق الاطار الخاص بالدائرة كما في الشكل
http://www.lyalena.com/vb/attachment.php?s=&postid=132898
ان ظهر هكذا ما عليك الا اختيار Arrow Tool بالنقر على V ثم النقر على الخط الذي انشئته وبواسطة ازرار التوجيه على الكيبورد قم بتحريكه قليلا الى اليمين حتى يبتعد عن الاطار
الان من الناحية الاخرى قم بعمل خط اخر اصغر من السابق كما في الشكل
http://www.lyalena.com/vb/attachment.php?s=&postid=132899
الان اللحظة التي ستعمل جاهدا على جعل خط المؤشر واقعيا اكثر قم باختيار اداة القلم Pencil Tool (Y( ثم من قائمة Options الخاصة به اختر Smooth
http://www.lyalena.com/vb/attachment.php?s=&postid=132900
الان من نهاية الخط الذي الى اليسار قم بعمل ارتفاع مائل بسيط الى الاعلى ثم الى الاسفل قليلا ثم الاعلى
http://www.lyalena.com/vb/attachment.php?s=&postid=132901
الان الى الاسفل فالاعلى بعد انتهائك يمكنني ان اقول مبروك فانت على وشك ان تنتهي
سو (مبروك) خخخخ
http://www.lyalena.com/vb/attachment.php?s=&postid=132902
الان من قائمة الخط الزمني TimeLine قم بالنقر على الفريم 15 ثم انقر على F6 لتنشئ keyframe
http://www.lyalena.com/vb/attachment.php?s=&postid=132903
الان انقر في الفريم 15 لكن في طبقة BG وايضا F6 لتكرر الشكل ايضا
http://www.lyalena.com/vb/attachment.php?s=&postid=132904
الان اقفل الطبقة Line ثم قم بالنقر على طبقة Mask وقم بالتالي:
اختر اداة المستطيل Rect Tool (R) بالنقر على R ثم قم بالغاء الاطار واجعل لون الخلفية ابيض مثلا ستلاحظ توضع اللون الابيض في قائمة Color Mixer ما عليك الا ان تقوم بتحديد الشفافية الى 30% بدلا من 100% ثم النقر على انتر
http://www.lyalena.com/vb/attachment.php?s=&postid=132905
قم الان بعمل سحب بشكل مستطيل يبدا عند بداية الخط الاخضر (لاحظ ارتفاعه يجب ان يكون بما يساوي او يكبر ارتفاع الخط الاخضر كي يغطيه)
http://www.lyalena.com/vb/attachment.php?s=&postid=132907
الان قم بالنقر على الفريم 15 وانقر على F6 ثم انقر على الطبقة Mask لتجعل جميع الفريمات ال 15 مفعلة ثم انقر نقرة يمين على اي من هذه الفريمات ثم اختر Create Motion Tween
http://www.lyalena.com/vb/attachment.php?s=&postid=132908
الان انقر على الفريم 15 وقم بعمل سحب له لينتهي بعد مسافة بسيطة من نهاية الخط (السبب لانتهائه بعد مسافة وليس عند نهاية الخط كما في بدايته كي تضفي تاثير واقعي بسيط حيث يضطر المؤشر ليختفي لفترة ثم يظهر ولا يظهر بشكل متتابع .. اسال طبيب عن هالشي خخخخخخ)
http://www.lyalena.com/vb/attachment.php?s=&postid=132909
الان انقر على طبقة Mask مرة اخرى لتفعيلها وتفعيل جميع الفريمات فيها ثم من الاسفل قم بالغاء الاختيار عن Sync و Snap
http://www.lyalena.com/vb/attachment.php?s=&postid=132910
الان نقرة يمين على طبقة Mask واختر Mask !
http://www.lyalena.com/vb/attachment.php?s=&postid=132911
(لاحظ تغير شكل ايقونة الطبقة)
http://www.lyalena.com/vb/attachment.php?s=&postid=132912
الان انقر على كلمة Scene1 لتعود للفلاش الاصلي
الان من قائمة Window اختر Library
http://www.lyalena.com/vb/attachment.php?s=&postid=132913
لتجد ال MovieClip الذي قمت بصنعه قم الان بعمل سحب له من القائمة الى الفلاش الاصلي
http://www.lyalena.com/vb/attachment.php?s=&postid=132914
ما عليك الان الا ان تقوم برصفه في المنتصف
http://www.lyalena.com/vb/attachment.php?s=&postid=132915
اختبر عملك (Ctrl+Enter)
(مبروك :D)
مع تحياتي F-T