PDA المساعد الشخصي الرقمي

عرض كامل الموضوع : [ د - م - 14 | 5 ] دورة في أساسيات فلاش - الدرس الخامس



Diamond mas
04-04-2013, 13:05
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

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

في مراجعة سريعة للدرس الرابع (http://www.mexat.com/vb/threads/1061227) أذكِّركم ببعض المقتطفات:
انتقلنا في الدرس السابق إلى بُعد جديد في استخدامات برنامج فلاش ألا وهو الرسوم المتحركة،
فلقد تعرفنا على البعد الزمني للبرنامج وكيف يُستفاد منه لصنع صور متحركة عن طريق عرض مجموعة من الصور الثابتة بشكل متتابع.

كما وقمنا بتوضيح مبدأ الإطارات وكيف أن فلاش يضع بين أيدينا شريطاً زمنياً مؤلفاً من إطارات نضع عليها ما نود عرضه أمام المشاهدين،
وشاهدنا نوعان من الإطارات: الإطارات والإطارات الرئيسية وتعرفنا على استخدام كلٍ منهما.

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



[[في هذا الدرس]]




سنوسع من فهومنا عن فلاش ليتعدى خصائص الرسم والتحريك إلى مفهوم أوسع، فنفهم كيف يكون فلاش برنامجاً لصناعة الوسائط المتعددة (Multimedia)،
سنبدأ باستخدام مكتبة فلاش واستيراد الصور والأصوات وإضافتها إلى العروض لإضفاء مزيد من الروعة التي لن تكتمل دون مؤثرات صوتية.

مع أننا لم ننتهي من أساليب الحركة بعد إلا أنني أرى أن من الضروري فهم المكتبة --بما فيها من محتويات كصور ونماذج وأصوات-- قبل المتابعة مع نوعي الحركة:
الحركة البينية (Motion Tween) وتحويل الأشكال (Shape Tween)، الذين سنتناولهما في الدرسين القادمين.


أقسام هذا الدرس:




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

الرموز (Symbols)
في هذه الفقر سنتعرف على ثلاثة أنواع من الرموز وسنتعرف على فوائدها واستخداماتها.

تطبيق الدرس
تطبيق ما جاء في هذا الدرس.




http://www.mexat.com/vb/attachment.php?attachmentid=1813144&d=1358680486 (http://www.mexat.com/vb/threads/1054393)

Diamond mas
04-04-2013, 13:07
[[ استيراد الصور والأصوات ]]



كثيراً ما نحتاج إلى إضافة صور أو أصوات إلى العروض التي نصنعها،
فالنفترض أننا نصنع مشهداً عن أحد الحقول ونريد إضافة خلفية لذلك الحقل مع إضافة زقزقة العصافير كخلفية صوتية للمشهد،
لاستيراد الصورة نذهب إلى قائمة ملف (File) ثم استيراد (Import) لنجد عدة خيارات من بينها:
- استيراد إلى المسرح (Import to Stage) : من خلال هذا الخيار يمكننا استيراد الصور إلى مسرح العمل مباشرة.
- استيراد إلى المكتبة (Import to Library) : من خلال هذا الخيار يمكننا استيراد الصور إلى المكتبة دون وضعها على مسرح العمل.

نختار استيراد إلى المكتبة (Import to Library) لتظهر لنا نافذة الاستيراد لنختار منها الصور التي نود استيرادها،
بعد ذلك نتجه إلى لوحة المكتبة لنجد الصور التي قمنا باختيارها.. كنموذج عمل قوموا بتحميل الصورة التالية (هنا (http://www.mexat.com/vb/attachment.php?attachmentid=1845571&d=1365080578)) واستيرادها إلى المكتبة.
نحدد الآن الإطار الأول من الطبقة الأولى ثم نعود إلى لوحة المكتبة ثم نسحب الصورة التي استوردناها إلى مسرح العمل.
ملاحظة1: يمكننا استخدام محتويات المكتبة بالعدد الذي نريد فلا نحتاج إلى استيراد الصور في كل مرة نريد استخدامها.
ملاحظة2: إذا اخترنا استيراد إلى المسرح (Import to Library)، عندها سيتم استيراد الصورة إلى المكتبة ضمنياً ثم وضع الصورة على الإطار المحدد على الطبقة التي نعمل عليها.

لنقم الآن باستيراد الصوت، كنموذج عمل يمكنكم استخدام الملف الصوتي التالي (هنا (http://www.mediafire.com/download.php?adg999sedc0b41d)).
مرة أخرى نقوم باختيار استيراد إلى المكتبة (Import to Library) ثم نختار ملف الصوت الذي نريد استخدامه.

نقوم الآن بتشغيل العرض من خلال الضغط على Ctrl + Enter، سنلاحظ وجود الصورة على مسرح العمل لكننا لن نسمع الصوت الذي قمنا بإضافته،
السبب في ذلك أن استيراد العناصر إلى المكتبة لا يعني أننا قمنا باستخدامها بل نحتاج إلى استخدامها بشكل صريح،
ما أعنيه أننا وضعنا الصورة التي استوردناها على المسرح لكننا لم نقم باستدعاء الصوت.

يمكننا استدعاء الأصوات بأكثر من طريقة فهناك طرق استدعاء عن طريق أكواد برمجية (بلغة AS3) كما يمكننا استدعاء الأصوات في أحد الإطارات على شريط الزمن،
فلنقم باستدعاء الصوت في أحد الإطارات.. نقوم بتحديد الإطار الرئيسي الذي نود إضافة الصوت عنده ثم نذهب إلى لوحة الخصائص،
في لوحة الخصائص سنجد خيارات الصوت (Sound) كما يلي:
- Name : اسم الملف الصوتي من المكتبة.
- Effect : خيارات الصوت كتركيز الصوت على السماعة اليسرى أو اليمنى (Left Channel, Right Channel)
أو التحكم بقوة الصوت (Fade in, Fade out، Fade right, Fade left) أو ضبط يدوي (Custom).
- Sync : مزامنة الصوت حيث يمكننا اختيار ابتداء الصوت أو إيقافه (Start, Stop) كما يمكننا تحديد عدد مرات التكرار (Repeat) أو التكرار عدداً لا نهائياً (Loop).

ملاحظة: يدعم فلاش عدداً لا بأس به من امتدادات الأصوات كـ wav و mp3 لكن هناك مشكلة في التعامل مع ملفات الـ mp3 التي يزيد فيها الـ Bit Rate عن 129 Kbps.

بإمكانكم مشاهدة تطبيقي على ما سبق (هنا (http://justuni.freehostia.com/demos/view/92776534))



إضافة صور من ملف PSD

بالإمكان استيراد ملفات الفتوشوب (PSD) أيضاً.. ولهذه الخاصية فائدة كبيرة للمصممين الذين يستخدمون الفوتوشوب،
قمتُ بتجهيز ملف PSD (هنا (http://www.mediafire.com/download.php?nc2sfrzh1al4tjd)) من صورة رجل يمشي (من هنا المصدر (http://www.2clapstudio.com/walkingcycle/))،
في هذا الملف قمت بتقطيع وضعيات الرجل كل منها على طبقة خاصة.

لاستيراد ملف الفوتوشوب نذهب إلى إستيراد إلى المسرح (Import to Stage) ثم نختار الملف،
ستظهر لنا نافذة جديدة فيها خيارات الاستيراد، في هذه النافذة تظهر جميع الطبقات الموجودة في ملف الـ PSD ويمكننا الاختيار ما نشاء من تلك الطبقات،
في حالتنا هذه سنختار جميع الطبقات ثم ننتقل إلى تحويل الطبقات إلى (Convert layers to) لنحدد أحد الخيارين:
- Flash Layers : عند تحديد هذا الخيار سيعمل فلاش على تحويل طبقات الفوتوشوب إلى طبقات فلاش وستظهر كل طبقة منها كطبقة داخل ملف الـ فلاش.
- Keyframes : عند تحديد هذا الخيار سيعمل فلاش على تحويل طبقات الفوتوشوب إلى إطارات رئيسية في طبقة جديدة.

نختار Keyframes حتى تكون كل وضعية من وضعيات الرجل على إطار رئيسي منفصل ثم نضغط Ctrl + Enter لمشاهدة الناتج.

يمكننا وضع الاختيار على (Set stage size to same size as Photoshop canvas) ليتم تغيير مساحة المسرح في فلاش لتعادل حجم الـ لوحة (Canvas) في ملف الفوتوشوب،
لا داعي لوضع هذا الاختيار في حالتنا هذه،

قمتُ بإجراء بعض التغييرات على حركة الرجل حتى ظهرت معي بالشكل التالي (هنا (http://justuni.freehostia.com/demos/view/92776533))
هل من متحدٍ يرغب بضبط الحركة على نمط مشابه؟ :cool:
أحب أن أرى منكم أيدٍ مرفوعة مهتمة بالموضوع.. وأتمنى أن تسألوا عن هذه النقطة ^^"

Diamond mas
04-04-2013, 13:10
[[ الرموز (Symbols) ]]




يوجد في فلاش ثلاثة أنواع من الرموز ولكل نوع مهمته الخاصة،

اللقطة الحركية (Movie Clip)

في الفقرة الماضية قمنا بصنع حركة لرجل يمشي، ماذا لو فكرنا بصنع مشهد آخر..
ماذا لو فكرنا بصنع مشهد فيه العديد من الرجال الذين يمشون كما لو كنا في سوق مثلاً؟
يوفر لنا فلاش تقنية تدعى بـ اللقطة الحركية (Movie Clip) ويمكن الاستفادة منها لصناعة مشهد فيه العديد من الرجال، تابعوا معي..

لتنفيذ مثل هذا المشهد علينا صناعة لقطة حركية لذلك الرجل تمثل حالته وهو يسير،
لفعل ذلك نذهب إلى القائمة إدخال (Insert) ثم رمز جديد (New Symbol) أو من لوحة المفاتيح نضغط Ctrl + F8،
ستظهر لنا نافذة إنشاء رمز جديد (Create New Symbol) نكتب الاسم الذي نريده في الخانة Name (على سبيل المثال man_mc)،
لاحظوا وجود خيار النوع (Type) الذي من خلاله يمكننا اختيار انشاء لقطة حركية أو زر أو رسم جرافيكي.. نختار لقطة حركية (Movie Clip) ثم نضغط موافق (OK).

بعد ذلك ستظهر لنا ساحة عمل فارغة مماثلة لمسرح العمل، وفيها شريط زمن نظيف لا يحتوي إلا على طبقة واحدة وإطار فارغ،
لاحظوا أعلى النافذة كيف ظهر اسم اللقطة الحركية التي نقوم بإنشاءها وبجانبها زر Scene 1 وسهم للرجوع كما في الصورة:

http://www.mexat.com/vb/attachment.php?attachmentid=1845567&stc=1&d=1365080042

يدل ذلك على أننا الآن داخل اللقطة الحركية وأي شيء نضيفه على حيز العمل لن ينعكس على مسرح العمل بل سيبقى داخل اللقطة الحركية،

الآن لنقم باستيراد ملف الـ PSD كما فعلنا في الفقرة السابقة ونختار استيراد إلى المسرح (Import to Stage) ثم نختار ملف الـ PSD،
هكذا قمنا بوضع محتويات ملف الـ PSD داخل اللقطة الحركية التي نقوم بإنشاءها،
نضغط على سهم الرجوع (السهم أزرق اللون بأعلى الشاشة كما في الصورة السابقة) لنعود إلى مسرح العمل.

بعد أن انتهينا من صناعة اللقطة الحركية سنقوم باستخدامها،
لهذا نعود إلى لوحة المكتبة (Library) ثم نسحب اللقطة الحركية التي قمنا بصناعتها سحب وإفلات على المسرح،
لنقم بسحب أكثر من نسخة ثم نقوم بتشغيل العرض Ctrl + Enter لنشاهد الناتج.

شاهدوا الفيديو التالي للتعرف على بعض الخدع التي يمكننا القيام بها بتلك اللقطة الحركية:


http://www.youtube.com/watch?v=ugSONuviIxE

ملاحظة: يمكننا التعديل على اللقطة الحركية متى نشاء، للقيام بذلك نذهب إلى لوحة المكتبة ثم ننقر نقرة مزدوجة على اللقطة الحركية لندخل داخلها ونقوم بالتعديلات التي نريدها.
.
.
.


الزر (Button)

النوع الثاني من الرموز الذي يوفرها فلاش هو رمز الزر (Button).. وعمل الزر واضح لدى الجميع.
دعونا نصنع زراً في مثال لتوضيح بعض النقاط حول الزر.

نضغط Ctrl + F8 من لوحة المفاتيح حتى تظهر لنا نافذة إنشاء نموذج جديد،
نقوم بتسمية الزر أو ترك الاسم الافتراضي كما هو ثم من الخيار Type نختار Button ثم (OK)
بعد ذلك سندخل في الزر الذي قمنا بإنشاءها تماما كما حصل عندما قمنا بإنشاء اللقطة الحركية مع فارق بسيط في شريط الزمن كما في الصورة:

http://www.mexat.com/vb/attachment.php?attachmentid=1845568&d=1365080042

لاحظوا أن شريط الزمن لا يحتوي على أرقام بل على حالات تمثل حالات الزر وهي:
- UP : عند هذا الإطار نقوم برسم شكل الزر في حالته الطبيعية.
- Down : عند هذا الإطار نقوم برسم شكل الزر عندما يقوم المستخدم بالضغط عليه.
- Over : عند هذا الإطار نقوم برسم شكل الزر عندما يتوقف مؤشر الفأرة فوقه.
- Hit : عند هذا الإطار نقوم بتحديد حدود إضافية (غير ظاهرة) للزر،
ويكون استخدام هذا الإطار إذا كان شكل الزر صغير وأردنا أن نزيد من مساحة الزر دون التغيير في شكله.

يستخدم الزر في البرمجة ليعطي العرض طابعاً تفاعلياً يتيح للمستخدمين التحكم فيه،
سنأتي على شرح البرمجة لاحقاً عندما نحتاج لاستخدامها.

.
.
.


الرسم الجرافيكي (Graphic)

يستخدم الرسم الجرافيكي للصور الثابتة حيث يتم إضافتها للمكتبة لتصبح متاحة للاستخدام بالعدد الذي نريد،
الفائدة الكبرى من هذا الرمز هو تقليل حجم الملف الذي نقوم بصناعته عندما نريد استخدام أحد الرسوم بشكل كبير،
فمثلاً لو رسمنا زهرة وأردنا صنع 20 نسخة منها --لصناعة لوحة لحقل ما مثلا-- عندها سيقوم فلاش بحفظ كل زهرة بشكل منفصل،
أما لو صنعنا رسم جرافيكي لتلك الزهرة وأضفنا منه 20 نسخة فلن يكلف ذلك الكثير من المساحة.

Diamond mas
04-04-2013, 13:11
[[ تطبيق الدرس ]]




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

طبعاً لن أقيد حريتكم ويمكنكم صناعة تطبيق على ما تعلمناه في هذا الدرس.

Diamond mas
04-04-2013, 13:11
[[ تطبيقات المشاركين ]]




تطبيق الأخت Mϊяαή (http://www.mexat.com/vb/member.php?u=203013) (هنا (http://justuni.freehostia.com/demos/view/92776535))

تطبيق سنا برق (http://www.mexat.com/vb/member.php?u=693962) (هنا (http://justuni.freehostia.com/demos/view/92776542))

تطبيق الأخت ذات الخمار (http://www.mexat.com/vb/member.php?u=600991) (هنا (http://justuni.freehostia.com/demos/view/92776557))

تطبيق الأخ Prince of Konoha (http://www.mexat.com/vb/members/609665) (هنا (http://justuni.freehostia.com/demos/view/92776562))

تطبيق الأخت بِشْر (http://www.mexat.com/vb/members/747155) (هنا (http://justuni.freehostia.com/demos/view/92776565))

آلاء
04-04-2013, 13:33
إن لم أسلمك التطبيق خلال أسبوع على الأكثر قم بقتلي فورا :d

Diamond mas
04-04-2013, 13:36
إن لم أسلمك التطبيق خلال أسبوع على الأكثر قم بقتلي فورا :d
اعتبري نفسك ميتة :ضحكة:
.
.

أتطلع لمشاهدة تطبيقاتك وإن شاء الله تلاقي الوقت هذه المرة ^_^

Miran.
05-04-2013, 17:47
لي عودة بعد التطبيق ان شاء الله :تدخين:

Diamond mas
06-04-2013, 07:36
لي عودة بعد التطبيق ان شاء الله :تدخين:
أهلا ^_^

إذا كنتِ ستطبقين مثال الرجل الماشي أريدكِ أن تجعلي حركته منتظمة.. كل ما عليكِ فعله هو ضبط أماكن صور حالات الرجل وإضافة صور جديدة :d
بانتظار تطبيقك ::سعادة::

Broken Spirit
07-04-2013, 14:00
لي عودة بإذن الله :نينجا:

Diamond mas
08-04-2013, 08:23
لي عودة بإذن الله :نينجا:

ونحن بالانتظار :cool:

Miran.
08-04-2013, 18:59
السلام عليكم
لقد عدت مع تطبيقي المتواضع xD
ان شاء الله يكون في المستوى
هنا (http://www.gulfup.com/?DjXNN7)
بانتظار ملاحظاتك و انتقاداتك معلمي :نظارة:

Diamond mas
09-04-2013, 09:25
السلام عليكم
لقد عدت مع تطبيقي المتواضع xD
ان شاء الله يكون في المستوى
هنا (http://www.gulfup.com/?DjXNN7)
بانتظار ملاحظاتك و انتقاداتك معلمي :نظارة:
وعليكم السلام ورحمة الله وبركاته

أهلا بعودتك ^_^

أعجبتني خلفية المدينة، هل قمتِ برسمها يدوياً أم باستخدام الأداة Deco؟ :موسوس:

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

تم رفع تطبيقك (هنا (http://justuni.freehostia.com/demos/view/92776535))
تحياتي

Miran.
09-04-2013, 11:40
وعليكم السلام ورحمة الله وبركاته

أهلا بعودتك ^_^

أعجبتني خلفية المدينة، هل قمتِ برسمها يدوياً أم باستخدام الأداة Deco؟ :موسوس:

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

تم رفع تطبيقك (هنا (http://justuni.freehostia.com/demos/view/92776535))
تحياتي


مممم يدي لم تعتاد بعد على الرسم بالفلاش لذلك رسمتها بالفوتوشوب xD
اها فهمت الان لماذا بدى لي الرجل غريبا في مشيته :dread:
شكرا لك على الملاحظات :applause:

Diamond mas
09-04-2013, 13:01
الأداة ديكو (Deco) تقوم بعمل مشابه.. بإمكانك مراجعة الدرس الثالث (http://www.mexat.com/vb/showthread.php?t=1058439&p=32930440&viewfull=1#post32930440) :D
بعد اختيار الأداة ديكو اختاري Drawing Effect > Building Brush من لوحة الخصائص وارسمي بالشكل الذي يعجبك ^^

بالنسبة لحركة الرجل بإمكانك جعلها سلسة جداً... شاهدي المرفقات ;)

سنا برق
20-04-2013, 10:18
وعليكم السلام و رحمة الله و بركاته

كيف الحال؟

درس مرتب وجميل كما عودتنا، أحببت خاصية المكتبة وما تتيحها لنا من إمكانيات، أما تطبيق الرجل الماشي فلقد كان رائعا.
يتبختر وكأن ليس عليه عمل ليقوم به، بينما لو لم يتم التعديل على ملف psd الأصلي لكان متأخرا عن العمل يركض كالصاروخ :D

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

أما بالنسبة لما أضرمته من تحدٍ لعمل رجل ماشٍ مماثل فقد فهمت أثناء محاولتي درجة صعوبته.
ورغم أن النتيجة النهائية لتطبيقي لم تكن رجلا متبخترا إلا أنني أحببت المشاركة، أتمنى أن يعجبك.

تطبيقي (http://im39.gulfup.com/lqbMQ.swf)

شكرا لك دوما لما تبذله من جهود :)

Diamond mas
20-04-2013, 14:40
^
حياك الله، يا هلا ^_^

هذا من لطفك وحسن ذائقتك :أوو:
بالإمكان رسم هيئات الرجل بدلاً من استيرادها من ملف، وسيتكون الهيئات أكثر تناسقاً وانتظاماً إذا ما أحسنّا الرسم.. وهو بالفعل إبداع ومجال قوي في عالم الجرافيكس،
أعجبتني سلسلة الدروس على يوتيوب (هنا (http://www.youtube.com/playlist?list=PLEG0leSJKJAE6i0zG7ULMh_x12n8TU4vc))



http://www.youtube.com/watch?v=ilrJVUn0QTw&list=PLEG0leSJKJAE6i0zG7ULMh_x12n8TU4vc&index=3


تطبيق جميل، وما فعلته بإضاءة وشفافية الرجل أمر جميل.. ::جيد::
فأي التقنيات استخدمت؟ وهل عدلت على الرجل في الفوتوشوب؟ :موسوس:

تم الرفع (هنا (http://justuni.freehostia.com/demos/view/92776542))
أتمنى أن تعجبك التسمية :rolleyes:

ذات الخمار
17-05-2013, 16:13
اخوي انا استخدمت اداة Deco لرسم الزرع
لكن واجهتني مشكلة بطء وثقل في مشروعي
ممكن اعرف كيف يتم استخدامها بدون م تسبب ثقل على المشروع

هذا تطبيقي انا سميته سارق النعجة
http://www.3bsy.com/files/14865.swf

Diamond mas
18-05-2013, 09:49
اخوي انا استخدمت اداة Deco لرسم الزرع
لكن واجهتني مشكلة بطء وثقل في مشروعي
ممكن اعرف كيف يتم استخدامها بدون م تسبب ثقل على المشروع

هذا تطبيقي انا سميته سارق النعجة
http://www.3bsy.com/files/14865.swf
هل هناك بطء بعد استخدام الأداة Deco أم أثناء استخدامها فقط؟


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

حجم التطبيق أكبر من الحجم المتاح لدي على الموقع،
حبذا لو تذهبي للمكتبة ثم من خصائص الصور تختاري Compression JPEG وتقومي بتقليل الجودة (Quality) حتى يصغر حجم العرض عن 500 كيلوبايت

تحياتي

ذات الخمار
18-05-2013, 17:58
بعد استخدام الاداة مباشرة واذا حذفت الزرع تختفي المشكلة
ممكن السبب لاني استخدم الاداة على التصميم عدة مرات يعني اسحب الاداة على التصميم اكثر من مرة

بالنسبة لحجم التصميم حاولت اقلله لكن بدون فائدة وطبقت طريقتك ولكن ايضا بدون فائدة الحجم ماله الا يزيد

اتوقع استخدامي لاداة Deco وتكرارها على التصميم اكثر من مرة هي السبب في زيادة الحجم

Diamond mas
19-05-2013, 08:59
بعد استخدام الاداة مباشرة واذا حذفت الزرع تختفي المشكلة
ممكن السبب لاني استخدم الاداة على التصميم عدة مرات يعني اسحب الاداة على التصميم اكثر من مرة

بالنسبة لحجم التصميم حاولت اقلله لكن بدون فائدة وطبقت طريقتك ولكن ايضا بدون فائدة الحجم ماله الا يزيد

اتوقع استخدامي لاداة Deco وتكرارها على التصميم اكثر من مرة هي السبب في زيادة الحجم
ملاحظتك في محلها، فإذا استخدمتِ الأداة ديكو بغزارة فإن حجم الملف سيزداد بشكل كبير ×_×
أنا لم أستخدمها من قبل بنفس الكثافة فلم أشعر بالفرق لا في الأداء ولا في الحجم.

لكن هناك طريقة ناجحة لتقليل الحجم لجعل الرسوم لا تؤثر على أداء البرنامج، وهي كالتالي:

- ارسمي الشجيرة التي تريدينها ثم قومي بتحديدها باستخدام أداة التحديد ثم من قائمة تعديل (Modify) اختاري تحويل إلى صورة نقطية (Convert to Bitmap) لتحويلها إلى صورة.

- يمكنك الآن الذهاب إلى المكتبة لتجدي الشجيرة التي قمتِ برسمها وسحبها وإفلاتها على المسرح بالعدد الذي تريدينه ليصبح لديكِ مجموعة شجيرات ::جيد::

ملاحظة: لا يمكنك التعديل على نفس الرسم بعد تحويله إلى صورة نقطية إلا إذا أعدتِ تحويله إلى رسم، لكن يمكنكِ تصغيرها وتكبيرها تماماً كما لو أنها صورة نقطية تم استيرادها من الخارج.

ذات الخمار
19-05-2013, 20:35
فعلا اخي طبقت طريقتك وكانت ناجحة

صار الحجم اقل بكثير من السابق كانت السابقة حجمها 648 والحين صارت 276

وهذا التصميم بعد تقليل حجمه
http://www.3bsy.com/files/14868.swf

جزاك الله خيرا ..

Diamond mas
20-05-2013, 07:55
فعلا اخي طبقت طريقتك وكانت ناجحة

صار الحجم اقل بكثير من السابق كانت السابقة حجمها 648 والحين صارت 276

وهذا التصميم بعد تقليل حجمه
http://www.3bsy.com/files/14868.swf

جزاك الله خيرا ..

تم الرفع (سارق النعجة (http://justuni.freehostia.com/demos/view/92776557))

وإياكم ^_^

Prince of Konoha
03-06-2013, 20:41
http://im42.gulfup.com/vTykE.swf

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

لكن السؤال هل اكون طبقتين ام طبقه وحدة تكفي الصوت والصورة مع بعض ::سعادة::::سعادة::::سعادة:::ميت::ميت::ميت::ميت:

طبقت الجزء الاول من الدرس باقي الجزء الثاني

استاذنا دايموند في شئ ثاني كمان
الحين عندي الصوت ابي مثلا عدة صور كيف اسوي ؟؟؟ وابيها تتحرك

استاذنا ابي اسوي شغل البطاقات او باك مان الي يأكل هم هم هم عرفته صح :topsy_turvy::topsy_turvy::topsy_turvy:

والا بعدين مع بعض راح نسويه :concern::concern: مع البرمجه

Diamond mas
04-06-2013, 11:36
http://im42.gulfup.com/vTykE.swf

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

لكن السؤال هل اكون طبقتين ام طبقه وحدة تكفي الصوت والصورة مع بعض ::سعادة::::سعادة::::سعادة:::ميت::ميت::ميت::ميت:

طبقت الجزء الاول من الدرس باقي الجزء الثاني

استاذنا دايموند في شئ ثاني كمان
الحين عندي الصوت ابي مثلا عدة صور كيف اسوي ؟؟؟ وابيها تتحرك

استاذنا ابي اسوي شغل البطاقات او باك مان الي يأكل هم هم هم عرفته صح :topsy_turvy::topsy_turvy::topsy_turvy:

والا بعدين مع بعض راح نسويه :concern::concern: مع البرمجه
لا بالعكس تطبيق جميل ::جيد::

بإمكانك وضع الصوت والصورة على طبقة واحدة ^^
بإمكانك إضافة أكثر من صورة وأكثر من صوت تماماً كما أضفتها أول مرة ;)
أما عن الحركة فهي مشروحة في الدرسين القادمين.

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

تم الرفع (هنا (http://justuni.freehostia.com/demos/view/92776562))

بِشْر
06-06-2013, 02:05
السَلام عليكُم وَ رحمَة الله ..

تَم التطبِيق :

هُنا (http://im42.gulfup.com/eaMQV.swf)

في أمآن الله..

Diamond mas
07-06-2013, 02:50
السَلام عليكُم وَ رحمَة الله ..

تَم التطبِيق :

هُنا (http://im42.gulfup.com/eaMQV.swf)

في أمآن الله..
وعليكم السلام ورحمة الله وبركاته

تطبيق جيد،
لكن هل انتبهتِ إلى تكرار الصوت والضوضاء التي تحدث نتيجة ذلك؟
هل تعرفين سببها؟
السبب في أن العرض لا يتوقف ويعود من البداية، ولكن حتى لو انتهى العرض فإن الصوت سيبقى حتى انتهاء مدته،
فلو كانت مدة العرض ثانية واحدة ومدة الصوت 3 ثواني عندها سيتوقف العرض بعد الثانية الأولى ولكن سيستمر الصوت لثانتين بعده.

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


تم الرفع (العدّاء (http://justuni.freehostia.com/demos/view/92776565))
قابل للتعديل إن أردتِ تصحيح مشكلة الصوت ;)