當(dāng)前位置：首頁>ps實(shí)例教程>ps網(wǎng)頁設(shè)計(jì)>淘寶美工>教程內(nèi)容

ps給淘寶商品添加光線背景(6)

來源：優(yōu)設(shè) 作者：佚名學(xué)習(xí)：38835人次

不可否認(rèn)，數(shù)字插畫和藝術(shù)是Photoshop導(dǎo)論的重要組成部分。為順利地走上這條設(shè)計(jì)之路，這里有一個(gè)很好的出發(fā)點(diǎn)：盡可能多地使用Photoshop提供的工具來創(chuàng)造。現(xiàn)在，就讓我們來和它親近親近，首先從用光束來渲染一臺數(shù)碼相機(jī)開始。

前奏

您能說出藝術(shù)家和設(shè)計(jì)師之間的不同之處嗎? 當(dāng)然這是廢話。你或許連設(shè)計(jì)師和Photoshop設(shè)計(jì)師之間的區(qū)別都知道得一清二楚。Photoshop是一個(gè)奇跡，它開拓了一個(gè)全新的創(chuàng)意領(lǐng)域。在這個(gè)領(lǐng)域中，您可以盡情用您的藝術(shù)天賦，設(shè)計(jì)師思維，以及PS技巧來創(chuàng)造出一個(gè)專業(yè)作品。

當(dāng)今的某些頂級設(shè)計(jì)師會被要求將設(shè)計(jì)創(chuàng)意建立在個(gè)人藝術(shù)造詣以及嘗試上。事實(shí)是，如果您將個(gè)人風(fēng)格定位好，并且炫出您的技術(shù)，別人將會加倍感激，他們愿意付出報(bào)酬。我不能說我已經(jīng)修煉到那個(gè)水平了，我只能說我快了，我在努力地提升自己了。因?yàn)橹挥羞@樣，才能突破自己的瓶頸進(jìn)而找到一條只屬于自己的路。

這就是為什么我喜歡采訪別人。被采訪者不僅僅是靈感源泉，同時(shí)也給出了成為偉大的藝術(shù)家需要走很長一段路這個(gè)啟示。這好比爬一座高山，人人都想攀上山頂，但最終攀上山頂?shù)娜硕紱]有搭乘過直升飛機(jī)，他們是手腳并用爬上來的，一路上獲得了無數(shù)的寶貴經(jīng)驗(yàn)教訓(xùn)。那為什么不花點(diǎn)時(shí)間在新技術(shù)上，好好運(yùn)用它然后歡呼”這是我的榮耀”呢?于是，請善用本網(wǎng)站(Psdtuts+)，不要只會單純地問”你能為我做點(diǎn)什么?”長期積累的知識和各種經(jīng)驗(yàn)將會成為您最寶貴的財(cái)富，它值得你花費(fèi)精力。將來您會發(fā)現(xiàn)，這是一種投資。

簡介

言歸正傳，開始本教程。這次，我想要為一臺數(shù)碼相機(jī)做數(shù)字渲染。對于個(gè)人來說，這是一次很的學(xué)會更好運(yùn)用Photoshop的機(jī)會，以下是我的整體創(chuàng)造思路：

首先我分析了產(chǎn)品風(fēng)格。意識上，數(shù)碼相機(jī)是時(shí)尚的，黝黑的，有光澤和反射。它的色彩相當(dāng)有局限性，功能性相當(dāng)突出。它沒有銳利的邊緣，所以長時(shí)間運(yùn)用不會感到不適應(yīng)。因此，我決定我的作品將會是深色調(diào)的，當(dāng)然必要時(shí)候我會調(diào)整圖像的對比度。這個(gè)必要特指光繪——一個(gè)全世界人民進(jìn)行中的巨贊風(fēng)格。我想，它這么流行，概因光繪只需要一個(gè)有低快門的照相機(jī)。這也是我將如何使用這項(xiàng)游動光束的藝術(shù)的原理。當(dāng)然，這些光束也可以變得彎彎曲曲，于是，這就要提到相機(jī)人體工程學(xué)。

最終效果

在我們開始之前，先看下效果圖。另外，您可以點(diǎn)擊此處查看效果大圖。

