半透明色塊在PPT中的運用
孤單,是一個人的狂歡。
狂歡,是一群人的孤單。
——《葉子》阿桑
色塊這個概念大家應該不陌生。
而色塊運用過程中最常聽到了就是蒙版了,
即形狀+透明度覆蓋整個單個或整個元素。
那麼往上延伸,如何用半透明色塊製作好看的PPT呢?
小白在網上搜尋了一些素材,
整理一下發現了比較簡單常用的三種方式:漸變覆蓋、半透明純色塊覆蓋及鏤空。
閒話不多說,下面我們進入正題。
單一顏色漸變
蒙版覆蓋整個頁面。
漸變角度為90°,兩端透明度設定為0%和100%。
多顏色漸變
蒙版覆蓋整個頁面。
漸變角度為0°,兩端顏色分別設定為紅色和藍色,
兩端透明度設定為20-30%即可。
總結:蒙版經常在全圖型PPT中使用,一般是用矩形覆蓋整個圖片,調整漸變角度及漸變顏色,做成覆蓋圖面的透光膜,再新增文字突出重點。
純色色塊全覆蓋
攔腰型設計,純色色塊覆蓋整個圖片。
新增文字進行設計。
純色色塊部分覆蓋
由於色塊可以隨意變更大小,
所以可以衍生出不同的變化。
即 色塊大小/圖片大小<1(常用情況)
如果背景顏色比較多可以設定飽和度為0%再新增半透明色塊。
總結:半透明純色色塊很具有設計性,可以選擇將圖片覆蓋,也可以半覆蓋,爾後新增文字排版,如果背景顏色與色塊不搭,可以考慮將圖片設定成飽和度為0%。
文字鏤空
半透明色塊覆蓋圖片,
通過布林預算將文字鏤空展現其不同。
總結:鏤空在頁面製作過程中用的情況比較少,在首頁比較常見,同時對背景圖片要求較高,做法是新增半透明色塊後通過布林預算與文字相組合。
考慮到鏤空做的比較困難,小白下面教大家如何簡單製作一個鏤空色塊頁面。
01.選好圖片插入色塊
插入圖片覆蓋整個幻燈片頁面,之後插入形狀→矩形,將矩形與頁面水平居中垂直居中。
02.設定形狀基本屬性
右鍵選擇設定形狀格式,設定形狀的基本屬性,更改顏色,無線條。
(小白設定顏色為241,185,46 透明度20% )
03.設定合適的字號字型
插入文字框,設定字號及大小,調整至合適位置最後與矩形居中對齊。
04.布林運算剪除
選中色塊及文字,在格式選項卡中選擇剪除得到鏤空的色塊。
05.文字修飾
將圖片挪移到合適位置,能夠從鏤空色塊看到部分背景。
新增文字,新增線框進行修飾。
最後大功告成。
相關文章
- 區塊鏈溯源落地應用,區塊鏈在商品溯源中的應用區塊鏈
- UI設計培訓分享:設計當中的顏色運用UI
- 在學習中運用類比
- Java 在PPT中建立散點圖Java
- 區塊鏈在網路身份證中的應用區塊鏈
- C# / VB.NET 在PPT中建立、編輯PPT SmartArt圖形C#
- 區塊鏈技術在網路安全中的應用區塊鏈
- 人工智慧在IT運維中的研究和應用人工智慧運維
- AI在春運搶票中是如何應用的?AI
- ~,&,|,^等位運算子在JavaScript中的一些應用JavaScript
- ES6 在日常工作中的運用
- 《2018區塊鏈整體架構及應用》(PPT全文)區塊鏈架構
- Rust與Go在區塊鏈中的應用比較 - definoobsRustGo區塊鏈
- (譯)函式式元件在Vue.js中的運用函式元件Vue.js
- CSS樣式中顏色與顏色值的應用CSS
- 中遠海運集團——推動綠色航運
- Win10系統怎麼更改半透明選擇框矩形顏色Win10
- three.js快速上手以及在react中運用JSReact
- ChatGPT4.0在投資中的運用初探(附下載)ChatGPT
- 六西格瑪在管理團隊成員中的運用
- “探索性測試”在敏捷專案中的運用 | IDCF敏捷
- alpakka-kafka(9)-kafka在分散式運算中的應用Kafka分散式
- 白話 Ruby 與 DSL 以及在 iOS 開發中的運用iOS
- 運用LikeLib區塊鏈技術有效避免視覺中國事件的重演區塊鏈視覺事件
- js中棧的運用JS
- Unity 中層的運用Unity
- iOS 開發中如何使用半透明模糊效果iOS
- 簽名加密破除-burp外掛在app介面fuzz中的運用加密APP
- RxJs 運算子 withLatestFrom 在 SAP 電商雲 Spartacus UI 中的應用JSUI
- 演算法和資料結構在JS中的運用(三)演算法資料結構JS
- 開發經驗漫談 -- Git在開發流程中的運用Git
- 運用li元素進行斑馬色顯示
- 位運算子在JS中的妙用JS
- 區塊鏈技術公司談以色用區塊鏈改善網路安全區塊鏈
- 使用WPS PPT設定隔行變色的具體操作方法
- 在iOS中運用React Component的思路,效率更高的開發UI,更好的複用UI元件iOSReactUI元件
- Gifto(GTO)詳解區塊鏈技術在未來支付中的應用區塊鏈
- CDN在網際網路直播中的運用與效能最佳化