轉自公眾號：杰視幫
嘿，各位小伙伴。
最近618的海報賞析，大家看爽了嗎
有沒(méi)有被各大商家花樣百出的整活兒方式繞花了眼？
還是暗下決心，開(kāi)始默默努力：今年雙十一，我也要一起卷，做出一張優(yōu)秀作品！
就算是加入了設計的卷中卷大軍，大家也要講究方式方法。
今天呢，就是我們久違了的教程環(huán)節。
我們來(lái)解析一個(gè)今年非?；鸬牟馁|(zhì)表達：
長(cháng)虹玻璃。
長(cháng)虹玻璃原本是家裝設計中的一種室內設計產(chǎn)品，屬于壓花玻璃的一種，視覺(jué)上呈現出垂直而下的豎形條紋，有著(zhù)不同于平面的凹凸質(zhì)感。
由于其既能提高空間的通透感，又能帶來(lái)一種朦朧又夢(mèng)幻的視覺(jué)感受，還與時(shí)下流行的極簡(jiǎn)風(fēng)、輕奢風(fēng)都相得益彰，長(cháng)虹玻璃絕對算得上是近兩年室內裝修的網(wǎng)紅爆品了。
而這些特性不僅在室內設計中大放異彩，在平面設計中同樣能起到相同的效果，因此，在電商設計中越來(lái)越多的頁(yè)面開(kāi)始引入長(cháng)虹玻璃的元素，給畫(huà)面增加虛實(shí)結合的朦朧美。
今天我們就用最簡(jiǎn)單的方法，教會(huì )大家制作長(cháng)虹玻璃效果。
雖說(shuō)，這種玻璃很多時(shí)候是用三維做，用C4D的玻璃材質(zhì)，上個(gè)凹凸貼圖或者加點(diǎn)起伏，調整折射率啥的。
但是畢竟不是所有人都學(xué)了C4D。
所以，今天就來(lái)看看用PS要怎么做！
先來(lái)看下做完效果的前后對比。
學(xué)會(huì )今天的教程，做出這個(gè)效果，只需要幾分鐘。
再根據自己的需求添加一些細節，做出明暗和色彩的變化。
雖然沒(méi)有三維出來(lái)的那么自然，但是用這種方式給我們的設計做背景，也是完全夠用的。
這次的素材基本來(lái)源網(wǎng)絡(luò )，只是借鑒過(guò)來(lái)，把制作方法教給大家。
老規矩，知其然再知其所以然。學(xué)會(huì )怎么做之前，要先知道為什么要這么做。
這次跟之前做水面倒影是一個(gè)原理，主要運用的功能就是PS的置換。
我們都知道PS的蒙版中，黑色代表隱藏，白色代表顯示。
置換就是利用圖片的黑白信息，讓圖片形成一個(gè)上下的錯位。
先在圖片中圈出一塊白色的區域：
復制三個(gè)相同區域出來(lái)，依次調整成黑色--白色--黑色。
接著(zhù)，把圖片合并，先把這個(gè)圖存下來(lái)?，F在我們就有了一個(gè)類(lèi)似鋼琴鍵的PSD。
然后，就可以開(kāi)始置換大法。
復制一層圖片，在濾鏡中選擇【扭曲--置換】，點(diǎn)擊確定。
找到我們剛才存的PSD，打開(kāi)，就能看到這個(gè)效果。
有沒(méi)有g(shù)et到置換的好用，就跟開(kāi)頭說(shuō)的一樣，根據圖片的黑白關(guān)系進(jìn)行了錯位。
白色區域向上錯位，黑色區域向下錯位。
大概了解這個(gè)操作原理后，我們看下這些參數到底是什么意思。
比如說(shuō)原圖長(cháng)這樣：
折回，就是把圖片復制然后水平翻轉，重復這個(gè)過(guò)程，直到撐滿(mǎn)整張畫(huà)布。
重復邊緣像素的話(huà)，則會(huì )把最邊上的像素無(wú)限拉伸，直到充滿(mǎn)畫(huà)布。這種效果我們日常用的不多，這次也不是我們教程的重點(diǎn)。
我們在參數設置上，一般選擇【扭曲--置換--折回】。
上面的【伸展以適合】和【拼貼】，這兩種情況對于我們做這個(gè)玻璃效果幾乎沒(méi)什么區別，大家自由選擇就好。
至于水平比例和垂直比例的這一部分，我們換一個(gè)圖，讓大家感受的更清晰一些。
先來(lái)看下【水平比例0，垂直比例100】的效果。
可以看到亮色區域朝上，暗色區域朝下，但是中間細節的過(guò)渡不是很好。
而且垂直方向變化的很夸張，但是水平方向，左右并沒(méi)有一個(gè)明顯的錯位。
同理，【水平比例100，垂直比例0】，玻璃的垂直方向沒(méi)有被拉伸，而水平方向會(huì )出現一種被拉伸的感覺(jué)。
這個(gè)時(shí)候已經(jīng)有點(diǎn)長(cháng)虹玻璃的意思了。
當然，垂直和水平可以結合使用，效果更佳?！舅奖壤?00，垂直比例100】就會(huì )變成這樣：
我們可以根據需求，調整水平和垂直的參數，達到一個(gè)理想中的滿(mǎn)意狀態(tài)。
理解原理后，回過(guò)神來(lái)，我們開(kāi)始研究細節。
折回狀態(tài)下，顏色雜亂是因為PS的折回是根據圖片本身的黑白關(guān)系進(jìn)行計算。
原圖的明暗對比強烈，算出的圖片過(guò)渡生硬，這是很正常的。
還有一個(gè)點(diǎn)需要注意，玻璃的效果好不好看，光影是否復雜，需要哪些反光、折射等，這些是跟環(huán)境直接掛鉤的。
如果環(huán)境空無(wú)一物，那玻璃自然什么都不會(huì )透出來(lái)。
做效果的時(shí)候，不能總是我以為是，一定要聯(lián)系實(shí)際，想想現實(shí)生活中，玻璃是什么樣的。
回到正題，我們需要利用矩形做出一個(gè)區塊，然后直接復制粘貼，得到這樣一張黑白關(guān)系明顯的素材。
然后，按照之前教的，開(kāi)始折回，經(jīng)過(guò)嘗試，發(fā)現參數上設置80，100，比較適合這張圖片。
點(diǎn)擊剛剛存好的素材，就能得到這樣一張圖片。
還是跟之前一樣的問(wèn)題，直接置換，圖片過(guò)渡生硬。
所以，可以先給它進(jìn)行一個(gè)模糊處理，選擇哪一種模糊都行，最終目的就是讓圖片的顏色過(guò)渡更加柔和。
我們這次選擇了【形狀模糊】，這個(gè)模糊狀態(tài)下出現的效果跟長(cháng)虹玻璃的透射很相似。
把原圖模糊后，重新濾鏡扭曲置換。
這地方的參數要根據圖片的具體形態(tài)，進(jìn)行選擇。
然后刪除不需要的部分，這樣一個(gè)長(cháng)虹玻璃的效果就基本完成了。
如果覺(jué)得有些地方，還是差強人意，比如這個(gè)紅色框框里的過(guò)渡就很礙眼。
可以把下面沒(méi)問(wèn)題的地方拉長(cháng)，擋住上面有缺陷的地方
其實(shí)這個(gè)時(shí)候效果已經(jīng)可以了，但是為了讓自己的作品更突出，我們可以繼續精化。
復制一個(gè)素材進(jìn)去，然后加一個(gè)【柔光】或【疊加】的圖層，這兩個(gè)圖層的作用就是讓它暗的地方更暗，亮的地方更亮。
然后，玻璃中較為模糊的地方就能清晰起來(lái)，細節有了，質(zhì)感自然也就提升了。
如果覺(jué)得這樣出來(lái)的效果過(guò)于規整，缺少點(diǎn)長(cháng)虹玻璃那種流動(dòng)的感覺(jué)。
我們可以再復制一層素材，加強柔光的效果，然后將素材向左或向右平移幾個(gè)像素，形成一種微妙的錯位感。
這樣，玻璃出來(lái)的效果就會(huì )更加美觀(guān)。
如果還是不夠，就再次復制，但是需要降低一些不透明度?；蛘?，我們試著(zhù)Ctrl+I，反向處理一下，得到的明暗層次也會(huì )發(fā)生變化。
其實(shí)這個(gè)地方可以用的方法很多，跟前面的參數選擇一樣，需要我們在實(shí)際操作中試著(zhù)對不同圖層進(jìn)行處理，以得到最優(yōu)效果。
下面就是我們的老朋友了，利用曲線(xiàn)調色優(yōu)化視覺(jué)呈現。
還可以將玻璃的邊角壓暗，增加質(zhì)感。
甚至可以用畫(huà)筆加細節，形成一種光影折射下明暗不均的斑駁感。
一個(gè)擴展知識，如果覺(jué)得畫(huà)筆畫(huà)的過(guò)于生硬，可以將圖層顏色調成灰色。
然后利用濾鏡中的分層云彩，加上動(dòng)感模糊，也可以得到這種黑白分布不均的感覺(jué)。
再把做好的圖層疊進(jìn)去，調整色階，同樣的再改成柔光模式。
然后按照之前的邏輯，利用曲線(xiàn)、畫(huà)筆等調整細節，這樣畫(huà)面的層次就會(huì )更加豐富。
然后，我們海報的長(cháng)虹玻璃效果就做完了。
是不是很簡(jiǎn)單！快把我學(xué)到了打在評論區上！讓我看到你們舉起的雙手。
沒(méi)學(xué)會(huì )的同學(xué)也不要慌，這不還有視頻教程嘛
點(diǎn)擊下面鏈接或B站搜索【杰視幫設計】，即可查看完整教學(xué)視頻：
https://www.bilibili.com/video/BV1HY4y167ZJ?share_source=copy_web
細心的同學(xué)會(huì )發(fā)現，這篇教程里的很多參數設置或者功能選擇，我們都沒(méi)有給大家一個(gè)明確的規范。
這就跟我們日常生活工作中，需要見(jiàn)什么人說(shuō)什么話(huà)是一個(gè)道理。
設計向來(lái)沒(méi)有標準規范，具體問(wèn)題，具體分析，反復嘗試，才能獲得最優(yōu)結果。
這也是我們?yōu)槭裁匆恢睆娬{要理解技巧背后的邏輯。
萬(wàn)變不離其宗，
只有真正理解為什么這么做，才能隨機應變，靈活處理每一個(gè)稿子
最后，如果大家有什么感興趣的，想學(xué)或者想看我們分析的，都可以評論區留言告訴我們！
我們會(huì )認真討論，盡快給大家安排上。
好的教程需要大家的支持和幫助，你們的反饋是我們進(jìn)步的不竭動(dòng)力。
山高水遠，我們下個(gè)教程再見(jiàn)。
本文轉自微信公眾號：文案圈（ID：cwcode），圖片來(lái)源網(wǎng)絡(luò )，版權歸原所有者所有，本文僅供分享交流，如有侵權，請聯(lián)系我刪除，謝謝！