Photoshop怎么繪制手機(jī)中的設(shè)置圖標(biāo)?
我要評(píng)論互聯(lián)網(wǎng)的Ui設(shè)計(jì)師，經(jīng)常用Photoshop繪制各種icon，其中包括：app界面首頁標(biāo)簽欄的3-5個(gè)icon，還有手機(jī)桌面的設(shè)置icon，照相機(jī)icon，聯(lián)系人icon，電話icon，信息icon。下面演示一下：如何用Photoshop繪制三星手機(jī)界面的設(shè)置icon。
1、雙擊桌面ps圖標(biāo)，打開Photoshop。
2、新建畫布，在畫布上繪制3個(gè)圓形。調(diào)整尺寸，對(duì)齊中心。效果如下：
3、在畫布上繪制一個(gè)圓角矩形。調(diào)整尺寸和位置。效果如下：
4、選擇圓角矩形，按住快捷鍵ctrl+t，拖動(dòng)旋轉(zhuǎn)中心和畫布中心重疊，設(shè)置旋轉(zhuǎn)角度為45度。效果如下:
5、按住快捷鍵，Ctrl+Shift+T，可以旋轉(zhuǎn)對(duì)象。按住快捷鍵，Alt+Ctrl+Shirt+T，可以邊旋轉(zhuǎn)邊復(fù)制對(duì)象。多次復(fù)制之后，效果如下：
6、把圖層的背景色顏色填充青色。效果如下：
7、把圖層中的圓形和矩形，進(jìn)行布爾預(yù)算，填充白色，描邊去掉。效果如下：
8、這樣就完成了設(shè)置icon的繪制。下圖左邊是三星手機(jī)界面的截圖，下圖右邊是我剛用Photoshop繪制的設(shè)置icon。兩邊的設(shè)置icon，簡(jiǎn)直一模一樣。
注意事項(xiàng)：
請(qǐng)安裝Photoshop cs5以上版本。因?yàn)榈桶姹镜膒s軟件，形狀圖層自帶蒙版，不能進(jìn)行布爾運(yùn)算。
相關(guān)推薦：
Photoshop怎么制作白色透明的ico圖標(biāo)?
Photoshop怎么繪制鐵人三項(xiàng)中騎自行車項(xiàng)目的小圖標(biāo)?
相關(guān)文章
Photoshop制作精致的白色透明的ico圖標(biāo)
這篇教程是向腳本之家的朋友分享Photoshop制作精致的白色透明的ico圖標(biāo)方法，教程制作出來的圖標(biāo)非常漂亮，推薦到腳本之家，喜歡的朋友可以參考本文2016-07-27Photoshop怎么制作白色透明的ico圖標(biāo)?
Photoshop怎么制作白色透明的ico圖標(biāo)？網(wǎng)站需要ico圖標(biāo)，該怎么制作呢？下面我們就來看看將普通圖片制作成ico圖標(biāo)的教程，很簡(jiǎn)單，需要的朋友可以參考下2016-07-18
Photoshop利用風(fēng)濾鏡和涂抹工具制作大氣的立體足球場(chǎng)圖標(biāo)
今天小編教大家使用Photoshop利用風(fēng)濾鏡和涂抹工具制作大氣的立體足球場(chǎng)圖標(biāo)，教程很簡(jiǎn)單，喜歡的朋友可以一起來學(xué)習(xí)2016-07-01Photoshop簡(jiǎn)單制作禁止拍照?qǐng)D標(biāo)
這篇教程是向腳本之家的朋友分享Photoshop簡(jiǎn)單制作禁止拍照?qǐng)D標(biāo)方法，教程制作出來的效果非常不錯(cuò)，值得大家學(xué)習(xí)，推薦過來，一起來學(xué)習(xí)吧2016-06-28Photoshop制作漂亮立體的膠卷icon圖標(biāo)
這篇教程是向腳本之家的朋友分享Photoshop制作漂亮立體的膠卷icon圖標(biāo)方法，教程制作出來的圖標(biāo)非常漂亮，難度不是很大，值得大家學(xué)習(xí)，推薦過來，一起來學(xué)習(xí)吧2016-06-20
Photoshop利用圖層樣式快速制作一個(gè)剔透的玉石掛墜圖標(biāo)
今天小編教大家使用Photoshop的圖層樣式快速制作一個(gè)剔透的玉石掛墜圖標(biāo)，教程很簡(jiǎn)單，喜歡的朋友可以一起來學(xué)習(xí)2016-06-14Photoshop繪制雅致潔白的立體掛飾空調(diào)圖標(biāo)
今天小編為大家介紹Photoshop繪制雅致潔白的立體掛飾空調(diào)圖標(biāo)方法，教程繪制出來的圖標(biāo)非常漂亮，繪制方法并不是很難，值得大家學(xué)習(xí)，推薦到腳本之家，來看看吧2016-06-12用Photoshop制作一個(gè)圓形的音樂圖標(biāo)按鈕
這篇教程是向腳本之家的朋友分享用Photoshop制作一個(gè)圓形的音樂圖標(biāo)按鈕方法，教程制作出來的按鈕非常漂亮，推薦到腳本之家，來看看吧2016-06-05
Photoshop利用畫筆和圖層樣式制作著名游戲中的綠豬圖標(biāo)
今天小編教大家使用畫筆和圖層樣式制作著名游戲中的綠豬圖標(biāo)教程，教程不算復(fù)雜，喜歡的朋友可以一起來學(xué)習(xí)2016-05-24- 這篇教程是向腳本之家的朋友分享Photoshop制作一個(gè)視頻UI圖標(biāo)方法，教程制作出來的圖標(biāo)非常漂亮，難度不是很大，推薦過來，來看看吧2016-05-22
