嘿，各位小伙伴。

?

今天呢，我們來解析一個今年非常火的材質表達：

?

長虹玻璃。

?

長虹玻璃原本是家裝設計中的一種室內設計產品，屬于壓花玻璃的一種，視覺上呈現(xiàn)出垂直而下的豎形條紋，有著不同于平面的凹凸質感。

由于其既能提高空間的通透感，又能帶來一種朦朧又夢幻的視覺感受，還與時下流行的極簡風、輕奢風都相得益彰，長虹玻璃絕對算得上是近兩年室內裝修的網紅爆品了。

而這些特性不僅在室內設計中大放異彩，在平面設計中同樣能起到相同的效果，因此，在電商設計中越來越多的頁面開始引入長虹玻璃的元素，給畫面增加虛實結合的朦朧美。

今天我們就用最簡單的方法，教會大家制作長虹玻璃效果。

雖說，這種玻璃很多時候是用三維做，用C4D的玻璃材質，上個凹凸貼圖或者加點起伏，調整折射率啥的。

?

但是畢竟不是所有人都學了C4D。

?

所以，今天就來看看用PS要怎么做！

?

先來看下做完效果的前后對比。

學會今天的教程，做出這個效果，只需要幾分鐘。

?

再根據自己的需求添加一些細節(jié)，做出明暗和色彩的變化。

?

雖然沒有三維出來的那么自然，但是用這種方式給我們的設計做背景，也是完全夠用的。

這次的素材基本來源網絡，只是借鑒過來，把制作方法教給大家。

?

老規(guī)矩，知其然再知其所以然。學會怎么做之前，要先知道為什么要這么做。

?

這次跟之前做水面倒影是一個原理，主要運用的功能就是PS的置換。

我們都知道PS的蒙版中，黑色代表隱藏，白色代表顯示。

?

置換就是利用圖片的黑白信息，讓圖片形成一個上下的錯位。

?

先在圖片中圈出一塊白色的區(qū)域：

復制三個相同區(qū)域出來，依次調整成黑色--白色--黑色。

接著，把圖片合并，先把這個圖存下來?，F(xiàn)在我們就有了一個類似鋼琴鍵的PSD。

然后，就可以開始置換大法。

?

復制一層圖片，在濾鏡中選擇【扭曲--置換】，點擊確定。

找到我們剛才存的PSD，打開，就能看到這個效果。

有沒有get到置換的好用，就跟開頭說的一樣，根據圖片的黑白關系進行了錯位。

?

白色區(qū)域向上錯位，黑色區(qū)域向下錯位。

大概了解這個操作原理后，我們看下這些參數到底是什么意思。

比如說原圖長這樣：

折回，就是把圖片復制然后水平翻轉，重復這個過程，直到撐滿整張畫布。

重復邊緣像素的話，則會把最邊上的像素無限拉伸，直到充滿畫布。這種效果我們日常用的不多，這次也不是我們教程的重點。

我們在參數設置上，一般選擇【扭曲--置換--折回】。

?

上面的【伸展以適合】和【拼貼】，這兩種情況對于我們做這個玻璃效果幾乎沒什么區(qū)別，大家自由選擇就好。

至于水平比例和垂直比例的這一部分，我們換一個圖，讓大家感受的更清晰一些。

先來看下【水平比例0，垂直比例100】的效果。

可以看到亮色區(qū)域朝上，暗色區(qū)域朝下，但是中間細節(jié)的過渡不是很好。

?

而且垂直方向變化的很夸張，但是水平方向，左右并沒有一個明顯的錯位。

同理，【水平比例100，垂直比例0】，玻璃的垂直方向沒有被拉伸，而水平方向會出現(xiàn)一種被拉伸的感覺。

這個時候已經有點長虹玻璃的意思了。

?

當然，垂直和水平可以結合使用，效果更佳?！舅奖壤?00，垂直比例100】就會變成這樣：

我們可以根據需求，調整水平和垂直的參數，達到一個理想中的滿意狀態(tài)。

?

理解原理后，回過神來，我們開始研究細節(jié)。

?

折回狀態(tài)下，顏色雜亂是因為PS的折回是根據圖片本身的黑白關系進行計算。

原圖的明暗對比強烈，算出的圖片過渡生硬，這是很正常的。

?

還有一個點需要注意，玻璃的效果好不好看，光影是否復雜，需要哪些反光、折射等，這些是跟環(huán)境直接掛鉤的。

