PDA

View Full Version : آموزش ساخت دكمه چند حالته با ايميج ردي


bhf
3 May 2005, 12:02 AM
امروز مي‌خوام آموزش ساختن Rollover button (دكمه‌هايي كه با قرار گرفتن يا فشردن موس تغيير شكل مي‌دن) رو براتون بدم.

1- در محيط فتوشاپ حالات مختلف يك دكمه رو طراحي كنيد - Normal, Over, Down -
توجه: لازم نيست براي هر حالت تمام دكمه رو طراحي كنيد، فقط طراحي تغييرات كافيست.
2- روي لايه دكمه كليك كنيد و مسير مقابل را طي كنيد Layer > new layer based slice منطقه اي كه Slice مي‌شود نشان دهنده‌ي محيطي است كه موس با قرار گرفتن بر روي آن باعث تغيير شكل دكمه مي‌شود. (شكل 1)
3- فايل را سيو كنيد و در محيط Image ready فايل رو باز كنيد و يا از كليد‌هاي Ctrl+Shift+M استفاده كنيد.
4- در محيد Image Ready روي palette (Web content) قرار بگيريد، اگر اين palette فعال نيست از منوي Window فعال كنيدش. (شكل 2)
5- در اين palette بر روي دكمه Create rollover state كليك كنيد، اين كار باعث ايجاد حالت Over مي‌شود، كليك مجدد حالت Down و بار معدي حالت هاي ديگر را ايجاد مي‌كند. ( حالت لايه هاي ايجاد شده را مي‌توانيد با راست كليك و set state تغيير دهيد) (شكل 2)
6- پس از ايجاد اين لايه ها شما بايد بر روي هر حالتي كه مي‌خواهيد كليك كنيد مثلا Down و تغييرات لازم براي اين حالت را اعمال كنيد. (شكل 3)
7- حالا دكمه شما كاملا آماده شده و براي آزمايشش مي‌تونيد بر روي كليد Preview Document از تول بار كليك كنيد. (شكل)
8- حالا فايل رو سيو كنيد، براي ديدن فايل روي بروزر Ctrol+Alt+P رو فشار بديد. (شكل)

اگه سوالي بود حتما بپرسيد چون من بعضي چيز‌هاي ابتدايي رو ننوشتم كه باعث گمراهيتون نشه.
ساختن Button در ايميج ردي ريزه كاري هاي ديگه اي هم داره كه سر فرصت خدمتتون مي‌گم.