MENU

【Canva】グリッド線の出し方!素材をバランスよく配置しやすくなる目安に

当ページのリンクには広告が含まれています。
Canvaグリッド線の出し方のアイキャッチ画像

画像やアニメーションを簡単にデザインできるCanva。

ブログやYouTubeなどのサムネイルや挿入画像を、簡単に作れてとても便利です。

画像を作成する際にバランスがとりにくい…

と困ったりすることはないでしょうか。

そんな悩みは、グリッド線を使えば簡単に解決します。

この記事ではCanvaのグリッド線の出し方をご紹介します。

グリッド線があるとバランスの良いデザインができるようになりますよ。

目次

グリッド線とは

Canvaグリッド線の出し方の画像-2

グリッド線とは、画面上に表示される罫線や補助線のことです。

紙のノートなどの罫線を浮かべて貰えばわかりやすいと思います。

無地のノートより横に罫線が均等に入っていれば、まっすぐバランスの良い文章を書きやすいですよね。

その罫線の画面バージョンです。

一般的にグリッド線は、横以外にも縦にも入ります。

グリッド線は素材をバランスよく配置する目安に

Canvaグリッド線の出し方の画像-3

グリッド線があると文章や図、画像などの配置を視覚的に把握しやすくなります。

スマホで写真を撮るときに、グリッド線を設定している人も多いと思います。

グリッド線があるのとないのとでは、写真を撮る際にも中心となるものをどの位置で撮影するか目安になりやすいですよね。

Canvaで画像を作る際にも、グリッド線があればとてもバランスの良いデザインをしやすくなります。

【Canva】グリッド線の出し方

Canvaのグリッド線の出し方は、以下の手順になります。

STEP
デザインを作成する画面の左上の「ファイル」をクリック
Canvaグリッド線の出し方の画像-4
STEP
「設定」をクリック
Canvaグリッド線の出し方の画像-5
STEP
「定規とガイドを表示」をクリック
Canvaグリッド線の出し方の画像-6
STEP
上と左側に定規が表示され準備OK!
Canvaグリッド線の出し方の画像-7

グリッド線の設定方法

グリッド線の設定の準備が終わったら、どのぐらいのグリッド線を挿入するかを考えます。

自身の好みや、やりやすい数を設定しましょう。

何通りかの設定方法を例として紹介します。

最初に確認しておくこと

デザインの画像サイズを確認しておきましょう。

グリッド線を挿入するのに、どの目安で設定するのかの目安が分からないと均等に設定できなくなります。

画像サイズの確認は左上の「ファイル」をクリックすれば表示されています。

Canvaグリッド線の出し方の画像-8

以下の説明は画像サイズ「940px x 528px」で話を進めていきます。

画面を4分割

画面を4分割するのなら画像サイズの横、縦それぞれのちょうど真ん中にグリッド線を設定するということになります。

・横940px→940/2=470
・縦528px→528/2=264

となるので、定規の数字を目安にグリッド線を設定します。

グリッド線の出し方は以下のようになります。

STEP
定規の上をクリックしてそのまま横にドラッグ

定規の上をクリックして、そのまま横にドラッグすると好きな位置まで持っていけます。

Canvaグリッド線の出し方の画像-9
Canvaグリッド線の出し方の画像-10
STEP
「470」まで左から右にグリッド線をドラッグ

横の半分は「470」なので、そこまでグリッド線をドラッグしていけば、ちょうど真ん中に設定できます。

Canvaグリッド線の出し方の画像-11
STEP
「264」まで上から下にグリッド線をドラッグ

縦の半分は「264」なので同じくグリッド線を上からドラッグして設定します。

Canvaグリッド線の出し方の画像-12
Canvaグリッド線の出し方の画像-13
STEP
4分割に!

これでちょうど画面を4分割できました。

Canvaグリッド線の出し方の画像-14

4分割で均等に配置した例

グリッド線があると、このようにバランスの取れた素材を挿入しやすくなります。

Canvaグリッド線の出し方の画像-15

画面を8分割

画面を8分割するのなら、4分割した画像サイズの横・縦それぞれのちょうど真ん中に、グリッド線を追加設定するということになります。

・左側の横470/2=235
・右側の横470+235=705

となります。

それぞれ定規の数字を目安に、グリッド線を設定します。

STEP
「235」に設定
Canvaグリッド線の出し方の画像-16
STEP
「705」に設定
Canvaグリッド線の出し方の画像-17
STEP
ちょうど8分割!
Canvaグリッド線の出し方の画像-18

8分割で均等に配置した例

グリッド線があると、このようにバランスの取れた素材を挿入しやすくなります。

Canvaグリッド線の出し方の画像-19

均等分割するならガイドで1発

これまではやや面倒なグリッド線の設定の説明でしたが、画面を均等に分割するのなら「ガイド設定」を使えば計算をしなくても一瞬でできます。

手順はこのようになります。

STEP
「ファイル」をクリック
Canvaグリッド線の出し方の画像-20
STEP
「設定」をクリック
Canvaグリッド線の出し方の画像-21
STEP
「ガイドを追加する」をクリック
Canvaグリッド線の出し方の画像-22
STEP
分割したい数字をそれぞれ入力
Canvaグリッド線の出し方の画像-23
STEP
16分割なら

①列「4」、②行「4」と入力して③「ガイドを追加する」をクリックすると

Canvaグリッド線の出し方の画像-24
STEP
あっという間に16分割に
Canvaグリッド線の出し方の画像-25

まとめ

Canvaグリッド線の出し方の画像-26

グリッド線があると、デザインもバランスの取れたものにしやすくなります。

均等にしなくても、目安にしやすいところにグリッド線をつけるだけでかなり違います。

均等に分割したいならガイド設定がおすすめです。

ポイント
  1. グリッド線があるとデザインしやすい
  2. バランスがとりやすい
  3. 好きな位置にグリッド線を設定できる
  4. 均等に分割したいならガイド設定が1発
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

1972年生まれ。
将来の夢はプロブロガー&ギターリスト。
外はおっさんでも中は夢を追いかける純粋な少年の心をもつ。
時間と収入の自由を追い求め今日も突っ走る。
夢を追いかけ追いつきます!

コメント

コメントする


reCaptcha の認証期間が終了しました。ページを再読み込みしてください。

目次