嗯,因為我在這次新版面的介紹文中說我有用CSS弄圓角效果,而剛好banner也用了圓角,所以有訪客以為那個也是CSS弄的...啊,真抱歉,我沒說清楚。其實banner的圓角是用PI做的,不是CSS哦!然後,也因為有朋友說我可以來寫一下教學,而且也願意看...於是我就寫了這一篇。
其實這個圓角教學已經有很多人寫過了,感覺我再寫的話有點老調重彈and小巫見大巫。不過,嗯...願意賞臉的訪客們就看看吧! 哈哈~ 希望看了之後,不會的人能夠覺得簡單易懂,而且一學就會! 這樣寫了才有用:p
基本配備:Photo Impact 軟體(我的是X3版,不過各版應該不會差太多)、滑鼠、鍵盤、螢幕 XD
那麼,教學就開始啦!(以下圖片皆可按下看原圖哦~)
Step 1. 開新檔案,選擇透明背景,並設定你要的圖片大小,此範例為900x180。
按下確定之後,就會開啟一個如下圖的檔案。
Step 2. 在左邊的工具列的第四個工具中,選擇路徑繪圖工具。設定你想要的顏色,並按下人形圖樣,選擇第一排中間的圖案。
Step 3. 如下圖,選好形狀之後,在畫面上拉出一個寬為900的圖形。至於高的話可以隨便拉,我都會拉到在畫面上看不到圖形底部的圓角為止。
Step 4. 圖形拉好後,在右邊會有路徑圖形的設定視窗。將「調整圓角程度」的數值依你的喜好來設定。
數值越大,圓角就越大。此範例是設為20。
Step 5. 如此一來,圓角圖形就完成啦!存檔時請存成png或gif檔,這樣圓角外面才會是透明的哦!(我的習慣是存成png,因為存gif出來的圖片品質比較差)
以下是在完成的圓角圖形上蓋圖案的教學,想看的人再往下吧!
Step 6. 圖形完成之後,選取它並按下右鍵,在「轉換物件類型」中,將圖形轉成影像。
Step 7. 在左邊的工具列中選擇筆刷。
Step 8. 然後設定好你要的顏色、筆刷樣式以及筆刷大小。
Step 9. 接著就可以開始像蓋印章一樣的蓋筆刷啦!記得將柔邊的數值調成0,這樣筆刷的邊緣才不會變成模糊的哦!
Step 10. 完成啦!哈哈!因為筆刷我是亂蓋的,所以左右的距離沒調好,不過作法大致上就是這樣啦。記得,完成品一樣要存成png或gif檔哦~
以上,教學完畢。希望這是篇有用的文章,哈哈。PI高手們,我獻醜了~~~
- 自訂Firefox工具列 - 也能像chrome一樣乾淨哦! (100%)
- Twitter|讓你想說就說 (3.1%)
- 分享|用MSN聊天,讓你當慈善家 (3.1%)
- 分享|很酷的Widget工具 (3.1%)
- 分享|高質感的cursor (3.1%)


![訂閱[想像的國度]](http://ibeeer.com/wp-content/themes/Imagine-World/images/rss.gif)
![訂閱[想像的國度]](http://img.ibeeer.com/rss_m.png)
![[想像的國度] [想像的國度]](http://zh.sitebro.com/img/b/stick_sitebro.png)




![訂閱 [想像的國度]](http://ibeeer.com/rss-z.gif)




![訂閱[想像的國度]](http://img.ibeeer.com/rss_m.jpg)











Leona
先來幫你鼓掌一下,寫得很好啊我覺得
讚的讚的,我要叫我爸幫我灌一下PI
因為之前沒用移除了XD 科科科....
tony
感覺PI跟PS的關係就像illustrator跟CD的關係呢!
PI滿方便的呢~
話說...上一次用PI應該是小學電腦客了...
馬諦斯
我比較習慣用 Fireworks
Fireworks 做圓角也蠻容易的
妳都用什麼軟體做截圖陰影??
Leona
Beer我想請問你喔
如果我是想拿現成素材來做像上頭的圓角banner 那該怎麼弄啊
我剛開photoimpact研究了好一下...>////<
Leona
我有試了,有成功。不過剪or複製之後要另存到哪裡啊?
因為我有剪下後又開新網頁貼上,結果變成灰階圖像了:p
Leona
Beer,我知道問題在哪裡了...
是我自己豬頭,去按到灰階按鈕
剛剛我選全彩就好了...歹勢>///<
阿閎
Beer 寫的真詳細,自己操作過一遍,變成了圓角圖了,以前還在煩惱說怎麼用圓角圖呢