前兩天收到一個朋友的留言濒募,問我下圖這種漸變色是如何制作的?
看來大家對于漸變色還是有很多不懂的地方圾结,所以今天瑰剃,我打算系統(tǒng)的說一說PPT中的漸變色。
雖然在PPT中漸變的實現(xiàn)特別簡單筝野,但是說句不好聽的晌姚,很多人做的漸變并不好看,甚至可以說巨丑歇竟。
01
漸變色的三個可控變量
在PPT中挥唠,要想設(shè)置漸變色,只需要打開設(shè)置形狀格式的屬性欄就可以焕议,操作也很簡單宝磨,選中形狀,然后右鍵設(shè)置形狀格式盅安,在右側(cè)可以看到設(shè)置形狀格式中的填充選項里就有一個漸變填充唤锉。
漸變色的設(shè)置主要通過三個變量的調(diào)整,分別是漸變類型别瞭,漸變方向還有漸變光圈窿祥。
漸變類型主要有四種,分別是線性漸變蝙寨、射性漸變晒衩、矩形漸變、路徑漸變墙歪。
線性漸變:從起點到終點顏色從內(nèi)到外進(jìn)行圓形漸變听系。
射線漸變:從起點到終點顏色進(jìn)行順序漸變,也就是一條直線箱亿。
這是在PPT中使用較廣的兩種漸變類型跛锌,除此之外,還有矩形漸變和路徑漸變届惋。
漸變方向和漸變角度其實是一個意思髓帽,這個在操作上很簡單,直接調(diào)整角度的數(shù)值就可以了脑豹。
漸變光圈是漸變最重要的部分郑藏,它包含漸變的顏色、位置瘩欺、透明度和亮度必盖。我們可以在漸變光圈上增加和減少顏色的控點拌牲,以此來影響漸變的效果。
02
相近色漸變
如果我們想要制作出高品質(zhì)的漸變色歌粥,那么在顏色的選擇上就要非常謹(jǐn)慎了塌忽,最好選取相近的顏色,或者同一色系的顏色失驶。
通過這種方法土居,我們調(diào)制出的配色給人的感覺就非常舒服,賞心悅目嬉探。
下面幾個案例擦耀,一個是藍(lán)色單色系的漸變,一個是紫色單色系的漸變涩堤,還有一個是綠色和黃色的相近色漸變眷蜓。
03
漸變蒙版
蒙版我們都知道,就是半透明的色塊胎围,那么漸變蒙版就很好理解了吁系,就是半透明的漸變色。
這種半透明的漸變色近兩年在網(wǎng)頁設(shè)計中非橙叮火垮抗,你經(jīng)呈侠蹋可以看到碧聪。
我們可以看到,上面這個漸變蒙版總共有兩層液茎,最小面是圖片逞姿,在上面的是一個半透明的漸變色塊。
這是一個藍(lán)色到紫色的相近色漸變捆等,只是我們在漸變光圈下調(diào)整了顏色的透明度滞造,這樣我們就可以若隱若現(xiàn)的看到背景的圖片。
04
利用漸變處理圖片
當(dāng)我們的圖片過亮或者圖片尺寸太小不能過鋪滿屏幕時栋烤,這個時候我們就可以利用漸變來處理圖片谒养。
比如下面這個案例,我們看到圖片的亮度太高明郭,而且尺寸與整個版面不符买窟,如果直接輸入文字的話,圖片對于文字的干擾很大薯定。
這個時候始绍,我們可以給圖片添加一半透明漸變蒙版,其中光圈的左側(cè)一端設(shè)置透明度為100%话侄,右側(cè)一端不設(shè)置透明度亏推,然后我們在中間再加入一個光圈学赛,也不布置透明度。
通過設(shè)置之后吞杭,我們就可以得到下圖的效果了盏浇。
05
漸變色配色網(wǎng)站
如果你對色彩的感知度很低,不知道用什么顏色好芽狗,這個時候就需要多看一些好的配色方案缠捌。
關(guān)于漸變色的使用,我推薦兩個網(wǎng)站译蒂,一個是WebGradients曼月,一個是uigradients。這兩個網(wǎng)站都收錄了非常多的漸變色案例柔昼,在你沒有靈感的時候哑芹,可以去看看。
以上就是利兄最近研究的內(nèi)容捕透,希望你喜歡聪姿。
BY 利兄
(全文完)