蘋果13的釋出會PPT,終於不是翻新的了!庫克最看重的細節感有了

昨天凌晨一點,蘋果召開了線上的秋季釋出會。

沒熬夜看,但早起第一時間,就看了影片回放,留意釋出會 keynote 有什麼設計的亮點。

真的太喜歡這次 keynote 中的漸變色了,好看又時尚,截圖給大家看一下:

蘋果13的釋出會PPT,終於不是翻新的了!庫克最看重的細節感有了

其中讓我比較驚喜的,是這一張手機桌布:

蘋果13的釋出會PPT,終於不是翻新的了!庫克最看重的細節感有了

我們知道,常見的漸變方向有兩種:一是由一個點漸變到另一個點的

線性漸變

;二是以一圓心為起點向外擴散漸變的

徑向漸變

(在PPT中為射線漸變):

蘋果13的釋出會PPT,終於不是翻新的了!庫克最看重的細節感有了

而這張桌布中的漸變方向,是圍繞一個圓心進行漸變的:

蘋果13的釋出會PPT,終於不是翻新的了!庫克最看重的細節感有了

我們稱這樣的漸變為

圓錐漸變

蘋果13的釋出會PPT,終於不是翻新的了!庫克最看重的細節感有了

那像這樣的圓錐漸變,是怎麼繪製出來的呢?

繪製方法

如果瞭解PS操作,那麼使用其中的

角度漸變工具

,就能輕鬆做出圓錐漸變效果:

蘋果13的釋出會PPT,終於不是翻新的了!庫克最看重的細節感有了

如果你是PS小白,也不用怕,這裡給大家分享兩種不用PS也能實現的方法,操作方法也很簡單。

01 OK外掛-極座標

OK外掛中有很多媲美PS的特效功能,而極座標就是其中一項:

蘋果13的釋出會PPT,終於不是翻新的了!庫克最看重的細節感有了

極座標的功能原理呢,

就是將一個圖片或形狀的首尾,以弧化的形式連線在一起:

蘋果13的釋出會PPT,終於不是翻新的了!庫克最看重的細節感有了

我們來演示一下,插入一個矩形,在下方兩個角各標記一個數字:

蘋果13的釋出會PPT,終於不是翻新的了!庫克最看重的細節感有了

選中矩形,然後點選極座標功能,就能一鍵使矩形的首尾相接:

蘋果13的釋出會PPT,終於不是翻新的了!庫克最看重的細節感有了

按照這個原理,

我們給矩形填充一個線性角度為0°的漸變色:

蘋果13的釋出會PPT,終於不是翻新的了!庫克最看重的細節感有了

然後使用極座標功能,立馬就能實現我們想要的圓錐漸變啦,簡單吧:

蘋果13的釋出會PPT,終於不是翻新的了!庫克最看重的細節感有了

繼續延伸,將矩形填充成彩虹漸變色,用極座標功能首位相接,一個色環就出來了,很贊吧:

蘋果13的釋出會PPT,終於不是翻新的了!庫克最看重的細節感有了

02 Gradienta 網站

這是一個漸變色生成器網站,其中的漸變方向就包含了圓錐漸變

,而且相對比於極座標,網站生成的操作更簡便:

蘋果13的釋出會PPT,終於不是翻新的了!庫克最看重的細節感有了

我們只需選中圓錐漸變樣式,

然後調節兩個光圈的色調即可:

蘋果13的釋出會PPT,終於不是翻新的了!庫克最看重的細節感有了

同樣的,想要多色圓錐漸變時,多新增幾個光圈色就可以了:

蘋果13的釋出會PPT,終於不是翻新的了!庫克最看重的細節感有了

調節好色調後,點選下載按鈕,選擇鐘意的尺寸和格式,下載即可:

蘋果13的釋出會PPT,終於不是翻新的了!庫克最看重的細節感有了

將下載好的圓錐漸變形狀對稱拼接在一起

,就有 iPhone 手機的桌布效果了:

蘋果13的釋出會PPT,終於不是翻新的了!庫克最看重的細節感有了

運用場景

既然知道怎麼繪製或生成圓錐漸變了,那麼接下來呢,也給大家分享幾種常見的運用方式。

01 圖表修飾

圓錐漸變具有特殊的漸變方向,我們可以將這種效果應用在一些圖表的修飾上。

拿下面這張百分比資料頁面,來舉個例子:

蘋果13的釋出會PPT,終於不是翻新的了!庫克最看重的細節感有了

當我們想用餅圖來視覺化資料,又想把圓錐漸變應用上時,怎麼做呢?

蘋果13的釋出會PPT,終於不是翻新的了!庫克最看重的細節感有了

先準備三個漸變矩形,按百分比例劃分好漸變區域:

蘋果13的釋出會PPT,終於不是翻新的了!庫克最看重的細節感有了

然後使用極座標功能,

就能生成這樣圍繞圓心漸變的扇形餅圖:

蘋果13的釋出會PPT,終於不是翻新的了!庫克最看重的細節感有了

再簡單修飾一下,這張資料圖表頁面就最佳化完了:

蘋果13的釋出會PPT,終於不是翻新的了!庫克最看重的細節感有了

02 豐富頁面排版

我們還可以將圓錐漸變的獨特圖形,運用在排版中,以此來豐富頁面空間。

像這一頁2020設計年鑑封面排版,看著很單調:

蘋果13的釋出會PPT,終於不是翻新的了!庫克最看重的細節感有了

利用圓錐漸變的圓形,來拼湊出 2020 的數字樣式:

蘋果13的釋出會PPT,終於不是翻新的了!庫克最看重的細節感有了

然後放在頁面中作一個修飾主體,挺有創意的,對吧:

蘋果13的釋出會PPT,終於不是翻新的了!庫克最看重的細節感有了

03 充當投影

當我們將圓錐漸變的漸變色,

調整得有一定的明暗層次時,我們就可以將它們對充當投影使用。

比如設定一個白灰色的圓錐漸變,然後另複製一份對稱拼接在一起,像這樣:

蘋果13的釋出會PPT,終於不是翻新的了!庫克最看重的細節感有了

這時頁面中就像有根豎線產生了投影,將左右兩邊區分開來。

那麼可以利用這一效果,來做一些對比區分的頁面排版:

蘋果13的釋出會PPT,終於不是翻新的了!庫克最看重的細節感有了

再比如利用這個圓錐漸變投影,我們還可以繪製出這種懸空的展臺:

蘋果13的釋出會PPT,終於不是翻新的了!庫克最看重的細節感有了

用來展示一些證書頁面,看起來效果也還可以:

蘋果13的釋出會PPT,終於不是翻新的了!庫克最看重的細節感有了

好了,以上就是我今天要分享的全部內容。

如果你也覺得不錯,希望得到你的「

點贊

」和「轉發」。

最後,我把之前定製的和改稿的PPT檔案整理了一下,一共100多頁,全部分享給大家:

蘋果13的釋出會PPT,終於不是翻新的了!庫克最看重的細節感有了

需要的讀者,看這裡獲取哈

↓↓↓

蘋果13的釋出會PPT,終於不是翻新的了!庫克最看重的細節感有了