轉(zhuǎn)自公眾號(hào)：杰視幫

嘿，各位小伙伴。

最近618的海報(bào)賞析，大家看爽了嗎

有沒(méi)有被各大商家花樣百出的整活兒方式繞花了眼？

還是暗下決心，開(kāi)始默默努力：今年雙十一，我也要一起卷，做出一張優(yōu)秀作品！

就算是加入了設(shè)計(jì)的卷中卷大軍，大家也要講究方式方法。

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

我們來(lái)解析一個(gè)今年非常火的材質(zhì)表達(dá)：

長(zhǎng)虹玻璃。

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

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

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

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

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

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

所以，今天就來(lái)看看用PS要怎么做！

先來(lái)看下做完效果的前后對(duì)比。

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

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

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

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

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

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

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

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

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

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

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

然后，就可以開(kāi)始置換大法。

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

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

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

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

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

比如說(shuō)原圖長(zhǎng)這樣：

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

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

我們?cè)趨?shù)設(shè)置上，一般選擇【扭曲--置換--折回】。

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

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

先來(lái)看下【水平比例0，垂直比例100】的效果。

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

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

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

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

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

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

理解原理后，回過(guò)神來(lái)，我們開(kāi)始研究細(xì)節(jié)。

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

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

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

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

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

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

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

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

還是跟之前一樣的問(wèn)題，直接置換，圖片過(guò)渡生硬。

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

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

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

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

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

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

可以把下面沒(méi)問(wèn)題的地方拉長(zhǎng)，擋住上面有缺陷的地方

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

https://www.bilibili.com/video/BV1HY4y167ZJ?share_source=copy_web

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

這就跟我們?nèi)粘Ｉ罟ぷ髦校枰?jiàn)什么人說(shuō)什么話(huà)是一個(gè)道理。

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

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

萬(wàn)變不離其宗，

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

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

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

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

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

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