![](https://comecoblog.com/wp-content/uploads/2024/06/パズル模様_シロクマ-1024x708.jpg)
今回は、AdobeIllustrator(イラストレータ)で、シームレスなパズル柄を作る方法をご紹介します。シームレスと言えば、パターン機能ですね。少し工夫すれば、だれでも簡単にパズル柄を作ることが出来ますので、今回のやり方をぜひ参考に作ってみてください。
初めに、基本となるパズル柄を作ります。
今回は家にあったパズルをトレースして作ることにしました。もちろん自分で書いてもかまいませんが、私はトレースをオススメします。
ということで、まず、パズルを4ピース準備しましょう。
※下記の画像を使ってもらっても大丈夫です。汚くてすいません・・・。
![](https://comecoblog.com/wp-content/uploads/2024/06/パズル画像-1024x576.jpg)
それでは、始めます。
まずは、パズルの写真をイラストレータで開きましょう。
![](https://comecoblog.com/wp-content/uploads/2024/06/パズル柄_作り方_1-1024x583.jpg)
曲線ツールを使って、最初に27と書いてあるピースをトレースします。
この時、注意して欲しいのが、ピースの左側と上側のみをトレースすることです。
![](https://comecoblog.com/wp-content/uploads/2024/06/パズル柄_作り方_2-1024x583.jpg)
次に、28と書かれたピースをトレースします。分かりやすく色を変えてますが、同じ色でも結構です。
先ほど同様に、ピースの左側と上側のみをトレースしてください。
![](https://comecoblog.com/wp-content/uploads/2024/06/パズル柄_作り方_3-1024x583.jpg)
同様に35と書かれたピースをトレースします。
![](https://comecoblog.com/wp-content/uploads/2024/06/パズル柄_作り方-_4-1024x583.jpg)
最後に36と書かれたピースをトレースします。
![](https://comecoblog.com/wp-content/uploads/2024/06/パズル柄_作り方-_5-1024x583.jpg)
ここで、パズルの写真を消して、パズル柄の色を黒1色にします。歪み等あれば、ここで微調整しましょう。
![](https://comecoblog.com/wp-content/uploads/2024/06/パズル柄_作り方-_6-1024x583.jpg)
歪みが調子できたら、すべてのオブジェクトを選択しグループ化しておきます。
![](https://comecoblog.com/wp-content/uploads/2024/06/パズル柄_作り方-_7-1024x583.jpg)
次に、パズル柄を選択した状態で、上部メニューから「オブジェクト」→「パターン」→「作成」を選択します。
![](https://comecoblog.com/wp-content/uploads/2024/06/パズル柄_作り方-_8-1024x583.jpg)
パターンオプションが開くので、「幅」と「高さ」の数値を調整して、パズル柄が隙間なく並ぶようにしてください。
![](https://comecoblog.com/wp-content/uploads/2024/06/パズル柄_作り方-_9-1024x583.jpg)
この時、必ず下記の丸の部分のような歪みが出てきます。
この歪みは、ダイレクトツール等を使って、線自体を描き変えてください。
![](https://comecoblog.com/wp-content/uploads/2024/06/パズル柄_作り方-_10-1024x583.jpg)
実際に描き変えたものが、下記となります。パズルのピースが隙間なく並んだら、「完了」をクリックして完成です。
![](https://comecoblog.com/wp-content/uploads/2024/06/パズル柄_作り方-_11-1024x583.jpg)
実際にパズル柄パターンを使ってみましょう。
まず、適当なサイズの長方形を作ります。
![](https://comecoblog.com/wp-content/uploads/2024/06/パズル柄_作り方-_12-1024x583.jpg)
長方形オブジェクトの「塗り」を選択した状態で、「スウォッチパネル」から先ほど作ったパズル柄を選択します。
![](https://comecoblog.com/wp-content/uploads/2024/06/パズル柄_作り方-_13-1024x583.jpg)
ここで、パズル柄の大きさがイメージと違う場合、パターンのみ拡大・縮小することができます。
長方形オブジェクトを選択した状態で、「右クリック」→「変形」→「拡大・縮小」を選択します。
![](https://comecoblog.com/wp-content/uploads/2024/06/パズル柄_作り方-_14-1024x583.jpg)
拡大・縮小オプションが開くので、「縦横比を固定」の欄に任意の数値を入力してください。
オプション欄で「パターンの変形」だけにチェックを入れた状態でOKをクリックします。
![](https://comecoblog.com/wp-content/uploads/2024/06/パズル柄_作り方-_15-1024x583.jpg)
これでパズル柄のみのサイズを変更することが出来ました。
![](https://comecoblog.com/wp-content/uploads/2024/06/パズル柄_作り方-_16-1024x583.jpg)
あとは、自分の好きなイラスト等を入れれば、まるでパズルのようなデザインとして使うことが出来ます。
![](https://comecoblog.com/wp-content/uploads/2024/06/パズル柄_作り方-_17-1024x583.jpg)
いかがでしたでしょうか?
パターン作成で隙間を無くす調整がスムーズにできれば、その他の工程は非常に簡単だったかと思います。是非、自分なりのパズル柄を作ってみてくださいね。
コメント