مقدمة عن واجهة فلاش

[آه يــاقلبــي]

السلام عليكم :

الدرس الاول : مقدمه عن واجهة الفلاش


هذي مقدمه عن واجهة الفلاش لقيتها مشروحه باحد المواقع وحبيت انكم تستفيدون منها مع اني مااعرف للفلاش :D




http://heartsclub.hypermart.net/program/1sul.jpg



البرنامج : برنامج الفلاش الإصدار ( الخامس ) ...

1_ القائمة التقليدية للبرنامج أو ( menu ) التي نراها عادة في معظم برامج الكمبيوتر .. [HR]


2_ لوحة الأدوات الرئيسية ( tools ): تحتوي على أهم الأدوات المستخدمة في هذا البرنامج والأكثراستخداما وتركيزا .. وهي ( أداة التحديد , أداة سطل الألوان , أداة رسم الأشكال الدائرية أوالمربعة ,
أداة الكتابة , أداة اختيار الألوان أو انتقاءاللون , أداة الرسم أو المرسمة .. وغيرها ) [HR]


3_ لوحة المشاهدة ( view ) وتحتوي على زرين ..أحدهما لتكبير وتصغير الرؤية .. ( العدسة ) ..والأخرى لتحريك صفحة العمل .. ( اليد ) . [HR]

4_ لوحة التحكم بالألوان ( colors ) .. وهي تتحكم بألوان صفحة العمل أو بألوان الأشكال أوالكتابات .. وهي مقسمة إلى قسمين .. القسم الأول لإختيار لون خط الرسم .. الثاني لأختيار
لون الشكل .. أو التحكم في إظهار اللون من عدم إظهاره .. وغيرها [HR]


5_ ملحقات الأدوات الرئيسية ( options ) .. وهي أدوات تتبع أدوات رئيسية تستطيع منها تحديد العمل الذي تريده بدقة مثلا إذا رسمت خط سوف تظهر في هذه النافذة أدوات تساعدك مثل سماكة الخط ولونه
وغير ذلك ..[HR]



6_ هذه نافذة الطبقات .. وهي مهمة جدا .. ففيها يتم وضع الكائنات في طبقات محددة يتم التحكم بأسمها وترتيبها , وكذلك اخفائها أو توقفها أوحتى حذفها .. وكل هذا من خلال هذه النافذة[HR]


7_ الإطارات ( frames ) .. أما أن تكون فارغة أوتحتوي على دائرة سوداء ( key frame ) والفائدة من هذه الدوائر وهي تحديد وقت إحداث تغيير أوتأثير صوتي أو مرئي .. أو حركي .. أو توقف هذا التأثير أو التغيير [HR]

8_ شريط الزمن .. يتوافق هذا الشريط مع الإطاراتحيث يحددها .. فكل إطار في هذا الشريط تعاد لثانية من وقت الفيلم الفلاشي ..[HR]


9_ صفحة العمل .. وهي الصفحة التي تقوم بالعمل عليها ..[HR]


10_ نافذة تحدد طول وعرض الأشكال .. بالإضافة إلى التحكم في إنثناء الأشكال أو دورانها بدرجات محددة .. والكثير ..[HR]


11_ نافذة تحدد فيها اللون بدقة ..[HR]

12_ نافذة تحدد فيها الخط مقاسه ونوعه ..بالإضافة إلى كون هذا الخط ثابت أم متحرك .. مع إمكانية ترتيب وتنسيق النص .. بسهولة[HR]


13_ نافذة متها يمكن التحكم بتأثيرات الفلاش ..والصوت .. والإطارات ..[HR]


14_ يمكن أختيار مقاس العرض ..[HR]


15_ اختصارات لمعظم النوافذ المذكورة سابقا ..[HR]


16_ لوحة التحكم .. منها تتحكم بمشاهدة الفيلم الفلاشي .. وتوقفه .. كي يتسنى لك معاينة المشهد[HR][HR]


ارجوا انكم تستفيدون منها ....









|4|











تحياتي ,,

[آه يــاقلبــي]

الدرس الثاني : رسم الاشكال



