Zi 字媒體

Photoshop設計時尚立體感的下載圖標 這一次的教學是屬於PS教程領域中的設計教程的相關教學。 文章出處是來自站酷的PS教程類文章，寫教學的作者是Delacro，感謝Delacro提供設計教程的實作教學。 教學大綱: 作者製作圖標的思路非常不錯。過程：先用形狀工具把圖標分層做出來，可填充初步的顏色，然後分別加上圖層樣式做出質感及立體感即可。 設計教程教學開始 最終效果 1、新建大小自定的畫布。選擇圓角矩形工具創建一個120 * 120像素的形狀置於畫布正中央，圓角尺寸20像素，色值#78c549，命名為“底板”。 Ctrl + J 複製底板層，改變色值為#378404，命名為厚度，Ctrl + [將此層置於底板層的下面。 按下A鍵用直接選擇工具選中底板層下面圓角的4個錨點，上移3個像素，露出厚度層。 同樣用直接選擇工具選中厚度層上面圓角的4個錨點，下移3個像素，防止兩層圓角邊緣像素疊加造成鋸齒感。 2、新建一層，命名為進度條背景，選擇橢圓工具，按住Shift鍵畫出一個90 * 90像素的正圓，與底板層居中對齊，色值為純黑色。 用路徑選擇工具選中進度條背景的路徑，複製粘貼后Ctrl + T ，將粘貼得到的路徑縮小到70* 70像素，並將屬性改為減去頂層形狀，這樣就做出一個圓環。 3、Ctrl + J 複製進度條背景層，色值改為#ffd200，將外圈的路徑縮小為86 * 86像素，內圈的路徑擴大到74 * 74像素，命名為進度條。 畫一個矩形路徑，將進度條減去1/4，並用兩個圓形路徑補上斷掉的兩頭。 4、下面開始畫箭頭，首先用矩形工具畫一個40 * 40像素的矩形，接着用鋼筆工具畫一個28 * 16像素的三角形，並將這兩個形狀的路徑放在一個圖層里。 5、好了，框架我們全搭好了，該給樣式了。如果對路徑的操作還不是太熟悉的話，可以去看看相關的教程。 最終效果： — — 文章永久連結為: Photoshop設計時尚立體感的下載圖標 精華推薦 【 設計教學 】23款WEB設計師必備的英文字體下載 【 PS創意設計 】Photoshop設計藍色質感的網頁下載按鈕 【 PS創意設計 】Photoshop製作文藝女裝淘寶全屏海報教程 【 PS創意設計 】Photoshop設計創意的產品宣傳海報教程 【 PS創意設計 】Photoshop設計藍色風格的酷狗軟件圖標教程 【 PS創意設計 】Photoshop設計時尚的照相機軟件圖標教程 【 PS創意設計 】Photoshop設計頹廢風格的軟件APP圖標 【 PS創意設計 】Photoshop設計奶酪和盤子組成的APP軟件圖標