iT邦幫忙

2023 iThome 鐵人賽

DAY 13
0

今天我們要來講一個很酷的東西,類似於Illustrator和Photoshop的效果/濾鏡功能,它位在屬性面板的下方,但首先你必須先新增一個物件、圖片或是文字,它才會出現在屬性面板中。
當我們選中一個物件後在Effects的右手邊會有一個+號,點擊後我們就可以為我們的物件增加效果。
https://ithelp.ithome.com.tw/upload/images/20230924/20163136oFNUvWkNQ1.jpg
Figma預設的效果會是Drop shadow,也就是為物件增加陰影,點開下拉選單你會發現還有其單選項,分別是Inner shadow(內陰影)、Layer blur(圖層模糊)、Background blur(背景模糊)。
https://ithelp.ithome.com.tw/upload/images/20230924/20163136qosoxcMM9Q.jpg

  • Drop shadow(陰影):
    可以調整X、Y軸的數值以及模糊擴散的程度。

  • Inner shadow(內陰影):
    跟陰影一樣可以調整X、Y軸的數值以及模糊擴散的程度,不同在於陰影是在物件的外部,內陰影是在物件的內部。

  • Layer blur(圖層模糊):
    顧名思義就是會模糊圖層中的形狀,數值調大一些才會比較明顯!

  • Background blur(背景模糊):
    這主要是模糊圖層之下的所有圖層,要讓背景模糊,Fill的不透明度必須調整低於100%才會有效果出來唷!

今天分享的內容大致就到這邊囉!
謝謝大家的觀看~
有任何問題都可以跟我說,我們明天見!


上一篇
Day12 Figma基礎6_加入圖片
下一篇
Day14 Figma基礎8_Layout grid
系列文
30天的Figma學習筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言