طراحی کلید (buttom) در فلش

طریقه ساخت یک نوع کلید بیضی شکل
مراحل انجام کار:
۱- یک دایره بکشید برای اینکه دایره شما دقیق باشد لازم است کلید Shift را در هنگام درگ پایین نگه دارید سپس رنگ آن را از نوع Radial قرار دهید

۲- سعی کنید دقیقا از قسمت وسط کلید به سمت انتها نیمی از شکل را انتخاب کنید

۳- قسمت انتخاب شده را با فاصله مناسب جدا کنید

۴- سعی کنید قسمت کوچکی از قسمت جدا شده را انتخاب کنید

۵- قسمت انتخاب شده را با ابزار Transform تا رسیدن به قسمت دیگر شکل بکشید

۶- کلید شما با انتخاب کل شکل و زدن کلید F8 یا کلید راست و انتخاب Convert To Symbol و انتخاب Button درست می شود

لینك

 رفع مشکل فارسی نویسی در فلش با Flash RTL

مشکل کجاست ؟

اگر شما هم از فلش برای طراحی برنامه های تحت وب استفاده میکنید، احتمالا به مشکل فارسی نویسی در فلش برخورد کرده اید. مشکل از اونجا نشات میگیره که شرکت ماکرومدیا هنوز امکانات زبان فارسی رو در نرم افزار هاش بهینه نکرده و این مشکل در فلش بیش از سایر نرم افزار ها به چشم میاد . چون محصول نهایی یک فایل SWF است و نه یک HTML .

این مشکل زمانی به اوج میرسه که شما در فلشی که طراحی کرده اید بخواهید از یک بانک اطلاعاتی یا فایل XML اطلاعاتی رو بخونید که شامل کلمات فارسی و انگلیسی بطور درهم باشه. و سپس اونا رو در فلش بصورت راست به چپ نمایش بدید . در این موقع هست که کلمات فارسی و انگلیسی جابجا نشون داده میشن و شما حس میکنید تمام زحمتی که کشیدید بر باد رفته .

و اما راه حل :

ایرانی برقراره همیشه ! بله : دو تا از دوستای خوب من بنام پدرام پور حسین از سایت PedyMX و فرید عرض پیما از IFlashDes که در زمینه فلش توی ایران کمیاب هستند با همکاری هم یک کامپوننت فلشی بنام FlashRTL ساخته اند که این مشکل رو در فلش برطرف میکنه . این کامپوننت که در آدرس FlashRTL.com قرار داده شده دارای 8 متد است که کلیه امور زبان فارسی رو در فلش بعهده میگیره . از جمله متد تبدیل تاریخ گروگوریان به تاریخ جلالی ، متد درست کردن نمایش حرف ی . متد فارسی نویسی right to left . و چند متد مفید دیگر .

برای دانلود این کامپوننت به بخش دانلود این سایت بروید .

دیگه چه خبر :

اما گفتن این مطلب هم خالی از لطف نیست که شما میتوانید به زودی در کنار همین پروژه کاری دیگر را ببینید که به شما امکان استفاده از تمامی Font های فارسی را در فلش به صورت پویا (Dynamic) میدهد و دیگر احتیاجی نیست که برای نمایش متون داینامیک خود در فلش از فونت های Arial, Tahoma, Times و... استفاده کنید. این پروژه نیز بزودی از همین تیم عرضه خواهد شد .

تشکر :

سایت ماکرومدیا ایکس وظیفه خودش میدنه که ازین دو طراح ایرانی بخاطر زحمتی که در گسترش زبان فارسی در محیط وب – اونهم  بدون هیچگونه چشم داشتی -  کشیده اند تشکر کنه و با معرفی این برنامه نویسان کمکی در گسترش فعالیت های این دوستان کرده باشه .

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

لینك

آموزش فلش ام ایکس - مقدماتی 5

انیمیشن Text

حال متن را با تنظیمات دلخواه Type کرده و موقع آن رسیده که Animation مورد نظر را بر آن اعمال کنیم. در اینجا میخواهیم متن ما حول یک مرکز از کوچک به بزرگ تبدیل شود.

