視覺設計 ? 怎樣憑空邊一塊玻璃出來?PS高階教程~

怎樣憑空邊一塊玻璃出來?PS高階教程~

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

前言:逼真的玻璃效果是如何繪制出來的呢?一是直接畫出來,而是靠工具來實現,今天我們用photoshop設計工具,教大家如何繪制晶瑩剔透的玻璃效果,歡迎大家一起學習哦。

4000年前,它存于神秘的美索不達米亞;

3000年前,它閃耀在腓尼基人的烈火中;

2000年前,古羅馬人用它裝飾貴族門窗;

1000年前,它褪去神話的外衣變成日常;

100年前,伴隨著工業化,它無處不在…

現在,它不僅是生活與工業中不可缺少的元素,它更是成為了設計與藝術中的寵兒。

怎樣憑空邊一塊玻璃出來?PS高階教程~

玻璃,這種本質和沙子一樣的非晶無機非金屬材料,得益于它透明、吸光、折射等其他藝術媒介罕有的特性,在設計師與藝術家的手中,注入了全新的靈魂,被賦予了新的生命。

怎樣憑空邊一塊玻璃出來?PS高階教程~

“光是玻璃的靈魂,賦予了它新的生命?!?/strong>

上世紀60年代,Harvey Littleton發起了國際玻璃工作室運動,使玻璃從工廠引入到藝術家工作室中,以及大學的藝術教育體系中,徹底擺脫功能的限制,轉變成一種自我表達的藝術材料。

怎樣憑空邊一塊玻璃出來?PS高階教程~

而Harvey也被后世稱為“玻璃藝術之父”。

怎樣憑空邊一塊玻璃出來?PS高階教程~

玻璃由于可塑性極強的特性,完美匹配了西方藝術對“自由”這一主題的向往,玻璃也自然成為了藝術家手中的寵兒。

美國藝術家dylan martinez的超寫實玻璃雕塑;

怎樣憑空邊一塊玻璃出來?PS高階教程~

法國藝術家Julie Gonce玻璃雕塑作品;

怎樣憑空邊一塊玻璃出來?PS高階教程~

韓國藝術家Jiyong Lee源于細胞分裂的玻璃藝術;

怎樣憑空邊一塊玻璃出來?PS高階教程~怎樣憑空邊一塊玻璃出來?PS高階教程~

上海玻璃博物館首任館長莊小蔚《手工藝的詩歌》;

怎樣憑空邊一塊玻璃出來?PS高階教程~

清華大學美術學院工藝美術系副教授關東?!镀邉Α?;

怎樣憑空邊一塊玻璃出來?PS高階教程~


而受到玻璃藝術的影響,平面設計中對玻璃的運用也愈加廣泛了起來。

晶瑩剔透,閃亮動人,玻璃在陽光的偏愛下,總能折射出這樣動人的光彩。

怎樣憑空邊一塊玻璃出來?PS高階教程~

正因為這樣的形象,玻璃這一元素尤其得到了美妝類目海報的青睞。迪奧、GUCCI、香奈兒、LV等奢侈品牌的產品海報上總能看到玻璃的影子。

怎樣憑空邊一塊玻璃出來?PS高階教程~

玻璃元素總能給人一種通透輕快的感受,催眠著消費者產品本身也擁有著同樣的質感,靠著這種神奇的魔力,不斷放大著消費者“買買買”的欲望。

怎樣憑空邊一塊玻璃出來?PS高階教程~

雖然玻璃質感的添加通常都符合了甲方的需求,也深得消費者的喜愛,但對于設計師而言,往畫面中加入充滿質感的玻璃,可不是什么笑得出來的好差事。

如何制造玻璃質感,如何憑空畫一塊玻璃?為什么畫出來的玻璃總是差了點質感?這成了萬千設計師說不出來的痛。

怎樣憑空邊一塊玻璃出來?PS高階教程~

理論上來說,只要能將你所觀察到的一切都表達出來,畫玻璃并不是什么難事。

所以今天,跟大家分享一下,在電商設計中,如何表現玻璃質感,如何憑空造一塊玻璃。

怎樣憑空邊一塊玻璃出來?PS高階教程~


