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