شروع :

لایه مورد نظر را ایجاد نموده ،به آن یک نام دلخواه داده و در فریم مورد نظر متن را Type می کنیم. از فریمی که متن در آن است یک کپی گرفته و در Frame مورد نظر Paste میکنیم.
- به دلیل اینکه گفته ایم متن باید از کوچک به بزرگ تبدیل شود ، باید در فریم اول سایز متن را کوچکترین اندازه در نظر بگیریم.
- حال Motion لازم را به آن داده و آن را مشاهده میکنیم.
- در هنگام نمایش Movie ، متنی را مشاهده می کنیم که از کوچک به بزرگ تبدیل می شود .
Symbol :

Symbol ها یا همان سمبل ها اشیائی هستند که در فیلم های Flash مورد استفاده قرار می گیرند. در میان Symbol ها و اشیاء معمولی تفاوتهایی به شرح زیر وجود دارد:
1- میتوان از هر Symbol یک کپی گرفته و هر کجا که لازم شداز آن استفاده نمود.
2- میتوان در یک Symbol یک لایه Mask داشت ، به صورتی که در مواقع مورد نیاز ، هم برای مرتب بودن و هم برای حجم کم بتوان از آن استفاده کرد.
3- دیگر آنکه بتوان آن را در کتابخانه Flash نگهداری کرد و در مواقع مورد نیاز از آن استفاده نمود .

Movie Clip ( سمبل های گرافیکی ) :

سمبلی است که در آن اشیاء و یا حتی عکسهای بیتی موجود میباشند و می توانیم از آنها استفاده کنیم. مانند عکس یک جنگل که پشت زمینه باشد.

Button : یا همان سمبل های کلیدی بیشتر برای ساختن کلید ها به کار میروند. این کلید ها دستوراتی را میگیرند که در مراحل انجام Flash به کار رفته اند و هر کلید برای فعال شدن هر عمل و هر دستوری احتیاج به یک سری دستورات خاص دارد که بر اساس Action Script تعریف می شوند.
– مثال : لینک دادن ، دکمه های Back , Next و دکمه های ارتباطی و غیره .

ایجاد Symbol ها :

برای تهیه ی Symbol ها به دو طریق میتوان عمل نمود :

1- اولین مسیر به این صورت است که از منوی Insert گزینه Convert to Symbol را انتخاب می کنیم . در این موقع پنجره ای باز میگردد که حالت های Symbol را نمایش میدهد. هر کدام را که بخواهیم انتخاب نموده و یک Symbol ایجاد میکنیم.
2- در حالت دوم میتوان از یک Short cut استفاده نمود که shortcut آن کلید F8 است. هنگامی که کلید F8 را فشار میدهیم همان پنجره باز میشود، نوع Symbol را انتخاب کرده و OK را فشار میدهیم.

ذخیره سازی فایهای Flash

منظور از فایلهای Flash چیست ؟

هر موضوعی که در نرم افزاری خلق می شود چه در شکل برداری و چه در شکل گرافیکی و غیره در یک فایل اصلی ذخیره میشود که فقط توسط همان نرم افزار میتوان آن را مشاهده نمود. ( در اصل Source پروژه است.) ولی میتوان آن فایل اصلی را به قالب فایلهای شناخته شده در آورد تا در هر مورد قابل مشاهده باشد.

مثال :

در نرم افزار Photoshop فایل اصلی دارای پسوند .pst است ولی ما آنها را با پسوند های .jpg و یا .gif ذخیره میکنیم. حال در نرم افزار Flash فایلهای اصلی با پسوند .fla ذخیره میگردند و Source اصلی برنامه همین فایل .fla میباشد.
در اینجا پروژه ها به جایی رسیده اند که میخواهیم آنها را با پسوند .fla ذخیره کنیم .
باید به منوی File رفته و گزینه Save را انتخاب کرد ، هنگام انتخاب این گزینه پنجره ای باز میشود که باید اسم فایل و مسیر مورد نظر رابه آن داده و سپس کلید Save را فشار دهیم .

فایلهای .swf :

