【Canva】照片陰影 Backdrop 效果,好用的小技巧分享給你~

2023 年 5 月 17 日 更新

Canva 照片陰影效果

我們在設計圖片的時候,「陰影」是一種很常見的設計元素之一,而在 Canva 裡的照片有提供多種陰影效果的設定,讓我們可以輕鬆地為照片添加陰影,陰影的特效其實有分好幾個,但其中「Backdrop (中譯:背景)」這個效果我覺得滿有趣的,因為它的參數設定比較特別,只要搭配一點技巧,就可以做出另類的陰影視覺效果。

追蹤數位小幫手社群平台:Instagram、Twitter…等等。

如何使用 Backdrop 陰影效果?

Step 1:插入圖片

首先在 Canva 的畫板裡插入一張照片,這張照片裡面會有你想要製作陰影的人物或是東西。像我就插入一張鞋子的照片,不過這是有背景的照片 (如下圖)。

插入一張照片

Step 2:去除背景

因為照片的背景還沒有去除,所以如果有 Canva Pro 的話,可以利用 Canva 內建的去除背景的工具,把這張圖片的背景去除掉。找下面這種背景很乾淨的照片,Canva Pro 很容易就可以把背景去除掉了。

如果沒有 Canva Pro 也沒關係,你也可以用其他的線上去背工具,把照片去背完再上傳到 Canva 就好。

去除照片的背景

Step 3:編輯影像

接著選取那張「去背照」,點擊上面工具列的 編輯影像,在左邊的介面裡面找到 陰影 的功能設定區,並點它右邊的 查看全部,進去看看所有的陰影特效設定。

編輯影像

Step 4:套用背景效果

在陰影的所有特效裡面找到一個 背景 的效果,如果是英文版的 Canva,它這邊會顯示 Backdrop,點一下就可以套用到右邊的「去背照」上面了。

因為這個陰影效果還不是我想要的,所以我要再點那個「背景」一次,進入「背景」的控制項畫面。

套用陰影的背景效果(Backdrop)

Step 5:背景 (Backdrop) 控制項

在背景的控制項畫面中,可以看到有五種不同的功能跟參數設定,分別是:

  • 垂直角 (Vertical Angle)
  • 水平角 (Horizontal Angle)
  • 透明度 (Transparency)
  • 模糊化 (Blur)
  • 顏色 (Color)

這邊每個設定都可以調整看看,但是如果要像我一樣在鞋子底部加上陰影的話,可以參考我下面這張圖的參數設定,找出一組適合你照片的陰影設定。

上面的「垂直角」跟「水平角」設定是比較重要的,因為它會決定這張去背照的陰影位置,而「透明度」跟「模糊化」會決定陰影的外觀,這個就看個人喜好了。

調整背景(Backdrop)的參數

完成陰影設定

當陰影參數都設定完了之後,最後再點擊 套用,一張充滿立體感的陰影照片就出來啦!可以看到下面這張圖,很像一隻鞋子騰空的感覺,而且看上去也比較自然。

完成陰影效果設定的鞋子圖像



陰影的其他特效

除了以上的 Backdrop (背景) 的陰影效果之外,這個照片陰影還有其他的特效可以做設定。

光暈效果 (Glow)

像是這個光暈的效果也是比較特別的陰影效果,它會在整個照片的外圍都加上一層陰影,裡面的參數設定也很好用,像是「人物外框」的效果就可以用光暈來完成,真的很好用!

延伸閱讀:【Canva】人物外框/邊框怎麼做?圖像效果這樣設定就好!

套用陰影的光暈效果

陰影效果 (Drop)

而旁邊這個陰影 (Drop) 的效果,就是一般我們常常看到的那種效果,在圖片旁邊加點黑色的邊邊。

套用陰影的陰影效果

其他陰影效果

除了上面這兩個之外,還有其他的陰影效果可以用,但其實這三個功能上我覺得差不多:

  • 角度 (Angle)
  • 彎曲 (Curved)
  • 頁面模糊陰影 (Page Lift)

套用陰影的彎曲效果

使用陰影照片也是一種辦法

搜尋陰影照片

除了使用照片本身的陰影效果之外,你也可以在左邊的照片功能區搜尋「Shadow」或「陰影」之類的照片。

在照片中搜尋Shadow

插入陰影照片

這裡面有些陰影照片是有去除背景的,把它拖進頁面可以當作圖像底下的陰影,只要稍微調整一下這張陰影照片的角度、大小跟位置,那它跟我前面做出來的照片陰影特效就很相似了。如果很懶得調整前面那些照片的陰影參數的話,這個方法其實也不錯用,而且還可以疊加使用。

把去背版的Shadow照片插入畫布



結語

以上就是照片的陰影設定教學啦!雖然可以設定的參數不多,但對於基礎設計新手來說,也是相當夠用且實用的了!

想要在 Canva 上製作一些比較 3D 立體的圖片需要一些技巧,除了陰影的設定之外,還有其他的創意可以使用,像是「3D Pop-out」「鏡面倒影」都是很不錯的方式,有興趣的話,可以參考下面這兩篇文章:

延伸閱讀

原網站| digitalyoming.com ( 未經許可,禁止轉載 ) 
原網址|https://digitalyoming.com/how-to-use-the-shadow-effect-in-canva/
返回頂端