PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

今天@P大點S微博?教同學(xué)們臨摹一個QQ旋風(fēng)圖標,教程不難,重點是形狀工具的運用,已經(jīng)看到不少同學(xué)交作業(yè)了,你也來試試吧。

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

這個是原圖標

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

這個是我們的臨摹成果

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

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

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

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

添加一個1像素的描邊。

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

添加一個投影。

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

目前效果如下:

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

還是使用橢圓工具畫出內(nèi)部的這個圓。

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

給內(nèi)部的這個圓添加一個徑向漸變。

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

添加一個描邊。

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

添加一個內(nèi)陰影。

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

添加一個外發(fā)光,模擬原圖標灰色描邊外面的白色高光。

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

現(xiàn)在,我們得到如下的效果。

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

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

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

選擇矩形工具,畫個矩形,旋轉(zhuǎn)一下,減去。

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

畫個圓角矩形,增加。

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

復(fù)制圓角矩形,并旋轉(zhuǎn),調(diào)整大小。

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

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

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

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

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

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

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

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

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

添加一個投影。

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

再次復(fù)制一下箭頭圖層,修改一個錨點,調(diào)整成如下圖所示,我們來做那個浮雕效果。

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

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

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

勾選等高線。

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

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

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

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

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

現(xiàn)在,我們強化一下浮雕的效果,畫一個矩形,并將矩形的顏色填充設(shè)置為無顏色。

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

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

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

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

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

現(xiàn)在我們得到如下效果。

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

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

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

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

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

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

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

一樣的,添加一個投影。

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

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

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

添加一個漸變疊加。

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

添加一個斜面浮雕。

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

添加一個描邊。

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

添加一個內(nèi)陰影。

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

添加一個投影。

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

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

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

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

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

在這個指針圖層上層,圓圖層下層,設(shè)置前景色為#2e2e2e,畫一個矩形,旋轉(zhuǎn)一定角度,創(chuàng)建剪貼蒙版,用來構(gòu)成指針的立體面。

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

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

手把手教你打造現(xiàn)代風(fēng)格海報:
《AI+PS新手教程!手把手教你打造簡約現(xiàn)代的極簡海報》

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

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

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

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:2650232288@qq.com】

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

PS教程!手把手教你繪制一枚QQ旋風(fēng)圖標

收藏 1
點贊

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。