【Adobe Illustrator】パターンスウォッチがうまくできない時の対処法

Adobe Illustrator 2023

パターンスウォッチがおかしいとき

スウォッチを作ろうとしたら、こんな風になって困ったことはありませんか？

ピンクと青のパターンをスウォッチに入れたのに、ピンクの方は白い余白ができています。

こんな経験があって困っていた方、ぜひご覧ください。

目次から気になるところだけチェックしてください。

［失敗例１］パターンに白い余白がある

一見すると同じに見えるピンクと青。

（明らかにおかしいですが）ピンクのスウォッチと青のスウォッチを適応させてみたのが、こちらです。

やはり、ピンクのほうはあきらかにおかしいです。

原因を調べてみたところ、このピンクと青のストライプパターンは同じものに見えますが、そもそも作り方が違いました。

ピンクの方はクリッピングマスクで作ったオブジェクトを、スウォッチにそのまま入れていました。

［余白ができたときの対策］パスファインダーで切り抜き

余白の原因はこのクリッピングマスクです。早速、クリッピングマスクを解除しましょう。

解除はオブジェクトを選択→右クリック→クリッピングマスクを解除です。

解除すると、見えなかったストライプのオブジェクトが表示されます。

この隠れていた余分なオブジェクトが余白の正体です。早速削除しましょう。

クリッピングマスクを解除したら正方形のパスだけを選択し、最前面へ移動します。
こんな感じです。

オブジェクトを全選択したらパスファインダー＞切り抜きを選択し、正方形で切り抜きます。

正方形の形に切り抜いたオブジェクトを、そのままスウォッチにドラッグします。

余白のないスウォッチになりました。これで解決です。

支給データなどでこういうことが起きがちなので、チェックしてから作業しましょう。

［失敗例２］パターンを適応したら白い枠ができてしまった

次にこちらの失敗例です。

おなじに見える赤い２つのパターンですが、②のパターンは白い枠が格子柄のようにできてしまいました。

［白い格子枠ができたときの対策］パスを確認する

この白枠の原因はパターンのパスの問題です。⌘+Yでオブジェクトを見るとこんな違いがありました。

①の方は二重線になっています。

両方のオブジェクトのサイズを確認すると、①のほうはサイズが端数になっていました。

よく見ると正方形（塗り・線ともになし）のオブジェクトがあり、そのサイズが端数だったようです。

このパスを削除したら解決しました。

パスを確認してずれていたり、不要なパスが重なっていないかを確認しましょう。

無駄なパスがなかったとしても、サイズが端数の場合は整数にしましょう。

［おまけ１］スウォッチもピクセル数を整数にしよう

スウォッチのサイズが小数点のある端数だと、コーディング時にずれてしまうことがあります。

念のため整数にしておきましょう。変形パネルでサイズを確認できます。

［おまけ２］ストライプパターンの作り方

ストライプパターンの他の作り方もご紹介しておきます。

①まず正方形を用意します。（数値は任意。今回は300px/300px）

②オブジェクトを選択したまま、メニューバー＞オブジェクト＞パス＞グリットに分割を選択します。

③次に正方形を２等分します。行の場合は縦、列の場合は横に2等分することになりますが、どちらでも問題ないので数を２，間隔を0にします。

④半分のうち片方だけ色を変えます。

⑤濃淡２色のオブジェクトをスウォッチへドラッグします。

これで完成です。パターンを適応させると、こんな感じ。

⑥適応するとこのような状態になります。あとは、大きさと角度を調整していきましょう。

⑦まず大きさを調整します。その際の注意点は、縦横比を固定をチェック、オブジェクトの変形のチェクを外す。ようにしてください。

他にもドットパターンなどの作り方をいくつかご紹介しています。

まとめ

パターンの不具合は、意外とどうしたら良いの？って思う方もいるかなと思って記事にしました。

支給データやフリー素材などでよくありがちです。気をつけてください。

最後までご覧いただき、ありがとうございました🐾

子猫

あわせて読みたい

【Illustrator】納品前にチェック！webデザインするときの注意点

あわせて読みたい

イラレで選択できないときに試してほしい5つのこと

ちょびとみい

アートディレクター、グラフィックデザイナー

X

都内の広告代理店で働く、アートディレクターです。

デザイナー必須のAdobeアプリの操作方法や、
小技とpremiereproの初心者の備忘録を中心にご紹介しています。

Adobe Illustrator・Photoshop歴／20年
Adobe premierepro歴／2024年5月から始めた超初心者
ブログ歴／2024年2月から始めた超初心者