آموزش فلش(Adobe Flash)

آموزش ابزارهای فلش به زبان ساده

برای مطالعه ی این دوره ی آموزشی نیاز است کاربران محترم آشنایی با سیستم عامل ویندوز داشته باشند. ضمنا برای نصب Macromedia Flash سیستم شما باید دارای مشخصات سخت افزاری ذیل باشد :- 512 مگابایت Ram- حدود 600 مگا بایت فضای آزاد- کارت گرافیکی 64 مگا بایت کاربردهای Flash:زمانی که با یک صفحه ی وب برخورد میکنیم ایده های مختلفی برای ساختن یک وب سایت جالب ،در ذهنمان ایجاد میشود. با وجود بخشهای گوناگون در یک وب سایت در مورد تصاویر و رنگها قانونی کلی وجود دارد. در Flash ابزارهایی وجود دارد که به وسیله ی آنها میتوان به راحتی تصاویر مختلفی خلق کرد. تصاویر

ادامه مطلب ...
آموزش طراحی منو همراه با جلوه صوتی در فلش (Adobe Flash)

گام 1. یک سند جدید ایجاد کرده ، ctrl+j را فشار دهید و تغییرات را مانند نمونه اعمال کنید:. Width:400 height:50 background color:white frame rate:30. گام 2. ابزار text را فعال کرده و پنلproperties را باز کنید(ctrl+F3) و گزینه های زیر را انتخاب کنید:. سپس نام دکمه ها را برای منو مانند نمونه تایپ کنید:. گام 3. Ctrl+a را فشار دهید(select all)،نام همه دکمه ها را انتخاب کنید،به پنلalign بروید(ctrl+F3) و گزینه های زیر را مانند شکل تنظیم کنید:. گام 4. ابزار line را انتخاب کنید(N)،به پنل properties بروید و گزینه های زیر را مانند نمونه تنظیم کنید:. سپس بی

ادامه مطلب ...
آموزش طراحی منوی 3 بعدی در فلش (Adobe Flash)

گام 1. یک سند جدید با مشخصات زیر ایجاد کنید:. width:450 height:350 50 :frame rate. گام 2. اکنون می خواهیم منو طراحی کنیم. ابزارlineرا انتخاب کرده و در پنلproperties تنظیمات زیر را مانند نمونه انجام دهید:. سپس شکل زیر را رسم کنید:. گام 3. شکل قسمت قبل را کپی کنید. گام 4. گام 3 را تکرار کنید. سپس مانند نمونه عمل کنید:. سرانجام شکل را کامل کنید:. گام 5. ابزار Paint Bucketرا فعال کنید(K). برای fill color رنگ سفید را انتخاب کرده و مکعبها را نقاشی کنید. گام 6. از ابزار نقاشی استفاده کرده و لوگو یا هر شکلی را در وسط مکعبها رسم کنید. گام 7. اکنون ما ی

ادامه مطلب ...
آموزش ایجاد طیف رنگی در فلش (Adobe Flash)

گام 1. یک سند جدیدبا مشخصات زیر ایجادکنید:. width:450 height:350 frame rate: 14fps. گام 2. مستطیلی شبیه شکل زیر رسم کنید:. گام 3. مستطیل را در حالت انتخاب قرار داده و یک مستطیل دیگر به صورت افقی با ابعاد(40x10 pixels) در بالای مستطیل قبلی رسم کنید. گام 4. سپس ctrl+a رافشار دهید و کلید F8 را بزنید. گام 5. Movie clip را در حالت انتخاب قرار داده و پنل properties را باز کنید. نام movie clip راredslider بگذارید. گام 6. روی movie clip دابل کلیک کرده تا وارد آن شوید. گام 7. مستطیل افقی را انتخاب کرده و کلیدF8 را بزنید. گام 8. تا زمانیکه مستطیل افقی در

ادامه مطلب ...
آموزش طراحی یک منوی پیشرفته در فلش (Adobe Flash)

گام 1. یک سند جدید ایجاد کرده و تنظیمات زیر را انجام دهید:. Width:420 height:300 background: #E0E3D3 frame rate:32. گام 2. روی لایه1 دابل کلیک کرده و نام آن را background بگذارید. سپس یک لایه ایجاد کرده و نام آن را menu بگذارید. گام 3. لایه منو را انتخاب کرده و ابزار rectangle را فعال کنید. سپس به پنلproperties بروید و تنظیمات زیر را انجام دهید:. گام 4. مستطیلی با ابعاد185x130 رسم کنید. گام 5. سپس مستطیل را کپی کرده و شکل زیر را ایجاد کنید:. گام 6. ابزار text را فعال کرده و در پنلproperties تنظیمات زیر را انجام دهید:. گام 7. سپس حرف اول نام دکم

