UI設計—時鐘圖標

時鐘圖標設計

（1）新建文件夾。打開photoshop軟體，通過快捷鍵「Ctrl+N",新建文檔，設置文檔畫面尺寸為」500px X 500px"，解析度為150dpi",色彩模式為RGB「。完成後單擊」確定「按鈕，如圖2-1所示。

圖 2-1 新建文檔

（2）圖標陰影。新建圓角矩形形狀圖層，選擇」漸變「工具，在彈出的對話框中把」漸變「的顏色分別設定為」#f6f6f6, #e2e3e5, #c1cfd1" 如圖2-2所示，「投影」參數根據圖2-3所示設置，「內陰影"參數設置根據圖2-4所示設置。

圖2-2 漸變參數設置

圖 2-3 投影參數設置

圖 2-4 內陰影參數設置

（3）繪製漸變圓形。使用橢圓形狀工具，點擊圖像後按住「Shift"鍵，新建一個正圓形狀圖層，選擇」漸變「工具，在彈出的對話框中把」漸變「的顏色分別設定為」#f6f6f6, #e2e3e5, #c1cfd1" 如圖2-5所示。」描邊「參數設置根據圖2-6所示設置。

圖 2-5 漸變參數設置

圖 2-6 描邊參數設置

（4）繪製圓角矩形圖層。選擇工具欄中的形狀工具，長按下拉選擇」圓角矩形工具「，在選擇欄中選擇工具的模式為」形狀「，顏色填充為」#464646「，半徑為」39像素「。在圖層面板中使用」Ctrl+J" 快捷鍵，複製該圖層，使用工具欄中的路徑選擇工具選擇並按「Ctrl+T" 自由變換快捷鍵，調整其大小。

（5）繪製中心圓點。選擇工具欄中的形狀工具，長按下拉選擇」橢圓矩形工具「，在選擇欄中選擇工具的模式為」形狀「，顏色填充為」#ff5105「，半徑為」39像素「。在圖層面板中使用」Ctrl+J" 快捷鍵，複製該圖層，使用工具欄中的路徑選擇工具選擇並按「Ctrl+T" 自由變換快捷鍵，調整其大小，顏色填充為」#000000「。

（6）繪製秒針。選擇自定義形狀工具，選擇秒針形狀，顏色填充為」#ff5105「，調整其位置。最後形狀為圖2-7所示。

圖 2-7所示

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！