當前位置:首頁>ps實例教程>ps制作實例>背景壁紙>教程內(nèi)容

Photoshop CS3教程:用PS制作Vista形象透明精彩壁紙

來源:不詳 作者:佚名 學習:798人次
Photoshop CS3教程:用PS制作Vista形象透明精彩壁紙作者:TnG 來源:PConline
 學習要點:通過觀察可以看出,壁紙中幾個漂亮的彩球其實都是類似的,因此我們只要制作出其中一個,其他的可以通過復制并調(diào)色輕松得到。仔細觀察單個彩球,我們可以發(fā)現(xiàn)它其實是由多個不同的色彩漸變組合而成的。而在Photoshop中實現(xiàn)這樣的漸變效果是比較容易的。

  制作思路:首先通過反復的漸變疊加獲得通透球體的效果,然后復制、調(diào)色并組合球體,從而得到最終效果。好了,下面我們以Photoshop CS3作為示范,介紹具體的制作方法(其他版本的Photoshop,某些操作可能與CS3有些差異)。



  效果圖

  1、將工具欄調(diào)色板中的背景色設置為171D37,選擇菜單“文件>新建”,在“新建”對話框中,指定圖像文檔的分辨率:72像素/英寸,背景內(nèi)容:背景色。圖像的寬度和高度可按自己的需要設置。這里以寬度:1024像素,高度:768像素為例進行操作。



  圖1:新建圖像文檔

  2、我們以繪制藍色球體為例,介紹球體的制作方法。新建一個圖層,命名為“藍球”。在工具欄中選擇“橢圓選框工具”(快捷鍵Shift M),按住Shift鍵,拖動鼠標繪制一個正圓選區(qū)(選區(qū)可稍大些,其他色球?qū)⒁源藶樗{本進行縮。,并使用油漆桶工具填充(任意色彩均可,本例中使用白色填充)。取消圓形選區(qū)(快捷健Ctrl D)。







  圖2:繪制球體并填充色彩

  3、雙擊“藍球”圖層打開圖層樣式對話框。勾選“漸變疊加”并做如下設置:將“角度”設置為-75,點擊“漸變”色條,彈出漸變編輯器,按圖4所示,定義一個藍色漸變。應用圖層樣式后,得到圖5的結果。



  圖3:設置“漸變疊加”圖層樣式

  圖4:編輯漸變色彩(從左到右三點色彩值:09339f, 0569bf, 09a4dc)


  圖5:應用漸變疊加后的效果


  4、新建一個圖層“漸變1”,在該圖層上繪制橢圓選區(qū),并填充選區(qū)(任意色彩均可),取消圓形選區(qū)(快捷健Ctrl D)。在圖層面板上,將圖層“漸變1”的“填充”由100%改為0%。



  圖6

  5、雙擊“漸變1”圖層打開圖層樣式對話框。給該圖層應用“漸變疊加”(參見第3步的操作方法),設置參數(shù)如下圖所示:







  圖7:給“漸變1”圖層應用“漸變疊加”圖層樣式


  圖8:編輯漸變色彩(左右兩點色彩值:00345e,透明色)

  得到如下效果(圖9):


  圖9:應用漸變疊加后的效果

  6、繼續(xù)新建圖層“漸變2”,同樣繪制圓形選區(qū),填充選區(qū)。并將“漸變2”圖層的“填充”由100%改為0%。



  圖10


  7、參照第3步操作方法,給圖層“漸變2”應用圖層樣式,設置如下:


  圖11:給“漸變2”圖層應用“漸變疊加”圖層樣式


  圖12:編輯漸變色彩(左右兩點色彩值:ffffff,透明色)

  得到如下所示效果(為了方便大家區(qū)分和查看,截圖中重新加載了選區(qū)):







  圖13:應用漸變疊加后的效果

  8、接下來我們繪制一個月牙狀的弧形漸變。首先新建一個圖層“漸變3”。按住Shift鍵,拖動鼠標在球體內(nèi)繪制一個貼邊的正圓選區(qū),如圖14。接著再按住Alt鍵不放,拖動鼠標繪制如圖所示的橢圓選區(qū),這樣就得到兩個選區(qū)的交集。如圖15所示。


  圖14:先繪制選區(qū)1,再繪制選區(qū)2


  圖15:兩個選區(qū)進行相減操作后的結果


  9、使用任意的顏色,對圖層“漸變3”的選區(qū)進行填充,并將圖層的“填充不透明度”由100%設置為0。Ctrl D 取消選區(qū),對圖層應用如下圖層樣式:



  圖16:給“漸變3”圖層應用“漸變疊加”圖層樣式



  圖17:編輯漸變色彩(左右兩點色彩值:062e9f,透明色)

  得到如下所示的效果:







  圖18:應用漸變疊加后的效果
  10、同樣的,我們再新建圖層“漸變4”,在球體底部制作一個漸變。各項參數(shù)設置如圖所示:



  圖19:在球體底部繪制選區(qū)



  圖20:給“漸變4”圖層應用“漸變疊加”圖層樣式







  圖21:編輯漸變色彩(左右兩點色彩值:ffffff,透明色)
  得到如下所示的效果:



  圖22:應用漸變疊加后的效果

  11、再新建圖層“漸變5”,在球體底部制作一個漸變。各項參數(shù)設置如圖所示:


  圖23:在球體底部繪制一個更大的橢圓選區(qū)



  圖24:給“漸變5”圖層應用“漸變疊加”圖層樣式



  圖25:編輯漸變色彩(左右兩點色彩值:ffffff,透明色)


  得到如下所示的效果:


  圖26:應用漸變疊加后的效果





  12、繼續(xù)同樣的操作,新建圖層“漸變6”,在球體中間部位制作一個漸變。各項參數(shù)設置如圖所示:



  圖27:在球體中間部位繪制一個橢圓選區(qū)


  圖28:給“漸變6”圖層應用“漸變疊加”圖層樣式



  圖29:編輯漸變色彩(左右兩點色彩值:ffffff,透明色)

  得到如下所示的效果:



  圖30:應用漸變疊加后的效果






  13、接著我們再來創(chuàng)建球體頂部的高光。新建圖層“漸變7”,在球體頂部制作一個漸變。各項參數(shù)設置如圖所示:

  圖31:在球體頂部繪制一個橢圓選區(qū)


  圖32:給“漸變7”圖層應用“漸變疊加”圖層樣式

  圖33:編輯漸變色彩(左右兩點色彩值:ffffff,透明色)

  得到如下所示的效果:



  圖34:應用漸變疊加后的效果





  14、新建圖層“漸變8”,繼續(xù)在球體頂部制作一個漸變。各項參數(shù)設置如圖所示:


  圖35:在球體頂部繪制一個小橢圓選區(qū)




  圖36:給“漸變8”圖層應用“漸變疊加”圖層樣式



  圖37:編輯漸變色彩(左右兩點色彩值:ffffff,透明色)

  得到如下所示的效果:



  圖38:應用漸變疊加后的效果

  15、繼續(xù)完成我們的頂部高光漸變。新建圖層“漸變9”,各項參數(shù)設置如圖所示:



  圖39:在球體頂部繪制一個更小一些的橢圓選區(qū)



  圖40:給“漸變9”圖層應用“漸變疊加”圖層樣式







  圖41:編輯漸變色彩(左右兩點色彩值:ffffff,透明色)

  得到如下所示的效果:


  圖42:應用漸變疊加后的效果
  16、我們再來給球體右側(cè)打一些高光。新建圖層“漸變10”,各項參數(shù)設置如圖所示:



  圖43:在球體右側(cè)繪制一個橢圓選區(qū)


  圖44:給“漸變10”圖層應用“漸變疊加”圖層樣式


  圖45:編輯漸變色彩(左右兩點色彩值:ffffff,透明色)

  得到如下所示的效果:

  圖46:應用漸變疊加后的效果






  17、繼續(xù)處理右側(cè)高光。這次我們可以復制第16步中的圖層,然后使用自由變換(快捷健Ctrl T)稍稍將漸變區(qū)域增大一點,并向球體中間移動一定距離,如圖所示。



  圖47:移動選區(qū)并使用“自由變換”將選區(qū)增大

  得到如下所示的效果:



  圖48:完成變換后的效果

  18、最后我們將繪制一個高光弧形。與步驟8類似,該弧形需要繪制兩個橢圓選區(qū),并做“選區(qū)相減”而得。請參考圖49的標示,在新建圖層“漸變12”上先后繪制選區(qū),我們將得到圖50所示的目標選區(qū)。


  圖49:先繪制選區(qū)1, 再繪制選區(qū)2



  圖50:兩個選區(qū)進行相減操作后的結果

  19、同樣的,對圖層“漸變12”選區(qū)進行填充,并將“填充不透明度”降低為0%。然后應用圖層樣式,如圖51, 52所示。



  圖51:給“漸變12”圖層應用“漸變疊加”圖層樣式


  圖52:編輯漸變色彩(左右兩點色彩值:ffffff,透明色)

  得到如下所示的效果:


  53:應用漸變疊加后的效果





  20、至此,一個晶瑩剔透的球體就完成了。接下來我們將完成的球體復制三份,并調(diào)整它們的大小和位置。首先選擇構成球體的所有圖層,然后點擊圖層面板右上角的三角箭頭,從彈出的菜單中選擇“合并圖層”(注:在低版本的Photoshop中,可以先鏈接圖層,然后選擇“合并鏈接圖層”)。然后將合并的圖層拖動到圖層面板底部的“創(chuàng)建新圖層”按鈕上,復制出一個新圖層。重復三次,復制三個球體,并分別為圖層命名為“藍球”、“紅球”、“綠球”、“黃球”。接下來分別選中每個圖層,使用移動工具將球體移動到合適的位置上。并使用“自由變換”工具(快捷鍵Ctrl T),按住Shift鍵不放,拖動手柄,縮小球體至合適大小。



  圖54:復制球體圖層,并進行移動、變換、組合

  提示:您可以打開標尺(菜單“視圖>標尺”),并拉出水平和垂直參考線,輔助您將球體放置到壁紙的中間位置。

  21、選中“紅球”圖層,從菜單中選擇“圖像>調(diào)整色相/飽和度”,拖動“色相”滑桿調(diào)整色相,直至得到滿意的色彩(本例中將色相調(diào)整為+137),如圖55:



  圖55:調(diào)整圖像的色相值,得到滿意色彩

  使用同樣的方法,調(diào)整其他兩只球體的顏色(色相參考值:綠球-71,黃球-140),調(diào)整完后的效果如圖56:



  圖56:調(diào)整色相值后的四個球體色彩





  22、接下來,我們將對球體進行最后的修飾,使之更加真實生動。首先對最前面的兩個球體(即藍球和紅球)添加外發(fā)光效果。由于這里的外發(fā)光是球體受光后的反射,因此我們不直接對藍球應用“外發(fā)光”圖層樣式。在“藍球”圖層下新建一個圖層“藍球外發(fā)光”,在位于藍球下部的位置繪制一個橢圓選區(qū),并用任意顏色填充。然后雙擊該圖層,打開圖層樣式對話框,勾選“外發(fā)光”,并做如圖所示的設置。




  圖57:給圖層設置“外發(fā)光”圖層樣式



  圖58:藍色球體應用外發(fā)光后的效果

  提示:可以先隱藏其他幾個球體的圖層,以便操作。

  23、同樣的,給紅球也加上外發(fā)光效果,完成后的整體效果如圖所示:


  圖59:紅色球體應用外發(fā)光后的整體效果





  我們還可以給球體正中間的陰暗部位進行“補光”,經(jīng)過補光后,球體將顯得更加通透。補光的方法與前面介紹的添加漸變是一樣的,這里不再詳述,注意漸變方向要選擇“徑向漸變”。補光的效果如圖61所示:


  圖60:給陰暗區(qū)進行補光

  24、最后,給壁紙加上文字,至此,整個作品便大功告成了。


  圖61:Vista壁紙最終完成效果

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
雙子葉木2017-08-16 04:13
99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999
雨不飄2008-04-23 03:27
不太懂啊哎
四楓院櫻璃2008-04-23 02:40
給我 知道 知道
玄苑丫頭2008-04-22 01:48
我是來看隱藏的~·
未系上弦月2008-04-22 01:47
不錯不錯
小禽獸假斯文2008-04-22 01:15
學習學習
晴川夏客2008-04-22 07:03
回復才能看得到?
瑾恩2007-12-13 11:42
做得很不錯哦!我有見過這種類型的圖,不過是動畫的
瑾恩2007-12-13 11:12
做得很不錯哦!我有見過這種類型的圖,不過是動畫的
hulivslang2007-12-04 01:17
坐沙發(fā)~~順便拜師#1<給力>
hulivslang2007-12-04 01:12
坐沙發(fā)~~順便拜師#1<給力>

關注大神微博加入>>

網(wǎng)友求助,請回答!