視覺設計 ? PS高階技能:逼真的彌散光效果,21分鐘學會!

PS高階技能:逼真的彌散光效果,21分鐘學會!

發表于: 視覺設計. 評論
Sponsor

這次教程的主題是焦散效果,焦散是指當光線穿過一個透明介質后,由于介質表面的不平整,使光線折射不會平行發生,而是出現漫反射,投射表面形成光子分散。

PS高階技能:逼真的彌散光效果,21分鐘學會!

?

或許,你可能對這個詞有點陌生,但是焦散效果的海報你絕對見過。

PS高階技能:逼真的彌散光效果,21分鐘學會!

各種大牌產品,只要產品介質偏透明,那宣傳海報中就大概率要用到焦散效果。

所以,這次,應廣大學員要求,我們焦散效果的教程終于來啦

PS高階技能:逼真的彌散光效果,21分鐘學會!

話不多說,先來看下我們這次教程的最終效果圖。

PS高階技能:逼真的彌散光效果,21分鐘學會!

是不是開始感興趣了,看完這篇教程,你也可以快速搞定焦散效果。

PS高階技能:逼真的彌散光效果,21分鐘學會!

在正式開始之前,想先問大家一個問題,你們有沒有遇到過這種情況:

就是跟著教程,用教程提供的素材做出的東西,看著還挺對味兒,結果換個素材,卻發現完全不行。

PS高階技能:逼真的彌散光效果,21分鐘學會!
生活不易,反復嘆氣。
出現這種情況的原因其實很簡單。
大部分教程只是告訴了大家如何去做,但是為什么這么做,卻很少提及。

設計需要靈活變通,具體素材,具體分析。只有知道每一步技法背后的原理,我們才能判斷什么時候這個方法是有效的,什么時候是無效的。

PS高階技能:逼真的彌散光效果,21分鐘學會!

多說無益,下面正式開始我們的教程,大家跟著做的時候,多想想,這一步為什么這么做,如果是你,有沒有更好的方法。
?

我們先從拖入素材開始。

PS高階技能:逼真的彌散光效果,21分鐘學會!

不急著做光影,我們先給產品做一個白色的底,然后復制一層,將上面的隱藏。
至于為什么改成白底,大家可以先思考一下PS高階技能:逼真的彌散光效果,21分鐘學會!
PS高階技能:逼真的彌散光效果,21分鐘學會!

先用套索工具,選中想讓產品有焦散效果的方向。

PS高階技能:逼真的彌散光效果,21分鐘學會!
選中后,利用修補工具。
修補工具,你平時用來干啥?
比如,經常把圖片中的一部分去掉?

修補工具的一大特性就是,電腦會猜你的想法,把想要去掉的區域和原素材融合,效果一般都不咋地。

PS高階技能:逼真的彌散光效果,21分鐘學會!
但是這次的焦散效果,我們就要利用【修補】這個不咋地的特性,利用系統自己去計算,算的又不太準,這種模模糊糊的感覺。
選中想要焦散的區域,拖動修補工具。
修補工具不是有兩個模式嗎,一個【正?!?,一個【內容識別】。

有的時候【正?!亢糜?,有的時候【內容識別】好用。所以,我們就先兩個都試試,看看哪個效果好。

PS高階技能:逼真的彌散光效果,21分鐘學會!
很明顯,這次是【正?!磕J较碌男Ч?。

至于我們為啥開始選擇了白底?

PS高階技能:逼真的彌散光效果,21分鐘學會!
其實什么顏色的底子都行,但是白底大多數情況下,可以用【正片疊底】將其濾掉,更方便后續的操作。

利用修補把產品的陰影做出一個大概區域后,就可以利用Ctrl+M,調出曲線,把焦散的圖層做一個提亮。

PS高階技能:逼真的彌散光效果,21分鐘學會!
又是一個tips,提亮的時候不要一次性做到位,調過了再往回調,可能很多細節就消失了。

先提亮一點,如果不夠,我們再往上加。

PS高階技能:逼真的彌散光效果,21分鐘學會!
顯然紅色區域部分,我們不需要,給它一個蒙版。Ctrl+I,反向把圖層隱藏。

然后用白色畫筆開始過渡,畫筆的硬度一定要保持為0,間距默認25%左右。

PS高階技能:逼真的彌散光效果,21分鐘學會!

硬度和間距的不同會對畫筆效果產生影響。

