基本操作

【Photoshop】パターンオーバーレイの色変更や透明パターンの作成方法【自由に編集可能】

NaoG
NaoG
やぁ!みんな!元気?

クリエイターの@NaoGです。

パターンオーバーレイが使えない、背景が透過したパターンが作れない、パターンの色が変更できない。

こういった疑問に答えます。

この記事の信頼性(著者は実務経験者)

  • 仕事でPhotoshopを扱ってきた経験
  • Photoshop歴は5年ぐらい
  • 現在はフリーランスのWebデザイナー

実際に仕事でPhotoshopを扱っているので、信頼できるかと思います。

目次

  • パターンオーバーレイが使えない
  • 背景が透過したパターンが作れない
  • パターンの色が変更できない

ではさっそく見ていきましょう。

【7日間の体験版】Photoshopを無料で始める手順【失敗しない学習法】Photoshopの学習をしたいけど、どうやって始めるんだろう? 使い方も分からないし、いくらかかるんだろうか、、、。 これからPhotoshopを学習したいので「失敗しない学習法」を知りたいです。 こういった疑問に答えます。...

パターンオーバーレイが使えない

  • 対象のレイヤーに何かを入れる
  • パターンライブラリから追加する

上記のとおり。
それぞれ順番に解説します。

対象のレイヤーに何かを入れる

パターンオーバーレイはレイヤー上に塗りがないと使えません。

パターンオーバーレイを使用したい時は対象のレイヤーに塗りやオブジェクトなど何かを入れましょう。

全面にパターンを使用したい時はとりあえず塗りつぶしレイヤーを作成すればOKです。
塗りつぶしレイヤーの作り方を解説します。

塗りつぶしレイヤーを作成する

「レイヤー」→「新規塗りつぶしレイヤー」→「べた塗り」を選択します。

「OK」を選択します。

パターンライブラリから追加する

パターンライブラリからドキュメントにドラッグすることでも、パターンを適用することができます。パターンは「ウィンドウ」から「パターン」で表示できます。

「ウィンドウ」はメニューバーの中になります。
メニューバーの位置が分からない方は下記の記事をどうそ。

【Photoshop】 ワークスペースの使い方【新人デザイナー向け】ワークスペースってなんだろう?自分の好きにカスタマイズとか出来るのかな? ワークスペースの保存方法はどうやってやるんだろう? こういった疑問に答えます。...

背景が透過したパターンが作れない

この様なパターンを作りたいのに、下の様なパターンになってしまった。なんてことはありませんか?

Nao_G
Nao_G
色がついている所だけ使いたいのに!

この様になってしまうのは、パターンの元を作る時に問題があります。
それでは正しい方法を解説します。

背景を透過にしてパターンを定義する

この様にパターンを作成していませんか?

背景が透過のパターンを作成する時は、元のパターンを作る時から背景には何もない状態で「パターンを定義」しましょう。

「パターンを定義」する方法やパターンの使い方は下記の記事で解説しています。

【Photoshop】パターンの使い方【新人デザイナー向け】Photoshopの便利なパターン機能 ・簡単に背景が作れる ・プリセットを仕分けできる ・画像サイズに限界がない ・自分の好きなパターンを作れる ・仕事の時短に繋がる...

パターンの色が変更できない

  • 背景透過のレイヤーパターンを準備する
  • レイヤースタイルをラスタライズする
  • カラーを変更する

上記の順番で対応します。

背景透過のレイヤーパターンを準備する

この様なパターンを元に下の様なパターンを作成したとします。

このパターンの「pattern」の色だけを変える方法を解説します。

レイヤースタイルをラスタライズする

「パターンオーバーレイ」が適用されているレイヤーの「塗り」を0%にします。
その後、レイヤーを右クリックします。

「レイヤースタイルをラスタライズ」を選択します。

レイヤーをラスタライズする時の注意点

  • ラスタライズしたものは元には戻らない
  • ラスタライズするものは念の為に複製しておくと安心
  • もし間違えてラスタライズしてしまったらCtrl+Zで戻ろう

カラーを変更する

先ほど「レイヤースタイルをラスタライズ」をしたレイヤーをダブルクリックします。

「カラーオーバーレイ」を選択後、色を選択します。

変更したい色を選択し「OK」します。

するとこの様にパターンの色をコントロールすることが出来ました。

【7日間の体験版】Photoshopを無料で始める手順【失敗しない学習法】Photoshopの学習をしたいけど、どうやって始めるんだろう? 使い方も分からないし、いくらかかるんだろうか、、、。 これからPhotoshopを学習したいので「失敗しない学習法」を知りたいです。 こういった疑問に答えます。...