「PPT」一個案例,給你關於課程介紹類PPT頁面創意設計的靈感


「PPT」一個案例,給你關於課程介紹類PPT頁面創意設計的靈感


你好,我是陳西X。


今天我們一起學習製作一個簡單的PPT案例,關於一些微課或者知識付費類課程的介紹PPT設計。


給大家一種思路和靈感。


01


首先,我們來看一下製作好的PPT案例作品吧。


如下圖:


「PPT」一個案例,給你關於課程介紹類PPT頁面創意設計的靈感


這個就是今天的案例啦。還是比較簡單的。


下面我們具體講解一下這個頁面的設計思路和詳細的操作步驟。


我們首先確定一個純色的背景。這個案例裡就使用了一個深藍色的純色背景。


「PPT」一個案例,給你關於課程介紹類PPT頁面創意設計的靈感


大家可以參考這裡的顏色數值。當然,也可以自己選用其它的純色背景都可以。


我們再來看最上面課程標題的設計製作。如下圖:



「PPT」一個案例,給你關於課程介紹類PPT頁面創意設計的靈感


我們拆解一下,就可以看得很清楚了。


整個的課程標題設計部分是由標題文案和一個長方體組合而成的。


那麼我們需要想一下這個長方體在PPT中要怎麼去設計製作呢?


我們可能會想到,使用一些基本形狀進行拼接就可以製作。比如這裡的長方體可以由一個長條矩形和兩個平行四邊形拼接而成。


這樣當然可以製作,不過過程會麻煩一點,而且拼接的時候不能很好的將拼接的縫隙對接好。


其實,這個長方體在PPT中就有一個自帶的這樣的基本形狀,不過很多小夥伴都沒有去注意過。


我們來看一下。如下圖:


「PPT」一個案例,給你關於課程介紹類PPT頁面創意設計的靈感


在基本形狀裡面,我們可以看到有一個立方體,這個就是PPT中自帶的一個形狀。


我們繪製一個立方體,然後進行長度寬度和高度的調節,就可以得到我們這裡想要的長方體了。


接著調節字體和這裡長方體的陰影效果。如下圖:



「PPT」一個案例,給你關於課程介紹類PPT頁面創意設計的靈感


這裡標題字體選用的是經典粗宋簡體,大家可以選用較粗一點的宋體就可以。


字體調節了右上的透視陰影效果,長方體調節了向下的透視陰影效果。


參數都可以參考上圖。需要注意的是在預設裡面一定要選用透視裡面的陰影,再調節這裡的數值。


調節好之後,我們將文字排版在這個長方體的上面,調節適當距離。


這樣標題部分就設計好了。


02


我們繼續設計主體元素部分。


這裡也是比較重要的一步,同樣,還是對PPT中自帶的這個立方體的形狀進行了重複的挖掘使用。


如下圖:



「PPT」一個案例,給你關於課程介紹類PPT頁面創意設計的靈感


這個就是我們要設計製作的主體形狀。


當然,這裡你可以使用矩形和平行四邊形進行拼接。但是這裡我仍然用到了立方體。


這裡小夥伴們可能會有疑問,因為立方體的形狀是一個整體,並不能單獨調節某一面的顏色。


大家需要轉變一下思維,充分使用形狀之間的組合功能。


比如這裡就是使用了一個立方體的線框和一個矩形組合成的整體形狀。


這個矩形設置了圖案填充,有一個很淺的網格紋理效果,大屏看會清楚一點。



「PPT」一個案例,給你關於課程介紹類PPT頁面創意設計的靈感


大家可以修改圖案填充的前景和背景色,從而改變圖案紋理顏色的深淺。


現在我們具再看一下這個整體形狀的拼接。如下圖:



「PPT」一個案例,給你關於課程介紹類PPT頁面創意設計的靈感


就是由一個立方體線框和一個設計了圖案填充的矩形組合而成的整體,這樣就很好設計製作了。


接著我們添加課程講師的人物形象照,並進行陰影的設置。注意這裡的照片是PNG透明底形式的哦。


如下圖:



「PPT」一個案例,給你關於課程介紹類PPT頁面創意設計的靈感


陰影就是使用普通的右下角陰影,調節了較高的透明度和模糊數值。


繼續添加上文案,並進行顏色排版等設計。如下圖:



「PPT」一個案例,給你關於課程介紹類PPT頁面創意設計的靈感


這裡的文案排版採用的是左對齊的方式,大家參考一下這個版式就可以啦。


最後就是我們的裝飾元素的設計。如下圖:



「PPT」一個案例,給你關於課程介紹類PPT頁面創意設計的靈感


標題設計部分的圓形裝飾元素。


我們繪製了不同大小的圓形,最關鍵的是陰影的設置,可以得到懸浮的效果。數值可以參考上圖。


還有一些裝飾元素同樣使用了陰影的效果。如下圖:



「PPT」一個案例,給你關於課程介紹類PPT頁面創意設計的靈感


使用一些PPT中自帶的基本形狀,調節顏色,設置懸浮的陰影效果用來裝飾整體的頁面。


最後就是文案下方的一排漸變斜線的設計製作了。


因為這些斜線較多,一個一個繪製調節透明度比較浪費時間,所以這裡可以使用iSlide插件製作。


如下圖:



「PPT」一個案例,給你關於課程介紹類PPT頁面創意設計的靈感


插件需要自己安裝,瀏覽器搜索iSlide找到官網下載安裝即可。


我們繪製兩個斜線,第二個斜線調節百分之九十的透明度,兩個斜線之間調節一定的距離,使用iSlide插件的補間動畫即可快速製作完成。


那麼到這裡,全部元素都設計完畢了,整個頁面也就製作好了。如下圖:


「PPT」一個案例,給你關於課程介紹類PPT頁面創意設計的靈感


那麼這個就是今天的案例啦。


總體來說還是比較簡單的。整個頁面的核心元素就是PPT中自帶的一個立方體形狀。


我們的設計核心也是圍繞這個立方體形狀進行設計和製作的。


所以有時候,我們可以去關注一些PPT中並不是常用的形狀或者功能,也許會得到意想不到的效果呢!


以上。


分享到:


相關文章: