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