おはこんばんにちは!ノボルです。
最近ブログのサムネを作るのに凝ってるんだけど、文字の縁取りってどうやって作るんだろ?
Adobe illustratorを使えば、簡単に作ることができるよ!
そこで今回は、Adobe illustrator 2020を使って、文字の縁取りを入れて袋文字を作る方法について、図を使いながら分かりやすく解説します!袋文字は、サムネやイラスト、サブタイトルなどによく使われます。イラストレーターを使えばチャチャっと作れるので、オススメですよ!
今回、例として作る袋文字の完成図は以下の通りです。では、さっそく解説していきます!
![](https://onishi-noboru.com/wp-content/uploads/2019/12/40-16のコピー-1-1024x244.png)
![](https://www18.a8.net/0.gif?a8mat=35UCHM+CWZK8I+3PSE+60H7L)
Adobe illustratorで文字の縁取りを入れて袋文字を作る方法
STEP1: 文字を入力する
![](https://onishi-noboru.com/wp-content/uploads/2019/12/40-1-1024x599.png)
Adobe illustratorを開いて新規ドキュメントを作成してください。次に、メニューの[文字ツール]から文字を作成してください。
![](https://onishi-noboru.com/wp-content/uploads/2019/12/40-2-1024x599.png)
好きな文字を入力して、大きさを調整してください。
ここでは例として、「ノボログ」という文字で進めていきます。
Macでは[Command+T]、Windowsでは[Control+T]で開くことができます。
![](https://onishi-noboru.com/wp-content/uploads/2019/12/40-5-1024x598.png)
文字を選択しましょう。
STEP2: アピアランスを開いて、線を追加する
![](https://onishi-noboru.com/wp-content/uploads/2019/12/40-3-1024x580.png)
[ウィンドウ]から[アピアランス]をクリックしてください。
![](https://onishi-noboru.com/wp-content/uploads/2019/12/40-4-1024x600.png)
すると、アピアランスが表示されます!
![](https://onishi-noboru.com/wp-content/uploads/2019/12/40-6-1024x600.png)
[アピアランス]の右上にあるハンバーガーメニューをクリックしてください。
![](https://onishi-noboru.com/wp-content/uploads/2019/12/40-7-1024x598.png)
[新規線を追加]で縁となる線を追加してください。
![](https://onishi-noboru.com/wp-content/uploads/2019/12/40-7-1024x598.png)
今回は二重縁を作るので、もう一度[新規線を追加]します。
STEP3: 塗りを一番上に配置し、色を指定する
![](https://onishi-noboru.com/wp-content/uploads/2019/12/40-8-1024x601.png)
次に、[塗り]の部分を一番上にドラッグしてください。
![](https://onishi-noboru.com/wp-content/uploads/2019/12/40-10-1024x599.png)
ドラッグできたら、[塗り]にお好きな色を指定してください。
ここでは赤を指定してみます!
STEP4: 線の色と太さを編集する
![](https://onishi-noboru.com/wp-content/uploads/2019/12/40-12-2-1024x599.png)
塗りを指定したら、今度は、[線]の色と太さを調節してください。
ここでは、[色]を白、[太さ]を10pxにしました。
![](https://onishi-noboru.com/wp-content/uploads/2019/12/40-13-1-1024x599.png)
同様に、もう一つの縁も色と太さを指定してきます。
ここでは、[色]を黒、[太さ]を20pxにしました。
![](https://onishi-noboru.com/wp-content/uploads/2019/12/40-14-1024x599.png)
縁取り自体はこの時点で完成です!ただ、文字が角ばっているので、ちょっと丸くしてみます。[線]をクリックして、[線端]と[角の形状]を、真ん中に指定してください。
![](https://onishi-noboru.com/wp-content/uploads/2019/12/40-15-1024x598.png)
もう一つの縁も、[線端]と[角の形状]を真ん中に指定します。
STEP5: 完成!
![](https://onishi-noboru.com/wp-content/uploads/2019/12/40-16-1024x601.png)
以上で完成です!
ここまでお疲れ様でした。
これでオシャレなサムネが作れそう!
最後に
今回は、Adobe illustrator 2020で文字の縁取りを入れて袋文字を作る方法について、図を使いながら分かりやすく解説しました。
袋文字は、記事のサムネやイラストに入れると、オシャレで読みやすくなるのでオススメです!
最後まで読んで頂き、ありがとうございました(o^^o)
![](https://onishi-noboru.com/wp-content/uploads/2019/12/twitter-publish-1-160x90.png)
![](https://onishi-noboru.com/wp-content/uploads/2019/12/fontawesome-160x90.png)
![](https://onishi-noboru.com/wp-content/uploads/2019/12/article32-thumbnail-1-160x90.jpg)
![](http://image.moshimo.com/af-img/0045/000000002545.gif)
コメント