瞬間提升PPT設計感的方法-運用層次

2018年7月15日02:01:38 發表評論 115
摘要

通常我們夸獎一個人的幻燈片做的好可能會這樣說:你做的幻燈片畫面感很強啊,很有層次!那什么時層次?如何提升PPT設計的層次?

瞬間提升PPT設計感的方法-運用層次 導讀/

通常我們夸獎一個人的幻燈片做的好可能會這樣說:你做的幻燈片畫面感很強啊,很有層次!那什么時層次?如何提升ppt設計的層次?

瞬間提升PPT設計感的方法-運用層次

通常我們夸獎一個人的幻燈片做的好可能會這樣說:你做的幻燈片畫面感很強啊,很有層次!

說到幻燈片的層次感,其實就是通過改變畫面中元素的大小和陰影形式,對顏色純度、亮度、透明度的控制,以及元素擺放的層級關系,遮罩與裁切的運用等,來分開畫面主次關系,營造畫面的層次。

那么,上述的這些屬性我們可以隨便的調整嗎?不是的,無論是元素的調整,還是動畫的賦能,都需要我們遵循【還原現實場景屬性】的原則。

01有層次的幻燈片都會遵循現實

比如我們要對一款手機進行展示,我們拿到手機的模型,把它置于水面上的這樣一個場景。

為了突出畫面的通透感,我們會先對手機屏幕做透視處理,截取被手機遮擋住的背景圖片,然后再打開手機的倒影,讓水面可以反射出手機的影子,再增加一個水面的波紋,最后,在合適的位置添加文案。

瞬間提升PPT設計感的方法-運用層次

這樣下來,整體畫面就會顯得渾然一體。也因為你所有的元素設定其實都是遵從【現實條件】而設定的,所以既有層次感,也很【適合】

但如果是同樣的方法,把手機放在了草地上,或者是土地上,你再在打開手機的倒影,這種操作就顯得有些的尷尬了,草地怎么會反射手機的影子呢?這種很明顯的錯誤會被人一眼看穿的。但往往就是這種疏忽被我們所忽略。如圖:

瞬間提升PPT設計感的方法-運用層次
瞬間提升PPT設計感的方法-運用層次

所以呢,對現實場景的認知很重要,也要規避這些問題,并通過對這些小細節的梳理為畫面點睛和賦能。

02妙用“裁切”營造層次感

我在這里制作了一張幻燈片,向你說明巧用「裁切」能夠讓畫面更加立體。如圖:

瞬間提升PPT設計感的方法-運用層次

?首先搜集素材,選圖很重要。

我們使用透明PNG的素材下載網站https://www.freepngs.com/,找到一些超級瑪麗的高清圖,和一些手機的照片。

?腦洞的構思階段。

我們想用平面的方式,讓畫面看起來更有立體感。所以第一張圖,我們想營造出一種讓瑪麗兄弟穿透畫面跳出來的感覺。所以我們選擇了這樣的構圖方式。

瞬間提升PPT設計感的方法-運用層次

?圖層的分析階段。

用戶最終感知的其實就是一張圖片而已,但是把瑪麗這樣放到畫面上,其實畫面平,就需要我們主觀的進行分層處理,如圖:

瞬間提升PPT設計感的方法-運用層次

我們利用剪切工具,剪掉不需要用到的圖層部分,瑪麗兄弟就可以跳出畫面了,得到下圖:

瞬間提升PPT設計感的方法-運用層次

但這還是不夠的,為了保證畫面的通透感,最終我們選擇了較粗的線框作為主視覺區間,并增加了文案。

瞬間提升PPT設計感的方法-運用層次

怎么做到的呢?其實除了必要的剪切以外,我們還要有分層的概念。如圖:

瞬間提升PPT設計感的方法-運用層次
瞬間提升PPT設計感的方法-運用層次

綠色遮擋藍色,藍色遮擋紅色,所以綠色在最頂部的圖層,藍色置中,紅色是被遮擋物體,在最底部的圖層。

?圖層豐富細節的階段

完成了所有的剪切過程后,我們來為畫面添加配景元素,和底部背景的紋理材質。

1.邊框我們留出了「出血」,將小瑪麗放在上面,營造出趴在窗戶上的感覺。

2.花盆就留在了窗臺上。

3.底部用矩形拉出了一些線條,填充黑色——透明度20%左右。

這樣我們就完成了一張幻燈片。如圖:

瞬間提升PPT設計感的方法-運用層次

到這里,你可能會問,平時很多圖片都是不規則的圖形,我要怎么裁切呢?下面我們就會用到的是【遮罩】。

weinxin
我的微信
本站專注IT互聯網領域,分享有用的教程和資源,目的就是希望大家共同進步,一起學習!
IT教程網

發表評論

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: