下載吧 - 綠色安全的游戲和軟件下載中心

          軟件下載吧

          當(dāng)前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > 圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

          時間:2024-03-07 16:31作者:下載吧人氣:29

          本教程主要使用Photoshop繪制藍色立體效果的軟件下載圖標(biāo),教程不難,重點是形狀工具的運用,已經(jīng)看到不少同學(xué)交作業(yè)了,你也來試試吧。有不懂的朋友可以下載PSD文件研究,下面就開始教程的繪制吧。

          教程源文件鏈接:http://pan.baidu.com/s/1jGrKMiU 密碼:j09o

          先看看效果圖

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

          這個是原圖標(biāo)

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

          這個是我們的臨摹成果

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

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

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

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

          添加一個1像素的描邊。

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

          添加一個投影。

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

          目前效果如下:

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

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

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

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

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

          添加一個描邊。

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

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

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

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

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

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

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

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

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

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

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

          畫個圓角矩形,增加。

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

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

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

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

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

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

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

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

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

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

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

          添加一個投影。

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

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

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

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

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

          勾選等高線。

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

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

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

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

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

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

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

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

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

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

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

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

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

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

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

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

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

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

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

          一樣的,添加一個投影。

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

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

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

          添加一個漸變疊加。

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

          添加一個斜面浮雕。

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

          添加一個描邊。

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

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

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

          添加一個投影。

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

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

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

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

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

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

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

          最終效果圖

          圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例

          標(biāo)簽cuacq,圖標(biāo)設(shè)計,ps網(wǎng)頁設(shè)計,photoshop,QQ

          相關(guān)下載

          查看所有評論+

          網(wǎng)友評論

          網(wǎng)友
          您的評論需要經(jīng)過審核才能顯示

          公眾號

          主站蜘蛛池模板: 国模私拍一区二区三区| 亚洲一区二区三区免费观看| 日本不卡在线一区二区三区视频| 国产一区二区三区四| 中文字幕一区二区三区日韩精品 | 日韩AV无码久久一区二区| 国产乱码精品一区二区三区中文| 国产一区视频在线| 日韩在线观看一区二区三区| 国内国外日产一区二区| 日韩毛片基地一区二区三区| 国产一区二区三区小向美奈子| 中文字幕一区视频一线| 天海翼一区二区三区高清视频| 国产av天堂一区二区三区| 成人精品一区二区不卡视频| 国产精品毛片一区二区| 在线|一区二区三区| 精品无码一区二区三区在线| 国产精品福利一区二区| 国产成人AV一区二区三区无码| 色精品一区二区三区| 夜夜精品视频一区二区| 亚洲av无码片区一区二区三区| 国产一区二区三区91| 国产婷婷色一区二区三区| 国产亚洲一区二区三区在线不卡| 成人毛片一区二区| 国产成人一区二区动漫精品| 亚洲av无码片vr一区二区三区| 国产福利91精品一区二区三区| 亚洲AV成人一区二区三区AV| 日本亚洲成高清一区二区三区| 中文字幕精品一区| 色久综合网精品一区二区| 亚洲午夜精品一区二区| 国产精品香蕉一区二区三区| 波多野结衣AV一区二区三区中文| 国产伦精品一区二区三区免.费| 国产日韩精品一区二区在线观看 | 日本不卡一区二区视频a|