無料のデザインツール「Canva」で文字を縁取りする方法を、登録から縁取り文字の完成まで解説します。ブログでも使える縁取り文字（枠付き文字）の基本に加え、2026年10月時点のエフェクトの選び方と、最後に「Illustrator (CS6)」との仕上がりの違いも確認します。
- Canvaで文字に縁取り（フチ）をつける方法を知りたい方
- ブログのアイキャッチ画像などで、文字を目立たせたい方
- Canvaで作った縁取り文字と、Illustratorで作った縁取り文字の違いを見たい方
Canvaで文字を縁取りする方法（結論）
Canvaでは、文字を選んで「エフェクト」から縁取りができます。2026年10月時点のCanva公式の「文字の縁取り」ページでは、「スプライス」エフェクトでオフセットを0にして太さを調整する方法が案内されています。また、Canva公式の「文字エフェクト」ページには、新しいエフェクトとして「袋文字」も載っています。縁取りの色は、エフェクトの色の設定で変えられます。
| 方法 | 操作の概要（2026年10月時点） | 本記事での扱い |
|---|---|---|
| 袋文字 | 「エフェクト」から「袋文字」を選び、色とフチの太さを調整する | 公式ページの案内を紹介（筆者は未検証） |
| スプライス | 「エフェクト」から「スプライス」を選び、オフセットを0にして太さを調整する | 公式ページの案内を紹介（筆者は未検証） |
| 中抜き（同じ文字を2枚重ねる） | 背面の文字に「中抜き」エフェクトを掛けて重ねる | 本記事で実際に手順を確かめた方法 |
| Illustrator | 同じフォントに白い線幅を設定し、背面に重ねる | 本記事で実際に手順を確かめた方法（CS6） |
本記事で手順を確かめたのは「中抜き」とIllustratorの方法です。「袋文字」と「スプライス」は、公式ページの案内に基づく紹介です。
デザインとSEO対策
WEBサイトやブログを作成したら、できるだけ多くの人に見て貰いたいですよね。これには集客の方法がとても大事です。
それでは、どのように集客したら良いでしょうか？
現代のインターネットを利用した集客方法はGoogleの検索サイトからの流入が圧倒的に高いです。そして検索サイトから集客を行うためにはGoogleランキングで上位を取ることが命題となります。Googleの検索ランキングの上位を目指す対策が「SEO対策」と呼ばれています。
デザインの善し悪しは人を引きつけます。
Googleの検索ランキングにて滞在時間が重要な指標であることはよく知られています。デザインが良いとそこで人はスクロールを一度止めてしまうでしょう。また、デザインが良ければ、訪問者は良く作り込まれていると思い別のページも確認してみたくなるものです。これが滞在時間を増やし、Googleからの集客へと繋がります。
デザインの善し悪しは立派なSEO対策ですね。
無料デザインツール「Canva」の使用方法
Canva (キャンバ)はプレゼンテーションや動画、SNSなどで活用できる豊富なテンプレートや素材を使用して誰でも質の高いデザインを作成できるオンラインアプリです。2026年10月時点のCanva公式の料金ページでは、無料プランでも25万点以上のテンプレートが使え、5GBのクラウドストレージが付くと案内されています。Canva Pro版ではコンテンツを無制限に使用できるようです。更に、作成したイラストは商用利用可能とのことです。
自分のホームページやブログにCanvaで作ったデザインを使うことで、デザイン性を高めることができ見栄えがよくSEO対策にもなります。
それでは、早速使ってみることにします。
①「Canva」の無料登録
下記サイトのCanvaから中央の「無料登録する」に進みます。
すると、「ログイン、または今すぐご登録ください。」のメッセージが現れ、登録できるメールサービス（「Googleで続行」もしくは「Facebookで続行」）を選んで頂き登録が完了します。Googleアカウントがあれば、すぐに登録できます。
webデザインアプリ「Canva」は機能や素材がすべて無料というわけではないため、今回の比較条件は以下の通り。
- Canvaで無料で使える範囲の機能
- 素材の持ち込みOK。
②ホワイトボードの作成
ログイン画面を抜けると、下記の画面が表示されます。中央左のホワイトボードの「空のデザイン」を選択。
すると以下の画面が表示されます。
③素材の準備
次にCanvaに画像（素材）をアップロードします。素材画像は以下のURLでも紹介した Pexelsからダウンロードしました。
素材ダウンロード先は以下のサイトを参考にしてください。
https://wisenetwork.net/archives/128
④素材のアップロード
素材が集まったら次に「Canva」へ素材のアップロードを行います。
下図のように、左側のメニューバーのアップロードをクリックして、コンピューターの素材が保存されているフォルダーから画像をアップロードします。
画像が表示されたら「ファイルをアップロード」をクリックします。
次に、右側にファイル名とピクセルサイズが表示され、問題なければ下図にある「写真を編集」をクリックします。
⑤文字入れ
下図の左側のメニューから「テキスト」を選んで「テキストボックス」を追加から文字入れが行えます。
⑥Canvaで文字を縁取りする：「中抜き」エフェクト
「テキストボックスを追加」後、ボード画面に現れる文字入力画面に、Rounded M+Blackのフォントを使って文字入れを行います。
文字入れ後、上部メニューバーにある「エフェクト」ボタンを押してエフェクトを掛けます。
ここで選べるエフェクトのスタイルは、下図のように「なし」、「影付き」、「浮き出し」、「中抜き」、「スプライス」、「エコー」、「グリッチ加工」、「ネオン」、「背景」です。下図は執筆当時の画面で、2026年10月時点のCanva公式ページには、これらに加えて「袋文字」も載っています。
今回は縁取り文字を作るために、「中抜き」エフェクトで代用しました。縁取りの太さは、「太さ」の バー (0～100) を左右にふることで調整できます。
この方法では、同一フォントを前面と背面に配置して設定します。詳細な設定は下記の通りです。
縁取り文字入力
① 文字フォント：「Rounded M + Black」＋青文字
② 縁取り文字エフェクト：「Rounded M + Black」＋「中抜き」エフェクト（太さ100）＋白文字
③ ②を①の背面に重ねて表示
以上で完成です。
有料アプリ「Illustrator」で縁取り文字加工した場合
次に商用ソフトであるイラストレーター（Illustrator CS6）にて文字を加工して縁取り加工する方法について解説します。なお、この手順は2022年の執筆当時にIllustrator CS6で行ったものです。CS6は2012年に発売された旧バージョンのため、現行のIllustratorとは画面や操作が異なる場合があります。
縁取り文字入力
①文字フォント：「メイリオ」＋青文字
②縁取り文字エフェクト：「メイリオ」＋11ポイントの線幅＋白文字
③ ②を①の背面に重ねて表示
①Illustratorの文字入力画面にて「SEO対策の賢者」と青文字入力を行った後、「メイリオ」フォントにして中央にドラッグ移動し配置。（下図）
② ①と同一フォントを使用して、白色「縁取り」の線幅11ポイントに設定。線が大分太くなっているのがわかる（下図）
これも中央に配置。レイヤーとして①の背面に文字を移動。
③青文字を前面へ移動し、白色縁取り文字と合わせると下記のようになります。
Canvaの文字縁取りでよくある疑問
縁取りの色を白など別の色に変えられますか？
はい。2026年10月時点のCanva公式の「文字の縁取り」ページでは、文字の色も縁取りの色も変更できると案内されています。本記事の「中抜き」の方法では、背面に重ねる文字を白にして、白いフチを作っています。
縁取りした文字に影をつけたり、二重にしたりできますか？
同じ公式ページには、別々の加工をしたテキストを重ね、背面と前面の順番を入れ替えて調整する方法が載っています。縁取りした文字に影をつけたり、浮き上がらせたりする例も紹介されています。ただし、縁取りを二重や三重にする具体的な設定は、本記事では確かめていません。
縁取りを丸くするにはどうすればいいですか？
本記事の手順では、丸ゴシック系の「Rounded M + Black」を使っています。縁取りの丸みだけを調整する設定は、公式情報で確認できていないため、本記事では紹介していません。文字の背景を付ける「背景」エフェクトでは、丸みを調整できるとCanva公式の「文字背景」ページに書かれています。
まとめ
Canvaなら無料でも文字を縁取りでき、より太い縁取りを求めるならIllustratorが向いています。
- ✔ Canvaは無料でも、エフェクトを使って文字の縁取りができます。
- ✔ Illustratorの方がより極太の縁取り加工ができます。このあたりはやはり商用ソフトです（執筆当時のCS6での結果）。
- ✔ 無料で使えるという点ではCanvaの魅力もやはり高いです。2026年10月時点では「袋文字」エフェクトも載っており、今後の機能拡張にも期待したいところです。
まずは無料のCanvaで縁取り文字を作り、物足りなければIllustratorとも見比べてみてください。
関連リンク
コメント