在用 Canva 製作圖片的時候,都會在畫板裡面插入各種設計元素,根據不同的需求,還要對這些元素進行縮放、對齊的動作,或是調整圖層跟顏色。
其中,很多人在對齊元素的操作上應該沒有太大的問題,但偶爾還是會遇到一些狀況,以至於某些元素較難放在理想的位置上,這時候就可善用一些 Canva 編輯器的功能,來更加精準地對齊元素!
追蹤數位小幫手社群平台:Instagram、Twitter…等等。
一般對齊元素的方法
這邊以電腦網頁版 Canva 為例,我們先來了解比較基本的對齊方式。
一般來說,只要用「滑鼠」就可以滿足大多數的元素對齊需求,因為 Canva 的編輯器有提供非常好用的「自動對齊」功能。只要用滑鼠按住元素拖曳不放,在移動到其他元素的附近時,元素旁邊就會出現紫色的虛線,同時元素會稍微定格並自動對齊,這時候只要鬆開滑鼠,就可以很好地對齊到別的元素。
那個「自動對齊」有時可能會干擾到你,以至於元素放不到某些位置上。如果你不希望這些對齊虛線或邊距跑出來,可以在拖曳元素的同時按住 Ctrl
鍵,虛線或邊距就會暫時消失,那移動元素的過程就不會被「自動對齊」的功能所干擾。
如何更精準地對齊元素?
再來要介紹的就是比較精準的 Canva 對齊方式了,我在使用 Canva 偶爾會搭配以下幾種編輯器功能或快捷鍵,讓我能更快更精準地對齊元素,
1. 用方向鍵移動對齊
除了上面提到的用滑鼠移動元素之外,其實也可以用「方向鍵」來移動,方向鍵的好處就是可以只沿著 X 軸或 Y 軸來移動,而且可以做到很細微的移動。像下圖是 800×600px
的畫板,如果單按一顆方向鍵的話,元素一次只會移動 1px
,這在微調位置的時候非常好用!(按 Shift + 方向鍵則會移動 10px )
2. 善用工具列的對齊功能
在選取元素的時候,可以發現工具列上有一顆 位置
按鈕,它裡面有 對齊元素
跟 平均分配間距
兩種類型的功能,這些功能全部講起來的話,可能會有點小複雜,但其實都是很好用的對齊工具。
這邊就單純舉一個例子,如果我像下圖這樣框選三個元素,它會暫時變成一個群組,可以一起移動縮放:
- 如果我按
對齊元素
>置中
,它就會讓群組的範圍內的元素通通都往中線 (Y 軸或 X 軸) 靠攏。 - 如果我按
平均分配間距
>垂直
,那就會平均分配這三個元素之間的垂直距離。
3. 調整編輯器的顯示比例
在編輯器的右下角會顯示目前畫板的「顯示比例」,如果將顯示比例調大一點,就可以進行更加細微的操作,比如元素大小縮放或調整位置,而對齊元素時也很方便,看得更清楚!
4. 打開尺規與輔助線
尺規與輔助線是很好用的一個工具,我有時候也會啟用這項功能,快捷鍵是 Shift
+ R
。剛啟用的時候可能只會顯示「尺規」,這時只要在尺規上按住滑鼠左鍵,就可以拖曳出一條「輔助線」並放在你想要的刻度上,這些輔助線可以隨意移動、可以同時放很多條,元素靠近的時候也會有自動對齊的效果。
5. Alt 鍵查看元素之間的距離
Alt 鍵 (Option 鍵) 在 Canva 的編輯器中有各種不同的功能,其中一個功能就是可以查看元素之間的距離。當我選取一個元素之後,按住 Alt
鍵,再把滑鼠移動到其它地方,就可以看到元素與畫板邊緣的距離,如果滑鼠是移動到另一個元素上,則可以看到兩個元素之間的距離。
以下圖來說,我透過 Alt 鍵就可以知道這兩組元素之間的距離都是 88px,就算差一個像素都能看得出來,不需要再打開尺規或輔助線慢慢比對。
結語
透過這篇文章的介紹,相信你對 Canva 編輯器的功能應該有更多的了解!這些元素對齊技巧都有不同的應用場景,有些功能我目前也不是那麼常用,但還是有用得到的時候。
另外,Alt 鍵的功能可以參考這篇「Canva 快捷鍵」的文章,裡面我有提到 Alt 鍵的其他用法,也是相當不錯用喔!
延伸閱讀
- 【Canva】打開尺規與輔助線,對齊圖像元素好方便!
- 【Canva】怎麼快速製作整齊的表格?這些小技巧可以記起來!
- 【Canva】如何調整圖層位置?怎麼選取下一層?
- 【Canva】建立群組的方法,如何在平板與手機上建立群組?
References:
https://www.canva.com/help/article/layer-group-align/
原網站|數
位
小
幫
手
digitalyoming
.com
( 未經許可,禁止轉載 )
原網址|https://digitalyoming.com/canva-tips-for-aligning-elements/