經常做設計的朋友們, 特別是網頁設計師們, 做個banner應該是再平常不過的事情了, 而banner的幾大要素(背景, 產品, 排版, 文案)中, 標題常常是最重要的部分, 為了突出標題, 我想很多人都會給文字加個投影, 讓文案更立體更突出一點, 但是, 用完之後的效果往往並不盡如人意, 比如可能是下面這樣。
是不是感覺髒兮兮的, 一點也沒有高端大氣的感覺, 也有的人, 認為現在不都流行扁平化了嗎, 不就是提倡不加特效了嗎, 幹嘛要加投影, 那麼請看下面的兩張對比圖, 你更喜歡哪個呢?
言歸正傳, 其實這個投影呢, 還是很實用的, 關鍵是要會用, 當你懂得了方法, 你也會對它愛不釋手的, 下面請坐穩了, 老司機要開車咯...
拋棄默認的黑色
為什麼要這麼說呢,
下面這張是背景色加深之後的顏色來做的投影。
仔細看就會發現, 明顯第二種效果更佳自然, 接近真實情況, 那麼看起來視覺效果自然好了。 那麼這種背景色加深如何來做呢?有人會說, 那就吸管吸一下背景色, 打開把色標往下劃一劃加深不就行了嗎?其實不細看的話, 思路是沒錯, 但是我給大家說一個更好的方法。 首先, 我們打開投影面板,
這幾個數值至關重要
除了顏色不要用黑色之外, 下面的不透明度, 角度, 距離, 擴展, 大小, 也都非常重要, 配合起來, 可以做出千變萬化的效果來, 下面我分別詳解一下每個參數的作用。 為了對比比較明顯, 我放出的對比圖, 都是只更改一個參數, 其他保持一致,都是比較直觀的,大家仔細觀察就可以看出區別。
不透明度就是更改的陰影的透明度,這張是透明度20的效果,下麵是透明度80的效果。
角度是更改的光線的入射角度,這張是角度45度的效果,下面這張是90度的效果。
距離就是陰影距離本體的距離了,這張是距離5的效果,下麵是距離30的效果。
擴展是可以讓你的陰影的邊緣變實,這張是擴展5的效果,下麵是擴展50的效果。
大小是控制陰影的虛化程度,這張是大小5的效果,下面是大小20的效果。
以上就是我個人對投影的理解了,分享給大家,希望瞭解之後,可以靈活運用這個技巧在自己的設計中,打造出自己想要的效果。
愛設計的小白,每日分享設計方面的一些實用小技巧,希望與大家一同進步,共同成長,喜歡的請關注我哦!
不透明度就是更改的陰影的透明度,這張是透明度20的效果,下麵是透明度80的效果。
角度是更改的光線的入射角度,這張是角度45度的效果,下面這張是90度的效果。
距離就是陰影距離本體的距離了,這張是距離5的效果,下麵是距離30的效果。
擴展是可以讓你的陰影的邊緣變實,這張是擴展5的效果,下麵是擴展50的效果。
大小是控制陰影的虛化程度,這張是大小5的效果,下面是大小20的效果。
以上就是我個人對投影的理解了,分享給大家,希望瞭解之後,可以靈活運用這個技巧在自己的設計中,打造出自己想要的效果。
愛設計的小白,每日分享設計方面的一些實用小技巧,希望與大家一同進步,共同成長,喜歡的請關注我哦!