Canva打開【尺規】與【輔助線】,對齊圖像元素好方便!

Last Updated on 2021 年 10 月 18 日 by 小幫手

Show Rulers and  Gudies in Canva 封面圖片

Canva裡面想要製作一張圖片,我們需要插入各種照片跟圖像元素,並調整它們的顏色跟位置,才能完成一張設計。但偏偏有些圖片的位置怎麼調整都調不到想要的地方,不然就是對不齊,其實這時候只要打開尺規跟輔助線,就會非常方便喔!

如何顯示Canva的尺規與邊距

首先,我們進入 Canva 首頁之後,打開你想要設計的作品,進入它的圖片編輯器介面。

Canva的圖片編輯器


顯示尺規

從圖片編輯器畫面的左上角,依序點擊 檔案顯示尺規,就可以輕鬆將畫布中的尺規功能顯示出來。尺規上的刻度有分成 寬度尺規高度尺規,它們的「最大值」就是這張畫布的尺寸,也就是一開始在首頁選擇或設定好的圖像尺寸。

而尺規上面的刻度則分為:像素、英吋、公釐、公分,這個是一開始選擇畫布尺寸的時候所決定的。

以下圖為例,由於我一開始在首頁設定畫布尺寸為 500×500 像素,所以可以看到這張圖上面的「寬度尺規」最多顯示到500像素。

點擊檔案選單裡的「顯示尺規」

如果有選擇使用 Canva Pro 方案的話,就算已經打開了圖片編輯器,依舊能透過左上角的「Pro專屬功能:調整尺寸」來自由調整整個畫布的尺寸,甚至能調整尺寸單位,這個功能不管是個人或是團隊協作的時候,都非常好用!


尺規的快捷鍵

在上一張圖片中,你也可以看到尺規的快捷鍵Shift + R,所以如果想顯示或隱藏掉畫布中的尺規,就可以透過快捷鍵來快速切換。

用尺規的快捷鍵來顯示或隱藏畫布中的尺規


顯示邊距

如果有在使用Canva的人,在對齊圖片圖像時,經常會碰到畫布中的邊距線(框),不過它也只會在我們移動物件碰到它的時候才出現,如果想要讓它保持顯示狀態的話,只要點擊左上角的 檔案顯示邊距,就能讓畫布中的邊距框整個顯示出來。

(一般都會讓畫布中比較重要的圖像元素保持在邊距裡面)

點擊檔案選單裡的「顯示邊距」


圖像元素的大小

每個照片或圖像元素都有它們各自的尺寸,從下面這兩張圖可以看到,只要我每選取一個畫布中的圖像元素,旁邊的尺規上就會出現一小塊醒目顯示區域(比較深灰色的陰影),它們各自都代表著這個圖像元素在畫布中的尺寸。

每個元素在尺規上的有各自的醒目顯示區域
每個圖像在尺規上的有各自的醒目顯示區域




輔助線

至於另一個重要的功能就是輔助線(參考線),這個在左上角的「檔案選單」裡也能看到,但是一開始打開它的話,你可能看不到畫布有任何的變化。

如果要顯示輔助線,在圖片編輯器裡面有兩種做法。

顯示輔助線:方法一

第一種方式就是你可以在畫布打開「尺規」之後,再從旁邊的尺規位置上用滑鼠點擊拖曳出這些 獨立的輔助線,拖曳的過程當中,旁邊的尺規會同時顯示出這條輔助線的位置,再把輔助線放在畫布中適當的位置就好。

  • 從上面的尺規拖曳出來的是 水平輔助線
  • 從左邊的尺規拖曳出來的是 垂直輔助線

操作方式可以參考下面這張圖,可以看到我從旁邊的尺規拉出好幾條的輔助線。

從尺規中拖曳輔助線出來


一但有了這些輔助線,就不一定要靠邊距或是各個圖像才能對齊,這些輔助線條也是能讓圖像對齊的基準線。

利用輔助線來對齊元素及圖片


顯示輔助線:方法二

另一種顯示輔助線的方式,就是在畫布中按滑鼠右鍵,在它的右鍵選單裡面選擇 新增水平輔助線新增垂直輔助線

新增水平輔助線
新增垂直輔助線


清除輔助線

另外也可以在它的右鍵選單裡面看到 清除輔助線 的選項,點擊它的話就會把畫布中的輔助線都清除掉。

清除輔助線


隱藏輔助線

如果只是想暫時隱藏掉這些輔助線,之後可能還會用到的話,可以點擊圖片編輯器左上角的 檔案顯示輔助線 的開關,來隱藏畫布裡的輔助線條。

點擊檔案選單裡的「顯示輔助線」


輔助線的快捷鍵

「輔助線」也有自己的快捷鍵 Ctrl + 分號;,這可以讓我們快速顯示或隱藏畫布中的輔助線條。

利用輔助線的快捷鍵來顯示或隱藏整個畫布的輔助線


元素的輔助線

除了上面那種獨立的輔助線之外,還有另外一種輔助線可以用,就是各個圖像元素的輔助線,它其實只需要按一個鍵就好,就是 Option鍵 (Mac) 或是 Alt鍵 (Windows)。

這個鍵在Canva裡面有兩種使用方法:

用法一

  1. 先點擊畫布中的圖像元素
  2. 將滑鼠移到元素的外側
  3. 按下快捷鍵 (Option/Alt)

這個方法可以顯示出這個元素到畫布邊框的距離,也可以顯示每個元素之間的距離。(參考下圖)

用Alt鍵或Option鍵來查看每個圖像元素的輔助線


用法二

  1. 選取畫布中的圖像元素
  2. 同時按下快捷鍵 (Option/Alt)
  3. 點擊並拖曳圖像元素

這個用法除了可以複製元素之外,用滑鼠拖曳的過程中,還會顯示上下左右的參考線出來,讓我們即時地了解這個元素移動了多少的距離。(參考下圖)

用Alt鍵或Option鍵來拖曳複製,並同時顯示輔助參考線




調整畫布的顯示比例

另外,如果覺得尺規的刻度不夠用的話,可以調整下方畫布的 滑塊控制項,放大整個畫布的顯示比例,這樣旁邊的尺規刻度就會同時放大,刻度數量也會變多,而且畫布裡面的 輔助線 可以做更細節的調整跟移動,

調整畫布下面的滑塊控制項,來放大或縮小畫布的顯示比例



結語

一般的新手大多不知道Canva能打開「尺規」跟「輔助線」,想要對齊圖像跟元素得花上不少時間,可能都是用畫布中的元素當作輔助線的替代物。

但只要會打開圖片編輯器的尺規跟輔助線,並且靈活運用快捷鍵跟畫布的顯示比例,這樣在設計圖片的時候,就可以很輕鬆地對齊畫布裡面的元素跟圖片了,尤其在製作一些圖表、行事曆或是表格的圖片時,更是需要這些尺規工具。

另外,Canva Pro 在尺規這方面有提供相關的功能,它可以自由調整整個畫布的尺寸或單位,非常方便,而且它有30天的免費試用期,有機會的話一定要試試看!


延伸閱讀


aifian APP推薦活動


最後
§ 很感謝你的閱讀 §
如果你喜歡這篇文章的話

→ 歡迎 留言分享 喔!

→ 歡迎點下面這張圖來【贊助】支持我!讓我繼續為你創作更多內容!

贊助我一杯咖啡


發表迴響