文字デザインをしてみようTweetPocketこんにちは。今回のテーマは「文字デザインをしてみよう」です。皆さんは普段、小説や漫画、ゲームやアニメなどの「タイトルロゴ」に注目した事はありますか?私はロゴを見るのが好きなのでいつも注目してしまうのですが、気に入ったデザインのものはそれだけで作品が印象に残る事もあります。今回はそんなタイトルロゴ風の文字の作り方について解説していきたいと思います。温かいお茶と好きなおやつ今回は誰にでも使える定番フォントを使用して、一色のロゴを作っていきたいと思います。準備を行っていきます。Illustratorの文字ツールでアートボード上にテキストを置きます。文字を選択ツールで選択して、アウトラインの作成を行ってください。アウトラインを作成したら、グループの解除をして一文字ずつ動かせる状態にしてください。文字の大きさをバラバラにしてみる選択ツールで文字を移動させたり拡大縮小を行って、文字の大きさを変えてバラバラに配置してみました。なんだかもうこれだけでちょっとロゴっぽくなりますね。パーツを分解してスキマを作ったりアレンジしてみる文字のパーツを分解して、線と線の間にスキマを作ったり、部首などをアレンジしていきます。ここでは「初恋」の文字の○をつけた部分に手を加えていきます。「初」の部分から行っていきます。「初」の部分を選択して複製します。複製のやり方はコピーしてペーストでもAltを押しながらドラッグでもなんでもOKです。次に複製した「初」をダイレクト選択ツールで選択→複合パスの解除を行ってください。これでパーツごとに動かす事が出来るようになります。(複合パスの解除は全ての字にやるのではなく、解体する文字にだけやるのがおすすめです)そうしたらいらないパーツを選択して、消去します。いらないアンカーポイントは残っていても邪魔なだけなのでしっかり選択して全部消してしまいましょう!元になる「初」もいらない部分を消去します。大きさや位置を調整して、元になる部分にパーツを持ってきます。恋も同じ手順で行いました。「恋」という字だったのでわかりやすく、上のでっぱりの部分をパスでハートを作って置き換えてみました。線と線の間に少しスキマが出来たり、パーツが少し拡大されているのがわかりますか??スキマを作る事で文字にゆとりが出来ますし、パーツを拡大することでアクセントになります。ペンツールを使ってアレンジを加えてみる2で作成したものに、ペンツールの機能を使って更に少しアレンジを加えてみたいと思います。ハライの部分にリボンのような曲線を加えてみました。目にする形ですが、ペンツールで輪っかを描くだけなのでとっても簡単です。ペンツールで文字の端っこまで線を延ばしていきます。Check!!【アンカーポイント】アンカーポイントの追加ツールを使ってパスのセグメント上にアンカーポイントを追加します。げ紹介した3つのポイントを組み合わせて、仕上げを行います。強調したい部分やバランスを見ながら文字の配置を色々変えてみたりして...こちらが完成形になります。「初恋」と「ビターチョコレート」を強調するために接続詞の「は」は小さめにし、特に強調したいと思った「チョコレート」の部分を1番大きくしています。ありふれたフォントでも少しアレンジするだけでタイトルロゴっぽくなったと思いませんか??おまけで英文も追加してみました。イメージは切ない系のノベルゲームのロゴです(あくまでもイメージです)基本の流れはこのような流れになります。文字のサイズ変更、パーツの分解、変形、書き足しが出来ればシンプルなロゴは簡単に作れます!という訳でサンプルとしていくつかロゴを作ってみました。MS明朝のような初期フォントではなく、様々なフォントを使用しました!それぞれ制作時間や手間はバラバラですが、ほぼ上の解説でやった事と同じツールしか使っていません。デジマースブログチームでは基本的に「モリサワフォント」を使用しています。Kit」というシステムもあります。私もそうやって色々な場所からフォントを見つけてきています。(フリーフォントの場合は字形を大きく変形させるのは禁止なものもありますので、そちらは使用する際にしっかり確認しましょう)ここまで紹介した文字デザインは、バナーやフライヤー、自主制作作品のロゴなどを作る時におすすめです。今回は全て白黒で紹介しましたが、ここに色使いなどが加わってくると更にデザインの幅が広がると思います。(色を使ったロゴについても、いずれ書けたらいいなと思います。以上、「タイトルロゴ風~文字デザインをしてみよう」でした。好きなフォントはフォーク系と明朝系のユイPがお送りしました。