MENU

Illustratorのパターン素材をPhotoshopのパターンとして使えるようにする

Illustratorで作成したパターンをPhotoshopで使いたいときがあると思います。そんなときに便利なテクニックの紹介です。

パターンを書き出す

illustrator-pattern-convert-to-photoshop-pattern-1

まず、適当な大きさのキャンパスを72ppiで作成します。

illustrator-pattern-convert-to-photoshop-pattern-2

カラーパレットを開きます。

illustrator-pattern-convert-to-photoshop-pattern-3

パターンをキャンパス上へドラッグします。

illustrator-pattern-convert-to-photoshop-pattern-4

表示アウトラインをクリックします。

illustrator-pattern-convert-to-photoshop-pattern-5

右クリックグループ解除をクリックします。

illustrator-pattern-convert-to-photoshop-pattern-6

パターンとなる四角い枠を選択します。

illustrator-pattern-convert-to-photoshop-pattern-7

オブジェクトアートボード選択オブジェクトに合わせるをクリックします。

illustrator-pattern-convert-to-photoshop-pattern-8

Web用に保存します。

illustrator-pattern-convert-to-photoshop-pattern-9

アートボードサイズにクリップにチェックが入っていることを確認し、書き出します。このときの書き出しサイズは解像度の関係で少し大きめにしておいた方がいいかもしれません。

パターンを登録

illustrator-pattern-convert-to-photoshop-pattern-10

先ほど書き出した画像をPhotoshopで開きます。そして、編集パターンを定義…をクリックします。

illustrator-pattern-convert-to-photoshop-pattern-11

パターン名を入力し、OKをクリックします。

illustrator-pattern-convert-to-photoshop-pattern-12

これで、パターンパレットに登録され、パターンとして使用できます。