تبليغاتX
گالری حرفه ای قالب وبلاگ

 
ماکرومديا فلش ( Macromedia Flash) يکي از بهترين نرم افزار هايي است که شما ميتوانيد جهت افزودن افکت های مخصوص و انیمیشن های کامپیوتری به وب سایت از آن استفاده کنید .در این جزوه سعی شده تمامی نکات با ذکر مثال و انیمیشن برای شما ارائه گردد . امید است این منبع جهت استفاده ی شما عزیزان مفید واقع شود.
برای مطالعه ی این دوره ی آموزشی نیاز است کاربران محترم آشنایی با سیستم عامل ویندوز داشته باشند .

ضمنا سیستم شما باید دارای مشخصات سخت افزاری ذیل باشد :

- حداقل سیستم مورد نیاز پنتیوم 233
- 16 مگابایت Ram
- حدود 600 مگا بایت فضای آزاد
- کارت گرافیکی 64 گیگا بایت


کاربردهای Flash

زماني که با یک صفحه ی وب برخورد ميکنيم ایده های مختلفی برای ساختن یک وب سایت جالب ،در ذهنمان ايجاد ميشود. با وجود بخشهاي گوناگون در يک وب سايت در مورد تصاوير و رنگها قانونی کلی وجود دارد. در Flash ابزارهايي وجود دارد که به وسیله ی آنها ميتوان به راحتي تصاوير مختلفي خلق کرد. تصاوير برداري خيلي بهتر از نقشه های بيتي هستند. تصوير برداري نه تنها از لحاظ اندازه کوچکتر است بلکه در هنگام کوچک و بزرگ شدن به هيچ وجه کيفيت خود را از دست نميدهد. ولي زماني که يک نقشه بيتي را بزرگ ميکنيم تصاوير مات به نظر ميرسند. تصاویر Flash همانند یک فیلم بر روی صفحه ی وب گذاشته می شود . هرگاه که مرورگر وب شما با يک فيلم Flash روبرو ميشود به طور اتوماتيک Flash player را اجرا می کند.

نكته

به ياد داشته باشيد که فيلم هاي Flash به واسطه برداري بودنشان کم حجم تر از تصاویر نقشه بیتی خواهند بود.

متحرک سازي در سايت وب

در گذشته در سايتهاي وب به علت اينکه انيميشن نداشتند ، بسیار خسته کننده به نظر می رسیدند. ولي نرم افزار Flash به آساني انيميشن را توسط فرآیندی به نام Tweening ايجاد ميکند. در اين مرحله شما به Flash نقطه آغاز و پايان ميدهيد و تصاوير بين اين دو نقطه به طور اتوماتيک به صورت فريم ( Frame ) ايجاد خواهند شد. مثلاً اگر يک تصوير کامپيوتري براي کامل شدن احتياج به 10 فريم داشته باشد تنها لازم است به آن دو فريم شروع و پايان را بدهيم ( فريم 1 و فريم 10) ، خود نرم افزار Flash فريم هاي ما بين آن را ميسازد.
علاوه بر آن ميتوانيد يک Motion Tween براي آن شيء بسازيد.

ساخت فيلم هاي محاوره اي :

در Flash علاوه بر انيميشن هاي ساده ميتوانيد وب سايتهاي محاوره اي نیز بسازید. به عنوان مثال ميتوان فيلم فلشي را ايجاد کنيد که در آن فيلمهاي کوتاه و Track هاي موسيقي متعدد قابل انتخاب وجود داشته باشد زيرا Flash کاملاً شيء گرا ميباشد.

نکته :

در يک فيلم Flash منظور از محاوره اي بودن اين است که کاربر قادر به انتخاب کليپ هاي ويدئويي يا Track موسيقي دلخواه باشد.

تغيير شکل اشياء و متون متحرک :