هنگامی که بخواهیم فیلم Flash را به یک فایل که خود لایه نیز ایجاد کرده ، تبدیل کنیم باید آن را به حالت .swf در آوریم .
اگر به یاد داشته باشید در فایل اصلی یا همان .fla گفتیم که تمامی اشیاء و اجزاء در لایه ها و فریم های متفاوتی ایجاد میشوند و شاید بعضی اوقات به ده ها Layer احتیاج پیدا کنیم. ولی حال میخواهیم کد اصلی .swf را بدانیم.
هنگامی که فایلهای .fla به .swf تبدیل میشوند ، اولین کاری که انجام می شود اینست که تمامی اجزاء فیلم Flash به یک Layer تبدیل شده و در نتیجه حجم فایل .swf بارها سبک تر از فایل اصلی .fla خواهد بود.

نکته :

فایلهای .swf هنگامی اجرا میشوند که آن سیستم هم نرم افزار Flash را نصب کرده باشد ولی ما میتوانیم فایلهای .swf را به کمک HTML Source آن Upload کرده و یا هر سیستمی حتی آن که Flash ندارد را مشاهده کنیم. در قسمت های بعدی راجع به فایلها و چگونگی بارگذاری آنها بر روی Web توضیحات بیشتری خواهیم داد .

ذخیره فایل .swf از .fla :

برای انجام این کار فایل .fla را باز کرده ، به منوی فایل رفته و از آنجا گزینه Publish setting را انتخاب مینماییم. هنگامی که این گزینه را اجرا میکنیم پنجره ای ظاهر میشود. در این پنجره گزینه ای به نام Format وجود دارد که در قسمت Type آن نوع فایلی که میخواهیم Publish کنیم را وارد می کنیم . اگر میخواهد فقط .swf از آن بگیرید ، .swf را تیک زده، دکمه Publish را فشار داده و سپس OK را بزنید. در مسیر فایل .fla فایلی با همین اسم ، با پسوند SWF و با حجم بسیار پایین تر ایجاد می گردد.

ذخیره فایلهای .exe :

همه ما میدانیم که فایلهای .exe فایلهای اجرایی شناخته شده در هر سیستم عامل هستند. یعنی بدون احتیاج به هیچ نرم افزار خاصی به راحتی میتوانیم توسط سیستم عامل مورد نظر آن را مشاهده کنیم.
نرم افزار Flash این قابلیت را نیز در خود دارد ، برای ساخت فایل .exe تمامی مراحل .swf را انجام میدهیم به انضمام اینکه تیک Windows Projector (ex) را انتخاب کرده و سپس آن را Publish می کنیم.

ساخت فایلهای HTML :
جهت ساخت یک فایل HTML از طریق زیر عمل مینماییم : File/ Publish Setting
از سربرگ Format گزینه HTML را انتخاب مینماییم . در این حالت سربرگ HTML فعال میگردد که در آن میتوان تنظیمات مربوطه را انجام داد.

لینك

 آموزش فلش ام ایکس - مقدماتی 4

کشیدن خطوط توسط Flash
برای کشیدن خطوط در Flash می توان از روشها و ابزار های مختلفی استفاده نمود. اولین مورد به کمک ابزار Line میباشد . بدین صورت که ما از Toolbar ابزار Line tail را انتخاب میکنیم .هنگام انتخاب این ابزار ، شکل ظاهری ماوس تغییر میکند. ماوس را به طرف محیطی که در آن خط را ترسیم می کنیم میبریم ، سپس از نقطه شروع ماوس را فشار داده و آن را میکشیم تا پایان کار نباید دکمه ماوس را رها کنیم .

