個人的に役立ったデザイン素材やTips、WEBサービス、役立つグッズ、あれやこれやをご紹介

オリジナルなシームレスパターンをつくる!Illustratorでシームレスパターンを5分で制作する方法

複雑なシームレスパターンを制作するのは大変ですが、
単純なパターンやモノグラムぐらいでしたら、自分でも簡単に作成することができます。
今回◯パターンに分けてご紹介します。

Illustratorでドット・水玉柄を作成する方法

スクリーンショット 2013-10-12 23.27.49
仕上がりサイズを考慮して、正方形を作成します。
ここでは30ミリの正方形にしています。
わかりやすいように、線だけ適当な色をつけておきます。
スクリーンショット 2013-10-12 23.19.17

定規を表示して、左上カドに合わせます。
このときスマートガイドにしておくとピタリと合うので便利です。
これで左上カドが座標0になりました。
スクリーンショット-2013-10-13-0.06

次に、円ツールでshiftを押しながら、正円をつくります。
円の色はあとからでも変更可能なので、今は適当な色で制作します。
さらに円を3回複製し、計4つの円をつくります。
スクリーンショット 2013-10-12 23.20.21

1つを選択し、x座標・y座標を0,0にします。
スクリーンショット 2013-10-12 23.21.34

続いて円を選択し、1つを選択し、x座標・y座標を30,0にします。
スクリーンショット 2013-10-12 23.22.04

さらに、円を選択し、1つを選択し、x座標・y座標を0,30にします。
スクリーンショット 2013-10-12 23.22.20

最後に、円を選択し、1つを選択し、x座標・y座標を30,30にします。
スクリーンショット 2013-10-12 23.23.56

最初に作った正方形を、色なし・線なしにして、最前面にもってきます。
スクリーンショット 2013-10-12 23.24.19

すべてを選択し、パスファイダで「切り抜き」を選択します。
スクリーンショット-2013-10-13-0.16

もう一度すべてを選択し、スウォッチパネルにドラッグしてあげます。
スクリーンショット-2013-10-13-0.18

以上でパターンと登録が完了しました。

オブジェクトにパターンを適用すると、以下のような感じになります。
スクリーンショット 2013-10-12 23.27.49

色を変更したいというときには、パスファインダで切り抜いたあとのオブジェクトを使って色を変更してください。
それをまたスウォッチパネルにドラッグしてあげます。

複雑なシームレスパターンは作り方も複雑になりますが、シンプルなものだと基本的にこの作り方でOKです。

[PR]Illustrator利用者必見!通販印刷の入稿作業が劇的に早くなる!


Illustratorで自動データチェック! 印刷の通販グラフィックの「ダイレクト 入稿」

Illustratorでワンポイントだけ異なるドット・水玉柄をつくる方法

スクリーンショット 2013-10-12 23.34.26

今度は同じドット・水玉柄でも、ワンポイントだけ異なるものをつくってみます。
30ミリの正方形を作成します。
わかりやすいように、線だけ適当な色をつけておきます。
スクリーンショット 2013-10-12 23.19.17

スマートガイドにチェックが入っていることを確認して、定規を表示し、左上カドに合わせます。
これで左上カドが座標0になりました。
スクリーンショット-2013-10-13-0.06

次に、円ツールでshiftを押しながら、正円をつくります。
円の色はあとからでも変更可能なので、今は適当な色で制作します。
さらに円を3回複製し、計4つの円をつくります。
続いて、★型を1つ作ります。
スクリーンショット 2013-10-12 23.31.26

円を1つを選択し、x座標・y座標を0,0にします。
スクリーンショット 2013-10-12 23.31.26

続いて円を選択し、1つを選択し、x座標・y座標を30,0にします。
スクリーンショット 2013-10-12 23.31.58

さらに、円を選択し、1つを選択し、x座標・y座標を0,30にします。
スクリーンショット 2013-10-12 23.32.08

最後の円を選択し、1つを選択し、x座標・y座標を30,30にします。
スクリーンショット 2013-10-12 23.32.33

★を選択し、正方形の中心に配置します。
正方形と★を選択し、正方形を基点にして、整列パネルで中心にすると簡単です。
スクリーンショット 2013-10-12 23.32.33

最初に作った正方形を、色なし・線なしにして、最前面にもってきます。
スクリーンショット 2013-10-12 23.32.57

すべてを選択し、パスファイダで「切り抜き」を選択します。
スクリーンショット-2013-10-13-0.16

もう一度すべてを選択し、スウォッチパネルにドラッグしてあげます。
以上でパターンと登録が完了しました。

オブジェクトにパターンを適用すると、以下のような感じになります。
スクリーンショット 2013-10-12 23.34.26

Illustratorでモノグラムを制作する方法

スクリーンショット-2013-08-29-23.46
ヴィトンなどで有名なモノグラムを作ってみましょう。
基本はまったく同じです。

今回も30ミリの正方形を作成します。
わかりやすいように、線だけ適当な色をつけておきます。
スクリーンショット 2013-10-12 23.19.17

スマートガイドにチェックが入っていることを確認して、定規を表示し、左上カドに合わせます。
これで左上カドが座標0になりました。
スクリーンショット-2013-10-13-0.06

次に、配置するオブジェクトを準備します。
今回は以下のオブジェクトでモノグラムをつくってみます。
スクリーンショット 2013-10-12 23.39.47

