在 Canva 裡面想要製作一張圖片,我們需要插入各種照片跟圖像元素,並調整它們的顏色跟位置,才能完成一張設計。但偏偏有些圖片的位置怎麼調整都調不到想要的地方,不然就是對不齊,其實這時候只要打開尺規跟輔助線,就會非常方便喔!
追蹤數位小幫手社群平台:Instagram、Twitter…等等。
如何顯示 Canva 尺規與邊距
我們先打開 Canva 的圖片編輯器介面。
顯示尺規
從圖片編輯器畫面的左上角,依序點擊 檔案
>顯示尺規
,就可以輕鬆將畫布中的尺規功能顯示出來。尺規上的刻度有分成 寬度尺規
與 高度尺規
,它們的「最大值」就是這張畫布的尺寸,也就是一開始在首頁選擇或設定好的圖像尺寸。
而尺規上面的刻度則分為:像素、英吋、公釐、公分,這個是一開始選擇畫布尺寸的時候所決定的。
以下圖為例,由於我一開始在首頁設定畫布尺寸為 500×500
像素,所以可以看到這張圖上面的「寬度尺規」最多顯示到 500 像素。
如果有選擇使用 Canva Pro 方案的話,就算已經打開了圖片編輯器,依舊能透過左上角的「Pro 專屬功能:調整尺寸」來自由調整整個畫布的尺寸,甚至能調整尺寸單位,這個功能不管是個人或是團隊協作的時候,都非常好用!
尺規的快捷鍵
在上一張圖片中,你也可以看到尺規的快捷鍵是 Shift
+ R
,所以如果想顯示或隱藏掉畫版旁邊的尺規,可以透過快捷鍵來快速切換。
顯示邊距
如果有在使用 Canva 的人,在對齊圖片圖像時,經常會碰到畫布中的邊距線 (框),不過它也只會在我們移動物件碰到它的時候才出現,如果想要讓它保持顯示狀態的話,只要點擊左上角的 檔案
>顯示邊距
,就能讓畫布中的邊距框整個顯示出來。
(一般都會讓畫布中比較重要的圖像元素保持在邊距裡面)
圖像元素的大小
每個照片或圖像元素都有它們各自的尺寸,從下面這兩張圖可以看到,只要我每選取一個畫布中的圖像元素,旁邊的尺規上就會出現一小塊醒目顯示區域 (比較深灰色的陰影),它們各自都代表著這個圖像元素在畫布中的尺寸。
輔助線
至於另一個重要的功能就是輔助線(參考線),是 Canva 很好用的對齊功能。如果要顯示輔助線,在圖片編輯器裡面有兩種做法。
顯示輔助線的方法一
第一種方式就是你可以在畫布打開「尺規」之後,再從旁邊的尺規位置上用滑鼠點擊拖曳出這些 獨立的輔助線
,拖曳的過程當中,旁邊的尺規會同時顯示出這條輔助線的位置,再把輔助線放在畫布中適當的位置就好。
- 從上面的尺規拖曳出來的是
水平輔助線
。 - 從左邊的尺規拖曳出來的是
垂直輔助線
。
一但有了這些輔助線,就不一定要靠邊距或是各個元素才能對齊,這些輔助線條也是能讓圖像對齊的基準線。
顯示輔助線的方法二
另一種顯示輔助線的方式,就是在畫布中按滑鼠右鍵,在它的右鍵選單裡面選擇 新增水平輔助線
或 新增垂直輔助線
。
清除輔助線
另外也可以在它的右鍵選單裡面看到 清除輔助線
的選項,它可以把畫板中所有的輔助線都清除掉。
元素的輔助線
除了上面那種獨立的輔助線之外,還有另外一種輔助線可以用,就是各個圖像元素的輔助線,它其實只需要按一個鍵就好,就是 Option
(Mac) 或是 Alt
(Windows),這個鍵在 Canva 裡面有兩種使用方法:
Alt 鍵用法一
- 先點擊畫布中的圖像元素
- 將滑鼠移到元素的外側
- 按下快捷鍵 (Option/Alt)
這個方法可以顯示出這個元素到畫布邊框的距離,也可以顯示每個元素之間的距離。
Alt 鍵用法二
- 選取畫布中的圖像元素
- 同時按下快捷鍵 (Option/Alt)
- 點擊並拖曳圖像元素
這個用法除了可以複製元素之外,用滑鼠拖曳的過程中,還會顯示上下左右的參考線出來,讓我們即時地了解這個元素移動了多少的距離。
調整畫板的顯示比例
另外,如果覺得尺規的刻度不夠用的話,可以調整下方畫布的 滑塊控制項
,放大整個畫板的顯示比例,這樣旁邊的尺規刻度就會同時放大,刻度數量也會變多,而且畫布裡面的 輔助線
可以做更細節的調整跟移動,
結語
一般的新手大多不知道 Canva 能打開尺規跟輔助線,想要對齊圖像跟元素得花上不少時間,可能都是用畫布中的元素當作輔助線的替代物。
但只要會打開圖片編輯器的尺規跟輔助線,並且靈活運用快捷鍵跟畫布的顯示比例,這樣在設計圖片的時候,就可以很輕鬆地對齊畫布裡面的元素跟圖片了,尤其在製作一些圖表、行事曆或是表格的圖片時,更是需要這些尺規工具。
延伸閱讀
- 【Canva】這些快捷鍵都學起來~精進你的設計生產力!
- 【Canva】對齊元素的方法,這 5 種技巧讓你對齊更精準!
- 【Canva】如何做出文字描邊 or 邊框的效果?絕對實用!
- 【Canva】自動配色功能,學會跟照片借一下顏色~
原網站|數
位
小
幫
手
digitalyoming
.com
( 未經許可,禁止轉載 )
原網址|https://digitalyoming.com/how-to-display-rulers-and-guides-in-canva/