玻璃的繪制有兩種方法:

1、直接畫

2、靠工具

方法一簡單粗暴,俗話說所見即所得,想做一塊玻璃,照著畫一塊不就好了?

先用套索工具勾出側面輪廓:

怎樣憑空邊一塊玻璃出來?PS高階教程~

用筆刷模擬側面折射填充好側面陰影:

怎樣憑空邊一塊玻璃出來?PS高階教程~

再勾出其他面,用畫筆區分出高光區與折射區:

怎樣憑空邊一塊玻璃出來?PS高階教程~

你看,一塊玻璃不就搞定了?

怎樣憑空邊一塊玻璃出來?PS高階教程~

只是腦子會了,手卻廢了?如果美術基礎比不上杰克,那就往下看,我們來學習第二個方法。

怎樣憑空邊一塊玻璃出來?PS高階教程~

首先,觀察現實生活中玻璃的形態與細節:

怎樣憑空邊一塊玻璃出來?PS高階教程~

由于光的反射,光穿過玻璃時會導致玻璃后方物體顏色發灰發白;而又由于光的折射,從不同的角度觀看,不同面的深淺又不盡相同。

因此,在PS中,我們先用鋼筆工具根據草圖勾出玻璃的外形。

怎樣憑空邊一塊玻璃出來?PS高階教程~

將頂面的不透明度降低,加深側面顏色,做出玻璃的透明質感。

怎樣憑空邊一塊玻璃出來?PS高階教程~

補齊側面厚度,強化玻璃的體積感與透光感:

怎樣憑空邊一塊玻璃出來?PS高階教程~

當然,側面不是一股腦的深色,由于光的折射,側面會產生許多的光斑與光照痕跡,因此,新建圖層,在側面繪制一些光斑

怎樣憑空邊一塊玻璃出來?PS高階教程~

到這一步,是不是感覺已經有玻璃那味兒,但還缺了點真實玻璃的質感?別急,我們現在為這塊玻璃注入靈魂——描邊。

點選圖形,右鍵描邊一像素亮色邊:

怎樣憑空邊一塊玻璃出來?PS高階教程~

再配合蒙版做出由于折射造成的不規則亮邊:

怎樣憑空邊一塊玻璃出來?PS高階教程~

用同樣的方法對底部和側面輪廓做同樣處理:

怎樣憑空邊一塊玻璃出來?PS高階教程~

最后,新建圖層,吸取畫面中的亮色,輕輕擦出頂面的受光反射感,強化玻璃的受光效果:

怎樣憑空邊一塊玻璃出來?PS高階教程~

關于玻璃中折射效果添加,有一個偷懶的辦法:首先,蓋印整個畫面:

怎樣憑空邊一塊玻璃出來?PS高階教程~

將蓋印畫面向下移動一些,形成錯位,再用選區工具選中玻璃區域:

怎樣憑空邊一塊玻璃出來?PS高階教程~

添加蒙版,降低不透明度,即可輕松做出玻璃中的折射效果:

怎樣憑空邊一塊玻璃出來?PS高階教程~

用這樣的方法將畫面中的玻璃都處理好,加上倒影和陰影,一張純手工打造的化妝品類目簡約海報就完成了。

怎樣憑空邊一塊玻璃出來?PS高階教程~


這種光滑的玻璃學會了,我們就來解決下一個問題,毛玻璃的效果制作。

我們以這款洗發水為例,如果要在畫面左邊做一款毛玻璃,你知道如何下手嗎?

怎樣憑空邊一塊玻璃出來?PS高階教程~

毛玻璃也叫霧面玻璃、防眩玻璃等,是用金剛砂等磨過或以化學方法處理過的一種表面粗糙不平整的的半透明玻璃,也就是磨砂玻璃的俗稱。

怎樣憑空邊一塊玻璃出來?PS高階教程~

通過上述定義,我們可以提取哪些關鍵詞?表面粗糙、半透明、磨砂。

發現沒有,和光滑鏡面玻璃最大的差別,毛玻璃是半透明的。也就是說,透過這塊玻璃,我們只能隱約看到背后物體,同時邊緣有模糊的質感。

