以前アップしたラインのタイポグラフィはブレンドツールを使って作成しましたが、その際にもっと簡単にできないかな？と思いついた方法です。

アピアランスを使っているので文字の変更も行えます。
簡単に作成できますが、そこそこ凝った印象に見えるのではないでしょうか？

制作の流れ

主な工程としては、

1. テキストを配置してアピアランスで線にパスのオフセット（動画上では10px、ラウンド）
2. 線を2回複製してパスのオフセット（20pxと30px）
3. 線を波線に加工

となります。

制作ポイント

ラインで構成されたタイポグラフィ

ブレンドツールを使ったラインで構成されたタイポグラフィはこちら！

ラインで構成されたタイポグラフィをIllustratorのブレンドを使って作る

音楽系コンテンツやネオンアートでよく見かける、ラインで構成されたタイポグラフィを作成するIllustratorスピードアートです。 このようなフォントもあります…

コネクリ

ウェブデザイナーとしてキャリアをスタートして、スマートフォンの台頭によりUI/UX・ゲームデザインを担当、現在はインハウス寄りのディレクター兼リードデザイナー。
社内外のディレクション・ワイヤー設計・デザイン・コーディングを行う。
自社、受託ともにウェブ・アプリ・グラフィック・ゲームの実績多数。

本サイトやTwitter、YouTubeにてPhotoshopとIllustratorの作例を発信中！

個人としての仕事は、動画制作「【アーティストに学ぶ】#33 Adobe Illustrator iPad版 xコネクリ – アドビ公式」、オンラインセミナー「光と色をコントロールすることで デザインのディテールを追い込む Photoshop & Illustrator」、著書「デザインのネタ帳 プロ並みに使える写真加工 Photoshop（MdN／共著）」など。