視頻教程

我們的視頻編輯Gavin Steele 給我們獻(xiàn)上了輔助視頻教程。

Step 1

在Photoshop中建立一個(gè)新文件，2200×1700像素，300分辨率。設(shè)前景色為深青色(203534)，背景色黑色，然后用漸變工具(G)從背景圖層中心往任意方向拉出一條線段，得到下圖。

Step 2

現(xiàn)在你需要一個(gè)數(shù)碼相機(jī)的素材，看下面(譯者注：原文相機(jī)素材鏈接掛了，大家自由發(fā)揮)。用鋼筆(P)摳圖然后居中放置。

Note：您要保證相機(jī)圖片的擺放方向從頭到尾都不變動。千萬別嘗試翻轉(zhuǎn)它，因?yàn)楣I(yè)設(shè)計(jì)上，所有照相機(jī)的按鈕方位都是特定的。另外，鏡頭附近有過多的文字的話會顯得很滑稽喲。

Step 3

選中相機(jī)圖層，然后去圖層>新建調(diào)整圖層 New Adjustment Layer > Gradient Map)。選用和背景色相同的顏色，但在別忘了在最后加點(diǎn)白色和顏色f4d597。選中圖層，按住Alt并單擊它以添加蒙版。

Step 4

現(xiàn)在我們要開始比較繁瑣的部分。先在相機(jī)圖層下方創(chuàng)建一個(gè)新圖層以適應(yīng)它們。用鋼筆(P)畫出線條，但是在畫之前我們需要好好設(shè)置下鋼筆(B)。選擇一個(gè)適當(dāng)?shù)膶挾群皖伾?e66663)。進(jìn)入路徑模式，用鋼筆(P)畫出所需路徑，右鍵選擇描邊路徑，這里你要確保”模擬壓力”沒有打上勾。然后轉(zhuǎn)換(Command+T)路徑，略微改變傾斜度。然后選用不同寬度的鋼筆再重復(fù)以上步驟。

Note：為每組顏色創(chuàng)建一個(gè)新圖層，并使線條銜接得當(dāng)。因?yàn)槟阈枰獦?gòu)造整個(gè)圖片的線條布局，所以首先花時(shí)間去構(gòu)思。

同時(shí)，你不得不一個(gè)一個(gè)去做出去擺放處理這些線條，這沒有捷徑，這需要耐性和時(shí)間。在這過程中，記住不要忘記每隔三四條線條就改變畫筆設(shè)置。

Step 5

使用書法效果的筆頭。你可以點(diǎn)擊筆刷設(shè)置那里的小箭頭來找到它。選擇如下圖所示的筆頭。用這個(gè)筆刷來畫出更多突出的線條，注意調(diào)整顏色。

Note：這僅僅只是我們將要使用的兩種筆刷頭。用筆毛較厚與較大的筆刷來畫粗線條，圓頭刷用來畫更細(xì)更小的線條。

Step 6

畫更多的粗線條。畫個(gè)四五條然后復(fù)制它們就好(Command+J)。

Step 7

繼續(xù)畫一些比較單薄的線條，不同于平常的那種。于是你只要重新定位線條的兩端�；蛘�，你也可以用涂抹工具(R)輕微涂抹線條的兩端和側(cè)面。

Step 8

在背景附近添加也添加些薄線條，用背景色。

Step 9

現(xiàn)在，你已經(jīng)把所有不同的線條類型分組分好了，這時(shí)候選擇相似的線條并復(fù)制它們。如果這些相似的線條不存在同一個(gè)圖層之上，就先合并圖層(Command+E)。復(fù)制之后，去濾鏡>模糊>動感模糊，值約30px。該參數(shù)應(yīng)該隨著不同線條以及擺放位置調(diào)整。不要弄臟圖片，記住只需要稍微調(diào)整它。

Step 10

在別的線條組上，重復(fù)以上步驟。同時(shí)創(chuàng)建一些更小的線條組，使它們在所有圖層頂部。設(shè)置這些圖層的混合模式為顏色減淡，并略微調(diào)整不透明度。記住，不要讓圖片看起來很臟。

