広告

【見逃せない】Canvaで文字に縁取り・枠線を付与する3ステップ

2020年12月21日

Canvaのエフェクト機能「袋文字」で縁取りできるようになりました

canva-fuchidori-gif
Canvaの袋文字機能

太さも変更できます。

Canvaで文字の縁取りができるようになってたので共有します。

hutidori−kansei
Canva縁取りイメージ


すぐにCanvaで縁取りする方法を見る↓

Canvaで文字に縁取りを付ける3STEP

Canvaで文字に縁取りする方法は3STEPで完了します。

めっちゃかんたんなので、ぜひ。

STEP1. Canvaで縁取りするテキストを選択

Canvaを立ち上げて、縁取りするテキストを選択・設置します。

text-sentaku
縁取りするテキストを記入する

STEP2. エフェクトから中抜きを選択

テキストを選択したら、エフェクトを選択して

effect-sentaku
メニューからエフェクトを選択する

エフェクトから中抜きを選択。

effect-nakanuki
エフェクトから中抜きを選択する

カラーを白で選択しておきます。

whitte-sentaku
カラーを白で選択しておく

color-shiro
配色が完了した状態

これで下準備は完了。

(識別しやすいように、背景は薄いグレー:#E4E4E4に設定してあります)

STEP3. テキストをコピーしてエフェクトを解除・重ねる

中抜きしたテキストをコピーして

nakanuki-text-copy
中抜きしたテキストをコピー

nakanuki-copy-text
中抜きテキストとコピーした中抜きテキスト

コピーしたテキストのエフェクトを...

effect-sentaku
コピーした中抜きテキストを選択して「エフェクト」を選択

解除します。

effect-nashi
コピーした中抜きテキストのエフェクトを「なし」にする

effect-kaijo
コピーした中抜きテキストのエフェクトが解除された

ここまでの操作で、

  1. エフェクトの中抜きテキスト
  2. エフェクトなしテキスト

2つのテキストが表示されます。

effect-nashi
中抜きテキストとエフェクトなしテキストの2つ

次に「エフェクトなしテキスト」に、STEP2で設定したエフェクトカラーと補色となる色を設定します。

effect-nashi-black
エフェクトなしテキストのカラーをブラックに

テキストが黒くなりました。

effect-text-black-ue
エフェクトなしテキスト配色がブラックになった

中抜きした文字の上に重ねます。

effect-gattai
中抜きテキスト上にエフェクトなしテキストを重ねた

最後に、中抜きなしのテキストを背面に配置させれば...

text-haimen
中抜きテキストの背面にエフェクトなしテキストを配置

hutidori−kansei
袋文字(縁取り)テキストが出来上がり

縁取り文字の完成です。めっちゃかんたん。

OYAKUN
OYAKUN
しかし、3ステップになってなくてすみません...

番外編:Canvaで文字に縁取りしてみたSAMPLE

Canvaで文字に枠線をつけたり縁取りしたり、もろもろと組み合わせを自分のためにまとめておきます。

kagetuki
影付き
ukidashi
浮き出し
supirice
スプライス
eccoer
エコー
neon
ネオン
エフェクト カラー フォントイメージ
影付き フォント黒:#000
影白:#fff
 
浮き出し
輝度:50
フォント黒:#000  
スプライス
太さ・オフセット:50
フォント灰:#A6A6A6
エフェクト:#000
 
エコー
太さ:50
フォント灰:#A6A6A6
エフェクト:#000
 
ネオン
輝度:50
フォント黒:#000;  

※他にも「グリッチ加工、ネオン、湾曲させる」などのフォントエフェクトもあります。

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

Canvaで文字を縁取りや枠線を付ける方法としては、

  1. 縁取りするテキストを選択
  2. エフェクトから中抜きを選択
  3. テキストをコピーして中抜きの上に配置

以上のとおりです。

OYAKUN
OYAKUN
Youtubeやってないけど、画像にテキスト入れたアイキャッチを作成するときに簡単に使えますね。

210801追記|エフェクトを使わずに文字に縁取りする方法

エフェクトを使わずに文字に縁取りする方法を書きました↓

即戦力
canva-wakutuki
【即戦力】Canva・枠付き文字をエフェクトを使わず作成する2STEP

Canvaでエフェクトを使わず、枠付き文字を作成する方法↓を共有します。 前回記事:【見逃せない】Canvaで文字に縁取 ...

続きを見る

OYAKUN
OYAKUN
わずか2STEPで文字縁取りが完了します。ぜひご参照ください!