• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 PS電腦繪圖 】Photoshop繪製藍色立體效果的QQ旋風圖標




    Photoshop繪製藍色立體效果的QQ旋風圖標

    這一次的教學是屬於PS教程領域中的鼠繪教程的相關教學。

    文章出處是來自P大點S的PS教程類文章,寫教學的作者是cuacq,感謝cuacq提供鼠繪教程的實作教學。

    教學大綱:

    教程不難,重點是形狀工具的運用,已經看到不少同學交作業了,你也來試試吧。有不懂的朋友可以下載PSD文件研究,下面就開始教程的繪製吧。


    鼠繪教程教學開始

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

    教程源文件:超酷的藍色下載圖標PSD源文件

    先看看效果圖

    Photoshop繪製藍色立體效果的QQ旋風圖標

    這個是原圖標

    Photoshop繪製藍色立體效果的QQ旋風圖標

    這個是我們的臨摹成果

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

    Photoshop繪製藍色立體效果的QQ旋風圖標

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

    Photoshop繪製藍色立體效果的QQ旋風圖標

    添加一個1像素的描邊。

    Photoshop繪製藍色立體效果的QQ旋風圖標

    添加一個投影。

    Photoshop繪製藍色立體效果的QQ旋風圖標

    目前效果如下:

    Photoshop繪製藍色立體效果的QQ旋風圖標

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

    Photoshop繪製藍色立體效果的QQ旋風圖標

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

    Photoshop繪製藍色立體效果的QQ旋風圖標

    添加一個描邊。

    Photoshop繪製藍色立體效果的QQ旋風圖標

    添加一個內陰影。

    Photoshop繪製藍色立體效果的QQ旋風圖標

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

    Photoshop繪製藍色立體效果的QQ旋風圖標

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

    Photoshop繪製藍色立體效果的QQ旋風圖標

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

    Photoshop繪製藍色立體效果的QQ旋風圖標

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

    Photoshop繪製藍色立體效果的QQ旋風圖標

    畫個圓角矩形,增加。

    Photoshop繪製藍色立體效果的QQ旋風圖標

    複製圓角矩形,並旋轉,調整大小。

    Photoshop繪製藍色立體效果的QQ旋風圖標

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

    Photoshop繪製藍色立體效果的QQ旋風圖標

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

    Photoshop繪製藍色立體效果的QQ旋風圖標

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

    Photoshop繪製藍色立體效果的QQ旋風圖標

    複製一層這個箭頭圖層,並將填充更改為0,下移一定的像素,並將其置於箭頭圖層的下層,添加一個顏色疊加。

    Photoshop繪製藍色立體效果的QQ旋風圖標

    添加一個投影。

    Photoshop繪製藍色立體效果的QQ旋風圖標

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

    Photoshop繪製藍色立體效果的QQ旋風圖標

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

    Photoshop繪製藍色立體效果的QQ旋風圖標

    勾選等高線。

    Photoshop繪製藍色立體效果的QQ旋風圖標

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

    Photoshop繪製藍色立體效果的QQ旋風圖標

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

    Photoshop繪製藍色立體效果的QQ旋風圖標

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

    Photoshop繪製藍色立體效果的QQ旋風圖標

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

    Photoshop繪製藍色立體效果的QQ旋風圖標

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

    Photoshop繪製藍色立體效果的QQ旋風圖標

    現在我們得到如下效果。

    Photoshop繪製藍色立體效果的QQ旋風圖標

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

    Photoshop繪製藍色立體效果的QQ旋風圖標

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

    Photoshop繪製藍色立體效果的QQ旋風圖標

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

    Photoshop繪製藍色立體效果的QQ旋風圖標

    一樣的,添加一個投影。

    Photoshop繪製藍色立體效果的QQ旋風圖標

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

    Photoshop繪製藍色立體效果的QQ旋風圖標

    添加一個漸變疊加。

    Photoshop繪製藍色立體效果的QQ旋風圖標

    添加一個斜面浮雕。

    Photoshop繪製藍色立體效果的QQ旋風圖標

    添加一個描邊。

    Photoshop繪製藍色立體效果的QQ旋風圖標

    添加一個內陰影。

    Photoshop繪製藍色立體效果的QQ旋風圖標

    添加一個投影。

    Photoshop繪製藍色立體效果的QQ旋風圖標

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

    Photoshop繪製藍色立體效果的QQ旋風圖標

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

    Photoshop繪製藍色立體效果的QQ旋風圖標

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

    Photoshop繪製藍色立體效果的QQ旋風圖標

    最終效果圖

    Photoshop繪製藍色立體效果的QQ旋風圖標

    — —

    文章永久連結為: Photoshop繪製藍色立體效果的QQ旋風圖標