يکي از تکنولوژي هاي انيميشن در Flash این است که به شما اجازه ی تغییر يک شکل به شکل ديگر را ميدهد ،به اين فرآیند Shape tween ميگويند. بدون شک متون متحرک را در سايت هاي مختلف مشاهده کرده ايد. اين متون درون یک جعبه از نقطه اي به نقطه ديگر حرکت ميکنند. از اين Effect در سرفصل روزنامه ها و تبليغات فروشگاهها استفاده ميشود. ايجاد يک متن متحرک در Flash کار بسیار ساده ای است . بدين منظور جهت رسیدن به نتیجه ی مطلوب باید تکنیک های فیلم سازی Flash را با هم ترکیب کنیم ، به این صورت که ابتدا یک Motion Tween ایجاد کرده ، بوسیله آن متنی را داخل جعبه از این سمت به آن سمت برده و سپس یک Mask اضافه می کنیم. توسط اين ماسک ميتوانيم متن داخل جعبه را کنترل کنيم. اين بدان معني است که شما قادر خواهيد بود هر قسمت از متن دلخواه خود را قابل مشاهده کنيد.

درک و يادگيري اصول پايه اي Flash

Flash داراي يک سري عناصر اوليه است که در طول کارتان شما را همراهي ميکند. شکل زير نماي اوليه اي از عناصر اوليه Flash ميباشد.

صفحه کاري ( Work Place ) در Flash :

صفحه کاري منطقه اي است که در آن قلم هاي Flash را ايجاد ميکنيد. این صفحه ی کاری در واقع آن منطقه سفيد رنگي است که در قسمت مياني پنجره Flash واقع شده است.

نکته :

به طور پيش فرض اندازه اين صفحه 550*400 پيکسل ميباشد. اطراف صفحه کاري بوسيله يک حاشیه خاکستري که محيط کاري است پوشانده شده است. اشياء روي محيط کاري ظاهر میشوند، مگر اينکه آنها را بر روي صفحه کاري منتقل کنيد.

Timeline :

Timeline ( خط زمان ) يکي از ابزار هاي Flash است که فريم هاي درون آن را کنترل ميکند. شکل زير قسمتهاي مختلف Timeline را به تصوير ميکشد.



Play head :

براي ديدن گزینه های Flash مورد نظر Play head را بوسيله اشاره گر ماوس بر روي این Flash بکشيد. بدين منظور شما ميتوانيد يک Frame دلخواه را بر روي Timeline کليک کنيد که آن به صورت اتوماتيک Play head ميشود.

Frame Number :

همان نما هاي شما براي کار کردن در Timeline ميباشند. Frame line شما را قادر ميسازد تا مکان صحیح اشیاء در فریم را مشخص کنید.

Timeline Menu :

از طريق اين متد ميتوان به تعداد گزينه هايي که براي تنظيم چگونگي مشاهده Timeline استفاده ميشوند دسترسي پيدا کرد.

Center Frame :

قسمت مرکزي قابل ديد در Timeline ميباشد.

Onion Skin View :

توسط اين گزينه ميتوان فريم هاي مختلف يک انميشن ترتيبي را مشاهده کرد. در واقع ميتوان تشکيل فريم هاي مياني را ملاحظه نمود.

Onion Skin Outline view :

اين گزينه نيز مانند Onion Skin View ميتواند تعداد فريم هاي اول تا آخر را نشان دهد .اما این گزینه بیشتر براي منحني ها استفاده ميشود.

Edit Multiple Frames :

اين گزينه شما را قادر ميسازد تا هر بخش از يک انيميشن را که بر فريم هاي مختلفی تقسيم شده اند ، ويرايش کنيد.

Modify Onion Markers :

منويي را نمايش ميدهد که توسط آن شما ميتوان تعداد فريم هاي دلخواه را در Onion Skin View نمايش داد.

Current Frame :

در اين قسمت ساده فريم جاري نمايش پيدا ميکند.

Frame Rate :

این گزینه تعداد فريم هاي نمايش داده شده را نشان ميدهد.

Playback Time :

