به نام خدا

 

خوب از Flash شروع میکنیم . . .

1-      یه مووی کلیپ درست کن برو داخل MovieClip با ابزار Rectangle یه مربع بکش (برای کشیدن مربع باید کلید Shift رو نگه داری، در ضمن رنگ داخلش رو هم پاک کن)، مربع باید کوچیک باشه مثلا 50 در 50 خوبه. با این مربع باید گوشه تصویر رو در بیاری:

3-      این مربع رو به MovieClip تبدیل میکنیم و داخلش و رنگ میکنیم و بعد خط های دورشو پاک میکنیم:

4-      این مووی کلیپ جدید رو گوشه بالا سمت راست Stage میزاریمش، یه لایه جدید زیر این لایه درست میکنیم و یه کپی از این MovieClip رو توش میزاریم (برای Paste کردنش کلید های CTRL + SHIFT + V رو نگه دار)، این قراره سایه ما بشه، انتخابش میکنیم و از Properties تبه Filter رو انتخاب میکنیم و :

5-      حالا یه مربع دیگه اندازه همون اولی تو یه لایه جدید بساز (این لایه جدید باید پایین ترین لایه باشه) ولی این بار از اون یکی قطرش نصف کن و  بزارش گوشه بالا سمت چپ :

6-      حالا باید Tween ها رو ایجاد کنیم، برای بالاترین لایه که همون گوشه صفحه مون هست تو فریم دوم کلید F6 رو میزنیم تا یه Key frame ایجاد بشه و بعد میریم به فریم 40 و یه Key frame دیگه هم ایجاد میکنیم، حالا تو فریم 40 محتویات لایه رو انتخاب میکنیم و طول و عرضش رو بزرگ میکنیم و با Stage هماهنگش میکنیم و بین فریم های  2 و 40 کلیک راست کرده و Create Motion Tween رو انتخاب میکنیم (همین مرحله رو واسه لایه سایه هم تکرار میکنیم).

7-      برای پایین ترین لایه که همون نیمه دوم مربع هست تو فریم دوم Key frame ایجاد میکنیم بعد میریم به فریم 40 و یه Key frame دیگه هم ایجاد میکنیم، حالا تو فریم 40 همون کاری رو که تو مرحله 5 انجام دادیم رو انجام میدیم ولی با این تفاوت که باید نیمه دوم باید قرینه لایه های بالایی  که بزرگ شدن در بیاریم بعد بین  فریم های  2 و 40 کلیک راست کرده و Create Motion Tween رو انتخاب میکنیم :

خوب حالا باید یه همچین چیزی رو داشته باشیم:

8-      حالا یه لایه بساز و بیارش پایین لایه ای که اون قرینه ها رو ساختی عکسی رو که میخوای Import کن و یه ماسک بساز:

9-      جالا باید مووی رو کنتزل کنی، برای اینکار یه لایه دیگه بساز و بالای همه لایه ها قرارا بده و اسمشو actions بذار (کار لازمی نیست اما اگه بسازی بهتره) رو فریم اول این لایه جدید کلیک کن و کلید F9 رو بزن و تو Actions Panel که باز شده کد  stop(); رو بنویس، بعد برو به آخرین فریم این لایه که همون فریم 40 هست و یه Key frame بساز (با زدن کلید F6) و همین کد رو اونجا هم بنویس.

10-      خوب حالا برو به فریم اول لایه دوم مه در واقع همون شکل مربوط به گوشه ورق تا خورده هست، انتخابش کن و کلید F8 رو بزن و گزینه Button رو انتخاب کن:

11-      این دکمه ای (Button) رو که ساختی انتخاب کن و F9 رو بزن و کد زیر رو وارد کن:

حالا باید کارمون این شکلی شده باشه:





حالا به طراحی HTML میریسم

1-      توی برنامه FrontPage یک Table میکشیم و Border اونو 0 میزاریم و ارتفاع شو برابر با 410 (بستگی به کار خودت داره):

2-      حالا داخل Table کلیک میکنیم و یه Layer میکشیم و اونو هر جایی از Table که میخوایم میزاریم:

3-      دالا داخل لایه رو کلیک میکنیم و مسیر Insert -> Picture -> From File رو دنبال میکیم و یه عکس انتخاب میکنیم تا داخل لایه قرار بگیره.

4-      اندازه عکس و تنظیم میکنیم (برای رفتن به پنجره تنظیمات روی عکس کلیک راست میکنیم و گزینه Picture Properties رو انتخاب میکنیم) و با جابجا کردن لایه اونو اونجایی که میخوایم میزاریم:

5-      مراحل 2 تا 4 رو تکرار میکنیم ولی در مرحله 4  مسیر Insert -> Picture -> Movie In Flash Format رو میریم و اون فایل SWF ی رو که ساختیم انتخاب میکنیم و اندازه شو مثل همون عکس تنظیم میکنیم.

6-      خوب حالا دوتا لایه رو روی هم منطبق میکنیم دقت کن که لایه مربوط به SWF رو قرار بگیره. خوب واسه اینکه SWF مون رو Transparent کنیم تگی که بو عکس زیر Highlight شده رو به کدت اضافه کن:

 

اینم نتیجه کار مون ...