視覺設計 ? PS高級光影技法教程,打造炫酷視覺效果

PS高級光影技法教程,打造炫酷視覺效果

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

今天我為大家帶來的是一個PS高級光影技法教程,應用范圍非常廣泛,不管是電商還是普通的線下廣告都可以使用。我會通過完成的步驟演示圖來讓大家理解這個東西的操作原理。閑話不多說,下面開始今天的內容。

PS高級光影技法教程,打造炫酷視覺效果

先給大家看一下完整效果,2017年360手機的發布海報就使用了類似的手法,可以看到整體的光影變化是非常細膩的品質感也非常強。

PS高級光影技法教程,打造炫酷視覺效果

那么要想完成這樣的設計我們要把握好以下幾個點。1.營造畫面高端調性? ?2.文字金屬化處理? ?3.光影自然轉折的實現方法。

PS高級光影技法教程,打造炫酷視覺效果


PS高級光影技法教程,打造炫酷視覺效果

通常較為高端的設計有以下的特點,其中包括字形本身較細,除了主要文字其余明度都于背景呈現弱對比關系,還有設計整體裝飾元素較少。

那么適合我們這個技法的較細字形,我可以推薦幾個字體,OPPOSans(Light)、Acumin Variable Concept(Thin)、Source Sans Variable(ExtraLight)。

PS高級光影技法教程,打造炫酷視覺效果


如果特別喜歡某一個字形也可以通過ps調整粗細,流程是首先選中需要調整對象的選區(Ctrl+鼠標左鍵點擊縮略圖層)-選擇-修改-收縮(具體收縮多少像素要看你選擇對象的大小可以多調整幾次達到完整效果)

PS高級光影技法教程,打造炫酷視覺效果

今天的案例我選擇了這樣的字型給大家演示。

PS高級光影技法教程,打造炫酷視覺效果


PS高級光影技法教程,打造炫酷視覺效果

首先修改文字的底色,顏色我個人習慣使用高飽和低明度,這個不是硬性規定,只要自己用著舒服就行,但一個好的底色對于后續的調整來說都是非常方便的。

PS高級光影技法教程,打造炫酷視覺效果

添加斜面浮雕就可以制作出文字的金屬感,注意我光澤等高線的選擇,剩余參數都可以一邊調整一邊看。

PS高級光影技法教程,打造炫酷視覺效果

看一下調整后的效果。

PS高級光影技法教程,打造炫酷視覺效果


PS高級光影技法教程,打造炫酷視覺效果

選擇角度漸變,顏色選用黑白就可以,雖然我們用不到那么強的黑白變化但是后續都可以調整??梢钥吹浇嵌葷u變的轉折是非常自然流暢的,這就是我們想要的自然轉折。

PS高級光影技法教程,打造炫酷視覺效果

PS高級光影技法教程,打造炫酷視覺效果

先把數字5的前兩個筆畫拼出來,簡單的移動旋轉就可以了。

PS高級光影技法教程,打造炫酷視覺效果

遇到弧線通過Ctrl+T-右鍵-變形,來調整明暗的方向,讓其匹配到數字5的形態上,當然出現轉折過硬的情況時就可以用蒙版過渡一下。

(數字5的第一個上弧部分我用畫筆描了一下,到時候會被前面的金屬層遮擋,大家忽略就可以)

PS高級光影技法教程,打造炫酷視覺效果


整體用筆刷調整一下光影感受,讓背景更豐富轉折更自然。

PS高級光影技法教程,打造炫酷視覺效果

對比一下。

PS高級光影技法教程,打造炫酷視覺效果

加上做好的金屬數字看一下效果。

PS高級光影技法教程,打造炫酷視覺效果


最后整體微調一下顏色、對比度、銳化、顆粒等參數就完成啦~

PS高級光影技法教程,打造炫酷視覺效果

最后

本期我們學習了一個處理數字的技法,大家可以上手練習一下,這種方法不僅僅是可以用在數字上,其中的知識點能用在很多方面,包括產品的光影漸變,國潮的浮雕調整方式等等,希望大家有所收獲。

作者:董董董董掌柜
來源:視研設(ID:gh_65d738973b25)

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

{ 發表評論 }