Illustratorでできる！簡単装飾文字3選！！ | ニッティ・グリッティとはマーケティングweb戦略デザイン美容室向け記事 | お役立ち情報 | 岡山のホームページ制作会社。WEB戦略が得意なホームページ成績上げ屋さん！

岡山のWEB戦略・WEBマーケティング・ホームページ制作をしている会社、

有限会社ニッティ・グリッティの太田です！

タイトルや見出しの文字にちょっとした加工があると

一手間加わってクオリティがグン！と上がることってありますよね。

でも、いざ作ろうとなると難しそうで手が出せなかったりしませんか…？

(実はこの記事を書いている私がそうです)

かっこいいのに簡単にできる文字があるとすすごく助かりますよね…！

ということで今回は、簡単な手順でできる装飾文字を3つご紹介していきます！！✨

—————————————————————————–

＞かすれ文字を作る！(グランジ加工)

１.フォントを選ぶ

太めのゴシック系がオススメです！

太めの方がかすれ具合が綺麗に出ますよ！

２.グランジ テクスチャを配置する

🔍グランジ 素材 みたいな感じで検索してみてください！

フリーでもいい素材がたくさん出てきますよ！

この時、できるだけjpgやpngではなく、Aiやsvgなどのデータを選んでください！

グランジテキスチャ素材が用意できましたら、

文字レイヤーより前面になるようにグランジテクスチャを配置してください！

３.マスクを作成する

上部メニュー［ウインドウ］→［透明］を選択して、【 透明 】パネルを表示してください。

グランジテキスチャのレイヤーがグループ化されていない場合は

うまく表現できないので、グループ化しておきましょう。

テキストレイヤーと、グランジテクスチャのレイヤーを選択した状態で

［透明］パネルの［マスクを作成］して［クリップ］のチェックを外せば…

完成です！

＞スピード感のある文字を作る！

１.フォントを選ぶ

太めのゴシック系がオススメです！

太めの方がインパクトが出て、スピード感をより感じる文字になります！

２.スピード線をつけていく

文字をアウトライン化します。

パスツールを使って、下記のようなスピード感を感じる三角形パスを付け加えていきます。

一文字を拡大してみると、こんな手順で三角形パスを追加していっております。

ポイントとしては、

①上辺には角度を付けず、真っ直ぐに！

②三角が２つセットになっていたり、１つでいたり、ランダム感を出す！

③文字の右（文字の上辺）に合うように配置すると良い感じに！

一文字目と同じように、すべての文字に適用します！

装飾を増やすと、より早く見えていくのもポイントです！

ただやりすぎると、文字として読みづらくなってしまうので、注意しながら付け加えてみてください！

３.文字を斜体に変形

最後に［変形］パネル→シアーを15°程度を付けて、文字を斜体に変形して…

完成です！

＞ペンキが垂れているような文字を作る！

１.フォントを選ぶ

太めのゴシック系がオススメです！

太めの方がペンキが垂れてる具合を出しやすかったりします！

２.ワープツールを使って形を変更

文字をアウトライン化します。

左側のツールバーより［ワープツール］を選択します

（表示されていない場合はツールバー下の［・・・］より追加することができるので、覗いてみてください！）

ワープツールを選択している状態だと、ポイントが丸形になります。

これでもいいのですが、楕円形で作成した方がそれっぽくなります！

ということで、ポインタの丸形の変形は、［option］を押した状態でドラックすると楕円形に変更することができます！

垂れ具合などはお好みで変形させてみてください！

ペンキは上から下に垂れていくのが一般的なので、主に文字の上下を変形させるとそれっぽく見えるコツになります！

好みの垂れ具合に変形させて…

完成です！

—————————————————————————–

いかがでしたでしょうか？

難しそうでも、意外と簡単に作れるんですよね…！

皆さんもぜひ挑戦して、デザインの幅を広げてみてください…！

私も食わず嫌い(この場合やらず嫌い)せずに頑張ってみようと思います…💦

明日のブログはは青木さんと長谷川さんです！お楽しみに！