學習漸變設計的使用效果
01.漸變背景正流行
如果你注意觀察,你就會發(fā)現(xiàn)漸變風格這兩年越來越流行了。很多平平淡淡的設計,將平涂改為漸變,立刻就能增加醒目感。
所以越來越多的品牌都會采用漸變色作為網(wǎng)頁或者海報的背景。


漸變色比圖片更簡潔,不會有過多的干擾,但是又有足夠的變化,比純色背景要更有層次。
02.解鎖漸變新可能
如果你嘗試過給 PPT 背景設置設置漸變色,你就會看到兩種常見漸變:線性漸變和射線漸變。

這兩種漸變雖然也很實用,可是我們看一些漸變案例的時候,發(fā)現(xiàn)它們并不屬于以上的任何一種。

舉個例子,instagram(左)的圖標,左上角藍色,中部紅色,右下角黃色,右上角紫色。看上去既不像單純的直線漸變,又不像射線漸變。這種自由變化的漸變理論上 PPT 是做不出來的。
也許你注意到了,我說的是理論上。
今天我就告訴你一個小妙招,帶你解鎖漸變色的新成就。
◆?第 1 步:選顏色?◆
首先我們要選擇漸變的顏色。配色不對,整個漸變色搭配出來就辣眼睛。推薦大家借助網(wǎng)上的配色網(wǎng)站,利用設計師搭配好的色卡去搭配顏色。
上面的配色都比較清新。

如果你還是希望自己搭配,卻有沒有耐心去學習專業(yè)的漸變配色知識,那請一定記住秘訣:漸變色跨度越小越安全。
并不是說從紅到綠,從藍到黃的漸變色就一定丑,但是對于沒有經(jīng)驗的設計師來說,危險性的確很大。比如網(wǎng)上一些充斥著漸變色的表情包……

◆?第 2 步:畫方塊?◆
顏色大概選定之后,我們就要開始畫方塊了。
沒錯,就是用[插入]-[形狀]繪制幾個正方形。我這里繪制了四個正方形,都選用了綠色系的顏色,跨度小,比較保險。

然后我們把畫好的四個方塊一起剪切,并「粘貼為圖片」。這樣四個方塊就被轉(zhuǎn)化為了一個方形 PNG 圖片了。
◆?第 3 步:做虛化?◆
既然是圖片,我們就可以為它添加圖片的藝術(shù)效果,這里主要使用虛化效果。
雙擊圖片,找到右上角的[圖片格式]菜單,里面就有「藝術(shù)效果」選項。我們選擇第二行最后一個「虛化」效果即可。

這里告訴你個小秘訣,方塊不要畫太大。因為方塊越大,合成的圖片也就越大,模糊處理就越慢越卡。方塊畫得小一些,虛化處理速度快,效果也更好。
選擇虛化效果之后,我們在藝術(shù)效果菜單底部找到「藝術(shù)效果選項」,把模糊的半徑調(diào)整得更高一些,模糊力度就會更大。

你會看到,當虛化半徑被調(diào)整到 80 的時候,四個方塊之間的交接已經(jīng)完全模糊,變成了一片柔和的漸變顏色。
大功告成!

我們可以把處理后的圖片鋪滿頁面變成背景。和純色相比,這種漸變色看上富有變化,質(zhì)感也更強。
03.漸變可以怎么玩
回到投稿的作品當中,我們給這個綠豆雪糕換一個背景試試吧。

誒,是不是效果還不錯呀?
于是我又畫了三組類似的小格子,配合虛化做出了 4 種不同色調(diào)的漸變背景圖。
然后我把這四組背景重新整合到投稿作品當中,效果你們自己看:




04.還能怎么玩
你以為這就結(jié)束了?當然不是,學會了這種方法,我們還能做出各種各樣的東西。就看你的腦洞有多大了。
首先,我們可以模仿一下 instagram 的花哨 LOGO,毫無壓力。選顏色,畫格子,做虛化,完成!

然后,我們還可以用漸變?nèi)ピO計一些不知道用什么圖片的產(chǎn)品,比如銀行的信用卡。我不知道怎么設計卡面,不如用漸變好了。效果不錯吧?

因為突破了漸變走向的限制,我們甚至還可以做一些簡單的光線效果。比如這里有一幅白底的招聘海報,看背景有些太簡單了,缺乏層次。

我首先繪制了一些灰色的方塊作為背景,然后畫兩個淺色的三角形,在虛化之后就變成了一個不顯眼的背景光。效果是不是很不錯?

以上就是本文的主要內(nèi)容。