【Illustrator】立湧（たてわく）パターンの作り方

Webデザイナー、UI/UXデザイナーの@sdesignlaboです。

Illustrator（イラストレーター）で立湧（たてわく）パターンをゼロから自作する方法をイラレ初心者の方に詳しく解説します。2本の波の様な曲線で構成された和柄パターンの一つである立湧は、古くは平安京時代から存在します。

開運を意味する有識文様の立湧を効率的かつ正確に作る方法が学習できます。
これからIllustratorを始められる方、より詳しくイラレを学習されたい方にオススメのコンテンツですよ。

この記事の目次

何が作れるの？

Illustratorを使って上記の立湧パターンがゼロから自作できます。
暖簾や伝統工芸品などで見られる立湧は衣類のデザイン、Webデザインやバナー、チラシをはじめとした紙面デザインなど、様々な和風デザインに活用できますよ。

立湧パターンの作り方

Illustratorを使って立湧（たてわく）模様をゼロから自作する方法を解説します。
イラレ初心者の方にも再現可能ですよ！

Illustratorを導入しましょう

当記事の内容を実践するにはIllustratorが必須です。
未導入の方はIllustrator公式サイトからダウンロードしておきましょう。（7日間の無料体験が可能）
なお、AdobeCCのプランはコチラの記事で徹底解説しています。

STEP.1

直線オブジェクトを作成

ツールバーから [ 直線ツール ] を選択し、画面をクリックして直線ツールオプションを開きます。直線ツールのショートカットは [ ￥ ] です。

長さ：150px
角度：90°
線に塗りを適用：チェック無し
設定後は [ OK ] をクリック。

塗り：無し
線：お好きなカラー（サンプルは#134186）
線幅：お好みで（サンプルは7pt）

STEP.2

ジグザグを適用

STEP.1で作成した直線オブジェクトに対して [ 効果 ] → [ パスの変形 ] → [ ジグザグ ] を適用します。

ジグザグの設定画面が開きます。

大きさ：10px
折り返し：1
ポイント：滑らかに
設定後は [ コピー ] をクリック。

※大きさの値はお好みで調整して下さい。

すると左図の様な波線オブジェクトが作成できます。[ ペンツール ] 等を使って手作業で作成すると意外と難しい図形ですが、[ ジグザグ ] を使えば一瞬で作成できますよ。

STEP.3

反転コピーする

選択ツールでSTEP.2で作成したオブジェクトを選択し、ツールバー上の [ リフレクトツール ] 上をダブルクリックします。

リフレクトの軸：水平
設定後は [ コピー ] をクリック。

すると同じ位置に波線オブジェクトが反転コピーされます。あとは [ 選択ツール ] で水平方向に移動させて左図の様な形状にしましょう。
以上で立湧模様のベースが完成しました。

STEP.4

立湧パターンを登録・編集

STEP.3で作成したオブジェクトを [ 選択ツール ] で選択し、スウォッチパネル内へドラッグ＆ドロップして登録しましょう

[ 長方形ツール ] でパターンを適用したいオブジェクトを作成し、スウォッチパネル内の立湧パターンをクリックして適用します。

スウォッチパネル内の立湧パターンをダブルクリックし、[ パターンオプション ] を表示します。
タイルの種類：グリッド
幅：お好みで
高さ：150px

設定後は画面上部の [ 完了 ] をクリックしましょう。

FINISH

立湧模様の完成

以上で立湧模様の完成です。背景に塗りオブジェクトを配置すると2色の立湧パターンが作成できますよ。

また、立湧パターンのベースオブジェクトを左図の様な塗りで構成したオブジェクトにすると塗りで構成された立湧模様が作成できますよ。

アピアランスを分割

波線オブジェクトを選択し、Illustrator画面上部の [ オブジェクト ] → [ アピアランスを分割 ] を適用。
あとはペンツールでアンカーポイント上をクリックして2つの波線オブジェクトを繋げると二つの波線を合体して塗りオブジェクトにできます。
（コチラの記事でアンカーポイントを連結させる方法を徹底解説しています。）

OMAKE

パターンの色変更とサイズ変更

立湧のパターンサイズを変更したい時は [ 拡大・縮小ツール ] で可能。パターンの色変更は [ オブジェクトの再配色 ] を使えば簡単にできますよ。

高品質な和柄素材

商用利用可能で高品質な和柄素材を厳選しました。
より短時間でハイクオリティな制作を実現できるチート素材ばかりですよ！

#01 和柄のパターンセット（青）

高品質な和柄パターンが14点も収録されたパターン素材です。汎用的に使えるパターンが厳選されており、他のパターン素材よりも多めに収録されているのでお得です。

