Canvaで「枠線」を簡単に作ろう！作り方と編集方法【初心者さん向け】

🔰リサーチャーまるお

Canvaで四角い図形に枠線をつけたいっす！どうやればいいんすか？SNSの投稿作成に使いたいっす！！

集まる集客®総研リサーチャーやまだ

まるおくん、Canvaでも簡単に枠線ができるから解説していくね！

🔰リサーチャーまるお

おぉ〜それはすごいっす！！それを早く知りたいっす。

集まる集客®総研リサーチャーやまだ

早速Canvaの枠線の作り方に一緒に学んでいこうね！

この記事では、Canvaで図形などに枠線をつけたいときの具体的な手順や編集方法を解説していきます。

Canvaで枠線をつける方法

集まる集客®総研リサーチャーやまだ

「枠線」をつけることで、画像やテキストが目立ちやすくなり、全体のバランスが整うよ。SNS投稿、ポスター、名刺など、あらゆるデザインで活用できるよう、ぜひこの機会に学んでみてね。

Canvaで上図のような「枠線」をつける方法を下記の順番で解説していくね。

1. 基本編：図形の「外枠線」をつける方法
2. 基本編：「枠線」の解除方法と「枠線の種類」の解説
3. 基本編：図形の「内枠線」をつける方法
4. 基本編：画像に「枠線」をつける方法
5. 応用編：手順書や図解などを作る時に必須の「枠線」をつける方法

の基本編の3つと応用編があるよ。

集まる集客®総研リサーチャーやまだ

ご要望にお応えして、応用編では、手順書や図解を作る時に「枠線」が重要になってくるんだけど、その方法も解説しちゃうから最後までぜひ読んでね！

図形の「外枠線」をつける方法

上図のように、素材の中の図形に「外枠線」「内枠線」をつける方法をご紹介していくよ。

外枠は、図形の周りに枠線がついているよね。その方法をステップ解説するね。

STEP

素材→図形から四角を選択しました→図形をクリック→ツールバー→「罫線スタイル」→「実線」→「罫線の太さ：４」（スライダーで調節 or直接数字を入力して罫線の太さを決定する）→罫線の太さ：４
の外枠がつきました

▼続いて罫線の色の指定します

STEP

図形を選択→ツールバー→「枠線の色」→「赤」（今回は赤色を選びました）→枠線の色が赤色になり完成です！

内枠の付け方を解説する前に、枠線の解除方法と枠線の種類を解説するね！

図形の枠線の解除方法

枠線をつけたものの、やっぱり解除したいという時ってあるよね。【枠線の解除方法】も簡単なので、あわせてステップ解説していくね。

図形を選択→ツールバー→「罫線のスタイル」→「枠線なしボタン（下図参照）」をクリック→枠線が消えました。

「枠線なしボタン」としているけど、名前が不明だったので仮に名前をつけているよ。

図形の「枠線」の種類

「枠線」は実線しかないの？そんな疑問にお応えして、枠線の種類を紹介します。

ツールバー→「罫線のスタイル」ボタンをクリックすると下図のような4種類の線を選択することができるよ。

【デザインポイント 】
罫線の太さを変えることで点線の間隔も変わってくるから、様子を見て「罫線の太さ」や「罫線の種類」などを調整してね。

続いて「内枠線」の付け方を解説するね！

集まる集客®総研リサーチャーやまだ

「内枠線」をつける方法だけど、筆者は四角を2つ使う方法を使っているので、その方法を解説していくね。他にいい方法があったら教えてね！

STEP

四角を2つ用意し、枠線（図中の右側の四角）をつける方の大きさを少し小さくする→小さい方の四角（図中の右側の四角）をクリック→「罫線の太さ：18」→「枠線の色」→「白」に変更する

STEP

小さい方の四角（図中右側）を大きい方の四角（図中左側）に重ねて完成です！罫線の太さは、後からでも調整できます。

🔰リサーチャーまるお

思っていたよりも簡単にできるんすね！すぐに使いたいっす！無料プランでもできるんすか？

集まる集客®総研リサーチャーやまだ

無料プランでも使える機能だからどんどん使っていこうね！

Canvaのプランの違いを下記の記事で解説しているから合わせて読んでね♪

あわせて読みたい

Canvaとは？今さら聞けない使い方【個人起業家のための教科書】 今さら誰にも聞けない「Canvaとは？」と疑問に思っている個人起業家さん向けに、ずばり！！「Canvaとは？何者なのか？」をお伝えしていきます。

