Xacker
04-24-03, 06:25 AM
درسنا لليوم .. لحظة مش درس فقط شي هممممم شو سميه توضيح او ملحوظة او حتى 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 لجعله مستقيما)
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
(بعد ان تفلت يدك لتنشئ الخط ربما يظهر جزء منه فوق الاطار الخاص بالدائرة كما في الشكل
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
ان ظهر هكذا ما عليك الا اختيار Arrow Tool بالنقر على V ثم النقر على الخط الذي انشئته وبواسطة ازرار التوجيه على الكيبورد قم بتحريكه قليلا الى اليمين حتى يبتعد عن الاطار
الان من الناحية الاخرى قم بعمل خط اخر اصغر من السابق كما في الشكل
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
الان اللحظة التي ستعمل جاهدا على جعل خط المؤشر واقعيا اكثر قم باختيار اداة القلم Pencil Tool (Y( ثم من قائمة Options الخاصة به اختر Smooth
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
الان من نهاية الخط الذي الى اليسار قم بعمل ارتفاع مائل بسيط الى الاعلى ثم الى الاسفل قليلا ثم الاعلى
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
الان الى الاسفل فالاعلى بعد انتهائك يمكنني ان اقول مبروك فانت على وشك ان تنتهي
سو (مبروك) خخخخ
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
الان من قائمة الخط الزمني TimeLine قم بالنقر على الفريم 15 ثم انقر على F6 لتنشئ keyframe
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
الان انقر في الفريم 15 لكن في طبقة BG وايضا F6 لتكرر الشكل ايضا
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
الان اقفل الطبقة Line ثم قم بالنقر على طبقة Mask وقم بالتالي:
اختر اداة المستطيل Rect Tool (R) بالنقر على R ثم قم بالغاء الاطار واجعل لون الخلفية ابيض مثلا ستلاحظ توضع اللون الابيض في قائمة Color Mixer ما عليك الا ان تقوم بتحديد الشفافية الى 30% بدلا من 100% ثم النقر على انتر
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
قم الان بعمل سحب بشكل مستطيل يبدا عند بداية الخط الاخضر (لاحظ ارتفاعه يجب ان يكون بما يساوي او يكبر ارتفاع الخط الاخضر كي يغطيه)
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
الان قم بالنقر على الفريم 15 وانقر على F6 ثم انقر على الطبقة Mask لتجعل جميع الفريمات ال 15 مفعلة ثم انقر نقرة يمين على اي من هذه الفريمات ثم اختر Create Motion Tween
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
الان انقر على الفريم 15 وقم بعمل سحب له لينتهي بعد مسافة بسيطة من نهاية الخط (السبب لانتهائه بعد مسافة وليس عند نهاية الخط كما في بدايته كي تضفي تاثير واقعي بسيط حيث يضطر المؤشر ليختفي لفترة ثم يظهر ولا يظهر بشكل متتابع .. اسال طبيب عن هالشي خخخخخخ)
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
الان انقر على طبقة Mask مرة اخرى لتفعيلها وتفعيل جميع الفريمات فيها ثم من الاسفل قم بالغاء الاختيار عن Sync و Snap
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
الان نقرة يمين على طبقة Mask واختر Mask !
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
(لاحظ تغير شكل ايقونة الطبقة)
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
الان انقر على كلمة Scene1 لتعود للفلاش الاصلي
الان من قائمة Window اختر Library
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
لتجد ال MovieClip الذي قمت بصنعه قم الان بعمل سحب له من القائمة الى الفلاش الاصلي
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
ما عليك الان الا ان تقوم برصفه في المنتصف
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
اختبر عملك (Ctrl+Enter)
(مبروك :D)
مع تحياتي F-T = Xacker
المهم لفتح الفلاش بديهي اكيد مش رح قلك افتح الفوتوشوب (مبدايا لدرسنا هيدا)
انا رح استخدم الاعدادات التالية:
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 لجعله مستقيما)
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
(بعد ان تفلت يدك لتنشئ الخط ربما يظهر جزء منه فوق الاطار الخاص بالدائرة كما في الشكل
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
ان ظهر هكذا ما عليك الا اختيار Arrow Tool بالنقر على V ثم النقر على الخط الذي انشئته وبواسطة ازرار التوجيه على الكيبورد قم بتحريكه قليلا الى اليمين حتى يبتعد عن الاطار
الان من الناحية الاخرى قم بعمل خط اخر اصغر من السابق كما في الشكل
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
الان اللحظة التي ستعمل جاهدا على جعل خط المؤشر واقعيا اكثر قم باختيار اداة القلم Pencil Tool (Y( ثم من قائمة Options الخاصة به اختر Smooth
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
الان من نهاية الخط الذي الى اليسار قم بعمل ارتفاع مائل بسيط الى الاعلى ثم الى الاسفل قليلا ثم الاعلى
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
الان الى الاسفل فالاعلى بعد انتهائك يمكنني ان اقول مبروك فانت على وشك ان تنتهي
سو (مبروك) خخخخ
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
الان من قائمة الخط الزمني TimeLine قم بالنقر على الفريم 15 ثم انقر على F6 لتنشئ keyframe
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
الان انقر في الفريم 15 لكن في طبقة BG وايضا F6 لتكرر الشكل ايضا
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
الان اقفل الطبقة Line ثم قم بالنقر على طبقة Mask وقم بالتالي:
اختر اداة المستطيل Rect Tool (R) بالنقر على R ثم قم بالغاء الاطار واجعل لون الخلفية ابيض مثلا ستلاحظ توضع اللون الابيض في قائمة Color Mixer ما عليك الا ان تقوم بتحديد الشفافية الى 30% بدلا من 100% ثم النقر على انتر
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
قم الان بعمل سحب بشكل مستطيل يبدا عند بداية الخط الاخضر (لاحظ ارتفاعه يجب ان يكون بما يساوي او يكبر ارتفاع الخط الاخضر كي يغطيه)
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
الان قم بالنقر على الفريم 15 وانقر على F6 ثم انقر على الطبقة Mask لتجعل جميع الفريمات ال 15 مفعلة ثم انقر نقرة يمين على اي من هذه الفريمات ثم اختر Create Motion Tween
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
الان انقر على الفريم 15 وقم بعمل سحب له لينتهي بعد مسافة بسيطة من نهاية الخط (السبب لانتهائه بعد مسافة وليس عند نهاية الخط كما في بدايته كي تضفي تاثير واقعي بسيط حيث يضطر المؤشر ليختفي لفترة ثم يظهر ولا يظهر بشكل متتابع .. اسال طبيب عن هالشي خخخخخخ)
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
الان انقر على طبقة Mask مرة اخرى لتفعيلها وتفعيل جميع الفريمات فيها ثم من الاسفل قم بالغاء الاختيار عن Sync و Snap
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
الان نقرة يمين على طبقة Mask واختر Mask !
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
(لاحظ تغير شكل ايقونة الطبقة)
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
الان انقر على كلمة Scene1 لتعود للفلاش الاصلي
الان من قائمة Window اختر Library
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
لتجد ال MovieClip الذي قمت بصنعه قم الان بعمل سحب له من القائمة الى الفلاش الاصلي
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
ما عليك الان الا ان تقوم برصفه في المنتصف
[اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط]
اختبر عملك (Ctrl+Enter)
(مبروك :D)
مع تحياتي F-T = Xacker