PS高階技能:逼真的彌散光效果,21分鐘學會!
硬度大的時候(情況2),畫筆邊緣完全沒有過渡。
將硬度調節到25%到30%,能讓畫筆的邊緣過渡更加柔和。所以,利用這個柔和的邊緣,給它做一個自然的蒙版。

就像上面說的,不要著急,一次刷到位。畫筆筆刷如果太小,邊緣會很鋒利,所以,把畫筆放大,把不透明度調到50%,用畫筆過渡的邊緣把這個焦散一點點擦出來。

PS高階技能:逼真的彌散光效果,21分鐘學會!

然后,把不透明度調成80%,再疊一次。

PS高階技能:逼真的彌散光效果,21分鐘學會!

離產品越近,光影一般會越清晰。所以,我們需要把不透明度加到100%,把最里面的靠近產品的一圈加重顏色。

PS高階技能:逼真的彌散光效果,21分鐘學會!

如果覺得還不夠,就用比較低的透明度,去加細節,然后你就能看到這個效果。

PS高階技能:逼真的彌散光效果,21分鐘學會!

底部位置的焦散面積太大,看著很臟,需要把畫筆換回黑色,往回擦掉一些。

PS高階技能:逼真的彌散光效果,21分鐘學會!
開始添加細節。
如果想讓焦散的區域也有一些透光,而不是現在死板的黃色,要怎么做?

先在焦散的圖層上面,新建一個曲線,開始提亮。

PS高階技能:逼真的彌散光效果,21分鐘學會!

瓶身的邊緣,我們想打造一種透光的感覺,這一步,可以先用白色畫筆的邊緣,給它擦出來。

PS高階技能:逼真的彌散光效果,21分鐘學會!
但是,擦完,你可以發現,這擦得感覺有點假

這個光被產品折射,一般最亮的位置肯定是在陰影中間的。所以,再選擇黑色畫筆,把貼的比較近的這一側,再擦回來。

PS高階技能:逼真的彌散光效果,21分鐘學會!
這樣,一來一回,這光影的感覺就出來了。
這過程中的壓暗或者提亮,沒有什么固定的標準,主要看你想表現一個什么樣的效果。

為了能讓大家看清,我們把陰影調的偏重,大家操作的時候,根據需求,添加細節就行。

PS高階技能:逼真的彌散光效果,21分鐘學會!
產品調的差不多了,開始加素材。

為了跟產品顏色呼應,我們選了兩個檸檬,放在對角線的位置。

PS高階技能:逼真的彌散光效果,21分鐘學會!
產品的高光處在左側,光源從左邊打來,為了給背景加一些立體感,需要在背景中也加一些光影的變化。

吸一個背景色,把圖層改成正片疊底。用剛才的方式,放大畫筆,把背景的右下方壓暗。

PS高階技能:逼真的彌散光效果,21分鐘學會!

同理,右下壓暗,左上就要提亮。再次新建圖層,在左上方瘋狂摩擦,把顏色調上去。

PS高階技能:逼真的彌散光效果,21分鐘學會!
這光感,這不就出來了。

如果覺得這個畫面太空,就可以加些光影素材。大家平時也要養成,看到好的素材就存下來的習慣,這樣會節省很多時間。

PS高階技能:逼真的彌散光效果,21分鐘學會!
另外,關于素材這部分有個誤區。
很多同學直接把素材正片疊底直接疊上去,這種情況影子會很顯臟。
我們的背景是什么顏色,我們的陰影折射出來的光就應該是什么顏色。你把一個黑白的素材直接疊到了彩色的背景上,肯定臟。

所以,不要直接正片疊底。Ctrl+左鍵,獲得陰影的選區。在背景圖層上建立曲線,生成下面這個蒙版。

PS高階技能:逼真的彌散光效果,21分鐘學會!

然后,只需要用曲線去壓暗。這時候出來的顏色就比較符合我們背景的顏色了~

PS高階技能:逼真的彌散光效果,21分鐘學會!

如果覺得曲線用起來不太熟練,也可以利用色彩平衡,對顏色進行優化,讓陰影素材更好的融入背景。

PS高階技能:逼真的彌散光效果,21分鐘學會!
在這里,再講兩個細節。
第一,我們用修補工具操作的時候,會發現,電腦是直接根據產品邊緣的顏色進行計算的。

如果我們產品的邊緣是純黑色,那算出來也就是純黑色。所以,我們用的產品素材本身不能太臟,也要帶有一定的光影變化。

PS高階技能:逼真的彌散光效果,21分鐘學會!
再次強調,大家一定要明白這些操作背后的原理,才能找到合適的素材。
第二個就是,我們為什么要在背景中做這些陰影?
是因為我們下一步是要加玻璃效果。