هنگامی که ابزار Line را انتخاب میکنیم پنل Properties فعال میشود. از این پنل در تغییر رنگ ، اندازه خط و نوع خط می توان استفاده کرد :
1- تغییر رنگ خط : برای تغییر رنگ خط اول خط مورد نظر را انتخاب مینماییم سپس از پنل Properties گزینه Stroke color را انتخاب کرده و بر روی آن کلیک میکنیم تا پالت رنگها باز شود. در قسمت بالای آن کد رنگ را وارد کرده و یا از همان پالت ، رنگ مورد نظر خود را انتخاب کنیم.
2- تغییر اندازه : برای تغییر سایز خط از همان پنل Properties گزینه Stroke height را انتخاب کرده ، سایز آنرا مشخص میکنیم.در کنار آن یك چرخه مانند وجود داردکه میتوان از کم به زیاد آن را اضافه کرد. اگر آن را به طرف پایین ببریم سایز آن کوچک میشود و اگر به طرف بالا ببریم سایز ها بزرگ میشود.
نکته :

در نرم افزار فلش سایز خطوط بصورت پیش فرض از صفر تا ده می باشد .

تغییر نوع خط :

برای تغییر نوع خط در پنل Properties گزینه Stroke style را انتخاب می کنیم. در این روش 7 نوع خط وجود دارد.برای تغییر نوع خط ، آنرا انتخاب کرده ، سپس یکی از خطوط را انتخاب میکنیم .

Custom stock style :

این دکمه نیز در همان قسمت Properties وجود دارد هنگامی که این دکمه را فشار میدهیم میتوان تنظیمات مورد نظر را بر روی هر کدام از انواع خطوط انجام داد.

ساخت یک Motion Tween :

برای شروع کار ابتدا با یک Animation ساده شروع می کنیم . ابتدا باید Animation را بشناسیم و نیز مهمتر از آن اینکه کاربرد انیمیشن را در فلش بدانیم.

انیمیشن در Flash
در Flash به هر گونه جابجایی در اشیاء یا تصاویر ، کوچک و بزرگ شدن و تغییر حالت اشیاء انیمیشن گفته می شود. ابتدا به چگونگی کار انیمیشن پرداخته و سپس نحوه ی ساخت آنرا توضیح خواهیم داد.

Animation ها در Flash به چه صورت کار میکنند :

تمام اشیاء و تصاویر را در فریم ها و لایه های مخصوص پیاده کرده و تغییرات را در آن اعمال می کنیم. حال به اجرای انیمیشن ها می پردازیم . همیشه در فلش اشیاء و تصاویر را بر روی Work Space و انیمیشن را بر روی فریم ها اعمال می کنیم . وقتی یک Movie را طراحی می کنیم به آن فرمت SWF Export می دهیم ، تمامی لایه ها و فریم ها به یک لایه تبدیل شده ، تمامی عناصر دست به دست هم داده و به یک لایه تبدیل می شوند . مثلا اگر در یک لایه 200 فریم وجود داشته باشد ، در قسمت movie بصورت یک عکس در آمده و پشت سر هم قرار می گیرند . در هنگام عبور Time Line از روی این فریم ها سرعت بالا بوده و تمامی این فریم ها را می توان پشت سر هم در فرمت یک انیمیشن مشاهده کرد .

شروع ساخت یک انیمشن :

در این قسمت هدف مشخصی را مد نظر قرار داده ، برای انجام آن به محیط Flash رفته و کار را شروع می کنیم .

هدف :

ایجاد یک Animation که در آن شکل یک توپ وجود دارد که میخواهیم از سمت راست وارد صفحه شده و از سمت چپ خارج شود.

شروع :

