Zi 字媒體

Photoshop設計立體風格的旋轉式圖標教程 這一次的教學是屬於PS教程領域中的鼠繪教程的相關教學。 文章出處是來自站酷的PS教程類文章，寫教學的作者是全棧UI筆記，感謝全棧UI筆記提供鼠繪教程的實作教學。 教學大綱: 在製作教程之前我們要先分析一下效果圖應該如何來完成，教程主要分為三個部分：底座、外圓、內圓，其它問題都不大，主要是外圓部分，大部分的地區需要用到多個圖層來繪製線條，然後使用圖層樣式來完成，感興趣的朋友一起來學習吧。 鼠繪教程教學開始 教程源文件和視頻教程：綠色漸變風格的播放器圖標PS教程素材 最終效果： 下面是教程開始 步驟一：首先新建畫布900px*900px畫布，命名為播放按鈕，為背景添加顏色#3d3835。 步驟二：使用圓角矩形工具、繪製一個615px*615px圓角半徑為90px底座，並為它添加圖層樣式。 步驟三：接下來繼續使用橢圓工具、繪製一個400px的正圓，並為它添加圖層樣式。 步驟四：在繪製一下底座的線條吧，選擇直線工具繪製一條長度30px粗細1px的直線吧，顏色為#818181。 步驟五：複製直線執行自由變換命令，調整中心點至畫布中心，旋轉15度，並執行重複上一命令並複製操作shift+ctrl+alt+t複製出另外餘下的直線段，並添加一下圖層樣式吧。 步驟六：接下來使用橢圓工具、繪製一個330px*330px的正圓，並為它添加圖層樣式。 步驟七：我們繼續使用橢圓工具、繪製一個260px的正圓，並為它添加圖層式。 步驟八：現在繼續繪製一下底座的線條吧，選擇直線工具繪製一條長度8px粗細1px的直線吧，顏色為#898989。 步驟九：複製直線執行自由變換命令，調整中心點至畫布中心，旋轉15度，並執行重複上一命令並複製操作shift+ctrl+alt+t複製出另外餘下的直線段。 步驟十：重複上面步驟繪製長度32px粗細1px的直線吧，顏色為#898989，並複製旋轉90度。 步驟十一：現在我們來繪製內圓的部分，用橢圓工具、繪製一個170px*170px的正圓，並為它添加圖層樣式。 步驟十二：繼續繪製內圓的部分，用橢圓工具、繪製一個130px*130px的正圓，並為它添加圖層樣式。 步驟十三： 現在我們來繪製最後一個小圓吧，用橢圓工具、繪製一個15px*15px的正圓，顏色為#60a500並為它添加圖層樣式，複製小圓，將顏色改為#fe0000，放到合適的位置就完成這個案例了哦。 –本文轉載自 http://www.missyuan.net 教學網 — 文章永久連結為: Photoshop設計立體風格的旋轉式圖標教程