How to ブログ実践

簡単!Photoshopパターンを使用してかわいいテクスチャを作成する方法

簡単!Photoshopパターンを使用してかわいいテクスチャを作成する方法

今回は、Photoshopで簡単にパターンを使ってのテクスチャを作成する方法を解説します。

Photoshopにデフォルトで入っているパターンでも、おしゃれでかわいいテクスチャが作成できます。簡単なので、ニーズに合わせて作成してみてください。

今回は、ウサギのパターンを使用して、ピンクの可愛らしいテクスチャを作成していきます。

目次

新規ファイルを作成

ファイル>新規

幅200px 
高さ200px  
解像度350px
カラーモードPGB

に設定し、新規ファイルを作成します。

背景を塗りつぶす

背景にしたいカラーを描画色で選択し、「塗りつぶしツール」で背景を塗りつぶします。

新規レイヤーを追加

新規レイヤーを作成から、新規レイヤーを追加します。

パターンの色を選択

パターンの色を選択します。背景色とは異なる色を選択します。

描画色をクリックし、色を選択します。

シェイプの選択

「カスタムシェイプツール」から、パターンを選びます。

ツールバーのシェイプを選択します。

シェイプのタブを右の設定マークから、すべてのシェイプを表示します。

好きなシェイプを選択します。

今回は「ウサギ」のシェイプを選択しました。

オプションパネルのシェイプを「ピクセル」に選択します。

レイヤー1の中央でクリックすると「カスタムシェイプを作成」ダイアログが表示されます。

幅を90px 中心からと縦横比を保持にチェックを入れOKをクリックします。

レイヤー1の中央にウサギが配置されます。

シェイプを四隅に配置する

「レイヤー1」を「新規レイヤー作成」ボタンにドラッグ&ドロップすると「レイヤー1のコピー」レイヤーが作成されます。

「レイヤー1のコピー」を選択した状態で、フィルター>その他>スクロール

「スクロール」ダイアログが開きます。

水平方向・垂直方向ともに、100px。

「ラップアラウンド」を選択しOKをクリックします。

4隅にシェイプが配置されます。

パターンに登録

作成した画像をパターンに登録します。

編集>パターンを定義

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

パターンに「うさぎ」が登録されます。

パターンを適用

作成したパターンを適用する新規ファイルを立ち上げます。

A4サイズくらいの大きさがオススメです。

塗りつぶしツールを選択します。

パターンから先ほど登録したうさぎのパターンを選択します。

新規ファイルをクリックするとウサギのパターンで塗りつぶされます。

これで、テクスチャが完成です。

作成するときのポイント

パターンの大きさは、シェイプを作成する際のサイズで決まります。あらかじめパターンの模様を決めてから、シェイプのサイズを決めるとうまくいきます。

まとめ

シェイプをパターンに登録して塗りつぶすだけでいろいろなテクスチャの作成がとても簡単にできます。

シェイプはもちろん自分で作成した画像でも方法は同様に作成できますので、自分好みのテクスチャや背景が色々作成できます。試してみてくださいね。

最後まで読んでいただきありがとうございます。

モバイルバージョンを終了