在Fireworks中實現(xiàn)復雜的圖像交互技術介紹
我要評論效果預覽
啟動FW后可新建一個如網(wǎng)頁般大小的畫布。然后用繪圖工具隨意畫上三個矩形按鈕，并在按鈕上輸入相關的文字內容。當然，你也可以使用各類工具繪制出更加美觀的按鈕。在此我在三個按鈕上分別輸入“手機”、“攝像機”和“隨身聽”的字樣。然后把每個按鈕的對象及文字選中后使用“修改—組合”命令，使這三個按鈕成為三個各自獨立的組合對象。接著可按網(wǎng)頁制作時的需要，將這三個按鈕進行排列對齊。
把這三個按鈕全部選中，并在任意一個按鈕上點擊鼠標右鍵，然后從彈出菜單中選擇“插入切片”項。這時會彈出一個提示窗口，可直接點擊“多重”按鈕。這樣，就為這三個按鈕建立了導出切片。如圖01。
圖01
點擊“幀”面板右下角中的“添加幀”按鈕，新建三個空白幀。如圖02。
圖02
然后在第2幀中繪制或導入一張與手機相關的圖片，放置在合適的位置后，在該圖片上點擊鼠標右鍵，從彈出菜單中選擇“插入切片”項。同樣的，在第3和第4幀中也分別導入一張用于與“攝像機”和“隨身聽”按鈕進行交互的圖像，然后都為圖像建立導出切片。如圖03。
圖03
點選“手機”按鈕的切片，然后用鼠標左鍵按住該切片中間的圓形控制圖示不放，拖拽鼠標到與其進行圖像交換的切片上，這時在這兩個切片之間會出現(xiàn)一條藍色的鏈接曲線，如圖04。
圖04
松開鼠標后會立即彈出一個“交換圖像”的設置窗口，在下拉菜單上選擇與“手機”按鈕切片進行交換的圖像所在的幀。在這里我們選擇“幀2”。如圖05。
圖05
用相同的方法繼續(xù)為“攝像機”和“隨身聽”按鈕在“交換圖像”對話框中建立各自的圖像切片鏈接。完成后我們就可以按F12鍵在瀏覽器中查看了。怎么樣，效果還不錯吧！如圖06。
圖06
最后通過“文件—導出”選項即可將制作的效果保存為網(wǎng)頁格式了。以后隨時隨地都可以打開來欣賞一番！
相關文章
firework輸入的文字可以根據(jù)需求添加一些效果，該怎么給文字添加字體傾斜效果呢？下面我們就來看看詳細的教程2024-05-23
fireworks淡化邊緣工具在哪里? fireworks輪廓虛化效果的實現(xiàn)方法
fireworks繪制的圖形輪廓線尖銳了，想要虛化一下，需要使用淡化邊緣工具，這個工具在哪？怎么使用呢？詳細請看下文介紹2024-05-23
電腦怎么批量添加照片日期? Fireworks給電腦圖片批量添加日期的技巧
電腦怎么批量添加照片日期？電腦中圖片的名字想要添加日期，該怎么操作呢？下面我們就來看看Fireworks給電腦圖片批量添加日期的技巧2023-06-05
fw怎么設計科技干的線條? fireworks混合路徑工具制作圖形的技巧
fw怎么設計科技干的線條？fireworks中想要畫曲線線條，我們需要用到混合路徑工具，下面我們就來看看fireworks混合路徑工具制作圖形的技巧2023-01-09
Fireworks圖形怎么做高光? fw中幾種制作高光效果的方法
Fireworks圖形怎么做高光？Fireworks中想要做高光效果，有幾種方法可以添加高光？下面我們就來看看fw中幾種制作高光效果的方法2022-12-21
Fireworks剪切的圖片怎么導出? fw將裁剪區(qū)域導出保存的技巧
Fireworks剪切的圖片怎么導出？fw中剪切好的圖片想要保存，該怎么保存呢？下面我們就來看看fw將裁剪區(qū)域導出保存的技巧2022-12-20
fw圖片漸隱效果怎么做? Fireworks給圖片添加漸隱效果的技巧
fw圖片漸隱效果怎么做？fw中想要給圖片添加漸隱效果，該怎么添加這個效果呢？下面我們就來看看Fireworks給圖片添加漸隱效果的技巧，詳細請看下文介紹2022-11-28
Fireworks如何給圖片添加陰影效果? fw給圖片增加陰影效果的技巧
Fireworks如何給圖片添加陰影效果？fw中導入的圖片想要給圖片中的圖形添加陰影，該怎么操作呢？下面我們就來看看fw給圖片增加陰影效果的技巧2022-11-28
fw文字怎么添加內陰影? Fireworks給字體添加陰影的技巧
fw文字怎么添加內陰影？fw中輸入的文字想要添加陰影，該怎么添加內陰影呢？下面我們就來看看Fireworks給文字添加陰影的技巧，詳細請看下文介紹2022-11-28
Fireworks中如何創(chuàng)建蒙版以及使用? FW蒙版功能的使用技巧
Fireworks中如何創(chuàng)建蒙版以及使用？fw中想要使用蒙版制作一些效果，該怎么創(chuàng)建蒙版并使用呢？下面我們就來看看FW蒙版功能的使用技巧，詳細請看下文介紹2022-11-28