ادامه مطلب ...
آموزش طراحی یک شی وdrag & drop کردن آن توسط موس در فلش (Adobe Flash)

گام 1. یک سند جدید با مشخصات زیر ایجاد کنید:. Width:250 height:150 frame rate:32. گام 2. شکلی رسم کرده،F8 را بزنید. گام 3. Movie clip را انتخاب کرده،پنل action script را باز کنید:. on (press) {. startDrag(this);. }. on (release) {. stopDrag();. }. on (press) {. startDrag(this);. }. on (release) {. stopDrag();. }. سپس movie را تست کنید. (ctrl+enter).

ادامه مطلب ...
آموزش طراحی یک دکمه پویا در فلش (Adobe Flash)

گام 1. یک سند جدید ایجاد کرده ،ctrl+j را برای اعمال تغییرات فشار دهید:. Width:120 height:120 background color:white frame rate:42. گام 2. عکسی را که می خواهید روی دکمه بیندازید در ابعاد100x100px تنظیم کرده(در یک برنامه گرافیکی مثل فتوشاپ)، import کنید. File > Import > Import to Stage. گام 3. عکس را انتخاب کرده و پنلalign را باز کنید(ctrl+k) و تنظیمات زیر را انجام دهید:. گام 4. عکس را انتخاب کرده وF8 را بزنید. گام 5. روی movie clip دابل کلیک کرده تا وارد آن شوید. گام 6. عکس را انتخاب کرده و F8 را بزنید. گام 7. روی فریم10و20 کلیک کرده و F6 را بزن

ادامه مطلب ...
آموزش تغییر یک شی از شکلی به شکل دیگر به صورت انیمیشن در فلش (Adobe Flash)

گام 1. یک سند جدید با frame rate:25 ایجاد کنید. گام 2. مستطیلی با ابعاد20x10px رسم کنید. گام 3. روی فریم15کلیک کردهF6 را بزنید. سپس ابزارFree Transform Tool (Q) را فعال کرده،shift را پایین نگه داشته و مانند نمونه عمل کنید:. گام 4. روی فریم20کلیک کرده و مانند نمونه عمل کنید:. گام 5. روی فریم25 کلیک کرده و مانند نمونه عمل کنید:. گام 6. به فریم15برگشته وctrl+c را فشار دهید. روی فریم30کلیک کردهF6 را بزنید،delete را فشار دادهctrl+shift+v را بزنید. گام 7. روی فریم40کلیک کرده و مانند نمونه عمل کنید:. گام 8. روی فریم50کلیک کرده و گام قبلی را برای گوشه

ادامه مطلب ...
آموزش طراحی کره زمین و متحرک سازی آن در فلش (Adobe Flash)

گام 1. یک سند جدید با تنظیمات دلخواه ایجاد کنید. گام2. عکس زیر را import کنید:. گام 3. عکس را انتخاب کرده،ctrl+b را فشار دهید. یک لایه ایجاد کرده، آن را انتخاب کنید و دایره ای هم سایز با کره زمین بکشید. گام 4. دایره را انتخاب کردهctrl+x را فشار دهید. لایه1 را انتخاب کردهctrl+shift+v را فشار دهید. سپس delete را فشار دهید. گام 5. ابزارPaint Bucket را انتخاب کرده،برای fill color ،#9EBEDE را انتخاب کنید و دایره را رنگ کنید. گام 6. رو لایه1 دابل کلیک کرده،نام آن را global بگذارید. گام 7. روی لایه2 دابل کلیک کرده، نام آن راworld map بگذارید. گام 8. ع

ادامه مطلب ...
آموزش ایجاد جلوه های ویژه تصویری بر روی عکس در فلش (Adobe Flash)

گام 1. عکسی را در یک برنامه گرافیکی مثل فتوشاپ در ابعاد300x240px تنظیم کنید. گام 2. یک سند جدید ایجاد کرده و تنظیمات زیر را انجام دهید:. Width:300 height:240 frame rate:24. گام 3. عکس را باز کنید. File > Import > Import to Stage(ctrl+r). گام 4. عکس را انتخاب کرده،به پنلalign بروید(ctrl+k) و تنظیمات زیر را انجام دهید:. گام 5. روی لایه1 دابل کلیک کرده و نام آن را picture1 بگذارید. سپس روی فریم40 کلیک کرده،F5 را فشار دهید. گام 6. یک لایه ایجاد کرده نام آن را shape1 بگذارید. گام 7. لایهshape را انتخاب کرده،ابزار rectangle را فعال کنید و مستطیلی مان

