この記事は2分で読めます

【Illustrator】イラストを使ってオリジナルの総柄を作成する

  • 投稿日
  • 更新日
【Illustrator】イラストを使ってオリジナルの総柄を作成する

この記事では、Illustratorを使って、好きなイラストを使ったオリジナルの総柄パターンを簡単に作る方法を紹介します。

イッパイアッテナ

はじめまして、イッパイアッテナです。

ITと教養で、優秀なネコの手となり、あなたのあらゆる問題を解決します。あなたの相談役だったり、デザイナーだったり、広報だったり、わたしたちは”イッパイ”の顔をあなたに見せることができます。

加工前の下準備

まずは柄にしたいイラストをIllustratorで作成します。

STEP
Illustratorでパターンにしたいイラストを作成する

今回はIllustratorの楕円形ツールと回転ツールを使って、お花のイラストを作成しました。

パターンにする柄はイラストでもアウトラインをかけたテキストでも、好きなデザインをご用意いただければ大丈夫です。

パターンオプションパネルでパターンの設定

Illustratorでは、オブジェクトが用意できれば簡単に繋目のないパターンを作成できます。

やり方を覚えて、Illustratorの作業効率UPを目指しましょう。

STEP
イラストをオブジェクトとしてスウォッチに登録 

下準備で作成したイラストを選択した状態で、オブジェクト > パターン > 作成をクリックします。

複数のオブジェクトを使用する場合は、オブジェクトを全て選択した状態で作成をクリックしてください。

作成をクリックすると、下記のように新しいパターンがスウォッチパネルに追加されました。という表示が出てくるのでOKをクリックします

また、スウォッチパネルに、今回追加したパターンのアイコンが表示されるようになりました。

STEP
 パターンの配置を設定する

パターンオプションというパネルが表示されるので、配置の設定をしていきます。

パネルが表示されている間はパターン編集モードになっています。

起点となるオブジェクトは、下記のように線の四角の中に表示されていて、設定を変更すると自動でシュミレーションされるようになっています。

今回はタイルの種類をレンガ(縦)という設定で作成していきます。

今回はレンガという配置を選びましたが、他にも、上下左右直線的に配置されるグリッドというパターンや、六つの辺に合わせて配置された六角形というパターンもあります。

【グリッドパターン】

【六角形パターン】

STEP
柄と柄の距離を設定する 

パターンオプションで、幅・高さの設定をします。

今回は幅・高さ共に30mmに設定して作成しました。

※起点となる四角の枠内が、幅:30mm  高さ:30mmになります。

こちらで完成です。

今回はひとつのモチーフで作成しましたが、複数のモチーフを組み合わせると、よりユニークなパターンを作成することもできます。

まとめ

Illustratorを使って好きなイラストを使った、オリジナルの総柄パターンを作る方法をご紹介しました。

パターンオプションパネルを活用することで、簡単・スピーディーに柄を作成できるようになります。

ぜひ、ご活用いただいて、ユニークなパターンの作成に挑戦してみてください。

この記事で使用したデータの
ダウンロードはこちら

利用規約 ※必ずお読みください

この記事を書いた人

デザインバウム運営局
デザインバウム運営局

企業のWeb担当者の方とWeb制作に関わる方にとって、ためになる情報を発信していきます。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

Web制作について相談してみませんか?

必須は必須項目です。弊社へお問い合わせいただく方は、下記の「個人情報の取り扱いについて」を必ずお読みください。

会社名

任意

お名前

必須

メールアドレス

必須

電話番号

任意

お問い合わせ内容

必須