?

如果環(huán)境空無一物，那玻璃自然什么都不會透出來。

做效果的時候，不能總是“我以為是”，一定要聯(lián)系實際，想想現(xiàn)實生活中，玻璃是什么樣的。

?

回到正題，我們需要利用矩形做出一個區(qū)塊，然后直接復制粘貼，得到這樣一張黑白關系明顯的素材。

然后，按照之前教的，開始折回，經過嘗試，發(fā)現(xiàn)參數上設置80，100，比較適合這張圖片。

點擊剛剛存好的素材，就能得到這樣一張圖片。

還是跟之前一樣的問題，直接置換，圖片過渡生硬。

?

所以，可以先給它進行一個模糊處理，選擇哪一種模糊都行，最終目的就是讓圖片的顏色過渡更加柔和。

我們這次選擇了【形狀模糊】，這個模糊狀態(tài)下出現(xiàn)的效果跟長虹玻璃的透射很相似。

把原圖模糊后，重新濾鏡扭曲置換。

?

這地方的參數要根據圖片的具體形態(tài)，進行選擇。

然后刪除不需要的部分，這樣一個長虹玻璃的效果就基本完成了。

如果覺得有些地方，還是差強人意，比如這個紅色框框里的過渡就很礙眼。

可以把下面沒問題的地方拉長，擋住上面有缺陷的地方。

其實這個時候效果已經可以了，但是為了讓自己的作品更突出，我們可以繼續(xù)精化。

復制一個素材進去，然后加一個【柔光】或【疊加】的圖層，這兩個圖層的作用就是讓它暗的地方更暗，亮的地方更亮。

然后，玻璃中較為模糊的地方就能清晰起來，細節(jié)有了，質感自然也就提升了。

如果覺得這樣出來的效果過于規(guī)整，缺少點長虹玻璃那種流動的感覺。

?

我們可以再復制一層素材，加強柔光的效果，然后將素材向左或向右平移幾個像素，形成一種微妙的錯位感。

這樣，玻璃出來的效果就會更加美觀。

?

如果還是不夠，就再次復制，但是需要降低一些不透明度?；蛘?，我們試著Ctrl+I，反向處理一下，得到的明暗層次也會發(fā)生變化。

其實這個地方可以用的方法很多，跟前面的參數選擇一樣，需要我們在實際操作中試著對不同圖層進行處理，以得到最優(yōu)效果。

?

下面就是我們的老朋友了，利用曲線調色優(yōu)化視覺呈現(xiàn)。

還可以將玻璃的邊角壓暗，增加質感。

甚至可以用畫筆加細節(jié)，形成一種光影折射下明暗不均的斑駁感。

一個擴展知識，如果覺得畫筆畫的過于生硬，可以將圖層顏色調成灰色。

然后利用濾鏡中的分層云彩，加上動感模糊，也可以得到這種黑白分布不均的感覺。

再把做好的圖層疊進去，調整色階，同樣的再改成柔光模式。

然后按照之前的邏輯，利用曲線、畫筆等調整細節(jié)，這樣畫面的層次就會更加豐富。

然后，我們海報的長虹玻璃效果就做完了。

是不是很簡單！快把“我學到了”打在評論區(qū)上！讓我看到你們舉起的雙手。

沒學會的同學也不要慌，這不還有視頻教程嘛

【Photoshop電商教程】最新長虹玻璃PS繪制技法解密！【杰視幫】

細心的同學會發(fā)現(xiàn)，這篇教程里的很多參數設置或者功能選擇，我們都沒有給大家一個明確的規(guī)范。

?

這就跟我們日常生活工作中，需要見什么人說什么話是一個道理。

?

設計向來沒有標準規(guī)范，具體問題，具體分析，反復嘗試，才能獲得最優(yōu)結果。

這也是我們?yōu)槭裁匆恢睆娬{要理解技巧背后的邏輯。

?

萬變不離其宗，只有真正理解為什么這么做，才能隨機應變，靈活處理每一個稿子~

最后，如果大家有什么感興趣的，想學或者想看我們分析的，都可以評論區(qū)留言告訴我們！

?

?

我們會認真討論，盡快給大家安排上。

?

好的教程需要大家的支持和幫助，你們的反饋是我們進步的不竭動力。

?

山高水遠，我們下個教程再見。