當前位置:首頁>ps實例教程>ps網頁設計>淘寶美工>教程內容

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

來源:優(yōu)設 作者:佚名 學習:38835人次

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

前奏

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

當今的某些頂級設計師會被要求將設計創(chuàng)意建立在個人藝術造詣以及嘗試上。事實是,如果您將個人風格定位好,并且炫出您的技術,別人將會加倍感激,他們愿意付出報酬。我不能說我已經修煉到那個水平了,我只能說我快了,我在努力地提升自己了。因為只有這樣,才能突破自己的瓶頸進而找到一條只屬于自己的路。

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

簡介

言歸正傳,開始本教程。這次,我想要為一臺數碼相機做數字渲染。對于個人來說,這是一次很的學會更好運用Photoshop的機會,以下是我的整體創(chuàng)造思路:

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

最終效果

在我們開始之前,先看下效果圖。另外,您可以點擊此處查看效果大圖。

Photoshop給數碼照片添加絢麗光線效果,PS教程,16xx8.com教程網

視頻教程

我們的視頻編輯Gavin Steele 給我們獻上了輔助視頻教程。

Step 1

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

Photoshop給數碼照片添加絢麗光線效果,PS教程,16xx8.com教程網

Step 2

現在你需要一個數碼相機的素材,看下面(譯者注:原文相機素材鏈接掛了,大家自由發(fā)揮)。用鋼筆(P)摳圖然后居中放置。

Note:您要保證相機圖片的擺放方向從頭到尾都不變動。千萬別嘗試翻轉它,因為工業(yè)設計上,所有照相機的按鈕方位都是特定的。另外,鏡頭附近有過多的文字的話會顯得很滑稽喲。

Photoshop給數碼照片添加絢麗光線效果,PS教程,16xx8.com教程網

Step 3

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

Photoshop給數碼照片添加絢麗光線效果,PS教程,16xx8.com教程網

Step 4

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

Note:為每組顏色創(chuàng)建一個新圖層,并使線條銜接得當。因為你需要構造整個圖片的線條布局,所以首先花時間去構思。

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

Photoshop給數碼照片添加絢麗光線效果,PS教程,16xx8.com教程網

Step 5

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

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

Photoshop給數碼照片添加絢麗光線效果,PS教程,16xx8.com教程網

 

Step 6

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

Photoshop給數碼照片添加絢麗光線效果,PS教程,16xx8.com教程網

Step 7

繼續(xù)畫一些比較單薄的線條,不同于平常的那種。于是你只要重新定位線條的兩端;蛘撸阋部梢杂猛磕üぞ(R)輕微涂抹線條的兩端和側面。

Photoshop給數碼照片添加絢麗光線效果,PS教程,16xx8.com教程網

Step 8

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

Photoshop給數碼照片添加絢麗光線效果,PS教程,16xx8.com教程網

Step 9

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

Photoshop給數碼照片添加絢麗光線效果,PS教程,16xx8.com教程網

Step 10

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

Note:有些線條加了模糊會更好看,于是你需要去濾鏡>模糊>鏡頭模糊,去調整下數值。

Photoshop給數碼照片添加絢麗光線效果,PS教程,16xx8.com教程網

Step 11

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

Photoshop給數碼照片添加絢麗光線效果,PS教程,16xx8.com教程網

Step 13

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

Photoshop給數碼照片添加絢麗光線效果,PS教程,16xx8.com教程網

Step 14

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

Photoshop給數碼照片添加絢麗光線效果,PS教程,16xx8.com教程網

 

Step 15

用2px的圓刷畫出一些彎曲的線條,如下圖。您可以選用鼠標或者數位板。

Photoshop給數碼照片添加絢麗光線效果,PS教程,16xx8.com教程網

Step 16

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

Photoshop給數碼照片添加絢麗光線效果,PS教程,16xx8.com教程網

Step 17

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

Photoshop給數碼照片添加絢麗光線效果,PS教程,16xx8.com教程網

Step 18

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

Photoshop給數碼照片添加絢麗光線效果,PS教程,16xx8.com教程網

Step 19

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

Photoshop給數碼照片添加絢麗光線效果,PS教程,16xx8.com教程網

Step 20

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

Photoshop給數碼照片添加絢麗光線效果,PS教程,16xx8.com教程網

Step 21

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

Photoshop給數碼照片添加絢麗光線效果,PS教程,16xx8.com教程網

Step 22

現在設置圖層混合模式為濾色,并且擦去蓋住照相機的部分圖層。

Photoshop給數碼照片添加絢麗光線效果,PS教程,16xx8.com教程網

Step 23

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

Photoshop給數碼照片添加絢麗光線效果,PS教程,16xx8.com教程網

 

Step 24

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

Photoshop給數碼照片添加絢麗光線效果,PS教程,16xx8.com教程網

Step 25

調整對比度以及飽和度。到圖層>新建調整圖層>曲線,來增加對比度;然后到圖層>新建調整圖層>色相和飽和度,降低顏色強度。

Photoshop給數碼照片添加絢麗光線效果,PS教程,16xx8.com教程網

Step 26

在這一步,除了要讓線條更閃耀更具有3D感,同時也要為相機的邊緣投光。

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

Photoshop給數碼照片添加絢麗光線效果,PS教程,16xx8.com教程網

Step 27

設置圖層混合模式為濾色,強調邊緣效果。

Photoshop給數碼照片添加絢麗光線效果,PS教程,16xx8.com教程網

結束語

好啦,終于馬到功成!希望您會在將來的實際工作中用上本教程的知識。最后祝您有一個愉快的一天。

Photoshop給數碼照片添加絢麗光線效果,PS教程,16xx8.com教程網

 

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關注大神微博加入>>

網友求助,請回答!