ダウンロード

#02 シームレス和柄パターン1

20点の汎用的な和柄パターンが収録されたパターン素材です。当記事で紹介している素材の中でも特に持っておきたい素材の1つですよ。

ダウンロード

#03 家紋×100

100点もの家紋が収録されたベクター素材です。IllustratorやPhotoshop等をはじめとしたAdobe製品全般で活用できるベーシックな和柄素材なので押さえておきたいですね。

ダウンロード

#04 Set of Japanese classic sakura and ornaments seamless patterns

赤系の色味でインパクトのある和柄シームレスパターンです。花柄との組み合わせが非常に綺麗ですね。

ダウンロード

#05 高級和フレーム

高級感のある和のフレームが数多く収録されたベクターイラスト素材です。丸型、扇形、矩形、菱形など、よく使う形状の汎用フレーム一式がAI/EPS形式でダウンロード可能ですよ。

ダウンロードする

#06 シンプルな和柄モダンデザインの枠セット

シンプルで繊細な線で描かれた和柄のフレーム素材セットです。はんなりとしたデザインで、和菓子や京料理などのデザイン素材などによく合いそうですね。

ダウンロードする

汎用的な和柄パターンとフレーム素材

上記で紹介しきれなかった和柄パターンと和風の汎用フレーム素材です。
全て商用利用可能！併せてチェックされてみませんか？

【Illustrator】商用可！高品質な和柄のシームレスパターン35選【継ぎ目の無い背景パターン素材】

【Illustrator】高品質な和風フレーム素材36選【商用利用可】

ワンランク上のテンプレート素材

Illustratorのスキルアップをする上で、プロが作成した生データを研究する事は重要です。

下記記事でプロが作成した高品質で汎用性の高いテンプレート素材を紹介しています。
全て商用利用可能、テキストや画像を変えるだけでプロの品質が出せます。

制作の手間を劇的に軽減するだけでなく、スキルアップの教材としても活用できますよ！

AI形式で作られた高品質なフライヤーのテンプレート50選です。画像と文字を差し替えるだけ、超短時間でハイクオリティなフライヤーが作成可能！
様々なフライヤーのテンプレート50選

デザイン制作を学ぶ導入編としてオススメの名刺デザイン。
想像だけで作るとイマイチになりがちですが、良質なテンプレートを元に作るだけで吸収できる情報の質が段違い！
相手に舐められない名刺テンプレート50選

例えばクリエイターの就職や転職に必須のポートフォリオ。
プロのテンプレートでレイアウトや余白、文字サイズを簡単に研究可能。内定獲得の可能性が格段にアップします！
厳選！ポートフォリオ用テンプレート40選

ロゴ作成とIllustratorの相性は抜群！
ロゴ制作の効率化だけでなく、アイディアやデータの作り方を学習・研究するための良質な教材だらけですよ。
ハイクオリティなロゴテンプレート50選

単なる白黒のテキストを高品質なロゴのようなグラフィックにできるエフェクトです。
ロゴ・見出しなどキャッチなオリジナルタイトルを一瞬で作成できる優秀な素材ばかり！
商用利用が可能で高品質なテキストエフェクト50選

継ぎ目が無い高品質な背景素材50選です。
全て商用利用OK！作品の密度を一気に高める事ができる汎用性の高い素材ばかりです。
商用利用できる高品質なシームレス背景パターン58選

良質な素材をもっと見る

上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しております。併せてチェックしてください！

クリエイティブ業務で使える優良素材まとめ

【最強素材サイト】Adobe Stockのテンプレートがチート級に便利な件について

おわりに

以上、Illustrator（イラストレーター）で立湧（たてわく）模様をゼロから自作する方法でした。
開運を意味する立湧パターンはおめでたい文様です。

規則正しい波模様はジグザグを使えば簡単に作れます。
手作業では作るのが難しい立湧ですが、イラレを使えば簡単かつ正確に作成が可能ですよ！

なお、noteでコチラの記事で解説している立湧パターンのAI素材を配布しております。

ではまた！

色々な和柄パターンの作り方まとめ

下記リンクで様々な和柄パターンをゼロから作る方法を完全解説しています。

InDesignは活用されていますか？

Illustratorだけでなく、InDesign（インデザイン）も活用されているでしょうか？
ポートフォリオ制作はイラレよりInDesignの方が効率的に作成できます。
まだInDesignを導入されていない方はAdobe公式サイトから入手できます。
高品質で商用利用可能なポートフォリオテンプレート42選はコチラ！

Illustratorの操作方法

イラレ基本操作