|
本文接前一篇：第二階段：標誌
第三階段：彈出菜單
原文見：http://www.computerarts.co.uk/tutorials/type/stage.asp?id=32685&stage=6&page=0
1.為了加快點我們的進程，
打開CD中Tutorial\Prototypes文件夾下的protopage1.png文件。
這份文件包含一個簡單抬頭和放置好的標誌。
我們將用這個來創(chuàng)建按鈕及插入彈出菜單。
2.在畫布空白處按滑鼠右鍵（或Mac機上用Command-click）來調(diào)用FW彈出菜單，
選擇插入新按鈕。
你調(diào)出了按鈕編輯面版。
使用對齊面版（可用Window>Align）在按鈕編輯區(qū)居中畫個60x20像素的矩形。
3.打開庫(Window>Library) 并抓取一個房子元件的實例置入按鈕編輯區(qū)。
當該元件選中時，到屬性面版重設(shè)其尺寸為15x15像素。
到Modify>Transform>Flip Vertical 縱向翻轉(zhuǎn)并將此元件置于按鈕左側(cè)。
4.把按鈕加上鼠標移上和按下條件下的狀態(tài)。
使用標簽切換不同狀態(tài)，并拷貝按鈕圖形到當前狀態(tài)中。
改變效果參數(shù)來體現(xiàn)不同狀態(tài)下按鈕的微妙多樣變化是個不錯的方法。
5.拖放剛建立的按鈕到抬頭下的淡藍色帶中，置于房子元件下面。
從庫中抓取另三個按鈕實例連續(xù)地并排于第一個按鈕。
6.選中第一個按鈕并到Modify>Pop-up Menu>Add Pop-up Menu. 加上彈出菜單。
你調(diào)用了一個分成四個標簽部分的對話框。
在內(nèi)容部分，有三個欄目。
第一欄，鍵入每項菜單名稱；
第二欄，鍵入相關(guān)連的URL路徑；
在我們的例子中，我們加了幾個城市名稱。
7.點選外觀標簽，
這里你可以使用HTML，
或一個HTML和圖形的組合來建立菜單。
我們只是用了HTML，
12點字號。
我們用的色系定在本身格子顏色#006699，移入格子顏色#FFCC00。
8.高級選項標簽讓你可以自定義單一表格的屬性。
最后，點擊定位標簽。
選擇設(shè)置菜單位置于切片底部的圖標
-->并排的第二個按鈕-->再按完成結(jié)束。
我們以同樣方法在結(jié)束的文件中添加了相似的菜單。
6.在這一階段彈出菜單應(yīng)該是具備完整功能的。
你可以在瀏覽器預(yù)覽測試。
在此階段以HTML儲存文件將要求在現(xiàn)有的圖片上插入切片物件。
請繼續(xù)參閱續(xù)篇：第四階段：建立網(wǎng)頁
出處：藍色理想
責任編輯：moonjeep
◎進入論壇Photoshop、Fireworks版塊參加討論
|
