波のようにうねる線とテキストのタイポグラフィアートをIllustratorで!

Illustratorで波のようにうねる線とそこに隠れるように配置されたタイポグラフィアートを作成します!
フォントを変えればまた違った印象となります。

レイヤーの順番が重要なのでビギナーの方はレイヤー構造を意識するのにちょうどよいかもしれません。

制作の流れ

主な工程としては、

  1. 右から左に線を並べる
  2. ワープツールで線をうねらせる
  3. テキストを配置してアウトライン化およびグループ解除
  4. テキストを1文字ずつカット→隠したい線を選択→背面に配置

となります。

1.の右から左に線を並べるのは新しく配置された線がレイヤー構造の上にくるためです。

制作ポイント

ワープツール

ワープツールを使った別の動画を作成しているので合わせてご覧ください。

コネクリ

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

本サイトやTwitterYouTubeにてPhotoshopとIllustratorの作例を発信中!

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

おすすめ書籍

PhotoshopやIllustratorの使い方についての書籍ではありませんが、イラストを主軸に活動している方は元よりデザインに関わるすべての方におすすめできる書籍です。

どちらかというと中~上級者向けの書籍で、光が色に及ぼす影響や配色の理論から技術的なテクニックまで根本から学べます。

私はディレクションすることも多々あり、今まで感覚的に伝えていた部分の言語化に大いに役立てることができました。

PREVIOUS POST ローポリゴン風のグラフィックアートをIllustratorで...
NEXT POST 超簡単!シンプルなラインでリスを描くIllustratorス...
PAGE TOP