您的位置:首頁>正文

同樣都是做個字體投影,為啥你的就是醜爆了呢?

經常做設計的朋友們, 特別是網頁設計師們, 做個banner應該是再平常不過的事情了, 而banner的幾大要素(背景, 產品, 排版, 文案)中, 標題常常是最重要的部分, 為了突出標題, 我想很多人都會給文字加個投影, 讓文案更立體更突出一點, 但是, 用完之後的效果往往並不盡如人意, 比如可能是下面這樣。

是不是感覺髒兮兮的, 一點也沒有高端大氣的感覺, 也有的人, 認為現在不都流行扁平化了嗎, 不就是提倡不加特效了嗎, 幹嘛要加投影, 那麼請看下面的兩張對比圖, 你更喜歡哪個呢?

言歸正傳, 其實這個投影呢, 還是很實用的, 關鍵是要會用, 當你懂得了方法, 你也會對它愛不釋手的, 下面請坐穩了, 老司機要開車咯...

拋棄默認的黑色

為什麼要這麼說呢,

其實仔細觀察身邊的真實陰影, 大家都會發現, 所有的陰影都不是純黑色的, 最多只能是背景色變深了而已, 因為這個是由光線的反射和陰影產生的原理決定的, 這裡就不展開說原理了, 大家記得這個原則就好。 我給大家發兩張細節圖對比一下, 這張是默認的黑色投影。

下面這張是背景色加深之後的顏色來做的投影。

仔細看就會發現, 明顯第二種效果更佳自然, 接近真實情況, 那麼看起來視覺效果自然好了。 那麼這種背景色加深如何來做呢?有人會說, 那就吸管吸一下背景色, 打開把色標往下劃一劃加深不就行了嗎?其實不細看的話, 思路是沒錯, 但是我給大家說一個更好的方法。 首先, 我們打開投影面板,

點擊顏色塊, 打開取色器面板, 之後我們將滑鼠移到背景上, 點擊一下, 會吸取到背景的顏色, 然後我們將畫紅框的地方的數值改小, 一般我用的比較多的30-40就可以了, 這樣的話, 會在保證你顏色的色相和飽和度都不變的情況下, 只降低了明度, 調整起來更加精准。

這幾個數值至關重要

除了顏色不要用黑色之外, 下面的不透明度, 角度, 距離, 擴展, 大小, 也都非常重要, 配合起來, 可以做出千變萬化的效果來, 下面我分別詳解一下每個參數的作用。 為了對比比較明顯, 我放出的對比圖, 都是只更改一個參數, 其他保持一致,都是比較直觀的,大家仔細觀察就可以看出區別。

不透明度就是更改的陰影的透明度,這張是透明度20的效果,下麵是透明度80的效果。

角度是更改的光線的入射角度,這張是角度45度的效果,下面這張是90度的效果。

距離就是陰影距離本體的距離了,這張是距離5的效果,下麵是距離30的效果。

擴展是可以讓你的陰影的邊緣變實,這張是擴展5的效果,下麵是擴展50的效果。

大小是控制陰影的虛化程度,這張是大小5的效果,下面是大小20的效果。

以上就是我個人對投影的理解了,分享給大家,希望瞭解之後,可以靈活運用這個技巧在自己的設計中,打造出自己想要的效果。

愛設計的小白,每日分享設計方面的一些實用小技巧,希望與大家一同進步,共同成長,喜歡的請關注我哦!

其他保持一致,都是比較直觀的,大家仔細觀察就可以看出區別。

不透明度就是更改的陰影的透明度,這張是透明度20的效果,下麵是透明度80的效果。

角度是更改的光線的入射角度,這張是角度45度的效果,下面這張是90度的效果。

距離就是陰影距離本體的距離了,這張是距離5的效果,下麵是距離30的效果。

擴展是可以讓你的陰影的邊緣變實,這張是擴展5的效果,下麵是擴展50的效果。

大小是控制陰影的虛化程度,這張是大小5的效果,下面是大小20的效果。

以上就是我個人對投影的理解了,分享給大家,希望瞭解之後,可以靈活運用這個技巧在自己的設計中,打造出自己想要的效果。

愛設計的小白,每日分享設計方面的一些實用小技巧,希望與大家一同進步,共同成長,喜歡的請關注我哦!

同類文章
Next Article
喜欢就按个赞吧!!!
点击关闭提示