画像に枠をつける方法〜素材の「枠」、図形の「四角」を使って〜

上図のように、画像に素材の「枠」、図形の「四角」を使って枠線をつける方法を順番に解説していくね！

画像に枠をつける方法〜素材の「枠（画像）」を使って

素材から「枠」を検索し、お好きなグラフィックを入れる方法だよ。ただ、注意点があるのでそちらもチェックしておいてね！

＜注意点＞
素材のグラフィックなどは、サイズ変更ができなかったり、枠線の色が変えられないものがあるので、色々と試してみてね！どうしても見つからない場合は、次で紹介する、図形の四角などを使った方法を試してみてね！

「素材」→「枠」と入力→お好きな素材をクリック→位置を調節→枠線の色を「白」に変更
※素材によっては、色の変更やサイズ変更ができません。

🔰リサーチャーまるお

無料プランでもできるんすか？

集まる集客®総研リサーチャーやまだ

無料プランでも使える機能なんだけど、【素材】の中には有料プランのみしか使えないものも多いから、この機会に有料プランに切り替えるのもおすすめだよ。

Canvaのプランの違いを下記の記事で解説しているから合わせて読んでね♪

あわせて読みたい

Canvaとは？今さら聞けない使い方【個人起業家のための教科書】 今さら誰にも聞けない「Canvaとは？」と疑問に思っている個人起業家さん向けに、ずばり！！「Canvaとは？何者なのか？」をお伝えしていきます。

画像に枠をつける方法〜図形の「四角」を使って

先ほどの素材（グラフィック）だと、どうしてもうまくいかないことがあるから、そんな時は次の方法で試してみよう！

STEP

「素材」→「図形：正方形」をクリック→画像の上に移動→「カラー」→「カラーなし」塗りつぶしを透明に→「罫線スタイル」→線の種類→「罫線の太さ：6」→「枠線の色：白」で完成

「罫線の太さ」や「枠線の色」はお好みで変えてね！

手順書や図解などを作る時に必須の「枠線」をつける方法

集まる集客®総研リサーチャーやまだ

手順書や図解を作る時に「枠線」が必要になるよね、その方法を知りたい！というお声をいただいたので、その方法も解説するよ

応用編：手順書や図解などを作る時に必須の「枠線」をつける方法

この解説手順の画像を作る時にも使っているんだけど、素材の「四角」や「円」から「枠線」を作っているよ。早速手順を見ていこう！

STEP

「素材」→「図形：正方形や円」をクリック

◉カラー
「カラー」塗りつぶしを透明（カラーなし）
◉罫線スタイル
線の種類→「罫線の太さ：6」→「枠線の色：赤」

「罫線の太さ」や「枠線の色」はお好みで変えてね！

STEP

スクショを撮ったものの上に配置して矢印などをつけて完成です。

集まる集客®総研リサーチャーやまだ

どうかな？簡単にできたかな？この方法を知っていれば、簡単に手順書や図解を作成できるよね。

そして、スクショ（スクリーンショット）の撮り方がわからない！！という方に下記にスクショ（スクリーンショット）の撮り方の記事を紹介するからそちらも合わせて読んでみてね！ 

あわせて読みたい

簡単！スクリーンショットの撮り方とショートカットキー一覧：MacとWindows対応 パソコンの画面のスクリーンショット（スクショ）を撮りたいんすけど、どうしたらいいっすか？ まるおくん、スクリーンショットは日常的に使う便利な機能だけど、意外と…

まとめ：Canva「枠線」機能は必ず覚えておきたい機能

集まる集客®総研リサーチャーやまだ

Canvaの「枠線」は、とても使いやすく簡単にできるよ。ぜひ皆さんも使ってみて欲しい機能であり、筆者自身もよく使っている機能の1つだよ。

枠線を作るのには、

• 図形の「四角」や「円」を使う
• 素材で「枠」を検索して使う

という大きく分けて2つの方法があったよね！必ずマスターして欲しい機能だから、記事を読んで自分のものにしてね！！

🔰リサーチャーまるお

本当に簡単な操作だったっす！素敵なSNSの投稿画像もできそうっす！

Canvaについて下記の記事もあるからぜひ合わせて読んで下さいね♪

あわせて読みたい

Canvaとは？今さら聞けない使い方【個人起業家のための教科書】 今さら誰にも聞けない「Canvaとは？」と疑問に思っている個人起業家さん向けに、ずばり！！「Canvaとは？何者なのか？」をお伝えしていきます。