在這里,我們略過簡單粗暴的用手畫環節,直接給大家介紹一個偷懶的方法。

先蓋印整個場景,只選取需要制作玻璃墻的部分,略微提亮后,點擊濾鏡-濾鏡庫。

怎樣憑空邊一塊玻璃出來?PS高階教程~

在濾鏡庫中選擇玻璃效果,將紋理勾選為磨砂,調整好扭曲度與平滑度等參數后,點擊確定。

怎樣憑空邊一塊玻璃出來?PS高階教程~

然后用曲線工具提亮,模擬光照進入玻璃后形成的反射效果:

怎樣憑空邊一塊玻璃出來?PS高階教程~

接下來,我們對這塊玻璃進行體積塑造,刻畫玻璃的厚度。

用選區工具勾選出玻璃厚度,填充一個厚度邊,用剪貼蒙版做出側面的底色:

怎樣憑空邊一塊玻璃出來?PS高階教程~

接下來就是按之前的方法增加高光區,亮色邊和黑邊,最后蓋印一層,移動幾像素,制作它的折射感即可:

怎樣憑空邊一塊玻璃出來?PS高階教程~

雖然玻璃完成了,但是不是感覺這個玻璃依然和場景存在一種違和感?

怎樣憑空邊一塊玻璃出來?PS高階教程~

洗發露的應用場景通常都在浴室里,更何況圖中產品和地面中都有水珠做點綴,因此,作為前景的玻璃墻,也應該布滿了水珠才符合場景邏輯。

制作玻璃的一大要點,就是你要學會根據應用場景的不同給玻璃添加不同的效果。

怎樣憑空邊一塊玻璃出來?PS高階教程~

因此,我們再來試著刻畫一些晶瑩剔透的水珠。


水珠的表現手法同樣有兩種:

1、畫一個。

2、疊一個。

如果你玻璃能用畫筆兩三下畫出來,那水珠真的是分分鐘就搞定了:

套索工具勾出水珠的大概外形:

怎樣憑空邊一塊玻璃出來?PS高階教程~

先用正片疊底圖層打一個水珠的底色:

怎樣憑空邊一塊玻璃出來?PS高階教程~

再新建圖層,用濾色模式把水珠的反光做出來。

怎樣憑空邊一塊玻璃出來?PS高階教程~

最后再用畫筆點出最亮的高光點:

怎樣憑空邊一塊玻璃出來?PS高階教程~

最后做出陰影和反光,水珠的塑造就完成了,簡單吧?

怎樣憑空邊一塊玻璃出來?PS高階教程~

且慢,放下手上的刀,第一種方法學不會,我們還可以學第二個方法嘛。

怎樣憑空邊一塊玻璃出來?PS高階教程~

我們在網上找一個水珠素材,最好是黑底的,不是也沒關系,用之前做一個去色處理即可,但分辨率一定要夠高。

怎樣憑空邊一塊玻璃出來?PS高階教程~

拖入文件中,將圖層模式選為濾色模式,調整好水珠大小,如果水珠過多,配合蒙版擦除不需要的部分:

怎樣憑空邊一塊玻璃出來?PS高階教程~

最后運用色階等工具去掉黑色部分,增強水霧感:

怎樣憑空邊一塊玻璃出來?PS高階教程~

你看,簡單三步就能實現玻璃上的水珠效果了~

怎樣憑空邊一塊玻璃出來?PS高階教程~

這個方法夠簡單了吧?

今天的內容就到這里,你學廢了嗎?

怎樣憑空邊一塊玻璃出來?PS高階教程~

來源 | 杰視幫 ID:jacksean003

推薦:查看最受歡迎的 301 個設計網站 → http://hao.shejidaren.com
交流:為設計新人提供的設計交流群,請加入UI設計交流群,分享經驗、接單、求職、聊設計。
贊助商鏈接
贊助商鏈接
設計達人微信交流社區:shejidaren888
喜歡這篇文章嗎?歡迎分享到你的微博、QQ群,并關注我們的微博,謝謝支持。
版權:除非注明,本站文章均為原創文章,轉載請聯系我們授權,否則禁止轉載。

{ 發表評論 }