![canva-fuchidori-gif](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/Canva-fuchidori-fukuro.gif)
太さも変更できます。
Canvaで文字の縁取りができるようになってたので共有します。
![hutidori−kansei](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/2020/12/a51f5797db268a1a474dae6a92724a2a.png)
Canvaで文字に縁取りを付ける3STEP
Canvaで文字に縁取りする方法は3STEPで完了します。
文字縁取り3STEP
めっちゃかんたんなので、ぜひ。
関連記事:【即戦力】Canva・枠付き文字をエフェクトを使わず作成する2STEP
STEP1. Canvaで縁取りするテキストを選択
Canvaを立ち上げて、縁取りするテキストを選択・設置します。
![text-sentaku](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/2020/12/text-sentaku.png)
STEP2. エフェクトから中抜きを選択
テキストを選択したら、エフェクトを選択して
![effect-sentaku](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/2020/12/effect-sentaku.png)
エフェクトから中抜きを選択。
![effect-nakanuki](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/2020/12/effect-nakanuki.png)
カラーを白で選択しておきます。
![whitte-sentaku](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/2020/12/whitte-sentaku.png)
![color-shiro](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/2020/12/color-shiro.png)
これで下準備は完了。
(識別しやすいように、背景は薄いグレー:#E4E4E4に設定してあります)
STEP3. テキストをコピーしてエフェクトを解除・重ねる
中抜きしたテキストをコピーして
![nakanuki-text-copy](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/2020/12/nakanuki-text-copy.png)
![nakanuki-copy-text](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/2020/12/nakanuki-copy-text.png)
コピーしたテキストのエフェクトを...
![effect-sentaku](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/2020/12/effect-sentaku-1.png)
解除します。
![effect-nashi](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/2020/12/effect-nashi.png)
![effect-kaijo](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/2020/12/effect-kaijo.png)
ここまでの操作で、
- エフェクトの中抜きテキスト
- エフェクトなしテキスト
2つのテキストが表示されます。
![effect-nashi](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/2020/12/effect-nashi-1.png)
次に「エフェクトなしテキスト」に、STEP2で設定したエフェクトカラーと補色となる色を設定します。
![effect-nashi-black](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/2020/12/effect-nashi-black.png)
テキストが黒くなりました。
![effect-text-black-ue](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/2020/12/effect-text-black-ue.png)
中抜きした文字の上に重ねます。
![effect-gattai](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/2020/12/effect-gattai.gif)
最後に、中抜きなしのテキストを背面に配置させれば...
![text-haimen](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/2020/12/text-haimen.png)
![hutidori−kansei](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/2020/12/a51f5797db268a1a474dae6a92724a2a.png)
縁取り文字の完成です。めっちゃかんたん。
![OYAKUN](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/oyakun.png)
番外編:Canvaで文字に縁取りしてみたSAMPLE
Canvaで文字に枠線をつけたり縁取りしたり、もろもろと組み合わせを自分のためにまとめておきます。
![kagetuki](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/2020/12/kagetuki.png)
![ukidashi](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/2020/12/ukidashi.png)
![supirice](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/2020/12/supirice.png)
![eccoer](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/2020/12/eccoer.png)
![neon](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/2020/12/neon.png)
エフェクト | カラー | フォントイメージ |
---|---|---|
影付き | フォント黒:#000 影白:#fff | |
浮き出し 輝度:50 | フォント黒:#000 | |
スプライス 太さ・オフセット:50 | フォント灰:#A6A6A6 エフェクト:#000 | |
エコー 太さ:50 | フォント灰:#A6A6A6 エフェクト:#000 | |
ネオン 輝度:50 | フォント黒:#000; |
※他にも「グリッチ加工、ネオン、湾曲させる」などのフォントエフェクトもあります。
Canvaで文字を縁取りする方法のまとめ
Canvaで文字を縁取りや枠線を付ける方法としては、
- 縁取りするテキストを選択
- エフェクトから中抜きを選択
- テキストをコピーして中抜きの上に配置
以上のとおりです。
![OYAKUN](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/oyakun.png)
210801追記|エフェクトを使わずに文字に縁取りする方法
エフェクトを使わずに文字に縁取りする方法を書きました↓
参考記事:【即戦力】Canva・枠付き文字をエフェクトを使わず作成する2STEP
-
-
【即戦力】Canva・枠付き文字をエフェクトを使わず作成する2STEP
Canvaでエフェクトを使わず、枠付き文字を作成する方法↓を共有します。 前回記事:【見逃せない】Canvaで文字に縁取 ...
続きを見る
![OYAKUN](https://xn--t8j3bz04sl3w.xyz/wp/wp-content/uploads/oyakun.png)