當我們在使用 Canva 做設計的時候,讓圖片翻轉、旋轉都是很常見的技巧之一,而這些技巧通常都會再跟別的功能組合起來,這次就要來介紹怎麼用「垂直翻轉」的技巧來延伸搭配,做出精美的鏡面倒影的圖片效果!
追蹤數位小幫手社群平台:Instagram、Twitter…等等。
小畫家 3D 的鏡面倒影效果
不知道你有沒有用過 Microsoft 的小畫家 3D,當我們在小畫家 3D 裡面插入圖片的時候,你會發現圖片的底下都會出現一種「鏡面倒影」的效果 (如下圖),「鏡面倒影」可以讓我們的圖片產生一種 3D 的立體感。
Canva 鏡面倒影效果怎麼做?
一開始我就在想,Canva 是不是也能做出「鏡面倒影」的效果?後來稍微測試了一下,發現工具列中的 垂直翻轉
其實就能把圖片倒過來,但是跟「鏡面倒影」的效果還是差很多,後來發現還要跟其他的元素做搭配,才會比較像樣,至於具體的方法跟步驟就繼續往下看吧:
範例元素
這次就以「Canva」的 Logo 來當作接下來的教學範例,Canva 的 Logo 只要在元素的搜尋框搜尋「Canva」,就可以找到一些相關的素材了。
Step 1:複製圖像
首先將這個素材另外複製一份出來,大小不用調整,然後把複製後的元素放在原本元素的下方,這兩個元素之間可以稍微留一點縫隙。
Step 2:垂直翻轉
這時候點擊「複製的元素」在頁面上方的工具列裡面點擊 翻轉
>垂直翻轉
,把這個「複製的元素」整個翻轉過來,就可以產生一種鏡面的效果。
不過這時候你會發現它跟「鏡面倒影」效果還是有很大的差距,我有試過調整元素的「透明度」,但效果並不理想,因此我採用了另一種元素來搭配 (繼續往下看)。
Step 3:加入漸層元素
後來想到的方法,就是加入元素裡面的 漸層
圖像,你在元素的搜尋框裡面搜尋「Gradient」就會有相關的素材,它在圖像裡面也有獨立的分類。
我是找了一個方形的「漸變色」元素插入畫布當中。(顏色可以先不管,後面都可以調整)
延伸閱讀:【Canva】漸層/漸變元素介紹,這些漸變關鍵字你可以試看看!
Step 4:調整漸變色元素的位置
把剛剛插入的漸變色元素覆蓋到「複製的元素」上,並且調整漸變色元素的 大小
跟 旋轉角度
。
以下面這張圖為例,我把漸變色元素的「深色部分」旋轉到下方,並且調整這個元素大小跟位置,讓它可以完整地覆蓋住「複製的 Canva」。
Step 5:調整漸變色元素的顏色
當漸變色的位置跟方向都調整好了之後,接著要調整漸變元素的顏色了,這邊因為我的畫布背景是白色的,所以我點擊漸變元素的「深色部分」,在左邊的顏色選擇器裡面把它調整為「白色」,這時下方的「複製的 Canva」就有點倒影沒入的感覺了。
Step 6:調整原素材到最上層
由於這個漸變色元素同時覆蓋到「原本」跟「複製」的 Canva Logo 圖像,我需要把「原本的 Canva Logo」位置調整到這些元素的最上層,讓它不被「漸變元素」的效果影響到。
當你調整好元素的層數之後,這個圖像的鏡面倒影效果基本上就算完成了!可以看到它下面的「複製的元素」會有漸變的顏色效果,位置越下面顏色越淺,跟上面的圖像有明顯的對比。
Step 7:微調
你可以調整「漸變元素」的位置,看看哪個位置的鏡面倒影效果比較好。
加點其他素材
除了調整漸變元素的位置之外,你也可以加入其他的素材,比如像是下面這張圖的「梯形」元素,可以讓這張圖片更加有立體的感覺,插入新元素在中間的時候,記得要調整它們的位置跟層數,並且調整它的透明度,讓下層的圖像可以露出一點倒影輪廓。
照片可以有什麼樣的搭配?
上面的教學是使用 Canva 的「圖像」元素,如果你插入的是「照片」元素,那就會有不同的玩法,因為你可以點擊 編輯照片
,將照片進行不同的後製。
套用液化效果
以下圖來說,我在編輯影像的時候,我可以把照片套用 液化
的效果,讓下面的照片產生一種「抖動」的感覺。
加入漸變元素
將照片套用液化效果之後,我再利用漸變元素把它做成「鏡面倒影」,下面的照片看上去就更有水中的倒影感!
加入其他元素
當然你也可以再加入其他的元素圖像,把這張圖做得更加立體一些。
結語
以上的鏡面倒影製作教學應該不算難吧!Canva 其實有很多很好用的元素,把它們搭配起來就可以產生很特別的圖像或效果,像是「鏡面倒影」就是其中一個案例。
不過有一點需要注意的,就是製作這些鏡面倒影的時候要注意「背景顏色」跟「漸變元素顏色」的搭配,如果疊了太多的元素上去,他們之間的顏色會比較難調整,這個你在用不同的背景色時,應該就能感受到了。
另外,Canva 的照片的功能也越來越多,有興趣的話,都可以點「編輯影像」進去用看看,你會發現有很多很神奇的功能!而照片相關的功能可以參考這幾篇文章:
延伸閱讀
- 【Canva】如何做出文字描邊 or 邊框的效果?絕對實用!
- 【Canva】人物外框/邊框怎麼做?圖像效果這樣設定就好!
- 【Canva】這些快捷鍵都學起來~精進你的設計生產力!
- 【Canva】如何做出 3D Pop-out 效果?讓你的照片更加生動!
- 【Canva】照片陰影 Backdrop 效果,好用的小技巧分享給你~
原網站|數
位
小
幫
手
digitalyoming
.com
( 未經許可,禁止轉載 )
原網址|https://digitalyoming.com/how-to-make-a-specular-reflection-effect-in-canva/