【Photoshop】画像からオリジナルパターンを作ろう！

こんにちは！
しがない雑食系クリエイターのはまやん(@hama_paz)です！

デザイナーにとってあればあるだけ困らないのが「パターン」です。
背景に使うのにも使えますし、文字に使ったりとササッとデザインを作り上げるのに重宝しますよね！

しかし無料のパターンはネットに数あれど、制作物を作っている時ってこのイメージのパターン！てのが中々見つからないですよね？
探す時間もかかりますし、かと言って自分で作るのも時間がかかるし…と悩まれているそこのアナタ！

実はPhotoshopで簡単に出来ちゃうんです！

今回は画像を使ってパターンをササッと作る方法を解説していきます！

合わせて読みたい

【Photoshop】jpgのロゴファイルをシェイプパスにする方法

こんにちは！ しがない雑食系クリエイターのはまやん(@hama_paz)です！ Photoshopをお使いの皆さん、クリエイティブしてますか？ 基本的にデザイナーと言うのは、クライアントさんからご依頼を頂いて形にしてい[…]

元画像と完成パターン

まず、今回作る画像の元の素材と完成をご覧ください。

実はこのデータからパパッとパターンを作る事が出来ます！
作り方を順を追って解説していきます！

画像からキャプチャーする

まず画像を用意します。
今回は例のごとく、当ブログのロゴマークをベースにしていきます。

CCライブラリの画像をキャプチャーを使う

該当の画像ファイルを開いて「CCライブラリ」パネルを使用します。
こちらの機能自体はCCになって割とすぐ追加された機能なのですが、先日のアップデートでCCライブラリの機能が強化されていました。
ですので、こちらの記事は最新のPhotoshop2020(21.2)バージョンをお使いの方に限ります。

なんとこちらのCCライブラリに「AdobeCapture」というスマホアプリで使われている機能が追加されたのです！
追加されたキャプチャー機能は大まかに4種類ほどありますが、今回はそのうちの「パターン」機能を使います！

次に「CCライブラリ」のパネルから「ライブラリ」を作成します。
今回は「pattern」という名前で作成しました。

patternライブラリを開いた状態で右下の「＋」ボタンを押します。
すると「画像から作成」と一番上に出てきますので、そちらを選択します。

「画像から作成」という別画面が出てきますので上部から「パターン」を選択します。

すると画像を元にパターンが自動で生成されます。
ここで位置や大きさなど好みのパターンになるように調整します。
設定が完了したら右下の「CCライブラリに保存」を押します。

するとライブラリに先ほど保存したデータが格納されます。

それでは実際に配置してみましょう！
配置の方法は格納されたデータをダブルクリックして大きさや角度を調整して配置します！

パターンの色を変える方法

色を変える方法ですが、パターンレイヤーは少し特殊で通常のレイヤースタイルだとレイヤー全体に適用されてしまいます。
なのでパターンの色味を変えたい場合はパターンレイヤーを一度ラスタライズしてからレイヤースタイルなどで色味を変えると上手くいきます！

その他のパターン

先ほどの自動生成されるパターンには様々な形状があります。
必要に応じて生成されるパターンの形状をオプションパネルで変更する事ができます。

オプションパネルの拡大・縮小や画像からサンプリングする部分の位置の調整をすればさらにアレンジすることが出来ますよ！

画像からオリジナルパターンを作成のまとめ

いかがでしたか？
今回はロゴデータから作成しましたが、もちろんイメージ画像や写真からでもパターンを作る事ができます！

ちなみにこの方法で先日応募したAdobe MAX Challengeの作品の一部を作成しています！

#AdobeMAX #コンテスト
初めて応募するぜーい！
楽しかったぜーい！
AdobeMAX楽しみだぜーい！ pic.twitter.com/aR5EKrk5uy

— はまやん@Photoshop解説おじさん (@hama_paz) October 4, 2020

サクサクっと作れますので、パターンにお困りの方はぜひぜひお試しください！