1- گزینه New را از منوی File انتخاب کرده تا محیط کار جدیدی بارگذاری شود.
2- اشیاء موجود در صفحه را در فریم های مورد نظر ترسیم کنید.
3- انیمیشن لازم را بر روی فریم ها اعمال كنید.
حال میخواهیم در 20 فریم توپی ترسیم کنیم که از سمت چپ وارد صفحه شده و از سمت راست خارج گردد. ابتدا از Layer فریم 1 را انتخاب کرده و به وسیله Oval tool در آن فریم یک توپ ترسیم می کنیم. از اینجای کار به بعد مبداً توپ مشخص شده است حال باید مقصدی که میخواهیم توپ به آن جا برسد را کپی کرده و آن را به Frame 20 منتقل می کنیم.( زیرا گفته ایم در 20 فریم )
( روش کپی : روی فریم مورد نظر راست کلیک كرده و Copy frame را انتخاب میکنیم ،سپس بر روی فریم مورد نظر راست کلیک کرده و گزینه Paste frame را انتخاب میكنیم. ) حال تمام کارها انجام شده و به مرحله ای می رسیم که میخواهیم Effect مورد نظر را بر شیء اعمال كنیم.
از آنجایی که میخواهیم شیء از سمت چپ به سمت راست تغییر مسیر دهد باید از Motion Tween استفاده کنیم . پس از تعیین مبداء و مقصد شیء بر روی Frame1 راست کلیک کرده و گزینه Create Motion Tween را انتخاب کنید. هنگامی که این عمل را انجام میدهیم کل 20فریم به رنگ بنفش در می آید .این بدان معناست که Frame ها Motion یافته اند ولی به صورت نقطه چین .این حالت بیانگر این مطلب است که به مبداء Motion داده ایم ولی به مقصد خیر. حال همین کار را برای Frame20 یعنی همان Frame مقصد انجام میدهیم. میبینیم که بر روی بیست Frame یک Flash ظاهر شده و نقطه چینها از بین می روند. حال اگر Ctrl + Enter را فشار دهید میتوانید Animation ساخته شده را مشاهده کنید.حال با یادگیری Motion Tween میتوانید اشیاء مختلف را با Effect های مختلف ساخته و نمایش دهید.}
 
Shape Tweens

 

لینك

 آموزش فلش ام ایکس - مقدماتی 3

حالت لایه ها

لایه ها همانند صفحات پلاستیکی هستند که اشیاء مختلف را می توان روی آنها ترسیم کرد . این صفحات از یکدیگر جدا و مستقل هستند ولی هنگامیکه تمامی لایه های پلاستیکی روی هم قرار گیرند تمامی صفحات قابل مشاهده می باشند .

اضافه کردن لایه ها :

در زمانیکه می خواهید لایه ای را به Timeline اضافه کنید می توانید از منوی Flash گزینه ی Insert و سپس گزینه ی Layer را انتخاب کنید . برای ایجاد سریعتر می توان از دکمه ای که در سمت چپ و پایین Timeline قرار دارد استفاده کرد .
نامگذاری لایه ها :

زمانی که لایه جدیدی را به Timeline اضافه میکنید Flash به طور اتوماتیک نامی را برای لایه انتخاب میکند .
معمولا این نامها بصورت Layer2 ، Layer1 ، ... می باشند . البته این نامها پیش فرض بوده و شما می توانید برای بیان کار خاص هر لایه نام مشخصی برای آن تعیین کنید . به عنوان مثال برای لایه پس زمینه نام Background Layer را انتخاب کنید .

لایه های ماسک -Mask
لایه ی مهمی که در Flash می توان ایجاد نمود لایه ی Mask می باشد . این لایه همانند پنجره ای بر روی دیگر لایه ها عمل می کند و زمانی که فیلمی نمایش داده می شود این لایه محدوده ی مورد نظر را نمایش می دهد .

لایه های راهنما :

به کمک این لایه انیمیشن می تواند در Motion Tween در جهات مختلف حرکت کند ، اگر از Motion Tween استفاده نشود انیمیشن در یک مسیر حرکت می کند .

کشیدن خطوط و پر کردن سطوح :

کشیدن اشیاء در فلش با فریم آنها در سایر برنامه های گرافیکی تقارن زیادی ندارد . ابزار مناسب ترسیم را انتخاب کرده ، سپس اشیاء را روی صفحه ی کار ترسیم کنید . البته فلش در مقایسه با دیگر برنامه های ترسیمی تفاوت های مهمی دارد . یکی از این تفاوتها این است که اشیاء نقاشی شده در فلش پایه ی برداری داشته و بهتر از تصاویر نقشه بیتی عمل می کنند .

انتخاب خطوط متفاوت :

اصطلاح Stroke در فلش به معنای Line است . توسط این ابزار یا ابزارهای Pen و Pencil می توان خطوط را ایجاد نمود .

اضافه کردن خطوط منحنی پیچیده

لینك