
【軟件特色】
1、創(chuàng)建編輯,創(chuàng)建和編輯矢量圖像與位圖圖像,并導(dǎo)入和編輯本機(jī)Photoshop和Illustrator文件。2、圖像優(yōu)化,采用預(yù)覽、跨平臺(tái)灰度系統(tǒng)預(yù)覽、選擇性JPEG壓縮和大量導(dǎo)出控件,針對(duì)各種交互情況優(yōu)化圖像。
3、高效集成,導(dǎo)入Photoshop(PSD) 文件,導(dǎo)入時(shí)可保持分層的圖層、圖層效果和混合模式。將Fireworks(PNG)文件保存回 Photoshop(PSD)格式。導(dǎo)入Illustrator(AI)文件,導(dǎo)入時(shí)可保持包括圖層、組和顏色信息在內(nèi)的圖形完整性。
4、原型構(gòu)建,網(wǎng)站和各種 Internet應(yīng)用程序構(gòu)建交互式布局原型。將網(wǎng)站原型導(dǎo)出至 Adobe Dreamweaver,將 RIA 原型導(dǎo)出至 Adobe Flex。
5、支持多頁使用新的頁面板在單個(gè)文檔(PNG文件)中創(chuàng)建多個(gè)頁面,并在多個(gè)頁面之間共享圖層。每個(gè)頁面都可以包含自己的切片、圖層、幀、動(dòng)畫、畫布設(shè)置,因而可在原型中方便地模擬網(wǎng)站流程。
【安裝步驟】
解壓在本站下載的Fireworks 8安裝包,雙擊Fireworks8,進(jìn)行安裝
點(diǎn)擊“下一步”

點(diǎn)擊“我同意該許可證協(xié)議中的條款”,然后點(diǎn)擊 下一步

你可以更換安裝地址,然后點(diǎn)擊“下一步”

按照?qǐng)D片所示,進(jìn)行安裝。



點(diǎn)擊“完成”,安裝完成。

【使用技巧】
Fireworks新建畫布方法:首先我們打開Fireworks軟件后彈出如下圖所示頁面。

在上圖中我們通過點(diǎn)擊新建項(xiàng)進(jìn)行新建畫布,如下圖所示。

點(diǎn)擊后彈出如下圖所示頁面。

完成如下圖所示紅框標(biāo)示并點(diǎn)擊確定按鈕完成新建,如下圖所示。

當(dāng)然分辨率也可以我1280*768,分辨率為300,設(shè)置完成后如下圖所示效果。

用fireworks制作字體的技巧:
打開fireworks點(diǎn)擊文件,選擇新建,這是彈出個(gè)對(duì)話框可以設(shè)置畫布的大小,我們這里說的是字體的編輯所以隨便設(shè)置一個(gè)大小就可以了


設(shè)置好后點(diǎn)擊確定按鈕,就新建了一個(gè)畫布,我們將在這個(gè)畫布上介紹字體的編輯技巧

我們點(diǎn)擊左側(cè)工具欄上的字母‘A’如下圖紅色圈,點(diǎn)擊后在畫布的空白處寫字


比如我們寫上‘字體的編輯’這幾個(gè)字,在畫布的下面有屬性欄,可以設(shè)置你字體的屬性,大小,顏色等

編輯字體的屬性很簡單,大家可以自己試一試,點(diǎn)擊我畫的范圍內(nèi)的屬性設(shè)置,大家注意工具欄里有‘濾鏡’點(diǎn)擊濾鏡后面的小加號(hào)‘+’可以設(shè)置字體的陰影等比較高級(jí)的效果

比如說我想做一個(gè)投影效果的字體,就點(diǎn)擊‘+’號(hào)選擇陰影和光暈,點(diǎn)擊投影按鈕,在里面設(shè)置一下


你看字體的投影效果是不是就出來了

【常見問題】
如何用fireworks切圖?(這里是psd中切圖要用矩形切片的方法)
首先打開fireworks軟件

導(dǎo)入素材,快捷鍵ctrl+O,這里我導(dǎo)入的是psd格式的。

點(diǎn)擊圖片——右鍵——插入矩形切片(alt+shift+U)

點(diǎn)擊圖片——右鍵——導(dǎo)出所選切片——保存到所選文件夾

現(xiàn)在看看文件夾,是不是有了。。。。

(這里是切單獨(dú)圖片的方法)
打開軟件,導(dǎo)入圖片(ctrl+O),ctrl+-是縮小圖片,ctrl++是放大。

找到切片工具,快捷鍵K

然后選擇要切的圖片,紅色框中是圖片的高和寬,里面的值是可以進(jìn)行修改的,一般用來進(jìn)行微調(diào)。

右鍵——導(dǎo)出所選切圖——保存到所選文件夾

這樣即可。

溫馨提示:切圖不能切太大了,不然網(wǎng)頁加載速度慢,這考驗(yàn)的就是細(xì)心與耐心。
怎樣使用Fireworks 8通道摳圖?
將需要處理的圖片復(fù)制一份,并畫兩個(gè)與圖片大小相同的黑色矩形,將4張圖對(duì)齊,并在層面板里按下圖關(guān)系排列:

將第1層的混合模式改成“飽和度”,第2層的混合模式改成“紅”、“綠”、“藍(lán)”中任意一種,此時(shí)所顯示的效果即和Photoshop中的RGB對(duì)應(yīng)通道完全相同,和Photoshop一樣,要選擇一個(gè)比較理想的通道。我選了綠(G)通道,效果如圖所示:

同時(shí)選擇1、2、3層,按Ctrl+Shift+Alt+Z(修改->平面化所選),三個(gè)圖層變成了一個(gè)位圖,下面調(diào)節(jié)色階、曲線等(濾鏡->調(diào)整顏色),目的是使圖片黑白分明,不明白的去找Photoshop通道摳圖和蒙版摳圖的教程。
對(duì)于這張圖,我先做了一個(gè)“反轉(zhuǎn)”,又用“自動(dòng)色階”和“亮度、對(duì)比度”調(diào)整,所以Ctrl+Shift+Alt+Z再次將這張圖平面化,這步非常重要。再用畫筆修飾一下圖片,把不需要透明的地方涂白,例如眼睛和翅膀的灰色部分。效果如圖:

現(xiàn)在只剩下兩個(gè)圖層了,將黑白的圖層粘貼成彩色圖層的蒙版。方法是選中黑白圖層,然后Ctrl+X剪切,選擇彩色圖層,點(diǎn)圖層面版下面的“添加蒙版”按鈕,Ctrl+V粘貼進(jìn)去。

大功告成了,把背景設(shè)置成透明看看效果,以后看見用Photoshop摳頭發(fā)的教程,你也會(huì)用Fireworks做了吧?



































