اموزش مقدماتي فلش

واضح آرشیو وب فارسی:سایت ریسک: View Full Version : اموزش مقدماتي فلش Elfin-D27-11-2005, 12:44 AMخيلي از كاربران هنوز با مخيط فلش اشنا نيستند و براي همين پرداختن به اموزشهاي سطح بالا فعلا كار درستي نيست. اولين قسمت از اموزش مقدماتي فلش رو ميزارم و بر اساس علاقه مندي افراد سعي ميكنم بقيه رو هم بنويسم. با اموزش تنهاتون ميزارم.... ----------------------------------------- ماکرومديا فلش ( 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 : بوسيله این گزینه ميتوان فريم هاي لايه هاي قبلي را مشاهده نمود. p30mehdi14-12-2005, 08:03 AMآقا دستت درد نکنه دمت گرم zodiac14-12-2005, 09:45 AMسلام آقاي طالب لو آموزش شما كاربردي است / لطفا ادامه دهيد متشكرم - موفق باشيد Lovelyman14-12-2005, 03:58 PMمنم موافقم ادامه بده از شاهين كينگ عزيز هم در خواست كمك به ايشون رو دارم چون شاهين جان عالي توضيح مي دن موفق باشي Elfin-D14-12-2005, 06:31 PMمتاسفانه تا اطلاع ثانوي از ارائه هر گونه اموزش معذورم.اميدوارم كه من رو ببخشيد STAYWITHME15-12-2005, 09:27 PMيک فيلم با کنار هم چيده شدن چندين Frame درست می شود. قسمت سمت راست Timeline مربوط به فريمها است.اجزای اين قسمت عبارت هستند از: کلیدهای Onion skinning: کلیدهای Onion skinning برای نمایش چند Frame فریم در يک زمان بکار ميروند. هنگام فعال سازی اين کليد ها در Timelineشکلی نظير اين ظاهر ميشود: http://amozeshflash.tripod.com/images/onion.GIF اين شکل محدوده فعاليت کلیدهای Onion skinning را نشان ميدهد.شما ميتوانيد با گرفتن و کشيدن دايره های اين قسمت ، اين محدوده را تغيير دهيد. کليد های Onion skinning به اين شرح هستند: Onion Skinhttp://amozeshflash.tripod.com/images/onionsk.GIF : اين کليد Frameها را به صورت کم رنگ نشان ميدهد. Onion Skin outlines http://amozeshflash.tripod.com/images/onionsko.GIF: اين کليد فقط خطوط خارجی شکلهايی را که در Frameها وجود دارند را نشان ميدهد. Edit Multiple Frames http://amozeshflash.tripod.com/images/edmulfra.GIFhttp://amozeshflash.tripod.com/images/ModOnima.GIF: اين کليد به شما اين امکان را ميدهد که چند Keyframe را در يک زمان ببينيد و ويرايش کنيد. Modify Onion Markers : اين منو برای تنظيم علامت هايی که هنگام فعال ساختن کليدهای Onion Skinning ظاهر ميشود به کار ميرود.گزينه اين منو اينها هستند: Always Show Markers: اگر اين گزينه فعال باشد حتی اگر کليدهای Onion skinning فعال نباشند علامت ها نشان داده ميشوند. Anchor Onion: به طور طبيعی محدوده فعاليت کليدهای Onion skinning با تغيير مکال Frame جاری جابجا ميشود اما اگر اين گزينه فعال باشد اين محدوده ثابت ميماند. Onion 2: اين گزينه محدوده فعاليت کليدهای Onion skinning را از دو Frame قبل تا دو Frame بعد از Frame جاری قرار ميدهد Onion 5: اين گزينه محدوده فعاليت کليدهای Onion skinning را از پنج Frame قبل تا پنج Frame بعد از Frame جاری قرار ميدهد. Onion all: اين گزينه همه Frameها را در محدوده فعاليت کليدهای Onion skinning قرار ميدهد. منو طريقه نمايش فريمهاhttp://amozeshflash.tripod.com/images/framview.GIF: پنج گزينه اول عرض Frameها را تغيير ميدهد. گزينه Short ارتفاع Frameها را کم ميکند. گزينه Tinted Frames رنگ KeyFrameها و Frameهای ميانی را تغيير ميدهد. گزينه های Preview و Preview in context پيش نمايشی از KeyFrameها را در Timeline نشان ميدهد. Preview فقط آن قسمتی از Keyframeها را نشان ميدهد که شامل شکلی باشد ولیPreview in context تمام قسمتهای Keyframeها نشان ميدهد. طريقه ايجاد Frameهای جديد: در Timelineروی مکانی که ميخواهيد Frame جديد ايجاد شود کليلک راست کنيد سپس از منويی که ظاهر ميشود گزينه Insert frame را انتخاب کنيد با اين کار از آخرين Keyframe تا آنجا Frameهايی ساخته خواهد شد. STAYWITHME15-12-2005, 09:41 PMلايه ها شبيه به ورقهای شفافی هستند که بر روی هم قرار می گيرند.گاهی شما می خواهيد اشکال مختلفی را جدا از هم به حرکت وا داريد برای اين کار بايد هر کدام از اشکال را در يک لايه قرار دهيد. برای کار بر روی لايه ها از قسمت لايه ها TimeLine استفاده ميشود.شرح اين قسمت در تصوير زير مشاهده ميکنيد: http://amozeshflash.tripod.com/images/laieha.gif STAYWITHME15-12-2005, 09:49 PMناحيه کاری در اين ناحيه اشکال کشيده ميشود.دور اين ناحيه يک ناحيه خاکستری رنگ وجود دارد که اين قسمت هنگام نمايش فيلمهای فلاش به نمايش در نخواهد آمد از اين قسمت ميتواند برای قرار دادن اشکالی که کم کم وارد صحنه ميشوند استفاده کرد. برای تغيير رنگ و اندازه ناحيه کاری از کادر گفتگوی «Movie properties» استفاده ميشود.گزينه Movie از منو Modify اين کادر را ميآورد. تغيير مقياس و جابجايی صفحه ليستی که در گوشه پايين سمت چپ هر کدام از پنجره های ويرايش قرار دارد مقياس صفحه را تعيين ميکند مورد اول از اين ليست (Show Frame) کل صفحه را نشان ميدهد و مورد دوم (Show All)تمام اشکال را نشان ميدهد. از ذره بين (در قسمت View) هم ميتوانيد برای تغيير مقياس صفحه استفاده کنيد. هنگامی که ذره بين انتخاب شود در قسمت Option دو ذره با علامت مثبت و منفی ظاهر ميشود. اگر ذره بين منفی انتخاب شده باشد ذره بين صفحه را کوچک و وقتی ذره بين مثبت انتخاب شده باشد ذره بين صفحه را بزرگ ميکند. در صورتی که با ذره بين در قسمتی از صفحه يک مستطيل رسم کنيد آن قسمت بزرگ ميشود. در کنار ذره بين يک دست قرار داد با اين دست ميتوانيد صفحه را جابجا کنيد برای اين کار دست را انتخاب و علامت موس را روی صفحه بياوريد بعد دکمه موس را بگيريد و موس را بکشيد. خط کش برای نمايش يا پنهان کرن خط کش از منو View گزينه Rulers را انتخاب کنيد. Grid(شبکه) شبکه به شما کمک ميکند که اشکال را دقيقتر بکشيد. برای نمايش شبکه اين گزينه را از منو انتخاب کنيد:View>Grid>Show Grid توجه داشته باشيد که در هنگام نمايش فيلم شبکه نمايان نميشود. ToolBox(جعبه ابزار) اين قسمت که معمولا در سمت چپ صفحه قرار دارد شامل اين قسمتهاست: قسمت sاToo: در اين قسمت ابزار هايی برای رسم و تغيیر رسم اشکال و جود دارد. قسمت View: اين قسمت شامل دو دکمه است: ذره بين و دست. ذره بين: با استفاده از ذره بين ميتوانيد در صد بزرگ نمايی صفحه را تعيين کنيد .در هنگام انتخاب ذره بين در قسمت Options دو ذره بين با علامت های مثبت و منفی ظاهر ميشود با استفاده از اين کليدها ميتوانيد تعيين کنيد که ذره بين عمل بزرگ نمايی را انجام دهد يا کوچکنمايی. دست: در مواقعی که ناحيه کاری را خيلی بزرگ ميکنيد فقط ميتوانيد قسمتی از ناحيه کاری را ببينيد با استفاده از ابزار دست ميتوانيد مکان اين قسمت را تغيير دهيد. برای استفاده از ابزار دست ، ابزار دست را انتخاب کنيد و سپس علامت موس را به ناحيه کاری ببريد و بعد دکمه موس را بگيريد و موس را بکشيد. قسمتColors : در اين قسمت ميتوانيد رنگ خطها و پرکننده را تعيين کنيد.اجرای اين قسمت به اين شرح هستند: Stroke Color http://amozeshflash.tripod.com/images/strokeCo.GIF: با کليک کردن روی فِلِش اين قسمت ميتوانيد رنگ خطها را انتخاب کنيد. Fill Colorhttp://amozeshflash.tripod.com/images/FillCo.GIF : در اين قسمت ميتوانيد رنگ پرکننده ها را انتخاب کنيد. Default Colorshttp://amozeshflash.tripod.com/images/DefauCo.GIFhttp://amozeshflash.tripod.com/images/NoCo.GIF : اين دکمه رنگ خطها را سياه و رنگ پرکننده ها را سفيد ميکند. No Color : با استفاده از اين کليد در هنگام استفاده از ابزارهای مستطيل و بيضی ميتوانيد تعيين کنيد خطهای اطراف شکل و پرکننده های داخل شکل رسم شود يا نه. برای رسم شکلهايی بدون خط خارجی ابتدا ابزار مستطيل يا بيضی را انتخاب کنيد سپس روی مداد قسمت Stroke color کليک کنيد و بعد روی اين دکمه کليک کنيدhttp://amozeshflash.tripod.com/images/NoCo.GIFhttp://amozeshflash.tripod.com/images/SwapCol.GIF. برای رسم شکلهايی بدون پرکننده همين کار را انجام دهيد ولی بجای کليک کردن روی مداد قسمت Stroke color ، روی سطل رنگ قسمت Fill Color کليک کنيد. Swap Color : اين دکمه رنگ پرکننده ها و رنگ خطها را با هم جابجا ميکند. قسمت Options: هنگام انتخاب بعضی از ابزارها دکمه هايی برای تنظيم رفتار آن ابزار در اين قسمت ظاهر ميشود. برای نمايش ToolBox از منو Window گزينه Tools را انتخاب کنيد. http://amozeshflash.tripod.com/images/toolbox.GIF http://amozeshflash.tripod.com/images/TolbxOp.gif http://amozeshflash.tripod.com/images/TolbxOp.gif Elfin-D28-12-2005, 09:52 PMسلام مرسي از اموزشهاتون.عكسها براي من نمياد.اگه ممكنه تصحيح كنيد STAYWITHME29-12-2005, 01:02 PMاین آموزش ها مال من نیستن من نه وقت دارم ونه حوصله که بشینم این همه تایپ کنم . دیدم تاپیک زدی گفتم این آموزش ها به ای تاپیک می آن . هر کی می خواد ببینه بره تو این سایت : http://amozeshflash.tripod.com/ البته اگه هنوز چنین سایتی باشه . به هر حال من اینا رو از اینجا گرفتم . Elfin-D29-12-2005, 01:28 PMسلام ممنون .من اين سايت رو چك كردم.سايت خوبيه و اموزشهاي كاربردي خوبي داره. STAYWITHME29-12-2005, 11:12 PMخواهش می کنم . ولی آموزش هاش خیلی مقدماتی . 600 طبقه زیر سطح تو Lovelyman31-12-2005, 04:52 PMلطفا بازم ادامه بديد ممنون ميشم nokia 6230i03-01-2006, 08:32 PMدستت درد نکنه ETI.:.IT27-08-2007, 01:43 PMسلام چرا هیچکدوم از لینکها فعال نیست . من آخرین ورژن فلش رو میخوام. آیا تصاویر متحرک gif در فلش ساخته میشه؟ flashman27-08-2007, 02:17 PMسلام دوسته من من آخرین ورژن فلش رو میخوام. برای دریافت آخرین ورژن فلش به نظر من دنبال سایت نرید بهتره اگه اونو خودتون خریداری کنید بهتره آیا تصاویر متحرک gif در فلش ساخته میشه؟ میوتنید وقتی که از فایل خودتون خروجی می گیرید اونو با پسوند GIF ذخیره کنید . موفق باشی ETI.:.IT28-08-2007, 06:33 PMممنون از جوابتون. بقیه سوالها رو در قسمت سوال و جواب میپرسم. Manager_6607-09-2007, 12:00 PMممنوم آموزش جالبي بود موفق باشيد... end_of_world06-03-2008, 02:10 PMممنون لطفا بهترين نرم افزار براي ساختن فلش را معرفي كنيد vahid 7820-03-2008, 07:09 AMاگه آموزشهاتونا با فرمت pdf بذارین تا بچه ها بتونند دانلود کنن عالی میشه ممنون alisubzero26-03-2008, 09:24 AMدستت درد نکنه ولی آموزش فوق پیشرفته را بگذار سایت ما را در گوگل محبوب کنید با کلیک روی دکمه ای که در سمت چپ این منو با عنوان +1 قرار داده شده شما به این سایت مهر تأیید میزنید و به دوستانتان در صفحه جستجوی گوگل دیدن این سایت را پیشنهاد میکنید که این امر خود باعث افزایش رتبه سایت در گوگل میشود

این صفحه را در گوگل محبوب کنید

[ارسال شده از: سایت ریسک]

[مشاهده در: www.ri3k.eu]

[تعداد بازديد از اين مطلب: 502]