WEBデザイナー向け無料電子Book >受け取りはこちら

Canvaで文字を縁取りする方法【1番簡単なのはコレでした】

Canvaで文字を縁取りする方法【もっと簡単なのはコレでした】

今回の記事では、このような文字の縁取り方法をご紹介します。

この記事でできること

【Before】

【After】

縁取りのやり方は、いくつかあるのですが、今回は色々試してみた結果もっともカンタンだと感じた方法のみをご紹介していきますね。

\ 14364人にセミナーをして分かった!/

目次

ステップ1:文字を選択して「エフェクト」をクリックする

縁取りしたい文字(テキスト)をクリックしてください。

すると紫色の線で囲われるので、その状態のまま上のツールバーにある「エフェクト」をクリックします。

ステップ2:「スプライス」をクリックする

エフェクトをクリックすると、下の画像のようなメニューが開きます。

真ん中にある「スプライス」をクリックしてください。

ステップ3:太さ100、オフセット0に設定する

太さを100に、オフセットを0にすると、下の画像のような縁取りが完成します。

「太さ」は縁の太さなので、細い方が好みであれば60~80くらいに設定しても大丈夫です。

「オフセット」は文字と縁取りのズレ具合を調整するものです。基本的には「0」にしておくのがおすすめです。

ステップ4:中の色を選択する

続いて、文字の色を変えていきます。

左下にある「カラー」で色を選択すると、中の色が変えられます。

ステップ5:外縁の色を選択する

最後に外縁の色を変えましょう。

外縁は上のバーにある「A」の文字をクリックして変更します。

番外編:太さを変えると印象も変わります。

文字の太さを変えるだけで、縁取りの印象も大きく変わります。

個人的には太字にしておいた方が見やすくて好きです。

(※フォントによっては文字の太さを変えられる場合と変えられない場合があります。)

太字にするには、テキストを選択した状態で下のどちらかをやってくださいね。

  • Command(orContrl)+B を押す
  • 上のツールバーにある「B」を押す

Canvaで文字を縁取りする方法まとめ

今回は、Canvaで文字を縁取りする方法をご紹介しました。

文字を縁取りする方法

ステップ1:文字を選択して「エフェクト」をクリックする
ステップ2:「スプライス」をクリックする
ステップ3:太さ100、オフセット0に設定する
ステップ4:中の色を選択する
ステップ5:外縁の色を選択する

文字を縁取りすることで、文字の可読性が上がって読みやすくなります。

ぜひ、デザインやスライドで目立たせたいところに使ってみてくださいね。

▼ ▼ 限定公開中 ▼ ▼

当メディアを運営している日本デザインスクールは、これまで14364人WEBデザイナーの仕事についてお伝えする無料セミナーを開催してきました。

その中で気づいたのが、WEBデザイナーへの誤解がある方が多いということ。中には一度勉強に失敗してからセミナーに来て「先に知りたかった」という方もいらっしゃいます。

そのような方が増えないために、特に多かった15の誤解を1つの資料にまとめました。勉強を始めてから後悔しないよう、ぜひ受け取ってください。

※非常に人気の資料であり、今後有料化する可能性もあるのでお早めに手に取ってくださいね。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

質問や感想があればご記入ください

コメントする

目次