این گزینه مدت زمان سپري شدن فيلم را نشان ميدهد.

Scroll Bars :

بوسيله این گزینه ميتوان فريم هاي لايه هاي قبلي را مشاهده نمود.
 

لينک مطلب نوشته:فرید بازارچی تاریخ:پنجشنبه 30 فروردین1386

 

ابتدا فلش 5 را باز كرده به منوي Window و Panel Set برويد و گزينه Default Layout را انتخاب كنيد حالا پنل هاي فلش به صورت پيش فرض خودشان باز مي گردند. هر كدام از اين پنل ها به اصطلاح شامل چند تب هستند به طور مثال Panel Instance كه با آن خيلي كار خواهيم داشت شامل چهار تب مي باشد. يادتان باشه كه نام بالاي هر پنل را فلش بر اساس اولين پنل انتخاب مي كند.


بعد از انتخاب گزينه Default Layout محيط فلش شما مطابق شكل بالا مي شود

حالا توضيح ميدهم كه چگونه يك پنل به انتخاب خودتان ايجاد كنيد ، كه گروهي از پنل هايي كه زياد مورد استفاده شما قرار ميگيرد، را درست كنيد.

بر روي تب Instance كليك ماوس را فشرده و نگه داريد ، حالا Instance‌ را به بيرون از پنل بكشيد و كليد ماوس را رها كنيد. شما پنل Instance را از بقيه پنل ها جدا كرده ايد (بايد بگويم كه به صورت يك پارچه بودن پنل ها سرعت شما را افزايش ميدهد و باعث عدم شلوغ شدن صفحه نمايش ميشود)

حالا در پنل Info به عنوان مثال Info را كشيده و به پنل Instance انتقال دهيد. حالا شما خودتان يك پنل گروهي ايجاد كرده ايد كه اگر اين كار را ادامه بدهيد ميتوانيد تمام پنل هاي مورد نظرتان در يك گروه قرار بدهيد تا در وقتتان صرفه جويي كرده باشيد. تاكيد من براي صرفه جويي وقت زماني به شما كمك خواهد كرد كه يك فرد حرفه اي شده ايد و يك پروژه بزرگ را در مقابلتان مي باشد و آن موقع شما مي بايست در سريع ترين زمان ممكن آن كار را به اتمام برسانيد.

خب... هنوز كار تمام نشده است . اگر شما از فلش خارج شويد تضميني وجود ندارد كه دفعه بعد هم به همين صورت باشد، بنابر اين شما بايد اين فرم را ذخيره كنيد. براي اين كار به منوي Window رفته و گزينه Save Panel Layout را انتخاب كنيد و در پنجره اي كه باز مي شود يك نام براي گروه پنل هاي خودتان انتخاب كنيد.


هنگامي كه بر روي Save Panel Layout در منوي Window كليك مي كنيد پنجره اي مانند شكل بالا باز مي شود

شما ميتوانيد چند پنل رو به همين صورت ايجاد كنيد و آنها را Save‌ كنيد. حالا اگر به منوي Window و Panel Sets برويد نامي را كه براي پنلتان انتخاب كرده بوديد را مي بينيد. در زمانهاي مختلف هر كدام از Panel Setها به شما كمك خواهند كرد. براي بستن همه پنل ها به منوي Window رفته و Close All Panels را انتخاب كنيد.

خب... حالا به فلش MX بريم و مانند فلش 5 به منوي Window و بعد Panel Sets‌ برويد، اينجا چند گزينه جديد در مقابلتان ميباشد. اگر از گزينه هاي Designer‌ و Developer مي خواهيد استفاده كنيد شايد بدانيد كه مفهوم اعدادي كه در كنار Designer و Developer نوشته شده اند چيست!! آنها كيفيت تصوير يا Resolution Screen Area به مقياس پيكسل مي باشند . (اگر از اين گزينه ها استفاده مي كنيد بهتر است كيفيت تصوير ويندوز خوتان را نيز در همين حالت قرار بدهيد)

