fireworks制作圖片圓角
使用圓角矩形作為蒙版,可以輕松的把圖片變成圓角形狀.下面學(xué)習(xí)啦小編跟分享了更多關(guān)于fireworks制作 圖片圓角,希望你喜歡。
一、效果圖對(duì)比:
1.普通矩形圖片:
2.圓角樣式的矩形圖片:
fireworks制作圖片圓角的方法步驟:
首先啟動(dòng)Macromedia Fireworks,編輯我們要處理的普通矩形圖片,獲取圖片大小數(shù)據(jù),比如我們這里的樣圖的寬為500、高為80;
在fireworks中點(diǎn)擊“文件”——“新建”,創(chuàng)建一個(gè)新文件,在跳出來(lái)的對(duì)話框里修改參數(shù),將剛才獲得的普通矩形圖片的數(shù)據(jù)(寬:500、高:80)填入相應(yīng)區(qū)域,并在“畫(huà)布顏色”的選擇上勾選“透明”,操作截圖如下:
在fireworks工具欄的“矢量”區(qū)域,選擇“圓角矩形”,操作截圖如下:
在fireworks的圖片編輯界面拉一個(gè)圓角矩形,接著到編輯界面下方的“屬性”修改圓角矩形的屬性。將寬填寫(xiě)為500,高為80,X和Y均為0,“填充類(lèi)別”選擇“無(wú)”,在“描邊顏色”選擇區(qū)域選擇“黑色”,操作截圖如下:
然后返回到“普通矩形圖片”的編輯界面,在圖片處鼠標(biāo)右擊選擇“編輯”——“復(fù)制”;
在fireworks中返回到“新建的圓角矩形圖片”的編輯界面,用鼠標(biāo)點(diǎn)中“圓角矩形圖片”,然后鼠標(biāo)右擊,“編輯”——“粘貼于內(nèi)部”,操作截圖如下:
粘貼成功后,大體上就大功告成了,用鼠標(biāo)點(diǎn)擊圖片之后,在圖片的四周回出現(xiàn)黃色的小點(diǎn),操作截圖如下:
在fireworks中用鼠標(biāo)點(diǎn)擊這些小點(diǎn),并進(jìn)行移動(dòng),可以調(diào)整圓角的大小;
最后在操作界面右邊的“優(yōu)化”一欄中進(jìn)行選擇,圖片格式選擇GIF,然后在該面板的最后一項(xiàng)中選擇“Alpha透明色”,這樣導(dǎo)出來(lái)的圖片背景色就為透明色了,如果選擇了JPEG格式,則最終導(dǎo)出的圖片背景色為白色!
完成,讓我們最后再來(lái)看一下我們的成品效果吧!