fireworks網(wǎng)頁(yè)制作技巧與實(shí)例
fireworks網(wǎng)頁(yè)制作技巧與實(shí)例
Fireworks是推出的網(wǎng)頁(yè)圖像編輯軟件,它同時(shí)具有位圖圖像和矢量圖像編輯功能勢(shì)必使它成為網(wǎng)頁(yè)圖像設(shè)計(jì)的先鋒。下面學(xué)習(xí)啦小編跟分享了更多關(guān)于fireworks網(wǎng)頁(yè)制作技巧與實(shí)例,希望你喜歡。
fireworks網(wǎng)頁(yè)制作技巧:
◆ JavaScript 按鈕
Fireworks 可以讓您不用寫(xiě)一行 Javascript 代碼就可以輕松的創(chuàng)建一個(gè)交互式的按鈕。您只需要將一個(gè)矩形區(qū)域轉(zhuǎn)換為一個(gè)按鈕并使用按鈕編輯器(Button Editor)來(lái)完成這 ◆ 魔 幻 翻 轉(zhuǎn)除了創(chuàng)建按鈕之外,F(xiàn)ireworks 還可以讓您輕松的創(chuàng)建一個(gè)奇異的 Javascript 翻 它改變?cè)谶@一頁(yè)中的其他區(qū)域的顯示,在 Fireworks 中,這種翻轉(zhuǎn)效果被稱(chēng)作不相交翻轉(zhuǎn)( disjoint rollover)。 Fireworks 含有一些可用于路徑和位圖圖像的特殊效果和圖像調(diào)整命令。
◆ 自 動(dòng) 操 作
在您工作的時(shí)候,F(xiàn)ireworks 將記錄每一個(gè)步驟并將它們放到歷史記錄(History)面板中 歷史記錄面板來(lái)自動(dòng)完成一些重復(fù)的步驟。 蒙板(Masks)覆蓋對(duì)象是指只顯示文檔中某一對(duì)象的一部分。您將使用這個(gè)白色的矩形來(lái)
◆ 熱 點(diǎn) 區(qū)
在 Fireworks 中,將圖像的一部分連接到一個(gè) URL 非常簡(jiǎn)單。當(dāng)您想建立一個(gè)連接但又不想使用交互狀態(tài)的按鈕時(shí)可以建立一個(gè)熱點(diǎn)區(qū)(hotspots)。在Fireworks中創(chuàng)建熱點(diǎn)區(qū)(Hotspots)就是建立一個(gè)圖像映射(Map)。 Fireworks可以讓您優(yōu)化一個(gè)文檔中的不同部分。每一個(gè)文檔有一個(gè)默認(rèn)的優(yōu)化設(shè)置,但 一個(gè) GIF 文件,但這個(gè)咖啡杯部分如果優(yōu)化為 JPEG 文件將得到更好的效果。 當(dāng)導(dǎo)出您的文檔的時(shí)候,F(xiàn)ireworks 把每一個(gè)分割區(qū)導(dǎo)出為一個(gè)單獨(dú)的文件。同時(shí)生成在瀏覽器中顯示這個(gè)文檔所需的 HTML 和 Javascript 代碼。Fireworks 可以很輕松的將圖像、HTML 和 Javascript 導(dǎo)出到您用 Macromedia Dreamweaver 創(chuàng)建和管理的站點(diǎn)
◆ 動(dòng) 畫(huà)
我們?cè)?Firworks 中創(chuàng)建動(dòng)畫(huà)是使用幀(Frame)的概念。每一個(gè)幀(Frame)含有一個(gè)不同 幀。幀排列的順序也就是播放的順序,由它來(lái)建立一個(gè)動(dòng)作的過(guò)程。
1. 我的Fireworks4中為什么無(wú)法輸入中文?
首先你要選中中文的字體,另外可以試試不同的輸入法。但是使用Windows自帶的輸 2.用pointer工具僅可以大致定位對(duì)象,有什么辦法可以準(zhǔn)確地設(shè)置其x,y坐標(biāo)?
你可以使用info 面板,在上面的小窗口中輸入數(shù)值,然后按下enter鍵。
3.在Fireworks中想把多個(gè)文件聯(lián)成動(dòng)畫(huà),該怎么做?
Fireworks 可以基于一組圖像文件來(lái)制作動(dòng)畫(huà)。例如,通過(guò)將每個(gè)圖形文件打開(kāi),
1 選擇 File > Open Multiple。 Open Multiple Files 對(duì)話(huà)框打開(kāi)。
2 查找文件,將這些文件添加到作為動(dòng)畫(huà)幀打開(kāi)的文件列表。
如果你要將文件添加到列表,點(diǎn)擊 Add。 如果你要將當(dāng)前文件夾中所有的文件都添加到列表上,點(diǎn)擊 Add All。 如果你想從添加的文件列表上刪除文件,從列表上選擇文件,點(diǎn)擊 Remove。
3 選擇 Open as Animation,點(diǎn)擊 OK。 Fireworks 會(huì)將所有這些文件在一個(gè)單獨(dú)的文檔中打開(kāi),每個(gè)文件放在一個(gè)不同的幀,其順序就是你在 Open Multiple Files 對(duì)話(huà)框
4.怎么設(shè)置幀延遲?
答:幀延遲決定當(dāng)前幀播放的時(shí)間長(zhǎng)度。幀延遲是把一秒當(dāng)作 100 來(lái)設(shè)置的。例如,如果你設(shè)定幀延遲為 50,就是表示半秒鐘,如果你將幀延遲設(shè)定為 300,就是表示3 秒鐘。
5.怎樣給輸入的位圖加入描邊的效果? 充,在object面板中選擇最右方的 StrokePlacement 就可以了。
6.怎樣才能將Fireworks輸出的文件輸入到Dreamweaver中?
選擇Fireworks菜單File-> Export,選擇html and image,輸出文件后,打開(kāi)Dreamweaver,點(diǎn)擊object面板中的Fireworks html添加按鈕,定位剛才fw輸出的html文件就可 7.怎樣在Fw4里調(diào)整圓角的度數(shù)?
選中圓角矩形,在object(對(duì)象)面板調(diào)整Roundness的數(shù)值。
8.請(qǐng)問(wèn)Fireworks4能否使text沿path運(yùn)動(dòng)的動(dòng)畫(huà)?
你可以在Object面板上一幀幀設(shè)Text Offset路徑文字的偏離量,文字偏移是使文字路徑中文字的起始位置在路徑上發(fā)生偏移,最后在輸出成動(dòng)畫(huà)格式。
【Fireworks】學(xué)習(xí)筆記FAQ
9.如何用Fireworks做突起效果的按扭?
選擇Effect面板中的Bevel And Emboss的子菜單,例如inner bevel,好的按鈕效果主要靠比較好的effect參數(shù),細(xì)心調(diào)試一下就可以有好看的按鈕。
10.請(qǐng)教在FW4中Copy→Paste,Duplicate,Clone三者區(qū)別?
1.Paste(粘貼)是針對(duì)Copy(拷貝)而言,點(diǎn)選或框選的圖片目標(biāo)經(jīng)拷貝后可以被粘貼到當(dāng)前圖層或其他的應(yīng)用圖層上,如你在FW4打開(kāi)一圖片,想把它粘貼到Photoshop圖 圖片將以位圖的形式同時(shí)被保留在WINDOWS的剪貼板上,根據(jù)需要你仍然可以把這個(gè)圖片 2.FW4中的duplicate(復(fù)制)是把當(dāng)前圖層上已有的圖片重新在新的圖層上“復(fù)印 3.Clone(克隆)基本和復(fù)制一樣,所不同的是克隆可以精確定位,克隆后的圖片與原來(lái)的目標(biāo)圖片完全重合,可以利用光標(biāo)上下左右鍵進(jìn)行相對(duì)移動(dòng),F(xiàn)W4中可以設(shè)定移動(dòng) 4.復(fù)制和克隆不能用框選,而拷貝則可以。
11.怎樣用Fw4分割保存圖片?
可以使用工具箱里的Slice工具。
12.怎樣使用Fireworks畫(huà)虛線?
1.先建立新文檔,按住Shift鍵再用直線工具(Open tool)畫(huà)一條直線。
2.選擇Stroke面板:在面板中選擇Random、Dots
3.選擇右上角的三角形,選擇Edit Stroke會(huì)出現(xiàn)面板,有Option、Shape和Sensitivity三個(gè)項(xiàng)目。
4.Option面板:
Ink Amout:100%; Spacing:300%(**注意:不要設(shè)為100%,必須大于。); 不要選Build-up,Tips:1
5.Shape面板:設(shè)置如圖所示,可以不選Square,那么虛線的點(diǎn)就是圓的。
6.Sensitivity面板:
Brush Property:里面有以下幾項(xiàng):
Size、 angle、 Ink Amout、 Scatter、 Hue、 Lithtness、 Saturation
當(dāng)每選取一項(xiàng)時(shí),Affected By:里面的所有項(xiàng)的值都設(shè)為0。然后按應(yīng)用-->確認(rèn)。
7.制作完成后,點(diǎn)擊右上角的三角形選取Save Sroke as,存為你要取的名字。
8.要在以后調(diào)用FW時(shí)使用這項(xiàng)命令時(shí),必須再選取歷史面板最后一項(xiàng)命令,存儲(chǔ)為你要的名字,這里存為dashed line。
9.以后要調(diào)用時(shí)就選取Command-->dashed line就可以了。
13.怎樣輸入類(lèi)似于網(wǎng)頁(yè)中常見(jiàn)的9鎊字?
輸入文字時(shí)選擇宋體,12px, no anti-alies。
14.怎樣將兩個(gè)位圖對(duì)象合并位一個(gè)對(duì)象?
全選這二個(gè)位圖對(duì)象,Modify>Convert to Bitmap。
15.怎樣做出電視掃描線的效果?
打開(kāi)或插入要處理的圖片,然后畫(huà)一個(gè)與圖片大小、位置都相同的矩形(可用Info面板進(jìn)行精確設(shè)置),矩形填充類(lèi)型為Solid,填充色為Black,紋理Texture選擇Line-Horiz4,紋理量為100%,并選中Transparent選項(xiàng)。調(diào)整透明度,使效果更柔和些,可以設(shè)置為15左右。
16.怎么設(shè)置幀延遲?
幀延遲決定當(dāng)前幀播放的時(shí)間長(zhǎng)度。幀延遲是把一秒當(dāng)作 100 來(lái)設(shè)置的。例如,如果你設(shè)定幀延遲為 50,就是表示半秒鐘,如果你將幀延遲設(shè)定為 300,就是表示 3 秒 17.如何為每一幀輸入幀延遲的設(shè)定值?
1 打開(kāi) Frame Properties 對(duì)話(huà)框: 雙擊幀面板上的幀的名字。 突出幀的名字,從幀面板的 Options 彈出菜單中選擇 Properties。
2 在 Frame Delay 選項(xiàng)輸入一個(gè)數(shù)字。
3 敲擊回車(chē),或者點(diǎn)擊面板以外的地方關(guān)閉對(duì)話(huà)框。
18.FW預(yù)覽以及輸出時(shí),HTML文件的左邊和上邊總有空隙,沒(méi)有緊靠邊。怎樣時(shí)預(yù)覽和 通常我們可以在DW中修改導(dǎo)出后的HTML文件,只要設(shè)置topmargin="0" leftmargin="0" marginheight="0" marginwidth="0"即可。
同理我們也可以修改FW的輸出模板,使導(dǎo)出和預(yù)覽時(shí)的文件直接就緊靠邊,修改如 \Configuration\HTML Code\Dreamweaver\slices.htt
WRITE_HTML("bgcolor=\"#", exportDoc.backgroundColor.toString(16), "\"") WRITE_HTML("topmargin=\"0\" leftmargin=\"0\" marginheight=\"0\"
marginwidth=\"0\" bgcolor=\"#",
exportDoc.backgroundColor.toString(16),
保存后,重新啟動(dòng)FW即可。
19.用Fw4打開(kāi)psd,會(huì)提示缺少字體,而且psd中的文字走樣?
Fw4現(xiàn)在可以很好的支持PSD多圖層多格式文件,但是對(duì)漢字字體的支持是兩套引摯,所以會(huì)出現(xiàn)不匹配的問(wèn)題。這里的字體在FW4中打開(kāi)還是可以編輯的,可以再次選中原有字體。 FW3雖然沒(méi)有這個(gè)問(wèn)題,但字體已轉(zhuǎn)換為位圖。
20.請(qǐng)介紹一下Fireworks中的對(duì)象混合模式。
Fireworks中有十三種對(duì)象混合模式,分別是
(Normal)普通模式
這是最基本的也是FW3默認(rèn)的圖像混合模式,在這種模式下位于上層的圖像將覆蓋掉(Multiply)累加模式 果往往會(huì)產(chǎn)生亮度更低的顏色。用黑色疊加其他顏色的圖像產(chǎn)生的結(jié)果永遠(yuǎn)是黑色, 圖加立體效果。
(Screen)屏幕模式 圖像的重疊處色彩的深度,因此結(jié)果往往會(huì)產(chǎn)生亮度更高的顏色。同樣相反的是用黑色 是白色。
(Darken)暗模式 彩高度則將在顯示結(jié)果中使用上層高度低的色彩代替下層高度高的色彩。
(Lighten)亮模式 圖像同位置處色彩亮度則將在顯示結(jié)果中使用上層高度高的色彩代替下層高度低的色彩
(Difference)交錯(cuò)模式 結(jié)果作為混合結(jié)果所顯示的顏色,因此使用白色和底圖進(jìn)行交錯(cuò)模式混合產(chǎn)生的將是底
(Hue)色調(diào)模式示結(jié)果
(Stauration)飽和度模式 顯示結(jié)果。因此如果上層圖像的飽和度為0(灰色),結(jié)果圖像將保持底圖色彩不變。
(Color)色彩模式 顯示結(jié)果。這種模式保留了底圖的灰度,因此可用于制作單色圖像。
( Luminosity)亮度模式 一個(gè)新顏色作為顯示結(jié)果。
(Invert)反色模式 (Tint)上色模式 (Erase)擦除模式
擦除模式是作用是將底圖中被上層圖像覆蓋的部分擦除,和橡皮工具的作用相同。
21.優(yōu)化面板上的Matte和Interlace有什么作用?
Matte是使圖像在透明時(shí),更好的與底色融合。Interlace交錯(cuò)的GIF,簡(jiǎn)單的說(shuō),就是下載GIF圖時(shí),是先模糊后清楚,不必一次全下載完
22.請(qǐng)介紹一些Fireworks中的小技巧
1、Brush工具特能的性能:按住shift鍵用brush工具畫(huà)出一條水平或垂直線后,釋放鼠標(biāo),但不要松開(kāi)shift鍵,在brush光標(biāo)附近會(huì)出現(xiàn)一個(gè)小加號(hào),用brush再畫(huà)一條線(仍按住shift鍵),fireworks會(huì)把所畫(huà)前一條線的終點(diǎn)和后一條線的起點(diǎn)連接起來(lái)。
2、Pencil工具的一個(gè)用途:在圖象編輯模式下,當(dāng)改變一個(gè)象素構(gòu)成的圖象時(shí),pencil點(diǎn)到任何象素都會(huì)變成當(dāng)前的描邊顏色。
3、移動(dòng)光標(biāo)時(shí),如果按住shift鍵不放,那么每移動(dòng)一次為10個(gè)象素點(diǎn)。
4、選擇工具:shift鍵除了可與矩形或橢圓形選框工具組合來(lái)選擇正方形或圓形區(qū) 經(jīng)選擇好了一個(gè)矩形區(qū)域,發(fā)現(xiàn)應(yīng)該選擇的是正方形區(qū)域。這時(shí),如果在矩形選擇區(qū)域仍存在的情況下,按住shift,將得到矩形選擇區(qū)域與正方形選擇區(qū)域的疊加區(qū)域,而不是單獨(dú)的正方形選擇區(qū)域。為了避免這個(gè)問(wèn)題,可在用shift鍵選擇正方形或圓形之前,執(zhí)行edit->selet none命令或者使用快捷鍵ctrl+d。也可以在選擇區(qū)域外單擊鼠標(biāo)取消
23.如何修改漸變填充?
在Fill面板中使用了漸變填充后,如果想修改的話(huà),開(kāi)啟并修改漸變圖案的關(guān)鍵是
1、選擇用漸變填充的圖片。
2、超始點(diǎn)、漆桶工具,(Ctrl+K)。漸變控制出現(xiàn)。
3、要移動(dòng)漸變的起始點(diǎn),拖動(dòng)圓形手柄。
4、要旋轉(zhuǎn)漸變方向,將光標(biāo)移動(dòng)到控制手柄之外,直到出現(xiàn)Rotate光標(biāo),然后拖動(dòng)
手柄到一個(gè)新的位置。在旋轉(zhuǎn)漸變的時(shí)候,F(xiàn)W將漸變的起始點(diǎn)作為旋轉(zhuǎn)的中心。
5、要改變漸變的大小,直接拖動(dòng)正方形手柄到新的位置。
6、要修改橢圓漸變、矩形漸變、星爆漸變或者波紋漸變的斜切效果,沿某個(gè)方向拖 注:并不限制一定要將漸變控制保持在所選對(duì)象的內(nèi)部。任何漸變控制——起始點(diǎn)、終止點(diǎn)或者大小/斜切控制手柄,都可以移動(dòng)到對(duì)象之外 24.如何制作無(wú)縫平鋪的背景圖案?
制作新圖案填充過(guò)程中最大的問(wèn)題就是如何使圖片拼接時(shí)無(wú)縫當(dāng)FW在填充大于圖案 邊框,在重復(fù)拼接之后就非常明顯;在大多數(shù)時(shí)候,這種情況是不滿(mǎn)足要求的,有幾種
首先,最簡(jiǎn)單的方法就是不要將圖形無(wú)素放到圖案圖片的邊緣。這就使得各個(gè)圖片
當(dāng)然,許多情況下圖片已經(jīng)覆蓋了整個(gè)背景,畫(huà)布的顏色完全被遮蓋住。對(duì)這種類(lèi) 運(yùn),fw 具有足夠的圖形編輯能力來(lái)完成這種操作。平鋪放置圖片的時(shí)候,圖片的各個(gè)邊 邊緣進(jìn)行混合,從而消除邊界。下面是在fw中對(duì)圖案邊緣進(jìn)行平滑處理的操作步驟:
1、打開(kāi)要轉(zhuǎn)換為圖案的圖片文件。
2、選擇圖片的某一部份作為圖案的基礎(chǔ)部分。使用掃描圖片或者其他圖形的一部份作為圖案是一種常規(guī)方法。首先決定圖案的大小(128*128就是不錯(cuò)的選擇),然后通過(guò)選項(xiàng)面板使用marquee(選框)工具的fixed size功能設(shè)置相應(yīng)的尺寸。這樣就可以方便
3、選擇菜單命令edit->copy拷貝選擇的區(qū)域。
4、選擇菜單命令file->new創(chuàng)建一個(gè)新的文檔。該文檔應(yīng)該至少是所選圖片的三倍以上。如果選擇128象素的正方形圖片,那么新文檔的最小尺寸為384*384。
5、為了準(zhǔn)確定位,可以選擇菜單命令view->grid option->edit grid來(lái)將網(wǎng)格線的尺寸設(shè)置為所選圖片的尺寸,并且選中show grid和snap to grid選項(xiàng)。
6、選擇菜單命令edit->paster,將剪貼板中的內(nèi)容粘貼到文檔的左上角。
7、使用alt+拖動(dòng)方法復(fù)制圖片,將復(fù)制的圖片放到第一幅圖片的右邊。
8、重復(fù)第7步兩次,在前兩幅圖片的下面再粘貼兩幅圖片。
9、關(guān)閉網(wǎng)格線顯示,關(guān)閉snap to grid選項(xiàng)
10、選擇所有四幅圖片,使用命令modify->merge images。這一步是必須的,因?yàn)?之前選擇了所有圖片,所以四幅圖片被合并到一個(gè)圖片之中。
11、從工具箱中選擇橡皮圖章工具
12、首先處理左右兩邊圖片之間垂直方面上的接縫。在邊緣附近某一側(cè)離邊緣幾個(gè) 的源點(diǎn)在邊緣的哪一邊),將一個(gè)圖片的邊緣擴(kuò)展到另一個(gè)圖片的邊緣。 按住alt鍵重新設(shè)置橡皮圖章工具源點(diǎn)的位置。如果有必要,可以在選項(xiàng)面板中將橡皮圖
13、在對(duì)垂直接縫進(jìn)行模糊處理結(jié)束之后,按此法對(duì)水平接縫進(jìn)行模糊處理,根據(jù) 當(dāng)完成垂直方向和水平方向的接縫模糊處理之后,應(yīng)該得到無(wú)縫圖案,這一步完成 25.Fireworks中如何在不同的圖中使用同一種切割方法?
拷貝WEB層,把別的層鎖定,全選拷貝,打開(kāi)另一個(gè)圖,粘貼就可以了。
26.PNG格式有什么特點(diǎn)?
PNG格式的全稱(chēng)為“Portable Network Graphics (移植的網(wǎng)絡(luò)圖象文件格式 )”
優(yōu)點(diǎn):
1. 壓縮比率高,并且是無(wú)損壓縮,適合在網(wǎng)絡(luò)中傳播;
2. 具有8位、24位和32位三中色彩深度; 3.支持Alpha通道透明( 32位)和色彩索引透明( 8位);
缺點(diǎn):
1) 沒(méi)有動(dòng)畫(huà)功能;
2) 瀏覽器支持不理想,只有最新的主流瀏覽器才支持 目前最新的版本是于1996年10月W3C組織制定的。
27.FW中可不可以將彩色位圖轉(zhuǎn)成灰度圖?
Xtras->Adjust color->Hue/Salution,或者Effect面板 Adjust Color->Hue/Salution
將Salution選項(xiàng)調(diào)為0,或者在優(yōu)化面板GIf的色彩setting中選Grayscale,可以輸出灰度圖(Jpeg不支持)
28.怎樣把在FW4里做的網(wǎng)頁(yè)中一部分做成GIF格式,一部分做成JPG格式?
在Optimize面板中將一部分設(shè)置為gif格式,另一部分設(shè)置為jpg格式。
29.歷史記錄默認(rèn)的是只有20條,在哪里設(shè)置增加呢?
打開(kāi)Edit>refereces,在General選項(xiàng)中有undo steps選項(xiàng),調(diào)整即可,不過(guò)太大了,對(duì)內(nèi)存和硬盤(pán)都有要求,一般40-50即可。
30.如何使文字按照一定的路徑排列?
同時(shí)選擇文字和路徑,然后Text/Attach to Path。
31.如何矢量圖轉(zhuǎn)化為位圖?
用Modify-Convet to Bitmap可以將矢量圖轉(zhuǎn)化為位圖。
32.FW4做的下拉菜單在鼠標(biāo)離開(kāi)后消失得不太靈敏,怎么辦?
這個(gè)問(wèn)題可以通過(guò)修改fw_menu.js文件來(lái)解決,首先找到控制菜單顯示速度的以下 setTimeout("fwDoHide()", 1000)
(elapsed < 1000)
setTimeout("fwDoHide()", 1100-elapsed)
默認(rèn)的數(shù)值1000表示當(dāng)前的延遲時(shí)間是1秒,如果想將延遲時(shí)間修改為原來(lái)的一半, setTimeout("fwDoHide()", 500)
(elapsed < 500)
setTimeout("fwDoHide()", 550-elapsed) 以避免瀏覽者還沒(méi)有看清菜單內(nèi)容,菜單就消失了。 33.如何調(diào)用photoshop的濾鏡?
選擇Edit > Preferences 點(diǎn)Folders標(biāo)簽 ,選取photoshop_plug-ins,點(diǎn)Browse按鈕,選擇photoshop安裝目錄下的plug-in目錄,重新起動(dòng)fw4后, photoshop濾鏡就會(huì)出現(xiàn)在xtra菜單和effect面板中。
如果沒(méi)安裝PS的話(huà),可以將插件解壓到X:……\macromedia\fireworks 4\configuration\xtras目錄下,重新啟動(dòng)FW4即可。不過(guò)FW4只是支持部分PS的插件,我知道的主要有KPT6、KPT3、Eye Candy 4000、AVBrosPageCurl(用來(lái)卷頁(yè)的)。
34.如何改變顏色模式?
點(diǎn)Mixer面板右上角小箭頭的彈出菜單,可以選擇色彩模式,RGB為基本色,Hexademical是RGB的十六進(jìn)制,CMYK為印刷色(RGB的補(bǔ)色+純黑),HSB是色相/飽和度/亮度模式,Grayscale是灰級(jí)模式
35.在位圖模式下,選中一些像素,如何實(shí)現(xiàn)反向選擇?
Modify->Marquee->Select Inverse。
36.怎樣才能畫(huà)出圓角三角形?
1.用多邊形工具畫(huà)一個(gè)三角形.
2.選中這個(gè)三角形
3.選擇菜單Modify--Alter Path--Inset Path--將Direction選為Outside,寬度自己修改一個(gè)合適得值---Coner選為中間的那個(gè)圓角形---OK!
37.怎么樣才能實(shí)現(xiàn)跨幀共享圖層,一般用在什么地方?
圖層將 Fireworks 文檔分成了不同的平面,就如同不同的描摹圖紙重疊了一樣. 如果你需要一些對(duì)象的出現(xiàn)貫穿動(dòng)畫(huà)的始終,就可以把這些對(duì)象放到一個(gè)圖層上,然后選擇SHARE THIS LAYER即可。 得到反映。
提示:Web 層上只包含有切割對(duì)象和熱區(qū)對(duì)象,永遠(yuǎn)是跨幀共享的。
38.如何制作Commands?
firework中的commands都是由javascript編寫(xiě)的??梢杂腥N制作方法
1.用“History"浮動(dòng)面板生成commands::在歷史面板上,將有用的步驟選中,單擊右下角的保存按鈕,將文件保存為*.jsf文件,放在“command”目錄下的“creative“
2.用“batch process"生成批處理命令: 設(shè)置好批處理內(nèi)容后,但機(jī)對(duì)話(huà)框右下角的“script"按鈕,將文件保存。
3.自己編寫(xiě)自己的commands命令:可以用"Ultraedit"打開(kāi)*.jsf文件,了解firework中正確的編程方式。
做好了commands命令,就可以用“commands"菜單下的“batch a commad..."對(duì)大批的文件進(jìn)行你自己操作了。
fireworks網(wǎng)頁(yè)制作的實(shí)例:
曾經(jīng)使用過(guò)很多方法來(lái)實(shí)現(xiàn)。一種方法是在圖片上畫(huà)一個(gè)黑色的矩形,增加一個(gè)有織紋的白色邊框,然后創(chuàng)建一個(gè)整個(gè)物體的遮罩組(mask group)。它的效果很好,只是當(dāng)有很多線條時(shí),成型圖像的
將畫(huà)布的高和寬至少增加20像素。把它的顏色改為你所需要的背景色。
沿深青色圖片外邊畫(huà)第一個(gè)矩形,什么顏色bing并不重要,因?yàn)樗鼘⒈患舨玫?。按照?huà)布大小繪制第二個(gè)矩形,顏色與畫(huà)布背景色相同。將第二個(gè)矩形移到第一個(gè)矩形的后面。同時(shí)選中兩個(gè)矩形然后選擇修改(Modify)>聯(lián)合(Combine)>打孔(Punch)。這樣將在大矩形的中央得到一個(gè)與原圖形尺寸相同的孔。
如果你使用過(guò)Fireworks中打孔功能,你會(huì)知道任何一個(gè)加在圖形上的實(shí)時(shí)特效都會(huì)加在所打孔的邊框上。這包括筆觸(stroke),材質(zhì)(texture),及兩者的組合。我們正是利用這一特點(diǎn)來(lái)創(chuàng)建裝飾性邊框。
這樣一來(lái)線條的位置就非常重要。為確保其置于打孔區(qū)域之內(nèi),點(diǎn)選對(duì)象面板 (Object panel)上三個(gè)控制按鈕中的第一個(gè)。
以下示例可以使你對(duì)此法有些初步理解: