【PR】本文ページはプロモーションが含まれています。

Canvaで文字の縁取り・袋文字のやり方|スマホで作る方法と色変更やコツも紹介

Canvaデザイン
この記事は約5分で読めます。

Canvaで文字を目立たせたいときに便利なのが「縁取り・袋文字」です。

袋文字・縁取り文字は、背景が写真でも文字が埋もれにくい万能な文字加工。「読みにくい」文字を一瞬で読みやすくしてくれるので、最初に覚えておきたい加工です。

マコリーヌ
マコリーヌ

袋文字を取り入れると、文字が一気に見やすくなり、デザインの完成度もぐっと上がる!

サムネイルのタイトルやインスタの表紙などでよく使われていますが、「スマホでもできる?」と迷う方も多いみたいです。

そこで、初心者の方でもすぐにできるように、袋文字・縁取り文字の作り方を丁寧に解説していきます。

この記事でわかること
  • Canvaで文字に縁取りをつける方法
  • スマホで袋文字を作る手順
  • 縁取りの色を変える方法
  • 縁取り文字をきれいに見せるコツ
  • うまくできないときの対処法

縁取りの色を変える方法など基本の使い方も紹介するので、明日からデザインに取り入れてみてください!

この記事を書いた人

高齢出産ママデザイナーのマコリーヌです。現在、インスタ制作代行&リール動画制作で完全在宅ワーク中

◾読まれるフィード制作・アイキャッチ画像・SNSサムネイルなどを制作
◾ライター歴5年目(ブログ3サイト運営経験あり)
◾目を引くキャッチコピーやキャプション文も作成

Canvaで文字に縁取り(袋文字)をつける方法

Canvaでは「エフェクト機能」を使うことで、簡単に縁取り文字(袋文字)を作れます。

操作はとてもシンプルで、袋文字を選択するだけ!

手順
  1. 文字を入力する
  2. 文字をクリック
  3. メニュー「エフェクト」をクリック
  4. 「袋文字」を選択
  5. 太さと色を調整する

縁取り文字(袋文字)はタイトルや見出しに使うと視認性が上がり、写真の上に文字を置くときにもとても便利です。

スマホで縁取り文字(袋文字)を作る方法

スマホ版Canvaでも同じ機能が使えます。パソコンとほぼ同じ操作なので安心してください。

手順
  1. 文字を入力する
  2. 文字をタップして選択
  3. 下メニューの「エフェクト」をタップ
  4. 「袋文字」を選択
  5. 太さと色を調整する

スマホでは「エフェクト」が下のメニューにあるので、最初だけ少し探すかもしれません。

マコリーヌ
マコリーヌ

一度場所を覚えてしまえば、次からは迷わずに使えるようになります。

縁取り(袋文字)の色を変更する方法

縁取り(袋文字)は「文字色」と「縁取り色」を別々に変更できます。

縁取り(袋文字)の色を変える手順も、とても簡単です。

手順
  1. 「カラー」右の丸〇をクリック
  2. 色を選択

気にいる色がない場合は、「文書で使用中のカラー」の左上のプラスマークから、自由自在に色を変えられます。

マコリーヌ
マコリーヌ

ポイント:文字色と縁取りの色のコントラストをつけることで文字が読みやすくなるよ!

縁取り文字(袋文字)をきれいに見せるコツ

せっかく視認性を上げてくれる縁取り文字(袋文字)ですが、使い方によっては効果が半減することも…。

ここでは、初心者の方が陥りやすいポイントをご紹介します。

縁取りを太くしすぎない

縁取りを太くしすぎると、フォントによっては文字が読みにくくなります。

マコリーヌ
マコリーヌ

ゴシック体では、縁取りを太くすると「トゲ」のようなものが出ることもあります。袋文字と相性が悪いフォントもあるので要注意です。

また世界観を大切にしたいデザインでは、縁取りが悪目立ちしないように気を付けましょう!

まずは「少し細め」から調整していくのがおすすめです。読みやすい文字にさせることが、袋文字の目的です。

背景とコントラストをつける

縁取りをつけても見えなかったら意味がない…。

写真の上に文字を置くときは、背景との色の差を意識すると見やすくなります。

例:YouTubeサムネイルで文字を目立たせるときに使う組み合わせ

  • 赤文字+白縁取り
  • 白文字+黒縁取り
  • 黄色文字+黒縁取り
マコリーヌ
マコリーヌ

背景が淡い色の場合は「バズるリール」部分のような縁取りを黒い色にすると効果大です!

文字と縁取りの色が似ている色の場合も、せっかくの袋文字の効果が発揮できなくなります。コントラストを意識して作るようにしましょう。

フォントは太めを選ぶ

袋文字は「文字の存在感」を出すデザインなので、ベースの文字はしっかりした太さのフォントを選ぶのがポイントです。

袋文字に向いているフォント

  • 太字フォント
  • 見出し用フォント
  • ゴシック系フォント
  • 太文字にできる明朝系フォント

細い明朝体や手書き風フォントなど細い線が多いフォントは、縁取りが目立ちすぎてバランスが崩れることがあります。

袋文字にしても文字が目立たない場合は、まずは太めのフォントに変更するのがおすすめです。

縁取り(袋文字)がうまくできないときの対処法

縁取り(袋文字)にするための「エフェクト機能」が表示されない場合は、文字を選択していない可能性があります。

縁取り(袋文字)は文字の選択後に表示される「エフェクト」機能を使用

使いたいフォントに縁取り(袋文字)をつけると「トゲ」が出る場合は、縁取り(袋文字)の太さを細くしてみてください。トゲが目立たなくなります。

それでも「トゲ」が気になる場合は、文字を画像化してアウトラインをつけると袋文字にできます。

アップロードした文字は画像扱いとなるので、上部メニュー「編集」からアウトラインをつけることが可能です。

手順
  1. 新しいデザインページに文字を配置
  2. 「共有」ボタンから「ダウンロード」
    ※背景透過にチェック
  3. 文字の画像ファイルをアップロードする
  4. 上部メニュー「編集」からエフェクト「シャドウ」を選択
  5. 「アウトライン」で文字に縁取りをつける
  6. 太さと色を調節する

まとめ|縁取り文字・袋文字はスマホで簡単に作れる!

Canvaの縁取り文字は、覚えておくととても便利な機能です。インスタ投稿やサムネイルでは、文字を見やすくする重要なテクニックになります。

今回のポイントをまとめると次の通りです。

  • 縁取り文字は「エフェクト」から作れる
  • スマホでも同じ操作で作成できる
  • 袋文字の色や太さは変更できる
  • 縁取りは太くしすぎないのがコツ
  • 背景とのコントラストを意識すると見やすくなる
  • うまくできないときは、文字を画像化してアウトラインをつける

ぜひデザインに取り入れて、文字を見やすく・おしゃれに仕上げてみてくださいね。

マコリーヌ
マコリーヌ

貴重なお時間を使って最後まで読んでくださりありがとうございます。この記事が少しでもお役に立てば、有り難き幸せです🌱

タイトルとURLをコピーしました