【文字の装飾】文字を目立たせるにはふちどりからやってみよう！【図解・初心者用】

「文字装飾」でひとまず２つ作ってみる

完成形　今回できる文字とその装飾

今回こんなんが出来ましたっ

今回は基本の”き”「 文字を書いて装飾する」をAdobeのIllustrator（イラストレーター）を使って作ってみます。使用する Illustrator は体験版も用意されていて、AdobeCCのコンプリートプランにも含まれている。

AdobeCCを安く購入するには？

文字の与える印象はフォントの種類、太さでも変わる

↓例えばこんな感じ。

TIPS
＜ウェイトの種類色々＞
L（ライト）、R（レギュラー）、M（ミディアム）、DB（デミボールド）、B（ボールド）、E（エクストラ）、H（ヘヴィ）、U（ウルトラ）等

※ウェイトの選択がないフォントも存在します。

フリーフォントで検索するとたくさんの出てくるので、雰囲気の違いを色々試そう。

ちなみにAdobeの「Adobe Fonts」はCreative Cloudプランに含まれていて、追加料金なしで利用可能。日本語を含む18,000以上のフォントが使える。（Adobe 公式サイト）

文字と文字の装飾 イラストレーター作成手順

今回は印刷用新規ドキュメントでアートボードサイズ「幅：100mm」「高さ：35mm」を用意（新規ドキュメント作成方法はこちらの記事を参照）

アートボード上に文字ツール で「きゅうり」と入力。フォントは、ゴシック系を選択。例ではヒラギノ角ゴシックを使用。フォントサイズは50pt。

アートボード上になんの変哲もないきゅうりが出来上がりました。

参考 ▼ツール一覧早見表（画像付き）【Adobeイラストレーター】

デザイン系のお仕事で副業・フリーランスを考えているなら、クラウドソーシング最大手 ランサーズ に登録しておくとお小遣い稼ぎができるかも！？

》ランサーズの記事はこちら

文字に線を追加（文字をふちどり）する

完成系

先ほど打った「きゅうり」の文字を選択ツール で選択。

アピアランス（表示されていない場合はメニューの ウィンドウ ＞ アピアランスをチェック）を設定していきます。下の画像のように左下の□、もしくは右肩メニューから新規線を追加をクリック。

新規線が追加された。

このままだと一番上に線が存在しているので、文字の下にドラッグ&ドロップ。

次に色の変更。今回は、塗り：白、線の色はきゅうりにちなんで緑系を選択。

参考記事 アピアランス上でのカラーの変更方法はこちらを参照。
▶︎ アピアランスでの色設定・色変更&スウォッチ作成【入門編】

線の太さは10ptに設定。

このままだと出来上がったものがこちら↓

角の形状を丸くする

このままで味があってイイ！って人は別ですが、この、文字を縁取りした際にとんがってしまった角ばった線は丸く処理しておくのが無難。

アピアランスの「線：」の部分をクリックし、線のウィンドウで「角の形状」：「ラウンド結合」に設定。こうすることで角の尖りが消滅。

＼完成〜／

無事文字が縁取られ、ちょっとだけきゅうりらしさのある「きゅうり」が出来上がり。

クリエイティブな作業に便利な >>ペンタブレットを検索

装飾した文字をグラフィックスタイルに登録していつでも呼び出せるようにしてみる

作成した文字の装飾を、今後も使いそうだなって時は「グラフィックスタイル」に登録すると、その後はボタン一つでスタイルを効かせることができるので超便利。

参考記事 グラフィックスタイルのやり方はこちらの記事を参照。
▶︎ 繰り返し使うならグラフィクスタイルが便利！登録後はボタン１つで作業楽々【忘備録】

ふちどった文字を更に強調する

先程の完成した「きゅうり」のフォントをヒラギノ丸ゴに変更。これだけでわりと印象が変わる。

アピアランスで、「塗り」を緑系、「線」の色を白に変更し、線の太さも5ptに変更。

参考 ▶︎ アピアランス上でのカラー変更

ということで更に線を追加！「新規線を追加」をクリック！

出来た新規の線を先ほど作成した線の一番下に移動後、「線」の色を緑系に設定し線幅を12ptを設定。

＼完成したきゅうりがこちら／

まとめ　文字のふちどり装飾にはアピアランスの線を追加で楽々

アピアランスに効いている効果の表示・非表示の切り替えは、目の玉アイコンをクリックするだけ。

本日もご清覧ありがとうございました。