在Fireworks中完成復(fù)雜的圖像交互(1)
發(fā)表時間:2023-07-19 來源:明輝站整理相關(guān)軟件相關(guān)文章人氣:
[摘要]圖像交互技術(shù)在網(wǎng)頁制作當(dāng)中被廣泛的應(yīng)用于按鈕效果和圖像展示當(dāng)中。即當(dāng)鼠標(biāo)指向網(wǎng)頁中的某一圖像時,會觸發(fā)另一圖像的顯示。下面就讓我們來看一下具體的操作過程! 覨W后可新建一個如網(wǎng)頁般大小的畫布。...
圖像交互技術(shù)在
網(wǎng)頁制作當(dāng)中被廣泛的應(yīng)用于按鈕效果和圖像展示當(dāng)中。即當(dāng)鼠標(biāo)指向網(wǎng)頁中的某一圖像時,會觸發(fā)另一圖像的顯示。下面就讓我們來看一下具體的操作過程。
啟動FW后可新建一個如網(wǎng)頁般大小的畫布。然后用繪圖工具隨意畫上三個矩形按鈕,并在按鈕上輸入相關(guān)的文字內(nèi)容。當(dāng)然,你也可以使用各類工具繪制出更加美觀的按鈕。在此我在三個按鈕上分別輸入“手機”、“ 攝像機”和“隨身聽”的字樣。然后把每個按鈕的對象及文字選中后使用“修改—組合”命令,使這三個按鈕成為三個各自獨立的組合對象。接著可按網(wǎng)頁制作時的需要,將這三個按鈕進(jìn)行排列對齊。
把這三個按鈕全部選中,并在任意一個按鈕上點擊鼠標(biāo)右鍵,然后從彈出菜單中選擇“插入切片”項。這時會彈出一個提示窗口,可直接點擊“多重”按鈕。這樣,就為這三個按鈕建立了導(dǎo)出切片。如圖01。
圖01
點擊“幀”面板右下角中的“添加幀”按鈕,新建三個空白幀。如圖02。
圖02
然后在第2幀中繪制或?qū)胍粡埮c手機相關(guān)的圖片,放置在合適的位置后,在該圖片上點擊鼠標(biāo)右鍵,從彈出菜單中選擇“插入切片”項。同樣的,在第3和第4幀中也分別導(dǎo)入一張用于與“攝像機”和“隨身聽”按鈕進(jìn)行交互的圖像,然后都為圖像建立導(dǎo)出切片。如圖03。
圖03
矢量圖常用于框架結(jié)構(gòu)的圖形處理,應(yīng)用非常廣泛。圖形是人們根據(jù)客觀事物制作生成的,它不是客觀存在的;圖像是可以直接通過照相、掃描、攝像得到,也可以通過繪制得到。