今天@P大點S微博?教同學們臨摹一個QQ旋風圖標，教程不難，重點是形狀工具的運用，已經看到不少同學交作業了，你也來試試吧。

這個是原圖標

這個是我們的臨摹成果

背景的創建沒什么好說的，只是漸變，然后加了個圖案而已。文檔大小的話，請隨意，本人用的1500*1000像素。首先，我畫了水平居中和垂直居中兩條參考線，方便等會的對齊，選擇橢圓工具，畫一個圓。

為這個圓添加一個漸變疊加。

添加一個1像素的描邊。

添加一個投影。

目前效果如下：

還是使用橢圓工具畫出內部的這個圓。

給內部的這個圓添加一個徑向漸變。

添加一個描邊。

添加一個內陰影。

添加一個外發光，模擬原圖標灰色描邊外面的白色高光。

現在，我們得到如下的效果。

下面，開始畫那個下載的箭頭圖標，首先，畫個圓，再畫個橢圓減去。

選擇矩形工具，畫個矩形，旋轉一下，減去。

畫個圓角矩形，增加。

復制圓角矩形，并旋轉，調整大小。

畫個三角形，把中間空白的位置補上。

合并形狀組件，并添加一個圖層蒙版，用畫筆涂抹，讓箭頭圖標的左邊跟原圖標一樣，有個透明度。

為這個箭頭添加一個漸變疊加。

復制一層這個箭頭圖層，并將填充更改為0，下移一定的像素，并將其置于箭頭圖層的下層，添加一個顏色疊加。

添加一個投影。

再次復制一下箭頭圖層，修改一個錨點，調整成如下圖所示，我們來做那個浮雕效果。

將這個圖層的填充更改為0，添加一個斜面和浮雕。

勾選等高線。

復制這個添加了斜面浮雕的圖層，將圖層顏色更改為白色，將填充更改為10%。

在屬性面板中，為這個形狀羽化10像素，讓其邊緣平滑過渡。

現在，我們強化一下浮雕的效果，畫一個矩形，并將矩形的顏色填充設置為無顏色。

為這個矩形添加一個漸變疊加。

將圖層不透明度更改為40%。

現在我們得到如下效果。

下面，我們開始畫那些刻度。我們首先來畫這個長的刻度，設置前景色為#12c8ff，畫一個矩形，CTRL+T，設置中心點為畫布的中心，旋轉30度，CTRL+ALT+SHIFT+T，得到如下效果。

為這個刻度條添加一個投影。

接下來，我們畫短的刻度，跟剛才是一樣的操作的，只是旋轉角度更改為7.5度，刪除掉跟長的刻度重疊的部分。

一樣的，添加一個投影。

下面，我們來畫指針，首先，用橢圓工具畫出中間那個圓。

添加一個漸變疊加。

添加一個斜面浮雕。

添加一個描邊。

添加一個內陰影。

添加一個投影。

在圓的圖層下層，設置前景色為#000000，畫一個三角形的指針，用矩形刪掉一個錨點，輕而易舉可以得到一個等腰的三角形。

為指針圖層添加一個投影。

在這個指針圖層上層，圓圖層下層，設置前景色為#2e2e2e，畫一個矩形，旋轉一定角度，創建剪貼蒙版，用來構成指針的立體面。

【P大點S精品教程合集】

手把手教你打造現代風格海報：
《AI+PS新手教程！手把手教你打造簡約現代的極簡海報》

給新手小白的Photoshop形狀指南！
《超實用！PHOTOSHOP基礎形狀新手入門指南全科普！》

教你繪制逼真寫實的黑板粉筆字：
《PS教程！手把手教你繪制效果逼真的黑板粉筆字》

原文地址：tieba.baidu
作者：@P大點S微博

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量97萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：