網際網路的Ui設計師,經常用Photoshop繪製各種icon,其中包括:app介面首頁標籤欄的3-5個icon,還有手機桌面的設定icon,照相機icon,聯絡人icon,電話icon,資訊icon。下面演示一下:如何用Photoshop繪製三星手機介面的設定icon
工具/原料
電腦一臺,安裝Photoshop cs5以上版本的軟體。
方法/步驟
雙擊桌面ps圖示,開啟Photoshop。
新建畫布,在畫布上繪製3個圓形。調整尺寸,對齊中心。效果如下:
在畫布上繪製一個圓角矩形。調整尺寸和位置。效果如下:
選擇圓角矩形,按住快捷鍵ctrl+t,拖動旋轉中心和畫布中心重疊,設定旋轉角度為45度。效果如下:
按住快捷鍵,Ctrl+Shift+T,可以旋轉物件。
按住快捷鍵,Alt+Ctrl+Shirt+T,可以邊旋轉邊複製物件。
多次複製之後,效果如下:
把圖層的背景色顏色填充青色。效果如下:
把圖層中的圓形和矩形,進行布林預算,填充白色,描邊去掉。效果如下:
這樣就完成了設定icon的繪製。下圖左邊是三星手機介面的截圖,下圖右邊是我剛用Photoshop繪製的設定icon。兩邊的設定icon,簡直一模一樣。
注意事項
請安裝Photoshop cs5以上版本。因為低版本的ps軟體,形狀圖層自帶蒙版,不能進行布林運算。