في البداية .. نقوم بإعداد صفحة العمل .. وهو عمل مهم ورئيسي ..
نقوم بتحديد أبعاد صفحة العمل ( الطول والعرض ) ...
ويتم ذلك .. بإحدى هذه الطرق ...
إما بالضغط بالزر الأيمن على أي ناحية من نواحي الصفحة .. فتظهر قائمة تختار منها ( movie properties ) .. أو تذهب لأمر ( Modify )
وتختار ( movie ) ... تظهر نافذة ( movie properties ) .. أو بالضغط على ( Ctrl + M ) .. فتظهر لك نافذة خصائص الفيلم ..كما في الشكل التالي

http://heartsclub.hypermart.net/program/lesson21%20copy.jpg

تحدد الطول والعرض مع إمكانية تحديد لون الخلفية .. ويتم ذلك عن طريق ( background color ) ..
بعد تحديد الأبعاد ولون الخلفية نباشر العمل ...




طريقة الرسم :
هناك عدة طرق لرسم الأشكال في الفلاش منها .. لرسم ( المستطيل .. المربع ) و ( الدائرة .. البيضاوي ) أو أي شكل تريده ..
لرسم المربع .. اضغط على ايقونة المربع في نافذة ( Tools ) كما في الشكل التالي :

http://heartsclub.hypermart.net/program/lesson214%20copy.jpg


بعدها اذهب لصفحة العمل واختار أي نقطة على السطح .. فتحدد زاوية المربع الأولى .. ثم اسحب لتحديد الزاوية الأخرى للمربع .. أو المستطيل ( أما إذا رغبت
برسم مربع متساوي الأضلاع فما عليك الضغط على Shift والقيام بالعملية نفسها .... ) وكذلك الحال في الدائرة .. ( لكي تتمكن من رسم دائرة )

http://heartsclub.hypermart.net/program/lesson23%20copy.jpg



هذا بالنسبة ( المربع و الدائرة ) أما بالنسبة لرسم شكل معين .. ( مكونة من خطوط ) فما عليك إلا استخدام ايقونة الخط .. ( Line Tool )
كما في الشكل التالي :

http://heartsclub.hypermart.net/program/lesson216%20copy.jpg


ويجب التنبيه إلى شئ مهم .. هو تفعيل أمر ( snap ) وهذا الأمر مهم جدا .. يجب يساعد على التقاء الزوايا .. ( المغناطيس )

http://heartsclub.hypermart.net/program/lesson215%20copy.jpg



والآن سنقوم برسم شكل معين .. وتلوينه ..
في البداية نقوم بإعداد الصفحة كما ذكرنا .. ونستخدم أداة رسم الخطوط .. عد عملية الرسم .. نقوم بتحديد لون الخطوط ونوعها ..
ولتحديد نوع الخطوط ... أذهب لنافذة ( stroke ) كما في الشكل

http://heartsclub.hypermart.net/program/lesson25%20copy.jpg





















/\

[آه يــاقلبــي]

والآن سنقوم برسم شكل معين .. وتلوينه ..
في البداية نقوم بإعداد الصفحة كما ذكرنا .. ونستخدم أداة رسم الخطوط .. عد عملية الرسم .. نقوم بتحديد لون الخطوط ونوعها ..
ولتحديد نوع الخطوط ... أذهب لنافذة ( stroke ) كما في الشكل ..


‎


1. لتحديد نوع الخط ...
2. لتحديد سماكة الخط ...
3. لتحديد لون الخط ...
4. لمعاينة الخط ...

الأن سوف نقوم بتلوين الشكل ...
أذهب لقائمة Tools وانقر على أمر ( paint bucek tool ) كما في الشكل التالي :


http://heartsclub.hypermart.net/program/lesson26%20copy.jpg


طبعا قبلها تحدد اللون المطلوب من ( colors ) وانقر على أمر ( fill color ) كما في الشكل التالي


http://heartsclub.hypermart.net/program/lesson27%20copy.jpg


بعدها صب اللون على داخل الشكل كما في الشكل التالي :

http://heartsclub.hypermart.net/program/lesson28%20copy.jpg