Note：有些線條加了模糊會更好看，于是你需要去濾鏡>模糊>鏡頭模糊，去調(diào)整下數(shù)值。

Step 11

接下來要做的，就是對線條的某些部分添加鏡頭模糊。首先在照相機(jī)圖層上方新建一個(gè)圖層，并繪制盡可能多的線條。進(jìn)入快速蒙版模式，創(chuàng)建一個(gè)黑色到白色的漸變(G)。紅色部分保持不變，而空白需要模糊處理。于是要先確定空白部分不是很大，再去濾鏡>模糊>鏡頭模糊，添加模糊值約10px。如下圖。

Step 13

在照相機(jī)吐槽上，創(chuàng)建一些線條，但也別忘了為一些復(fù)制的線條添加模糊。如下圖。

Step 14

復(fù)制這些線條并且重新放置。我也為某些線條添加了模糊，以使復(fù)制顯得不那么明顯。

Step 15

用2px的圓刷畫出一些彎曲的線條，如下圖。您可以選用鼠標(biāo)或者數(shù)位板。

Step 16

雖然我想說一切進(jìn)行地如此順利，但是我不能。。。一切都亂得跟單身老男人的屋子一樣。于是，我們需要清理一些不需要的圖像。

Step 17

它變得更好看了，對吧?這時(shí)候它就需要點(diǎn)光亮。只要畫一個(gè)常規(guī)的淺黃色圓，并且擠壓它(Command+T)。然后你就會得到一個(gè)細(xì)長的光，記得調(diào)整透明度，并把它放置在閃光燈的部位，如圖。

Step 18

我們要添加一個(gè)鏡頭光暈。為了更好的效果，我們先要新建一個(gè)文檔，嗯，一個(gè)巨大無比的文檔，這會讓你更方便決定它的位置擺放。然后只需要將其拖動到您的主項(xiàng)目文件，并調(diào)整大小。

Step 19

定位和修改。為了局限它的主色調(diào)，我創(chuàng)建了一個(gè)漸變映射，就好像你變換相機(jī)鏡頭的光圈來調(diào)整照片的色調(diào)一樣：添加調(diào)整圖層，使用類似的配色，并為鏡頭光暈做一個(gè)剪貼蒙版。此外，設(shè)置火炬的混合模式為濾色，不透明度80%。

Step 20

既然是光線，就要會發(fā)光不是?于是，我們用軟刷(B)來涂抹光線下方。在這里，我隔開了它們以便操作。

Step 21

在這一步，你需要抓取這張圖，我將其調(diào)整并只克隆粘貼(S)了一部分。(譯者注：圖片鏈接可能失效，所以湊合用下面的圖片吧。)

Step 22

現(xiàn)在設(shè)置圖層混合模式為濾色，并且擦去蓋住照相機(jī)的部分圖層。

Step 23

進(jìn)入快速蒙版模式(Q)，從圖片中心拖動一個(gè)反射的線性漸變(黑色和白色)，然后退出(Q)。在這里你應(yīng)該選取相機(jī)如下圖所示，然后去濾鏡>模糊>鏡頭模糊，添加模糊效果，并且按照實(shí)際情況來調(diào)整參數(shù)。

Step 24

星星編輯完成后，去圖層>新建調(diào)整圖層>漸變映射，創(chuàng)建一個(gè)類似顏色的映射。

Step 25

調(diào)整對比度以及飽和度。到圖層>新建調(diào)整圖層>曲線，來增加對比度;然后到圖層>新建調(diào)整圖層>色相和飽和度，降低顏色強(qiáng)度。

Step 26

在這一步，除了要讓線條更閃耀更具有3D感，同時(shí)也要為相機(jī)的邊緣投光。

合并圖層 (Command + Shift + E)，全選圖層(Command + A) 并且復(fù)制 (Command + C)。在歷史記錄板倒退到合并所有圖層之前那步。粘貼 (Command + V) 已合并的圖層, 再去濾鏡> 風(fēng)格化> 照亮邊緣，這里在默認(rèn)設(shè)置上略微增加了點(diǎn)平滑度，這個(gè)參數(shù)僅供參考。選擇好參數(shù)后應(yīng)用。