來自公眾號(hào)：解志邦

嘿，伙計(jì)們，伙計(jì)們。

最近對618海報(bào)的欣賞，大家看起來都很酷嗎？

各大企業(yè)有沒有對各種?；ㄕ械恼w工作方式視而不見？

果然暗暗下定決心，默默努力起來：今年雙十一，我也會(huì)一起卷起來，創(chuàng)作優(yōu)秀的作品！

在設(shè)計(jì)的卷中，即使加入了權(quán)大軍，也要重視方式方法。

今天呢，就是我們久違了的教程環(huán)節(jié)。

我們來解析一個(gè)今年非?；鸬牟馁|(zhì)表達(dá)：

長虹玻璃。

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

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

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

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

雖說，這種玻璃很多時(shí)候是用三維做，用C4D的玻璃材質(zhì)，上個(gè)凹凸貼圖或者加點(diǎn)起伏，調(diào)整折射率啥的。

但是畢竟不是所有人都學(xué)了C4D。

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

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

學(xué)會(huì)今天的教程，做出這個(gè)效果，只需要幾分鐘。

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

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

這次的素材基本來源網(wǎng)絡(luò)，只是借鑒過來，把制作方法教給大家。

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

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

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

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

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

復(fù)制三個(gè)相同區(qū)域出來，依次調(diào)整成黑色--白色--黑色。

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

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

復(fù)制一層圖片，在濾鏡中選擇【扭曲--置換】，點(diǎn)擊確定。

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

有沒有g(shù)et到置換的好用，就跟開頭說的一樣，根據(jù)圖片的黑白關(guān)系進(jìn)行了錯(cuò)位。

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

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

比如說原圖長這樣：

折回，就是把圖片復(fù)制然后水平翻轉(zhuǎn)，重復(fù)這個(gè)過程，直到撐滿整張畫布。

重復(fù)邊緣像素的話，則會(huì)把最邊上的像素?zé)o限拉伸，直到充滿畫布。這種效果我們?nèi)粘Ｓ玫牟欢啵@次也不是我們教程的重點(diǎn)。

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

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

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

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

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

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

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

這個(gè)時(shí)候已經(jīng)有點(diǎn)長虹玻璃的意思了。

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

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

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

折回狀態(tài)下，顏色雜亂是因?yàn)镻S的折回是根據(jù)圖片本身的黑白關(guān)系進(jìn)行計(jì)算。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

復(fù)制一個(gè)素材進(jìn)去，然后加一個(gè)【柔光】或【疊加】的圖層，這兩個(gè)圖層的作用就是讓它暗的地方更暗，亮的地方更亮。

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

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

我們可以再復(fù)制一層素材，加強(qiáng)柔光的效果，然后將素材向左或向右平移幾個(gè)像素，形成一種微妙的錯(cuò)位感。

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

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

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

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

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

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

一個(gè)擴(kuò)展知識(shí)，如果覺得畫筆畫的過于生硬，可以將圖層顏色調(diào)成灰色。

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

再把做好的圖層疊進(jìn)去，調(diào)整色階，同樣的再改成柔光模式。

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

然后，我們海報(bào)的長虹玻璃效果就做完了。

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

沒學(xué)會(huì)的同學(xué)也不要慌，這不還有視頻教程嘛

點(diǎn)擊下面鏈接或B站搜索【杰視幫設(shè)計(jì)】，即可查看完整教學(xué)視頻：

---

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

這就跟我們?nèi)粘Ｉ罟ぷ髦?，需要見什么人說什么話是一個(gè)道理。

設(shè)計(jì)向來沒有標(biāo)準(zhǔn)規(guī)范，具體問題，具體分析，反復(fù)嘗試，才能獲得最優(yōu)結(jié)果。

這也是我們?yōu)槭裁匆恢睆?qiáng)調(diào)要理解技巧背后的邏輯。

萬變不離其宗，

只有真正理解為什么這么做，才能隨機(jī)應(yīng)變，靈活處理每一個(gè)稿子

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

我們會(huì)認(rèn)真討論，盡快給大家安排上。

好的教程需要大家的支持和幫助，你們的反饋是我們進(jìn)步的不竭動(dòng)力。

山高水遠(yuǎn)，我們下個(gè)教程再見。

本文轉(zhuǎn)自微信公眾號(hào)：文案圈（ID：cwcode），圖片來源網(wǎng)絡(luò)，版權(quán)歸原所有者所有，本文僅供分享交流，如有侵權(quán)，請聯(lián)系我刪除，謝謝！