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

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

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

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



  效果圖

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



  圖1:新建圖像文檔

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







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

  3、雙擊“藍(lán)球”圖層打開(kāi)圖層樣式對(duì)話框。勾選“漸變疊加”并做如下設(shè)置:將“角度”設(shè)置為-75,點(diǎn)擊“漸變”色條,彈出漸變編輯器,按圖4所示,定義一個(gè)藍(lán)色漸變。應(yīng)用圖層樣式后,得到圖5的結(jié)果。



  圖3:設(shè)置“漸變疊加”圖層樣式

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


  圖5:應(yīng)用漸變疊加后的效果


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



  圖6

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







  圖7:給“漸變1”圖層應(yīng)用“漸變疊加”圖層樣式


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

  得到如下效果(圖9):


  圖9:應(yīng)用漸變疊加后的效果

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



  圖10


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


  圖11:給“漸變2”圖層應(yīng)用“漸變疊加”圖層樣式


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

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







  圖13:應(yīng)用漸變疊加后的效果

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


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


  圖15:兩個(gè)選區(qū)進(jìn)行相減操作后的結(jié)果


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



  圖16:給“漸變3”圖層應(yīng)用“漸變疊加”圖層樣式



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

  得到如下所示的效果:







  圖18:應(yīng)用漸變疊加后的效果
  10、同樣的,我們?cè)傩陆▓D層“漸變4”,在球體底部制作一個(gè)漸變。各項(xiàng)參數(shù)設(shè)置如圖所示:



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



  圖20:給“漸變4”圖層應(yīng)用“漸變疊加”圖層樣式







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



  圖22:應(yīng)用漸變疊加后的效果

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


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



  圖24:給“漸變5”圖層應(yīng)用“漸變疊加”圖層樣式



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


  得到如下所示的效果:


  圖26:應(yīng)用漸變疊加后的效果





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



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


  圖28:給“漸變6”圖層應(yīng)用“漸變疊加”圖層樣式



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

  得到如下所示的效果:



  圖30:應(yīng)用漸變疊加后的效果






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

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


  圖32:給“漸變7”圖層應(yīng)用“漸變疊加”圖層樣式

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

  得到如下所示的效果:



  圖34:應(yīng)用漸變疊加后的效果





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


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




  圖36:給“漸變8”圖層應(yīng)用“漸變疊加”圖層樣式



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

  得到如下所示的效果:



  圖38:應(yīng)用漸變疊加后的效果

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



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



  圖40:給“漸變9”圖層應(yīng)用“漸變疊加”圖層樣式







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

  得到如下所示的效果:


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



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


  圖44:給“漸變10”圖層應(yīng)用“漸變疊加”圖層樣式


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

  得到如下所示的效果:

  圖46:應(yīng)用漸變疊加后的效果






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



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

  得到如下所示的效果:



  圖48:完成變換后的效果

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


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



  圖50:兩個(gè)選區(qū)進(jìn)行相減操作后的結(jié)果

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



  圖51:給“漸變12”圖層應(yīng)用“漸變疊加”圖層樣式


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

  得到如下所示的效果:


  53:應(yīng)用漸變疊加后的效果





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



  圖54:復(fù)制球體圖層,并進(jìn)行移動(dòng)、變換、組合

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

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



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

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



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





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




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



  圖58:藍(lán)色球體應(yīng)用外發(fā)光后的效果

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

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


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





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


  圖60:給陰暗區(qū)進(jìn)行補(bǔ)光

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


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

學(xué)習(xí) · 提示

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

關(guān)注大神微博加入>>

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