ملاحظة : هذا بالنسبة للخطوط المستقيمة .. ولكن إذا أردنا عمل انحناء في الخط المستقيم ..
بعد رسم الخط .. اختار ( arrow tool ) من ناقذة ( tools )

http://heartsclub.hypermart.net/program/lesson213%20copy.jpg


وأذهب للخط .. عند الإقتراب من الخط تظهر علامة بجانب مؤشر الماوس
إما تكون زاوية أو منحي .. فإذا اقتربت من الزاوية أو طرف الخط .. تظهر علامة الزاوية بجانب المؤشر .. أما إذا اقتربت من وسط الخط
فتظهر علامة منحي ..


http://heartsclub.hypermart.net/program/lesson211%20copy.jpg


عندها اسحب الخط وأعمل له انحناء بالقدر الذي تريده ..

http://heartsclub.hypermart.net/program/lesson212%20copy.jpg


بعدها استخدم الأدوات السابقة .. وأضف له اللون .. وأنطلق برسم الأشكال الذي تريدها ..
بهذا انتهي درس الرسم .. أرجو أن تكونوا قد استفدتم .. وأسف على التقصير إن وجد ..



WIDTH=400 HEIGHT=350
















|4|














تحياتي ,,

[آه يــاقلبــي]

الدرس الثالث : تحريك العناصر


الدرس الثالث : تحريك العناصر ( الأشكال - الكتابة - الصور )
في البداية يجب التعريف بعملية التحريك في الفلاش .. وهي بكل بساطة إنتقال العنصر من نقطة معينة في الفيلم إلى نقطة أخرى .. بمعنى
إذا كان هناك شكل أو عنصر معين .. في مكان أي مكان في صفحة العمل .. وأردت نقله إلى مكان أخر ..
وللتحريك في الفلاش عدة طريق .. إما أن تكون حركة بسيطة .. أو تكون حركة تسير على مسار معين ومحدد ( وتستخدم هذه الطريقة في
الحركات المعقدة ) ..




نبدأ الدرس ....
1. نقوم بتجهيز صفحة العمل .. الطول والعرض ولون الخلفية .. كما في الدرس السابق ..

إذهب لقائمة ( modify ) ... اختار ( movie ) .. تظهر لك نافذة تحديد الخصائص .. ( movie properties )

http://heartsclub.hypermart.net/lesson3/lesson31.jpg



2. ارسم أي شكل مبسط تريده .. ولتختار دائرة .. ( طبعا معروفة الطريقة لرسم الدائرة .. وتحديد لونها ولون الإطار .. كما في الدرس الثاني )

إذهب لقائمة ( tools ) واختار ايقونة الدائرة .. ( oval tool ) :

http://heartsclub.hypermart.net/lesson3/lesson32.jpg


بعدها ارسم الدائرة ....


http://heartsclub.hypermart.net/lesson3/lesson33.jpg

بعد رسم الشكل المطلوب .. يجب التنبية لمعلومة مهمة .. جدا .. ( يجب أن تحول العناصر المرسومة أو الكتابات أو الصور إلى symbol على هيئة صورة
Graphic لكي تتمكن من التعامل معها في الفلاش .. ) ويتم ذلك عن طريق :
أولا : تحديد الشكل .. كما في الشكل التالي

http://heartsclub.hypermart.net/lesson3/lesson34.jpg




ثانيا : الذهاب إلى قائمة ( insert ) .. بعدها اختار ( convert to symbol )


http://heartsclub.hypermart.net/lesson3/lesson35.jpg



تظهر لك نافذة جديدة ( symbol properties ) .. اختار ( Graphic ) .. كما في الشكل التالي :

http://heartsclub.hypermart.net/lesson3/lesson36.jpg


بعد الانتهاء من تحويل الشكل إلى ( symbol ) .. سوف يقوم البرنامج بحفظها في المكتبة الخاصة بهذا الملف ..


إذهب لقائمة ( window ) ثم اختار ( library ) أو أضغط.. ( Ctrl + L ) سوف تظهر لك نافذة .. يظهر فيها الشكل

http://heartsclub.hypermart.net/lesson3/lesson37.jpg

http://heartsclub.hypermart.net/lesson3/lesson38.jpg



