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

          軟件下載吧

          當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > 圖標設計,模仿QQ旋風圖標實例

          圖標設計,模仿QQ旋風圖標實例

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

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

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

          先看看效果圖

          圖標設計,模仿QQ旋風圖標實例

          這個是原圖標

          圖標設計,模仿QQ旋風圖標實例

          這個是我們的臨摹成果

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

          圖標設計,模仿QQ旋風圖標實例

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

          圖標設計,模仿QQ旋風圖標實例

          添加一個1像素的描邊。

          圖標設計,模仿QQ旋風圖標實例

          添加一個投影。

          圖標設計,模仿QQ旋風圖標實例

          目前效果如下:

          圖標設計,模仿QQ旋風圖標實例

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

          圖標設計,模仿QQ旋風圖標實例

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

          圖標設計,模仿QQ旋風圖標實例

          添加一個描邊。

          圖標設計,模仿QQ旋風圖標實例

          添加一個內陰影。

          圖標設計,模仿QQ旋風圖標實例

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

          圖標設計,模仿QQ旋風圖標實例

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

          圖標設計,模仿QQ旋風圖標實例

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

          圖標設計,模仿QQ旋風圖標實例

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

          圖標設計,模仿QQ旋風圖標實例

          畫個圓角矩形,增加。

          圖標設計,模仿QQ旋風圖標實例

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

          圖標設計,模仿QQ旋風圖標實例

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

          圖標設計,模仿QQ旋風圖標實例

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

          圖標設計,模仿QQ旋風圖標實例

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

          圖標設計,模仿QQ旋風圖標實例

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

          圖標設計,模仿QQ旋風圖標實例

          添加一個投影。

          圖標設計,模仿QQ旋風圖標實例

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

          圖標設計,模仿QQ旋風圖標實例

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

          圖標設計,模仿QQ旋風圖標實例

          勾選等高線。

          圖標設計,模仿QQ旋風圖標實例

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

          圖標設計,模仿QQ旋風圖標實例

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

          圖標設計,模仿QQ旋風圖標實例

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

          圖標設計,模仿QQ旋風圖標實例

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

          圖標設計,模仿QQ旋風圖標實例

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

          圖標設計,模仿QQ旋風圖標實例

          現在我們得到如下效果。

          圖標設計,模仿QQ旋風圖標實例

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

          圖標設計,模仿QQ旋風圖標實例

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

          圖標設計,模仿QQ旋風圖標實例

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

          圖標設計,模仿QQ旋風圖標實例

          一樣的,添加一個投影。

          圖標設計,模仿QQ旋風圖標實例

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

          圖標設計,模仿QQ旋風圖標實例

          添加一個漸變疊加。

          圖標設計,模仿QQ旋風圖標實例

          添加一個斜面浮雕。

          圖標設計,模仿QQ旋風圖標實例

          添加一個描邊。

          圖標設計,模仿QQ旋風圖標實例

          添加一個內陰影。

          圖標設計,模仿QQ旋風圖標實例

          添加一個投影。

          圖標設計,模仿QQ旋風圖標實例

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

          圖標設計,模仿QQ旋風圖標實例

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

          圖標設計,模仿QQ旋風圖標實例

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

          圖標設計,模仿QQ旋風圖標實例

          最終效果圖

          圖標設計,模仿QQ旋風圖標實例

          標簽cuacq,圖標設計,ps網頁設計,photoshop,QQ

          相關下載

          查看所有評論+

          網友評論

          網友
          您的評論需要經過審核才能顯示

          公眾號

          主站蜘蛛池模板: 国产AV一区二区三区传媒| 波多野结衣一区视频在线| 日韩精品区一区二区三VR| 日本一道高清一区二区三区| 中文字幕日韩一区二区三区不 | 日韩精品一区二区三区老鸭窝| 精品免费AV一区二区三区| 日韩免费一区二区三区在线| 久久福利一区二区| 久久久久女教师免费一区| 国产精品伦子一区二区三区| 国产手机精品一区二区| 亚洲高清美女一区二区三区| 日韩精品无码一区二区三区AV| 内射一区二区精品视频在线观看| 日韩中文字幕精品免费一区| 久久精品无码一区二区无码| 国产激情视频一区二区三区| 久久国产一区二区三区| 久久精品岛国av一区二区无码| 无码日韩精品一区二区三区免费 | 国产在线观看一区二区三区精品| 精品无码人妻一区二区三区| 成人免费av一区二区三区| 久久无码AV一区二区三区| 中文字幕精品一区影音先锋| 国产亚洲一区二区三区在线不卡| 国产一区二区三区乱码在线观看 | 国产精品视频一区二区三区| 色窝窝无码一区二区三区成人网站| 亚洲啪啪综合AV一区| 国产一区二区三区在线观看精品| 一区二区三区免费视频网站| 一区二区三区电影在线观看| 无码av不卡一区二区三区| 人妻无码一区二区三区| 国产亚洲欧洲Aⅴ综合一区| 日韩AV无码一区二区三区不卡毛片| 精品一区二区三区四区| 骚片AV蜜桃精品一区| 一区二区不卡久久精品|