玻璃效果,肯定大家都用過。但有時候自己做出來的玻璃,就是沒有案例中那么豐富的紋理。

PS高階技能:逼真的彌散光效果,21分鐘學會!
這是因為,玻璃本身是透明的。
展開來說,就是如果玻璃背后是白色,那玻璃透出來的就是白色。玻璃后面必須有東西,才能形成豐富的光影。
所以,做玻璃效果的時候,背景一定不能太空。
?
轉回正題,已經做出了一定的彌散效果,下一步就是再給產品加一個影子?

先把影子輪廓勾出來,吸一個跟影子差不多的顏色,改為正片疊底。根據光的方向,調整影子的角度和形狀。

PS高階技能:逼真的彌散光效果,21分鐘學會!
影子在光的底下,而且之前用的是正片疊底模式,所以光疊在影子上,顏色直接變暗,看不出彌散的效果。
而且影子不應該這么清晰,應該根據光的走向,逐漸模糊。
這種時候就可以用高斯模糊或者模糊工具。
模糊工具的優點在于,模糊效果不強,但是可以做出影子不同部分的深淺變化。

新建蒙版,開始添加影子的細節。

PS高階技能:逼真的彌散光效果,21分鐘學會!
再對陰影中間部分提亮。

這一步就非常簡單,只需要在陰影的蒙版中,用黑色畫筆把需要提亮的部分擦掉。光的焦散效果就回來了。

PS高階技能:逼真的彌散光效果,21分鐘學會!

做好后,把這些影子和產品打一個組,調整好斜度,跟之前檸檬的對角線呼應上。

PS高階技能:逼真的彌散光效果,21分鐘學會!m

合并當前的所有圖層,用選區選擇左邊的區域。把這一塊復制出來,開始做效果。

PS高階技能:逼真的彌散光效果,21分鐘學會!
鎖定不透明像素。

正常高斯模糊會把邊緣也模糊掉,而鎖定不透明像素后,就可以保證邊緣的清晰,這才更像玻璃的效果。

PS高階技能:逼真的彌散光效果,21分鐘學會!

然后,將這個準備做玻璃效果的圖層轉化為智能對象。用【濾鏡庫–扭曲–玻璃】開始調整玻璃的紋理。

PS高階技能:逼真的彌散光效果,21分鐘學會!mi

紋理出來后,發現這個玻璃效果差了點意思。

PS高階技能:逼真的彌散光效果,21分鐘學會!

所以,我們拖一個水霧玻璃的素材進來。

PS高階技能:逼真的彌散光效果,21分鐘學會!
注意,這里,我們只需要這個素材的雨水紋理,不需要顏色。

將顏色調整為黑白,再把素材改為疊加模式。

PS高階技能:逼真的彌散光效果,21分鐘學會!

按之前的邏輯,再對玻璃這一部分的色階、色相、清晰度等細節進行調整。

PS高階技能:逼真的彌散光效果,21分鐘學會!

最后,加上產品文案,這張海報就基本完成了。

PS高階技能:逼真的彌散光效果,21分鐘學會!
然后將整個圖層合并,轉化為智能對象。

在Camera Raw濾鏡中,進行微調,提升海報質感。

PS高階技能:逼真的彌散光效果,21分鐘學會!

這樣一張簡單的,有焦散效果的海報就做完了。

PS高階技能:逼真的彌散光效果,21分鐘學會!


這次教程輸出的知識點,夠密了吧,快記在自己的小本本上?。?!

PS高階技能:逼真的彌散光效果,21分鐘學會!

之后,我們也會持續更新這樣一些小的,比較快捷的海報技巧,包括技巧的原理講解和具體應用,引導大家養成設計思維。
大家如果有什么比較想學的效果,或者一些效果的分析思路,也可以在評論區告訴我們。
來源:杰視幫 ID:jacksean003
推薦:查看最受歡迎的 301 個設計網站 → http://hao.shejidaren.com
交流:為設計新人提供的設計交流群,請加入UI設計交流群,分享經驗、接單、求職、聊設計。
贊助商鏈接
贊助商鏈接
設計達人微信交流社區:shejidaren888
喜歡這篇文章嗎?歡迎分享到你的微博、QQ群,并關注我們的微博,謝謝支持。
版權:除非注明,本站文章均為原創文章,轉載請聯系我們授權,否則禁止轉載。

{ 發表評論 }