في الدرس الأول سنتعرف على الواجهة الرئيسية لبرنامج فلاش وسنسافر عبر التاريخ لنعرف تاريخ برنامج فلاش، وكيف سيتم شرح الدورة عن طريق استخدام احدث التقنيات منها لغة Action Script 3.
ونتمنى لكم قضاء وقت ممتع اثناء تعلمكم برنامج فلاش.
الدرس الثاني
اليوم سنتعلم انواع الحركة مع برنامج فلاش وسنبدأ في تعلم اربعة انواع وهي : 1- Frame By Frame. 2- Classic 3- Shape 4- Motion
الدرس الثالث
في الدرس الثالث سنتعلم مع بعض أداة جديدة وهي أداة Bone - العظم بالإضافة إلى التعرف على قائمة Style حيث سنقوم بعمل العديد من التأثيرات منها : 1-Alpha 2-Brightness 3-Tint 4-Advanced
الدرس الرابع
في الدرس الرابع سنتعلم كيفية استيراد الملفات و التحكم فيها عن طريق المكتبة وترتيب البيانات و المشاهد و التحكم بها و إضافة New Symbol او رمز جديد: MovieClip Button Graphic
رابط مجلد الصور:
http://www.4shared.com/file/NYCRHvOl/pic.html
الدرس الخامس
في الدرس الخامس سنتعلم المزيد من الحركات والمؤثرات وسنبدأ مشوارنا مع Mask وسنأخذ مثال وبعدها سنتعلم كيفيةعمل حركة دورانية و كيفية استخدام الفلاتر في فلاش مثل بعض الفلاتر المتوفرة في برنامج فوتوشوب
تدريب عملي 1
اليوم سنقوم بعمل تطبيق عملي لما سبق دراسته وخلال التطبيق سنتعلم بعض الأمور البسيطة منها استخدام نافذة Align و طريقة إضافة الصوت للمشروع، ونعتذر لأختصارنا جزء من العمل الروتيني حتى نتمكن من رفع الفيديو وبحيث انه يكون الشرح غير ممل و إليكم الملف الذي يحتوي على المشروع كامل يمكنكم الإطلاع عليه وعمل مثله.
اليوم سنتعلم كيفية التحكم بالصوت في فلاش و سنقوم بالتعامل مع قائمة Blend بالإضافة إلى الدخول بشكل مبدئي في لغة البرمجة الخاصة بفلاش Action Script 3وسنجرب كيف يتفاعل على الزر مع لغة البرمجة وبإذن الله في الحصة القادمة سنستطيع عمل تفاعل اكبر باستخدام لغة AC3.
تدريب عملي 2
اليوم في التدريب الثاني سنقوم بعمل تطبيق عملي سنتعلم فيه فائدة التعامل مع MovieClip بطريقة مسلية وبالمناسبة رابط التحميل المشروع تجده هنا.
اليوم سنتعلم في هذا التدريب كيفية دمج مابين الرموز Symbols، وستجدون المثال كامل في الرابط التالي: http://www.4shared.com/file/K-EcpxEN/snow_example.html?
الدرس السابع
بدأنا مشوارنا مع لغة ActionScript 3. واليوم سنتعلم بعض الأوامر الجديدة منها امر play(); stop();
وحاولنا ندمج ما بين الدرس السابق ودرس اليوم في تطبيق عملي بسيط اكيد نتمنى انك تستمتع وانت تنفذه وتهديه لأي احد من اصدقائك. :)
تدريب عملي 4
طبعاً اليوم التدريب هو إهداء للمنشد الرائع محمد الحسيان، واكيد المنشد الرائع قدره اكبر واعلى من هذا العمل البسيط ولكن نتمنى له ان يشاركنا بالأجر على اساس ان اليوم التدريب على حسابه.
واعرف ان هناك خطأ في النص الخاص بالأنشودة وتم تعديله في ملف الفوتشوب يعني لمن حتنفذ راح تلاقي انه الخطأ بس موجود عندي.. والخطأ كان في كلمة الشهيد انا كتبتها شريف :)
ومن هنا يمكنك تحميل المشروع بالكامل عن طريق الرابط التالي:
اليوم سنتعمق اكثر في خاصية Mask مع تطبيق بعض الأفكار بشكل عملي ودمج بعض المعلومات مع هذه الخاصية.
الدرس التاسع
اليوم نتعلم كيفية عمل Player مثل مشغل الفيديو المستخدم في يوتيوب عن طريق استخدام بعض الكائنات الجميلة، منها كائن يمكنك من عمل Scroll Bar خاص بالفورم الذي انشأته وسنتعرف بعمق اكبر على اداة Text وخصائصها.
وذكرنا خلال الدورة بأننا سنعرض لكم انواع الملفات الفيديو التي يقبل بها برنامج فلاش وهي: FLV encoded with the On2 VP6 F4V encoded with the H.264 (MPEG-4) codec H.264 video (MP4) encoded with the H.264 (MPEG-4) codec
قدّم برنامج
Adobe® Photoshop® CS6 المزيد من عمليات التصوير الخلابة والخيارات
الإبداعية الجديدة ومحرك Mercury Graphics Engine لتحقيق سرعة أداء مذهلة.
نقّح الصور باستخدام ميزات Content-Aware الجديدة، وأنشئ تصميمات ومقاطع
فيديو رائعة باستخدام أدوات ومهام سير عمل جديدة ومُعاد تصميمها.
اقدم لكم اخوانى الكرام اليوم هذا الكورس الرائع جدا للاستاذ محمد عبد الغني عمر بشرح باللغة العربية وبرعاية جمعية ملتقى الدارين التعليمية لاحدث اصدارات شركة ادوبى من العملاق فوتوشوب cs6 والكورس يحتوى على 28 محاضرة كل محاضرة حوالى 1.30
بسم الله الصلاة والسلام على رسول الله , السلام عليكم اخواني اخواتي متابعي مدونة جلال البعداني , كثير من المدونين يعتقدون أنمدونات بلوجر تفتقر الى الاضافات الجيده والمنسقه بشكل انيق , التييمكن أن تضاف إلىمنصات أخرىمثلووردبريس وجوملا،ولكن هذا الاعتقاد خاطئ.فهناك كثير من الاضافات الاحترافيه التي تمكنك من تخصيص مدونتك وتطويرها لتظهر بشكل جذاب واحترافي ,واليوم باذن الله سوف نكسر هذا المعتقد بهذه الاضافه الاحترافيه والتي هي عباره عن شريط جانبي على شكل قائمه عموديه تتضمن خمس من اشهر مواقع التواصل الاجتماعي (twitter ,Facebook,Google+, feedburner, tumblr)والتي تتميز بشكلها الرائع والانسيابي والذي بدوره يزيد من جمالية المدونه واحترافيتها
1- انتقل إلى لوحة تحكم مدونتك 2- إختر "تخطيط" ثم إضافة أداة ثم اخترHTML/Javascript 3- والآن الصق داخل المستطيل الكود التالي
<div id='social-sidebar'> <ul><li> <a class='entypo-twitter' href='https://twitter.com/eng_shadi2011' target='_blank'> <span>Twitter</span> </a></li><li> <a class='entypo-gplus' href='https://plus.google.com/u/0/b/111388500644220208764' target='_blank'> <span>google+</span> </a></li><li> <a class='entypo-tumblr' href='http://www.tumblr.net/shadi2015' target='_blank'> <span>tumblr</span> </a></li><li> <a class='entypo-facebook' href='http://www.facebook.net/m.shadi2015' target='_blank'> <span>facebook</span> </a></li><li> <a class='entypo-rss' href='http://feeds.feedburner.com/shadi' target='_blank'> <span>feedburner</span> </a></li></ul></div> <style type='text/css'> /*<![CDATA[*/ @charset "utf-8"; /* CSS Document */ /* ---------- ENTYPO ---------- *//* ---------- Digital Hub Inc : /---------- */ @import url(http://weloveiconfonts.com/api/?family=entypo); [class*="entypo-"]:before { font-family: 'entypo', sans-serif; } /* ---------- GENERAL ---------- */ #social-sidebar a { text-decoration: none; } #social-sidebar ul { list-style: none; margin: 0; padding: 0; } /* ---------- Social Sidebar ---------- */ #social-sidebar { left: 0; margin-top: -75px; /* (li * a:width) / -2 */ position: fixed; top: 50%; } #social-sidebar ul li:first-child a { border-radius: 0 5px 0 0; } #social-sidebar ul li:last-child a { border-radius: 0 0 5px 0; } #social-sidebar ul li a { background: #121212; color: #fff; display: block; height: 50px; font-size: 18px; line-height: 50px; position: relative; text-align: center; width: 50px; } #social-sidebar ul li a:hover span { left: 130%; opacity: 1; } #social-sidebar ul li a span { border-radius: 3px; line-height: 24px; left: -100%; margin-top: -16px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; padding: 4px 8px; position: absolute; -webkit-transition: opacity .3s, left .4s; -moz-transition: opacity .3s, left .4s; -ms-transition: opacity .3s, left .4s; -o-transition: opacity .3s, left .4s; transition: opacity .3s, left .4s; top: 50%; z-index: -1; } #social-sidebar ul li a span:before { content: ""; display: block; height: 8px; left: -4px; margin-top: -4px; position: absolute; top: 50%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 8px; z-index: -2; } #social-sidebar ul li a[class*="twitter"]:hover, #social-sidebar ul li a[class*="twitter"] span, #social-sidebar ul li a[class*="twitter"] span:before { background: #6CDFEA; } #social-sidebar ul li a[class*="gplus"]:hover, #social-sidebar ul li a[class*="gplus"] span, #social-sidebar ul li a[class*="gplus"] span:before { background: #E34429; } #social-sidebar ul li a[class*="tumblr"]:hover, #social-sidebar ul li a[class*="tumblr"] span, #social-sidebar ul li a[class*="tumblr"] span:before { background: #1769ff; } #social-sidebar ul li a[class*="facebook"]:hover, #social-sidebar ul li a[class*="facebook"] span, #social-sidebar ul li a[class*="facebook"] span:before { background: #234999; } #social-sidebar ul li a[class*="rss"]:hover, #social-sidebar ul li a[class*="rss"] span, #social-sidebar ul li a[class*="rss"] span:before { background: #f57b05; } /*]]>*/ </style>
تخصيص الاضافه
1- استبدال ماباللونashadi باسم حسابك في فيدبرنر 2- استبدال ماباللونeng_shadi2011 باسم حسابك في تويتر 3- استبدال ماباللونm.shadi2015 باسم صفحتك في فيس بوك 4- استبدال ماباللون1388500644220208764 باسم حسابك جوجل بلس 5- استبدال ماباللونashadi2015باسم حسابك في تمبلروبالاخير قم بحفظ القطعه ومبروك عليك الاضافه ولا تنسى ان تشاركنا ارائك بتعليق