ادامه مطلب ...
آموزش تغییر اندازه یک شی با کلیک بر روی دکمه در فلش (Adobe Flash)

گام 1. یک سند جدید ایجاد کنید. ابزار line را انتخاب کرده و شکل زیر را رسم کنید:. گام 2. Ctrl+a را فشار داده،F8 را بزنید. گام 3. تا زمانیکه movie clip)star) در حالت انتخاب است،پنلproperties را باز کنید وstar را تایپ کنید. گام 4. پنلcomponents را باز کنید. Window > Components. گام 5. دکمه را انتخاب کرده و آن را روی ناحیه ببرید. گام 6. دکمه را انتخاب کرده و در پنلButtonDecrease،properties را تایپ کنید. گام 7. دکمه را انتخاب کرده،ctrl+d را فشار دهید تا دو برابر شود. گام 8. حال دکمه جدید را کپی کرده و نام آن را ButtonIncrease بگذارید. گام 9. یک لایه

ادامه مطلب ...
آموزش ایجاد جلوه گرادیان با حرکت موس در فلش (Adobe Flash)

گام 1. یک سند جدید ایجاد کرده،ctrl+j را فشار دهید وwidth,height را روی200px تنظیم کنید. گام 2. اولین فریم را انتخاب کرده،پنلaction script را باز کنید(F9) و کد زیر را وارد نمایید:. ;import flash. filters. GradientBevelFilter. var shapeClip:MovieClip= this. createEmptyMovieClip("shape_mc",1);. }(with (shapeClip. ;( beginFill(0xFF0000, 100. ;( moveTo(0, 0. ;( lineTo(200, 0. ;(lineTo(200, 200. ;(lineTo(0, 200. ;( lineTo(0, 0. ;() endFill. ;{. ;shapeClip. _x = (Stage. width - shapeClip. _width) / 2. shapeClip. _y = (Stage. height - shapeClip. _heigh

ادامه مطلب ...
آموزش طرا حی یک گالری برای تصاویر در فلش (Adobe Flash)

گام 1. یک سند جدید ایجاد کرده و سرعت فریم را روی fps 33 تنظیم کنید. گام 2. در فلش عکسی را باز کنید، آن را انتخاب کنید سپس کلیدF8 را فشار دهید تا پنجرهconvert to symbol باز شود. از قسمتtype ، movie clip را انتخاب کنید. گام 3. تا زمانیکه روی فریم1 هستید،پنل action script را باز کنید(با استفاده از کلیدF9) واسکریپت زیر راpast کنید:. stop ();. گام 4. عکس را انتخاب و آن را کپی کنید. گام 5. یک لایه جدید درج کنید،روی اولین فریم کلیک کنید وctrl+shift+v را فشار دهید. گام 6. روی فریم10کلیک وF6 را فشار دهید. سپس عکس را انتخاب کنید،پنلproperties را باز کنید

ادامه مطلب ...
آموزش تغییر دادن آیکون مکان نمای موس در فلش (Adobe Flash)

گام 1. یک سند جدید ایجاد کرده ، ctrl+j را بزنید و تغییرات زیر را اعمال کنید:. Width:250 height:150 frame rate:22. گام 2. روی لایه 1 دابل کلیک کرده و نام آن را background بگذارید. گام 3. سپس ctrl+r را فشار داده و عکسی را import کنید. گام 4. یک لایه ایجاد کرده و نام آن را cursor بگذارید. گام 5. لایه cursor را انتخاب کرده و یک cursor بکشید مانند نمونه:. گام 6. Cursor را انتخاب کرده و F8 بزنید. گام 7. پنل properties را باز کرده و تنظیمات زیر را انجام دهید:. گام 8. پنلproperties را باز کرده وcursor را تایپ کنید:. گام 9. یک لایه جدید ایجاد کرده و نام

ادامه مطلب ...
آموزش متحرک سازی هواپیما توسط action script در فلش (Adobe Flash)

گام 1. یک سند جدید ایجاد کنید. گام 2. Ctrl+j را فشار دهید و تغییرات زیر را اعمال کنید:. Width:400 height:250 frame rate:16 background color: #E1EDFF. گام 3. از ابزار فلش استفاده کرده(Line Tool, Oval Tool)، هواپیما بکشید. گام 4. هواپیما را انتخاب کرده و F8 را بزنید. گام 5. سپس هواپیما را در موقعیت نشان داده شده قرار دهید:. گام 6. روی فریم16و17و34 کلیک کرده و F6 را بزنید. گام 7. به فریم16 برگردید و مکان هواپیما را مانند شکل زیر تغییر دهید:. گام 8. یکبار روی فریم16 کلیک کرده وctrl+c را فشار دهید. سپس روی فریم17کلیک کرده و delete را فشار دهید و بعد

ادامه مطلب ...
آموزش دنبال کردن نشانگر موس در فلش (Adobe Flash)

گام 1. یک سند جدید باWidth:350 وHeight:200 (پیکسل)ایجاد کنید و سرعت فریم را روی33FPS تنظیم کنید (Frames per Second). گام 2. روی لایه 1 دابل کلیک کنید و نام آن را بهbackground تغییر دهید. سپس یک لایه جدید ایجاد کرده و نام آن را active object بگذارید. گام 3. از ابزار فلش برای کشیدن استفاده کرده و یک مکان نما رسم کنید. گام 4. شکل مورد نظر (object) را انتخاب وF8 را فشار دهید. در پنجرهconvert to symbol از قسمتtype ،movie clip را انتخاب کنید. گام 5. سپس پنلproperties را باز کرده(ctrl+F3) وobject را تایپ کنید. گام 6. سپس اولین فریم از لایه شی فعال را

ادامه مطلب ...
آموزش طراحی یک شهر با جلوه 3 بعدی در فلش (Adobe Flash)

گام 1. عکس شهری را که می خواهید رسم کنید، پیدا کنید. گام 2. یک سند جدید با frame rate:24 ایجاد کنید. گام 3. عکس را import کنید:. File > Import > Import to Stage (Ctrl+R). گام 4. نام لایه 1 راcity را بگذارید و آن را قفل کنید. سپس یک لایه دیگر ایجاد کرده و نام آن راcity contour بگذارید. گام 5. ابزار ترسیم خط (line) را فعال کرده و تنظیمات زیر را مانند نمونه انجام دهید:. گام 6. سپس دور مرزهای شهر مانند شکل زیر خط بکشید:. گام 7. لایهcity را انتخاب کرده سپس روی delete layer کلیک کرده و آن را پاک کنید. گام 8. اکنون شکل زیر را دارید. گام 9. شهررا انتخا

ادامه مطلب ...
آموزش ايجاد يك جلوه تصويري در فلش (Adobe Flash)

گام 1. ابتدا تصویری را که می خواهید به عنوان background در این آموزش استفاده کنید ،ذخیره کنید. گام 2. یک سند جدید با مشخصات زیر ایجاد کنید:. Width:440 height:275 frame rate:36. گام 3. نام لایه جاری را spring بگذارید. گام 4. حال گزینهFile > Import > Import to stage (Ctrl+R) را انتخاب کرده،تصویری را که قبلا ذخیره کرده اید را importکنید. تصویر را انتخاب کرده، به پنلAlign رفته و تنظیمات زیر را مانند نمونه انجام دهید:. گام 5. تصویر را انتخاب کرده،F8 را بزنید. گام 6. روی فریم 45 کلیک کرده،F6 را بزنید. گام7. به فریم اول برگشته،ابزار Selection را انتخا

ادامه مطلب ...
آموزش فلش درس اول - آشنایی با محیط و قسمت های مختلف فلش

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

ادامه مطلب ...
آموزش فلش درس دوم - کاربرد پنل ها و ترسیم اشکال در فلش

کاربرد پنل های فلش. پنل ها در فلش دارای امکاناتی برای ویرایش اشیای ایجاد شده می باشند. برای مثال، پنل Properties، ویژگی ها و امکانات ابزار انتخاب شده را به منظور ویرایش اشکال ایجاد. شده در اختیار کاربر قرار می دهد. یکی دیگر از پنل هایی که کاربرد بسیار زیادی در فلش دارد، پنل Library‌ یا کتابخانه است. اشیاء و اشکالی که در فلش تبدیل به نماد یا. Symbol می شوند، درون این پنل نگهداری می شود. همچنین هر فایلی که قصد داریم در پروژه فلش از آن استفاده کنیم، می توانیم ابتدا وارد این پنل نموده و سپس از آن استفاده. نماییم. برای مثال، اگر قصد داریم یک فا

ادامه مطلب ...

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

مشاهده سایت نشونه