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

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

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

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

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

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

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

はまやん
イマジネーションは無限大ネー!
合わせて読みたい

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

【Photoshop】jpgのロゴファイルをシェイプパスにする方法
スポンサーリンク

元画像と完成パターン

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

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

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

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

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

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

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

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

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

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

CCライブラリとは画像・ベクターデータ・カラー・動画などをAdobeのソフト間での共有やユーザー間での共同利用が出来るスグレモノ機能です!

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

その他のパターン

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

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

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

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

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

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

Photoshopを学べるオススメ書籍

当ブログの管理人がオススメするPhotoshopを学べる書籍をご紹介します!
ポイントをわかりやすく押さえて解説されてますので、すぐに実践したくなりますよ!

ズボラPhotoshop

デザイナーのトミナガハルキさん著書のズボラPhotoshop!
「デザイナーなのにズボラするなんて…どうなの?」と思われるかもしれませんがそれはノンノンです!

「簡単なのにカッコイイ、オシャレ」「作ってて楽しい」を元に手順を出来るだけ簡略化した55のテクニックをご紹介しています!
デザイン初心者さんの悩みの1つである「カッコイイものを作りたいのにどうやって作ればいいかわからない」を解消する事間違いなしですよ!

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

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

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

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

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

はまやん
それでは良いPhotoshopライフを!
【Photoshop】画像からオリジナルパターンを作ろう!
Twitterやってるのでフォローしておくんなまし!