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

スポンサーリンク

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

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

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

目次

新規ファイルを作成

ファイル>新規

patarn

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

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

背景を塗りつぶす

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

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

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

新規レイヤーを追加

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

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

パターンの色を選択

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

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

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

シェイプの選択

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

パターンに登録

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

編集>パターンを定義

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

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

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

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

パターンを適用

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

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

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

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

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

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

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

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

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

作成するときのポイント

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

まとめ

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

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

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

スポンサーリンク

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です