①を選択して、3回複製し、①を計4つ制作します。
①を1つを選択し、x座標・y座標を0,0にします。
スクリーンショット 2013-10-12 23.44.16

続いて①を選択し、1つを選択し、x座標・y座標を30,0にします。
スクリーンショット 2013-10-12 23.44.31

さらに、①を選択し、1つを選択し、x座標・y座標を0,30にします。
スクリーンショット 2013-10-12 23.45.02

最後の①を選択し、1つを選択し、x座標・y座標を30,30にします。
スクリーンショット 2013-10-12 23.45.08

続いて、②を選択して、3回複製し、②を計4つ制作します。
②を1つを選択し、x座標・y座標を15,0にします。
スクリーンショット 2013-10-12 23.49.23

続いて②を選択し、1つを選択し、x座標・y座標を0,15にします。
スクリーンショット 2013-10-12 23.50.04

さらに、②を選択し、1つを選択し、x座標・y座標を30,15にします。
スクリーンショット 2013-10-12 23.50.45

最後の②を選択し、1つを選択し、x座標・y座標を15,30にします。
スクリーンショット 2013-10-12 23.51.02

次は③です。この模様は、中心の周辺に配置したいので、3つ複製して、以下のような感じで複製していきます。
スクリーンショット 2013-10-12 23.51.41

すでにお分かりと思いますが、正方形の中なら、どんな場所においても大丈夫。
自由に配置できます。
これで、均質になりながちなシームレスパターンに、独特のリズムを加えることが可能です。
これがポイント。

続いて④を選択し、正方形の中心に配置します。
スクリーンショット 2013-10-12 23.51.59

最初に作った正方形を、色なし・線なしにして、最前面にもってきます。
スクリーンショット 2013-10-12 23.52.10

すべてを選択し、パスファイダで「切り抜き」を選択します。
スクリーンショット-2013-10-13-0.16

もう一度すべてを選択し、スウォッチパネルにドラッグしてあげます。
以上でパターンと登録が完了しました。

オブジェクトにパターンを適用すると、以下のような感じになります。
スクリーンショット-2013-08-29-23.46

お役に立てましたら、以下どれでも結構のですので、ポチリと……。

  • 0
  • 0
  • 6
  • 13

Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

この記事を読んだ人はこんな記事も読んでいます

これだけあれば十分!?無料で使えるPhotoshop用シームレスピクセルパターン1000+

無料で使えるPhotoshop用シームレスピクセルパターン1000+

無料で利用できるPhotoshop用のシームレスピクセルパターンを約1000パターンご紹介します。

記事を読む

全部無料!Illustratorの無料ブラシセットpart2

全部無料!Illustratorの無料ブラシセット44(総数900ブラシ以上!)part2

全部無料!Illustratorの無料ブラシセットの第二弾です。 以前の記事「全部無料!Illus

記事を読む

パッケージ/プロダクトデザインvol.24お箸chopsticks編 参考になる優れたパッケージ/プロダクトデザインをご紹介

このお箸chopsticksがすごい!デザイン性・アイディアに富んだパッケージ/プロダクトデザインvol.24

優れたパッケージデザイン・プロダクトデザインをご紹介している金曜日企画、第24回目となりました。

記事を読む

無料で使えるIllustrator用シームレスパターンセット82

シームレスパターンのうち、ドット、オーナメント、チェック、ストライプをはじめ、和柄、季節もの、変わり

記事を読む

デニム生地の商用利用無料フリーテクスチャ素材

デニム生地の商用利用無料フリーテクスチャ素材100+

デニム生地の商用利用無料で使えるフリーテクスチャ素材をまとめてご紹介します。 今も昔も変わらぬ人気

記事を読む

無料で使える角丸・丸文字の英語/欧文フリーフォント

無料で使える角丸・丸文字の英語/欧文フリーフォント28でポップでかわいい演出を

無料で使える角丸・丸文字の英語/欧文フリーフォントのご紹介します。 デザインにポップな印象やかわい

記事を読む

パッケージ/プロダクトデザインvol.34 参考になる優れたデザインをご紹介

デザイン性・アイディアに富んだパッケージ/プロダクトデザインvol.34

優れたパッケージデザイン・プロダクトデザインをご紹介している金曜日企画、第34回目です。 34回目

記事を読む

パッケージ/プロダクトデザインvol.28 参考になる優れたパッケージ/プロダクトデザインをご紹介

デザイン性・アイディアに富んだパッケージ/プロダクトデザインvol.28

優れたパッケージデザイン・プロダクトデザインをご紹介している金曜日企画、第28回目です。 今回も世

記事を読む

見て盗め!プロのイラスト制作過程を動画で逐一観察できる「Sywork」

見て盗め!プロのイラスト制作過程を動画で逐一観察できる「Sywork」

プロのイラスト制作過程を動画で逐一観察できる「Sywork」。 昔から技術を習得したいなら「見て盗

記事を読む

楽しみながらデザインの知識&スキルがアップするゲームまとめサイト「Games for designers」

楽しみながらデザインの知識&スキルがアップするゲームまとめサイト「Games for designers」

デザイナーのための楽しみながら知識&テクニックがアップするゲームまとめサイトをご紹介。 海外ではデ

記事を読む