メインコンテンツへスキップ
見出し画像

テキスト追従ざぶとんが揃わない|Adobe Illustrator Tips

    「テキスト追従ざぶとん」とは、座布団(テキストの背面に配置する四角形などの装飾の通称)をアピアランスで作ることで、文字に合わせて大きさを自動調整させるテクニックです。

    画像
    文字に合わせて背景が伸びる

    個々に使う分には便利なのですが、複数を並べて使おうとすると、微妙にズレが出たり、整列が難しかったりします。今回はこの追従ざぶとんを綺麗に整えるコツを紹介します。(マガジンについて詳しくはこちら)

    画像
    文字を打ち替えたら垂直方向がズレるし、等間隔に分布もうまくいかない


    テキスト追従ざぶとんの作り方

    まず一般的なテキスト追従ざぶとんについて簡単におさらいします。

    1. テキストの塗りや線をなしに

    2. 効果>パス>オブジェクトのアウトライン

    3. アピアランスで新規塗りを2つ追加。

    4. 下の塗りを選択し、効果>形状に変換>角丸長方形

    角丸長方形のオプションは「値を追加」にします。

    画像

    この辺りがよくわからない人は、下記動画を参考にしてください。動画最後の 効果 ラフ の部分以外はほぼ同じです。


    高さにズレが出る問題

    横に並べて文字を打ち替えると、高さに微妙にズレが出ることがあります。これは、文字の形に対して長方形を作成するため、文字の形によって高さが変化するのが原因です。

    画像
    「ご」の濁点の分だけ、高さが増えている
     
     
     
    Adobe Illustratorのチュートリアルをつくる犬| #本日のイラレ 投稿中

    あなたへのおすすめ