و البته مي توانيد پنلي با ميل خودتان ايجاد كنيد. اما اولين تغيير فلش همين جاست،در فلش MX پنلهاي گروهي جاي خودشان را به يك پنل تقريبا يكپارچه كركره اي‌ داده اند ، البته اين حالت براي تمام محصولات MX شركت ماكرومديا يكسان مي باشد.

اگر بر روي هر كدام از نام پنل ها كليك كنيد ميتوانيد آن پنل را باز يا بسته كنيد.

خب اميدوارم در اين مورد ديگر اشكالي نداشته باشيد. (البته بعضي از شما دوستان عجله داريد كه هر چه سريعتر يك فيلم ايجاد كنيد اما به قول معروف گر صبر كني ز غوره حلوا سازي !!!)

پس بگذاريد قدم به قدم و اصولي ابن نرم افزار را ياد بگيريد و بدون مشكل پيش برويد.

: منبع

http://www.majidonline.com/


لينک مطلب نوشته:فرید بازارچی تاریخ:چهارشنبه 29 فروردین1386


سلام دوستان عزیز !

فرم کلی این تابع به یکی از دو صورت زیر می باشد:


setInterval( function,interval[,arg1, arg2, ...,argn] )

setInterval(object, methodName,interval[,arg1,arg2, ..., argn] )

شرح تابع:

این تابع یک timer در فلش می سازد که از هر چند ثانیه که توسط شما تعیین می شود تابع function را

صدا می زند (شرح صورت اول تابع)

به مثال زیر دقت کنید:

نکته: زمان بر حسب milisecond (میلی ثانیه) است (۱ ثانیه=۱۰۰۰ میلی ثانیه)

function Flash() {
    trace("Bang !";
}
setInterval(Flash,1000);

در مثال فوق از هر ۱ ثانیه تابع Flash صدا زده می شود و عبارت "! Bang" چاپ می شود!!!

در ضمن در صورت اول تابع عبارات [,arg1, arg2, ...,argn] پارامترهای ارسالی به تابع اند. که شما می توانید n پارامتر به تابع ارسال کنید.

به مثال زیر که دو پارامتر به تابع می فرستد دقت کنید:

function Flash(a,b) {
    trace("I like "+a+b);
}
setInterval(Flash,1000,"Flash"," MX";

که عبارت I like Flash MX از هر ۱ ثانیه چاپ می شود.

منبع : http://www.flashmx6.blogfa.com


لينک مطلب نوشته:فرید بازارچی تاریخ:چهارشنبه 29 فروردین1386


سلام به همه ی دوستان عزیز و گل من ؟!
کد زیر رو در فریم ۱ وارد کنید ! 

Text = "Flash MX";
letters = Text.split("";
letterformat = new TextFormat();
letterformat.font = "Arial Black";
letterformat.align = "center";
letterformat.size = "10";
spacing = 4;
speed = 3;
for (var LTR = 0; LTR<letters.length; LTR++) {
    mc = _root.createEmptyMovieClip(LTR+"l", LTR);
    mc.createTextField(letters[LTR]+"t", LTR, LTR*spacing, 10, 20, 20);
    with (mc[letters[LTR]+"t"]) {
        text = letters[LTR];
        setTextFormat(letterformat);
        selectable = false;
    }
    if (LTR) {
        mc.prevClip = _root[(LTR-1)+"l"];
        mc.onEnterFrame = function() {
            this._x += (this.prevClip._x-this._x+5)/speed;
            this._y += (this.prevClip._y-this._y)/speed;
        };
    } else {
        mc.onEnterFrame = function() {
            this._x += (_root._xmouse-this._x+10)/speed;
            this._y += (_root._ymouse-this._y)/speed;
        };
    }
}


flashmx6.blogfa.com : منبع



لينک مطلب نوشته:فرید بازارچی تاریخ:چهارشنبه 29 فروردین1386


تعداد بازديدها: