http://ceduzone.jeeran.com/categories/Flash_8_and_CS3/مدونة متخصصة بالدروس التعليميةSat, 07 Jun 2008 17:15:29 GMTCopyright 2008 Crimsonjeeran RSSGenerator v1.0http://ceduzone.jeeran.com/photos/profile_t.jpghttp://ceduzone.jeeran.com/categories/Flash_8_and_CS3/http://ceduzone.jeeran.com/archive/2007/5/221356.html221356<div dir="rtl"> </div> <div dir="rtl">تعتبر الفلاتر من الإضافات الجديدة في برنامج الـ <span style="color: rgb(255, 0, 0);">Flash Pro 8</span> والتي تميز بها هذا الإصدار فـ الفلاتر في الـ <span style="color: rgb(255, 0, 0);">Flash </span>لها طابعها الخاص سوف يتضح ذلك أثناء الشرح والآن لنبدأ :<br />ماذا تعني الفلاتر <span style="color: rgb(139, 69, 19);">Filters </span>؟<br />الفلاتر هي تأثيرات جاهزة يمكن إضافتها للنصوص <span style="color: rgb(255, 165, 0);">Text </span>و الأزرار <span style="color: rgb(255, 165, 0);">Buttons </span>وأخيراً الـ <span style="color: rgb(255, 165, 0);">Movie Clips </span>لتحصل على تصميم يحمل طابعاً جديداً فالـ <span style="color: rgb(255, 0, 0);">Flash </span>يضم مجموعة من الفلاتر وهي :<br /><span style="color: rgb(255, 165, 0);">Bevel, Drop Shadow, Glow, Blur, Gradient Glow, Gradient Blur, and Adjust Color</span><br />وسوف نشرح بعضها يمكنك إضافة الفلاتر أولا بتحديد الجسم أو الشكل ثم في نافذة الخصائص <span style="color: rgb(255, 165, 0);">Properties </span>وأختر القائمة <span style="color: rgb(139, 69, 19);">Filters </span>كما يلي :</div> <div dir="rtl"> </div> <div dir="rtl"><img alt="" src="http://ceduzone.jeeran.com/Flash8_42.jpg" align="middle" border="0" /></div> <div dir="rtl"> </div> <div dir="rtl">فـ تظهر لنا النافذة التالية :</div> <div dir="rtl"> </div> <div dir="rtl"><img alt="" src="http://ceduzone.jeeran.com/Flash8_43.jpg" align="middle" border="0" /></div> <div dir="rtl"> </div> <div dir="rtl"><span style="color: rgb(50, 205, 50); text-decoration: underline;">1- add filters :</span> عند الضغط على هذا الزر سوف تعرض لك قائمة الفلاتر وبعض الخصائص الأخرى وسوف نشرحها بعض قليل .<br /><span style="color: rgb(50, 205, 50); text-decoration: underline;">2- delete filters :</span> هذا الزر مخصص لحذف فلتر معين بعد تحديد الفلتر المطلوب حذفه .<br />بالإضافة لإضافة الفلاتر بإمكانك أن تقوم بعمل حركة <span style="color: rgb(255, 165, 0);">animate </span>للفلتر باستخدام حركة الـ <span style="color: rgb(255, 165, 0);">Motion Tween</span> مثلا نقوم بعمل كره لها ظل من جهة اليسار ثم نضع إطار مفتاحي عند الإطار رقم <span style="color: rgb(148, 0, 211);">20 </span>ثم نقوم بتحريك الظل من اليسار إلى اليمين وهذا التأثير يوحي بأن هناك ضوء مسلط على الكرة وعند حركة الكره يتغير موقع الضوء أو بمعنى أدق موقع الكرة . بالإضافة لإمكانية إضافة أكثر من فلتر واحد على الجسم الواحد لتحصل على تأثير جميل ويمكنك في أي وقت تغيير خيارات الفلتر بالإضافة لإعادة ترتيب موقع الفلاتر في القائمة وأيضا يمكنك حفظ التأثير الجديد إذا أعجبك لتحصل على تأثير جديد ويمكنك إضافته في أي وقت بالإضافة ذلك يمكنك أن تقوم بتغيير شكل الجسم دون تغيير تأثير الفلاتر مثلا :<br />أولا : قم بكتابة العبارة <span style="color: rgb(255, 69, 0);">Flash 8</span> في منطقة العمل ثم حدد النص وأتجه لقائمة الفلاتر <span style="color: rgb(139, 69, 19);">Filters </span>ثم قم بإضافة الفلتر <span style="color: rgb(255, 165, 0);">Blur </span>وهو مخصص لوضوح النص أو الجسم ونحدد الخصائص ثم نقوم بإضافة فلتر آخر وليكن <span style="color: rgb(255, 165, 0);">Glow </span>وهو يمكنك من إضافة الألوان حول النص أو الجسم وحدد الخصائص لتحصل على الشكل التالي :</div> <div dir="rtl"> </div> <div dir="rtl"><img alt="" src="http://ceduzone.jeeran.com/Flash8_44.jpg" align="middle" border="0" /></div> <div dir="rtl"> </div> <div dir="rtl">ثانيا : بإمكانك أن تقوم بتغيير العبارة من <span style="color: rgb(30, 144, 255);">Flash 8</span> إلى <span style="color: rgb(30, 144, 255);">Flash 9</span> دون تغيير تأثير الفلاتر كالتالي :</div> <div dir="rtl"> </div> <div dir="rtl"><img alt="" src="http://ceduzone.jeeran.com/Flash8_45.jpg" align="middle" border="0" /></div> <div dir="rtl"> </div> <div dir="rtl">ويمكنك تغيير خيارات الفلاتر في أي وقت .<br />ثالثا : إذا أعجبك التأثير الجديد يمكنك حفظ وذلك بالضغط على زر <span style="color: rgb(255, 165, 0);">add Filters </span>وأختر <span style="color: rgb(255, 165, 0);">Presets </span>وأخيراً <span style="color: rgb(255, 165, 0);">Save As…</span> كالتالي :</div> <div dir="rtl"> </div> <div dir="rtl"><img alt="" src="http://ceduzone.jeeran.com/Flash8_46.jpg" align="middle" border="0" /></div> <div dir="rtl"> </div> <div dir="rtl">لتظهر النافذة التالية :</div> <div dir="rtl"> </div> <div dir="rtl"><img alt="" src="http://ceduzone.jeeran.com/Flash8_47.jpg" align="middle" border="0" /></div> <div dir="rtl"> </div> <div dir="rtl">وهذه النافذة مخصصه لوضع اسم للتأثير وأنا هنا قمت باختيار<span style="color: rgb(255, 165, 0);">blur glow </span>ويمكنك إضافة التأثير مره أخرى وذلك بتحديد النص أو الجسم ثم الضغط على زر <span style="color: rgb(255, 165, 0);">add Filters </span>وأختر <span style="color: rgb(255, 165, 0);">Presets </span>وأخيراً أختر الاسم أللي حددته وهو هنا <span style="color: rgb(255, 165, 0);">blur glow </span>كالتالي :</div> <div dir="rtl"> </div> <div dir="rtl"><img alt="" src="http://ceduzone.jeeran.com/Flash8_48.jpg" align="middle" border="0" /></div> <div dir="rtl"> </div> <div dir="rtl">وبالمثال السابق تعرفنا على بعض الأمور الممتازة بخصوص الفلاتر .</div> <div dir="rtl"><br />استيراد الفلاتر للصور بصيغة <span style="color: rgb(255, 165, 0);">PNG </span>من برنامج <span style="color: rgb(255, 0, 0);">Fireworks </span>:<br />في الحقيقة الـ <span style="color: rgb(255, 0, 0);">Flash Pro 8</span> يدعم مجموعة من الفلاتر في برنامج <span style="color: rgb(255, 0, 0);">Fireworks </span>مثلا عند استيرادك لصوره بصيغة <span style="color: rgb(255, 165, 0);">PNG </span>( يشترط أن تكون الصورة بصيغة <span style="color: rgb(255, 165, 0);">PNG </span>) يمكنك أن تقوم بتعديل خيارات الفلاتر باستخدام الـ <span style="color: rgb(255, 0, 0);">Flash Pro 8</span> وكأنك قمت بعملها في الـ <span style="color: rgb(255, 0, 0);">Flash </span>مباشرة فقط الفلاتر التي يدعمها الـ <span style="color: rgb(255, 0, 0);">Flash </span>وسوف نوضح الفلاتر التي يدعمها الـ <span style="color: rgb(255, 0, 0);">Flash </span>كما يلي :</div> <div dir="rtl"> </div> <div dir="rtl"><img alt="" src="http://ceduzone.jeeran.com/Flash8_49.jpg" align="" border="0" height="175" width="475" /><br /></div> <div dir="rtl"> </div> <div dir="rtl"><span style="color: rgb(255, 165, 0);">Fireworks effect</span> هي التأثيرات أو الفلاتر التي يدعمها برنامج الـ <span style="color: rgb(255, 0, 0);">Flash </span>أما <span style="color: rgb(255, 165, 0);">Flash filter </span>فهو الفلتر المقابل لكل تأثير للـ <span style="color: rgb(255, 0, 0);">Fireworks </span>في برنامج الـ <span style="color: rgb(255, 0, 0);">Flash </span>حتى يمكنك التعديل على الفلتر بحرية في الـ <span style="color: rgb(255, 0, 0);">Flash </span>.</div> <div dir="rtl"><br />حركة الفلاتر <span style="color: rgb(0, 0, 205);">Animating Filters</span> :<br />هناك بعض الملاحظات على حركة الفلاتر وهي :<br />- إذا قمت بإضافة الفلتر للإطار الأول فإن الفلتر سوف يضاف تلقائيا للإطار الأخير والعكس صحيح .<br />- إذا قمت بحذف الفلتر في الإطار الفلتر في الإطار الأول فإنه سوف يحذف تلقائيا في الإطار الأخير والعكس صحيح .<br />- إذا كان الفلتر في الإطار الأول يختلف عن الفلتر في الإطار الأخير فإن الـ <span style="color: rgb(255, 0, 0);">Flash </span>سوف يجد طريقة ما لكي لتلافي الاختلاف أما إذا كان الاختلاف كبيراً فإنه سوف يعتمد الفلاتر في الإطار الأول فقد ولا يهتم للفلاتر بالإطار الأخير .<br />إن إضافة العديد من الفلاتر سوف يؤثر بدورة على أداء مشغل الفلاش<span style="color: rgb(112, 128, 144);">Flash Player</span> بطريقة أو بأخرى لذلك ينصح دائماً التقليل من الفلاتر التي تقوم بإضافتها للأجسام أو الأشكال .</div> <div dir="rtl"><br />والآن لنتحدث عن الفلاتر المتوفرة في برنامج الـ <span style="color: rgb(255, 0, 0);">Flash </span>كالتالي :</div> <div dir="rtl"><span style="color: rgb(107, 142, 35); text-decoration: underline;">الفلتر Drop Shadow :</span><br />هذا الفلتر بشكل عام يقوم بإضافة ظل للجسم والآن لنبدأ بمثال بسيط :<br />قم بكتابة عبارة<span style="color: rgb(128, 128, 0);">Flash 8</span> في منطقة العمل وبعد تحديدك للنص اتجه لقائمة <span style="color: rgb(255, 165, 0);">Filters </span>ثم أضغط على زر Add<span style="color: rgb(255, 165, 0);">Filters </span>وأختر الفلتر <span style="color: rgb(255, 165, 0);">Drop Shadow</span> لتظهر لك الخيارات التالية :</div> <div dir="rtl"> </div> <div dir="rtl"><img alt="" src="http://ceduzone.jeeran.com/Flash8_50.jpg" align="" border="0" height="95" width="475" /><br /></div> <div dir="rtl"> </div> <div dir="rtl"><span style="color: rgb(50, 205, 50); text-decoration: underline;">1- Blur X and Y :</span> من هنا يمكنك تحديد عرض وطول الظل ولكن عند زيادة الطول سوف يزيد العرض بنفس المقدار والسبب أنه تم الربط بينهما وبالضغط على القفل فإنه سوف تلاحظ أنه يمكنك التحكم بالطول أو العرض لأنك ألغيت الربط بين قيمتي الطول والعرض .<br /><span style="color: rgb(50, 205, 50); text-decoration: underline;">2- Filter Strength :</span> من هنا يمكنك تحديد وضوح الظل .<br /><span style="color: rgb(50, 205, 50); text-decoration: underline;">3- Blur Quality :</span> من هنا يمكنك تحديد جودة الظل وفضل هنا اختيار جودة قليلة لأنها تزيد أو تحسن الأداء بشكل ملحوظ .<br /><span style="color: rgb(50, 205, 50); text-decoration: underline;">4- Shadow Color :</span> من هنا يمكنك تحديد لون الظل .<br /><span style="color: rgb(50, 205, 50); text-decoration: underline;">5- Filter Angle :</span> من هنا يمكنك تحديد موقع الظل .<br /><span style="color: rgb(50, 205, 50); text-decoration: underline;">6- Filter Distance :</span> من هنا يمكنك تحديد المسافة التي تفصل الظل عن الجسم .<br /><span style="color: rgb(50, 205, 50); text-decoration: underline;">7- Knockout Source Image :</span> عند تفعيلك لهذا الخيار فإنك سوف تقوم بإخفاء لون التعبئة الداخلي ولون الحدود للجسم لكي يظهر الظل فقط .<br /><span style="color: rgb(50, 205, 50); text-decoration: underline;">8- Inner Shadow :</span> عند تفعيلك لهذا الخيار فإن الظل سوف يظهر داخل حدود الجسم يعني يندمج مع لون التعبئة الداخلي .<br /><span style="color: rgb(50, 205, 50); text-decoration: underline;">9- Hide Source Object :</span> عند تفعيلك لهذا الخيار فإن سوف تقوم بإخفاء الجسم وتبقي على الظل فقد وهو ممتاز لعمل ظلال أكثر واقعية مثلا إذا قمت بعمل نص أو زر أو حتى <span style="color: rgb(255, 165, 0);">Movie Clip</span> قم بعمل نسخة منه <span style="color: rgb(255, 165, 0);">duplicate </span>بالذهاب لقائمة <span style="color: rgb(255, 165, 0);">Edit </span>وأختر <span style="color: rgb(255, 165, 0);">Duplicate </span>ثم قم بإضافة الظل للنسخة وفعل هذا الخيار ثم استخدم أداة <span style="color: rgb(255, 165, 0);">Free Transform tool </span>وتحكم بشكل الظل .</div> <div dir="rtl"><span style="color: rgb(107, 142, 35); text-decoration: underline;">الفلتر Blur :</span><br />هذا الفلتر مخصص للتحكم في وضوح الأجسام سواء نص أو زر أو حتى Movie Clip فالنبدأ بمثال بسيط :<br />قم بكتابة العبارة Flash 8 وتأكد من تحديد العبارة ثم اتجه لقائمة Filters وأضغط على زر Add Filters وأختر الفلتر Blur لتظهر لك الخيارات التالية :</div> <div dir="rtl"> </div> <div dir="rtl"><img alt="" src="http://ceduzone.jeeran.com/Flash8_51.jpg" align="middle" border="0" /></div> <div dir="rtl"> </div> <div dir="rtl"><span style="color: rgb(50, 205, 50); text-decoration: underline;">1- Blur X and Y :</span> من هنا يمكنك التحكم بعرض وطول وضوح الجسم أو النص .<br /><span style="color: rgb(50, 205, 50); text-decoration: underline;">2- Blur Quality :</span> من هنا يمكنك تحديد جودة وضوح الجسم أو النص ويفضل هنا اختيار جودة قليلة لأنها تزيد أو تحسن الأداء بشكل ملحوظ .</div> <div dir="rtl"><span style="color: rgb(107, 142, 35); text-decoration: underline;">الفلتر Glow :</span><br />هذا الفلتر مخصص لإضافة لون محدد حول حدود الجسم وهذا مثال للتوضيح فالنبدأ :<br />قم بكتابة نفس العبارة السابقة <span style="color: rgb(0, 0, 205);">Flash 8</span> وتأكد من تحديد العبارة ثم اتجه لقائمة <span style="color: rgb(255, 165, 0);">Filters </span>وأضغط على زر <span style="color: rgb(255, 165, 0);">Add Filters</span> وأختر الفلتر <span style="color: rgb(255, 165, 0);">Glow </span>لتظهر لك الخيارات التالية :</div> <div dir="rtl"> </div> <div dir="rtl"><img style="width: 460px; height: 100px;" alt="" src="http://ceduzone.jeeran.com/Flash8_52.jpg" align="" border="0" /><br /></div> <div dir="rtl"> </div> <div dir="rtl"><span style="color: rgb(50, 205, 50); text-decoration: underline;">- Blur X and Y :</span> من هنا يمكنك تحديد عرض وطول الفلتر <span style="color: rgb(255, 165, 0);">Glow </span>.<br /><span style="color: rgb(50, 205, 50); text-decoration: underline;">2- Filter Strength :</span> من هنا يمكنك تحديد وضوح لون الفلتر <span style="color: rgb(255, 165, 0);">Glow </span>.<br /><span style="color: rgb(50, 205, 50); text-decoration: underline;">3- Blur Quality :<span style="color: rgb(0, 0, 0);">م</span></span><span style="color: rgb(0, 0, 0);">ن</span> هنا يمكنك تحديد جودة تأثير الفلتر <span style="color: rgb(255, 165, 0);">Glow </span>ويفضل هنا اختيار جودة قليلة لأنها تزيد أو تحسن الأداء بشكل ملحوظ .<br /><span style="color: rgb(50, 205, 50); text-decoration: underline;">4- Shadow Color :</span> من هنا يمكنك تحديد لون الـ <span style="color: rgb(255, 165, 0);">Glow</span>.<br /><span style="color: rgb(50, 205, 50); text-decoration: underline;">5- Knockout Source Image :</span> عند تفعيلك لهذا الخيار فإنك سوف تقوم بإخفاء لون التعبئة الداخلي ولون الحدود للجسم .<br /><span style="color: rgb(50, 205, 50); text-decoration: underline;">6- Inner Shadow :</span> عند تفعيلك لهذا الخيار فإن الظل سوف يظهر داخل حدود الجسم يعني يندمج مع لون التعبئة الداخلي لكي يظهر تأثير الفلتر <span style="color: rgb(255, 165, 0);">Glow </span>فقط .</div> <div dir="rtl"><span style="color: rgb(107, 142, 35); text-decoration: underline;">الفلتر Bevel :</span><br />هذا الفلتر خاص بالنحت او أظهار الشكل او النص بشكل بارز وجميل جداً لنبدأ مع مثال بسيط للتوضيح :<br />قم برسم دائرة وحول الدائرة إلى <span style="color: rgb(255, 165, 0);">Movie Clip </span>حتى تتمكن من إضافة الفلتر للدائرة وتأكد من تحديدها ثم اتجه لنافذة <span style="color: rgb(218, 165, 32);">Filters </span>وأضغط على زر <span style="color: rgb(255, 165, 0);">Add Filters </span>وأختر الفلتر <span style="color: rgb(255, 165, 0);">Bevel </span>لتظهر الخيارات التالية :</div> <div dir="rtl"> </div> <div dir="rtl"><img alt="" src="http://ceduzone.jeeran.com/Flash8_53.jpg" align="" border="0" height="95" width="475" /><br /></div> <div dir="rtl"> </div> <div dir="rtl"><span style="color: rgb(50, 205, 50); text-decoration: underline;">1- Shadow &amp; Highlight :</span> وهنا يمكنك اختيار لون الظل ولون التأثير في الأعلى وهذه صورة للتوضيح :</div> <div dir="rtl"> </div> <div dir="rtl"><img alt="" src="http://ceduzone.jeeran.com/Flash8_54.jpg" border="0" /></div> <div dir="rtl"> </div> <div dir="rtl"><span style="color: rgb(50, 205, 50); text-decoration: underline;">2- Type :</span> وهنا يمكنك اختيار كيف يتم تطبيق التأثير هل يتم بداخل الجسم فقط <span style="color: rgb(255, 165, 0);">Inner </span>أو خارجة فقط <span style="color: rgb(255, 165, 0);">Outer </span>أو كلاهما <span style="color: rgb(255, 165, 0);">Full </span>.</div> <div dir="rtl"><br />هكذا نكون تعرفنا على أساسيات استخدام الفلاتر في الـ <span style="color: rgb(255, 0, 0);">Flash </span>وبقية الفلاتر لها نفس الخصائص مع بعض الإضافات البسيطة يمكنك أن تتعرف عليها بحرية تامة عند العمل عليها .</div> <div dir="rtl"> </div> <div dir="rtl" align="center"> </div> <div dir="rtl" align="center"><br />تمنياتي لكم بالتوفيق</div> <div dir="rtl" align="center">ســ لمــ لمــ</div>Sat, 12 May 2007 07:17:00 GMThttp://ceduzone.jeeran.com/archive/2007/5/221356.html#commentsCrimson<q8y-cis@hotmail.com>Flash 8 and CS3