個人的に役立ったデザイン素材や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
  • 1
  • 6
  • 13

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

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

クリスマス用の無料デザイン素材141:ベクターイラスト、パターン、ブラシ、フォント、アイコン

クリスマスは1年間でもっとも物販が賑わうときと言われているそうです。 そうなると忙しくなるのが、デ

記事を読む

デザインと写真の勉強に最適!海外のプロ写真家のサイトがかっこ良すぎる

デザインと写真の勉強に最適!海外のプロ写真家のサイトがかっこ良すぎる

美しい写真は好きですか? 美しい写真は見ているだけでワクワクしてきますね。 今回はこんな美しい写

記事を読む

料理や食べ物の高品質画像・写真を無料でダウンロードできる「Foodie's Feed」

料理や食べ物の高品質画像・写真を無料でダウンロードできる「Foodie’s Feed」

料理や食べ物の高品質画像・写真を無料でダウンロードできるサイトをご紹介します。 商用利用可能にもか

記事を読む

アポロ計画の無料画像1万点以上がFlickrに「Project Apollo Archive’s albums」

アポロ計画の無料画像1万点以上がFlickrに「Project Apollo Archive’s albums」

アポロ計画で撮影された無料(パブリックドメイン)画像1万点以上がFlickrにアップされている「Pr

記事を読む

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

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

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

記事を読む

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

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

記事を読む

FIFAワールドカップ1930年大会からのFIFAワールドカップチケットデザイン

FIFAワールドカップ1930〜2014年大会までのFIFAワールドカップチケットデザイン

旬なネタで。 FIFAワールドカップのチケットをテレビなどでご覧になった方もおられると思いますが、

記事を読む

クライアントを魅了する名刺・ビジネスカードの無料PSDモックアップ200+

クライアントを魅了する名刺・ビジネスカードの無料PSDモックアップ130+

フリーの名刺・ビジネスカードの無料モックアップをご紹介します。 デザインをクライアントに見せる際に

記事を読む

パッケージデザインvol.19参考になる優れたパッケージ/プロダクトデザイン20 梅原真特集

梅原真が好き!デザイン性・アイディアに富んだパッケージ/プロダクトデザインvol.19

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

記事を読む

無料で使えるPhotoshop用鉛筆/ペンシルブラシ

無料で使えるPhotoshop用の鉛筆/ペンシルブラシ250+

無料で使えるPhotoshop用の鉛筆/ペンシルブラシをご紹介します。。 Photoshopで手書

記事を読む