中村桐子のポートフォリオサイト、LIFE IS A PARTY!

沖縄出身のデザイナーナカムラキリコの人生はパーティーだ!ブログ

  • ウェブ

    Photoshopのパターン(PATファイル)を自作してみたので手順とか載せるよ

    2016年10月29日

    PATファイルを自作してみたので手順とか載せるよ

     

    ご無沙汰になってしまいました。生きてます。

     

    Photoshopの”パターン”ってとっても便利ですよね。ふと自分で作ってみたくなったので作っちゃいました。
    今回は、イラストを用意してパターンを作成する場合の手順を掲載していきます。

     

    パターン作成の手順

     

    ①パターンにしたいイラストやモチーフを用意する

     

    今回はわかりやすく水玉模様を作成します。
    3種類で1セットの水玉を、ひとつのスマートオブジェクトにまとめました。

    見やすいように、それぞれの水玉にアルファベットをふって説明していきますね。

     

    ss_01

     

     

    ②レイヤーを複製していい感じに配置する

     

    スマートオブジェクトを複製して、今回は水玉模様なので等間隔に配置していきます。

    また、配置にランダム性を持たせるため、中央の列はひとつずらして配置しました。

     

    ここで大事なのが、「どこからが重複になるか」を意識しながら配置することです。

    パターン=上下左右と繰り返し並べて使うものなので、パターンを作る時点では同じ配列で並べられている部分は必要がないのです。

    今回は規則的に配列された水玉模様なので簡単ですが、複雑なパターンになればなるほどこの考え方が重要になってきます。

     

    ss_02

     

     

    ③パターンにする範囲を決め、ガイドを引く

     

    パターンにする範囲を決めていきます。

     

    重複していない範囲をパターンにするので、範囲は下の画像のようになります。

     

    横の列の中心、縦の列の中心にガイドを引くのですが、Photoshop CCをお使いの方はレイヤーをすべてグループ化した状態で選択し、ガイド線を引っぱってくるとスマートガイドがアシストしてくれるので簡単に引けちゃいます。CSをお使いの方は自身のやり易い方法で中心を測り、ガイドを引きましょう。

     

    ss_03

     

     

    ④範囲を選択して、パターンとして保存する

     

    ガイドで囲った範囲を、範囲選択ツールで囲み、[編集]→[パターンを定義]を開き、好きな名前をつけて保存したらOK!

     

    これで、今作ったパターンがパターン一覧の中に増えているはず。実際にパターンとして使ってみて、ズレがなければ完成です。

     

    ss_04

     

     

    ⑤PATファイルとして書き出す

     

    自作したパターンを友達にあげたり配布したい場合は、PATファイルとして書き出しましょう。

     

    [パターンのプリセットマネージャー]を開いたら、先ほど作ったファイルを選択した状態で[セットを保存]を押します。名前をつけて保存すれば書き出し完了!

    複数のパターンを選択してセットを保存を押せば、複数ファイルでひとつのPATファイルにすることもできます。

     

    ※パターン一覧より歯車アイコン→パターンを保存で書き出す、と記載しているサイトもあるのですが、これだとすべてのパターンが書き出されてしまうので要注意!

     

    ss05

     

    出来上がったPATファイルはこんな感じです。

     

    %e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-25-1-29-39

     

     

    以上、パターン及びPATファイルの作成手順でした。

     

     

    せっかくなので配布します

     

    ということで、以下2点をフリー素材として配布したいと思います。商用利用もちろんOK。

     

    bn_002

     

    記事中の水彩水玉4色セットです。

     

    bn_001

     

    完全にタイミングを逃したのですが、ハロウィン仕様のイラストパターン4種+背景の波線です。

     

     

    以上、PATファイルの作り方でした〜

沖縄出身のWebデザイナー6年生。
1993年生まれ、現24歳。
ビールとお相撲が好きです。

ページトップへ戻る