يمكن ان تستخدم الشكل مرة اخرى عن طريق هذه المكتبة .. أو تستخدم اشكال أخرى موجود داخل هذه المكتبة .. أو أشكال قمت بحفظها
في السابق ..
وذلك عن طريق سحب العنصر المراد اخذه ووضعه على صفحة العمل ( طبعا لا بد أن تكون محدد هل تريد نفس الشكل في نفس الطبقة
أو تريد عمل تعديل عليه أو تريد وضعه في طيقة أخرى .. )









/\

[آه يــاقلبــي]

نرجع لموضوعنا .. بعد تحويل الشكل إلى ( symbol ) .. أصبح جاهز لإضافة الحركة عليه ..

لاحظ .. بعد رسمك للدائرة .. أنظر إلى شريط الوقت .. لقد ظهرت دائرة سوداء داخل المستطيل الأول .. ( وهذه هي نقطة بداية الحركة )
وعلى هذا فلابد أن تكون هناك نقطة للنهاية .. لكي يتوقف عندها الشكل .. ( كما ذكرنا في تعريف التحريك سابقا )

http://heartsclub.hypermart.net/lesson3/lesson39.jpg

ولعمل هذه النقطة ..

أذهب إلى الشريط الزمني .. وحدد الإطار الذي ترغب في إيقاف الشكل عنده ..

http://heartsclub.hypermart.net/lesson3/lesson311.jpg

وذلك باستخدام الماوس .. انقر على الإطار المطلوب وليكن .. ( 30 ) عندها اضغط على زر الماوس الأيمن .. تظهر لك قائمة .. اختار
منها ( insert keyframe ) .. أو اضغط على ( f 6 ) سوف تظهر دائرة سوداء أخرى داخل الإطار المحدد ( 30 ) تمثل نقطة توقف الحركة .. أو
تغييرها أو تحول وضع الشكل داخل الملف ..

http://heartsclub.hypermart.net/lesson3/lesson312.jpg


بعدها حدد الشكل .. أذهب لقائمة ( tools ) واختار أداة التحديد ( subselect tool ) ..


http://heartsclub.hypermart.net/lesson3/lesson313.jpg

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


بعدها للتأكد من صحة العمل انقر على الدائرة السوداء الأولى .. ( key frame ) سوف تجد أن الشكل عاد إلى مكانه الأول ..


الأن حددنا مكان بداية الحركة .. ونهايتها لم يبق سوى إضافة عنصر الحركة .. إذهب لأي إطار من الإطارات 1 - 30 واضغط بزر الماوس الأيمن
تظهر لك قائمة ليست غريبة عليك اختار منها ( create moition tween ) .. سيظهر خط مستمر بين النقطة الأولى والثانية ..

http://heartsclub.hypermart.net/lesson3/lesson316.jpg

بهذا انتهي عمل الحركة .. اذهب لقائمة ( control ) واضغط على ( play ) لتشاهد الحركة ..


WIDTH=400 HEIGHT=350

وبهذا انتهي الدرس الثالث .. أرجو ان تكونوا قد استفدتم .. وأسف على التقصير إن وجد ..[HR][HR]





<=== مدرس :D







|4|







تحياتي ,,

[Dr.HaCkErS]

يعطيــك العافيه أخوي آه يــاقلبــي


أكفيـت وأوفيت

شرح ولا أروع

ان شاءلله الجمــيع يستفيـد

تسلم يمنااااك ,, ماقصرت

تحياتي ,,,

[آه يــاقلبــي]

الله يعافيك يامشرفنا ..


ويكفيني مرورك بالمووووضوووووووع ..




وانشالله يستفيدون الاعضاء ..








|4|









تحياتي ,,

[ظلام ليل حالم]

والله تعبت عليه
جزاك الله خير والله يوفقك
ومشكوووووووووووووووووووووووور

تحياتي

[آه يــاقلبــي]

العفوو اخوي ..

وتعبكم راحه وتستاهلون كل خير ,,,



مشكووور اخوي على مرورك ..




|4|



تحياتي ,,

[mr-k]

تسلم حببيبي اة ياقلبي

موضوع ولا اروع

بس الصور ماطلعت :(