|
八、 建立切片
我們的基本導航及頁面結(jié)構(gòu)已經(jīng)建立好了，現(xiàn)在到了增加切片的時候了。Fireworks中的切片是輸出圖形及產(chǎn)生交互的主要參考物件，導出的文檔將根據(jù)切片來將圖形切割成不同的部分，并在瀏覽器中通過表格組裝到一起。同時，所有的交互行為也是通過切片之間的聯(lián)系來產(chǎn)生的，如翻轉(zhuǎn)圖、彈出菜單等等。
1、 我們前面建立的按鈕本身已經(jīng)帶有了自己的切片，因此我們需要對其他對象建立各自的切片。
2、 創(chuàng)建切片通常使用工具面板中的Slice工具直接繪制 ，但如果想創(chuàng)建精確大小的切片，我們可以選擇對象并執(zhí)行右鍵菜單中的Insert Slice自動插入切片。
3、 我們使用工具面板中的Slice工具在頁面中間繪制一個信息顯示切片，我們將在下一步把導航條的每個按鈕相關(guān)信息顯示在這里。
4、 我們增加的切片默認情況下是綠色的半透明對象，它們都放置在Web Layer層上.
九、 創(chuàng)建拖拽翻轉(zhuǎn)效果
1、 單擊“企業(yè)概況”按鈕處的切片，此切片中心將出現(xiàn)一個圓形標志，用鼠標將其拖動到上一步創(chuàng)建的切片左上角，這將設(shè)置一個翻轉(zhuǎn)效果，在彈出的對話框中設(shè)定鼠標滑過時交換為第二幀的內(nèi)容，如下圖所示：
2、 重復上述步驟，分別為“企業(yè)人才”、“產(chǎn)品展示”兩個按鈕增加翻轉(zhuǎn)效果，并分別對應第三幀和第四幀。
3、 我們在后面各幀相同的位置出分別放置對應每個按鈕的說明文字。
4、 最后的效果如下圖所示：
出處：藍色理想
責任編輯：藍色
上一頁 創(chuàng)建按鈕/創(chuàng)建導航條/設(shè)定按鈕屬性 下一頁 創(chuàng)建彈出菜單
◎進入論壇Photoshop、Fireworks版塊參加討論
|
第 1 頁 
第 5 頁 建立切片/創(chuàng)建拖拽翻轉(zhuǎn)效果
