fbpx
Home » IPHONE相關, 程式網站設計

將任何圖片轉為Iphone Icon般的圓角圖片按鈕

2 Comments

touch-iconapple-touch-icon

有玩影像處理的都知道,iphone的圓角圖標若用PHOTOSHOP製作至少需要七八個步驟,因為它不止只是把圖片切圓角,他還用了類似凸面玻璃覆蓋在上面使之有透視感及立體感,所以現在出現了這個上傳圖片就可以轉成IPHONE型圖標的網站,實在相當不錯,讓我們看一下如何使用製作Iphone/iTouch Icon generator網址:

http://www.flavorstudios.com/iphone-icon-generator

ip1.jpg

進入後直接選到UPLOAD IMAGE開始製作,

Choose your button style有兩個選項選擇有框或無框

1.玻璃的反射度三種等級

2.有框的玻璃反射度三種等級

image manipulation影像裁切的處理

照片是用1.原比例縮小還是以2.裁出最大正方框的面積

background

也可自訂背景,條件是以GIF或PNG等背景原本是透明的圖片

ip2.jpg

選好只號就點選upload Your Image去選擇你要製作的圖片,而製作出來的如下圖若勾選Don`t display my icon!則製作出來的小徒不會顯示在右邊那支IPHONE裡面,可以預覽圖標在IPHONE裡的樣子,不過就算有也很快被洗掉了吧,使用的人太多

ip3.jpg

點選 Download Zipped Images可以把製做好的圖標下載,他會製作出256*256畫素及60*60的PNG兩張

以及用在網址圖標的ICO檔案48*48,32*32,16*16畫素的IICO檔案

完畢!!

line.png

其實這圓角圖片還可以做很多面的應用,比如你的FACEBOOK大頭照,PLURK,TWITTER大頭照,各論壇個人圖示,工具交給你,要怎麼創造各位各憑本事~~

xd21

Comments

comments

標籤: ,