Latest evidence-based health information
Apps

Photoshopのヒント:テクスチャ、パターン、グラデーション

Photoshopのヒント:テクスチャ、パターン、グラデーション
Photoshopのヒント:テクスチャ、パターン、グラデーション

Photoshop の最も優れた機能のいくつかは、テクスチャ、パターン、グラデーション、スタイルなどのテキスト、オブジェクト、画像効果です。 

スタイルとは、映画のタイトル画面や本の表紙、ポスター、看板などで目にする、あの素晴らしい特殊効果のことです。テキスト、図形、写真、イラスト、その他のオブジェクトに加え、テクスチャやグラデーション、そして豊富な色彩と特殊効果を組み合わせて作られています。スタイルによって、テキストやオブジェクトは美しく、ぞっとするような、突飛で、幻想的で、そして恐ろしいものへと変化します。

出版済みの作家のために私が作成したブックカバーをご覧ください。あなたも同じようにできます。さあ、素敵なテクスチャ、パターン、グラデーションを作成してみましょう。

01 psパターン、グラデーション、テクスチャ、スタイルエフェクトを使用したブックカバー JD サルティン

PSパターン、グラデーション、テクスチャ、スタイル、エフェクトを使ったブックカバー

ドキュメントの設定

まず、ファイルを開いてテキストを追加し、各機能について個別に説明してみましょう。

1. Photoshopを開き、新規ファイルを作成します(ファイル>新規)。プリセットの詳細パネルで、インチ、幅、高さ、方向の設定を確認します。

ヒント:最終的な仕上がりに関わらず、常に高解像度の画像(1インチあたり300ピクセル以上)から始めましょう。画質を損なわずにファイルサイズを縮小することは可能ですが、拡大することはできません。

2. 文字ツールを選択し、テキスト行を入力します。

ヒント: デザインとタイポグラフィの世界では、文字は書体と呼ばれます。書体パッケージに含まれる様々な属性(太字、斜体、細字など)はフォントと呼ばれます。後で確認できるように、テキストボックスを作成する前に書体、フォント、サイズ、色を入力してください。そうすることで、作業が簡単になり、時間を節約できます。

3. 8×8 キャンバスに、Impact 書体、標準フォント (太字、斜体、拡張などではなく)、サイズ 100 ポイント、自動行送りを使用して、「 Park City 」という単語を入力しました。

注:テキストボックスにラテン語の段落が自動的に入力されても、慌てる必要はありません。これは単なるプレースホルダーテキストなので、簡単に削除できます。編集>環境設定>テキストを選択し、 「新規テキストレイヤーにプレースホルダーテキストを入力する」のチェックボックスをオフにしてください。

4. 画面に表示されていない場合は、レイヤー、スタイル、段落、文字の各パネルを開きます。段落と文字を1つのパネルに、レイヤーとスタイルを別のパネルに統合します。パターンとグラデーションパネルを開き、スウォッチとカラーを削除します。これらは不要です。ツールパネルの描画色と背景色の四角形をダブルクリックするだけで、カラーピッカーとカラーライブラリを表示/使用できます。

Photoshopテクスチャの操作

Photoshopのテクスチャは、実際に触ることができない点を除けば、実物と同じです。サンドペーパー、レンガ、木材、布地、革など、デザインや抽象的なパターンを扱うことができます。 

Photoshopには、フィルターメニューからテキストや画像に適用できる素晴らしいテクスチャが豊富に用意されています。例えば:

1. 「Park City」というテキスト レイヤーを選択します。

2. 「フィルター」「フィルターギャラリー」を選択します。

3. ポップアップダイアログを読み、「スマートオブジェクトに変換」を選択します。

4. フィルターギャラリーが開き、テキストレイヤーが表示されます。上矢印または下矢印をクリックすると、ページ全体が画面に表示されます。

5. 右側のパネルにフォルダがあります。「Texture」フォルダ(または他の興味のあるフォルダ)をクリックして開きます。

6. テクスチャを参照して、いずれかを選択します。(私はTexturizerを選択しました。)

7. 右側のパネルで下矢印をクリックし、リストからテクスチャを選択します。(私は「キャンバス」を選択しました。)

8. 以下のボタンを使って「キャンバス」テクスチャをカスタマイズします:スケーリング、レリーフ、光源、反転。カスタマイズボタンは選択したテクスチャによって異なります。

9. さまざまなテクスチャとオプションを試して、結果に満足したら、「OK」をクリックします。

レイヤー パネルからテクスチャを適用することもできます。

  1. テキスト レイヤーを右クリックし、[ブレンディング オプション]を選択します。
  2. [ベベルエンボス]の下で、ボックスだけでなく、[テクスチャ] という単語をクリックします。
  3. [テクスチャ要素]の下で、 [パターン]ボックスの横にある下矢印をクリックします。
  4. 保存されたすべてのパターンが表示されます(フォルダー内)。
  5. フォルダーを選択し、パターンを選択します。

Photoshop は、選択したパターンの色と背景を無視し、テクスチャ部分のみを残して、そのパターンをテキスト、オブジェクト、または画像に重ねます。

6. スケールと深度を調整したり、テクスチャを反転したりできます。

7. 結果に満足したら、「OK」をクリックします。

注:パターン メニューからカスタム テクスチャを作成するには、以下のパターンの手順に従ってください。

02 Photoshopテクスチャ JD サーティン / IDG

Photoshopテクスチャ

Photoshopパターンの操作

パターンはテクスチャとほぼ同じですが、パターンは小さな繰り返しデザインをタイル状に並べて連続した面として見せるもので、必ずしもテクスチャが施されているわけではありません。パターンは画像に近いものですが、抽象的なデザインになることもあります。パターンはレイヤーとして作成、保存、使用されるのに対し、テクスチャはフィルターとして適用されます。

Photoshopには、ブレンドオプションメニューからテキストや画像に適用できるストックパターンがいくつか付属しています。これらはサンプルです。無料でダウンロードできるパターンは数千種類あり、自分で作成することもできます。

1. 「Park City」というテキスト レイヤーを右クリックします。

2.ドロップダウン メニューから「ブレンド オプション」を選択します。

3. 左側のパネルで[パターン オーバーレイ]オプションをクリックまたはハイライトします(ボックスをチェックするだけでなく、単語をクリックする必要があります)。

4. パターンオーバーレイウィンドウ (右側) で、パターンフィールドの横にある下矢印をクリックし、リストからフォルダーを選択します。

5. リストを参照してパターンを選択し、機能を使用してカスタム変更を加えて、「OK」をクリックします。

6. パターンが「Park City」という単語をどのように埋めるかに注目してください。

カスタム Photoshop パターンの作成

ほぼあらゆる画像(もちろん、画像使用権を持っているもの)を使って、Photoshop用の独自のパターンを作成できます。手順は以下のとおりです。 

1. 写真、イラスト、または絵画のファイルを開きます。

2. 長方形選択ツールを使用して、写真の正方形または長方形の部分を選択します。

3. [編集] > [パターンの定義]を選択します。

4. パターンに名前を付けて、「OK」をクリックします。

5. 写真ファイルを閉じます。

6. 「Park City」というテキスト レイヤーを右クリックします。

7.ドロップダウン メニューから「ブレンド オプション」を選択します。

8.パターンオーバーレイオプションを強調表示します。

9. リストから新しいパターンを選択し、「OK」をクリックします。

10. これで、Park City のテキストが金箔で塗りつぶされました。

11. パターン パネルでフォルダー アイコンを選択し、「カスタム」などの新しいフォルダーの名前を入力します。

12. 新しいパターン ボックスにカーソルを置き、押したまま新しいフォルダーまでドラッグします。

03 Photoshopパターン JD サーティン / IDG

Photoshopパターン

無料のPhotoshopパターンをダウンロードしてインストールする

もっとパターンが必要ですか?オンラインでは無限に見つかります。「無料Photoshopパターン」と検索して、検索結果に表示されるサイトを閲覧してみましょう。 

パターンをダウンロードしたら、「パターンとグラデーション」パネルボックスに移動し、右上のメニューアイコンをクリックして、「パターンをインポート」を選択します。

6. ダウンロードしたパターンを保存したフォルダに移動し、パターンファイルを選択して「ロード」をクリックします。

8. パターンパネルに新しいフォルダが追加されました。フォルダをクリックして開き、ウィンドウを展開して美しいパターンをすべて表示します。

9. パーク シティのテキストでさまざまなパターンを試して楽しんでください。

04 Photoshopパターンをダウンロード JD サーティン / IDG

Photoshopパターンをダウンロード

Photoshopグラデーションの使い方

グラデーションとは、多色パレット全体に広がる色のグラデーション(または傾斜)です。Photoshopには豊富なグラデーションが用意されており、そのまま使用することも、プロジェクトに合わせてカスタマイズすることもできます。また、数千種類ものサードパーティ製グラデーションをダウンロードしたり、カスタムグラデーションを作成したりすることも可能です。

1. 「Park City」のテキストをもう一度選択します。

2. レイヤーを右クリックし、ドロップダウン メニューから [レイヤー スタイルのクリア]を選択します (技術的にはスタイルではありませんが)。

3.ドロップダウン メニューから「ブレンド オプション」を選択します。

4. 「グラデーションオーバーレイ」オプションをクリックまたはハイライトします。

5. フォルダリストを参照し、いずれかをクリックします。そのフォルダ内のグラデーションが表示されます。

6. 気に入ったグラデーションをクリックして「OK」をクリックするか、このパネルのオプションを使って選択したグラデーションをカスタマイズします。例えば、27種類のブレンドモードがあり、グラデーションを反転したり、レイヤーに合わせて整列させたり、角度、スケール、不透明度、スタイル(線形、放射状、角度、反射、ダイヤモンド)を変更したりできます。また、ディザリングも可能で、気に入ったグラデーションはスタイルとして保存できます。

Photoshopでカスタムグラデーションを作成する方法

1. グラデーション パネルで、パネルの下部中央にある追加ボックス (プラス記号のようなアイコン) をクリックします。

2.グラデーションエディターダイアログウィンドウが開きます。

3. スライダー バーの下の小さなボックス (左または右) をダブルクリックすると、カラー ピッカー パレットが開きます。

4. 各面の色を選択します。

5. スライダーの下をクリックしてカラーボックスを追加し、さらに色を選択します。

6. ボックスを下にドラッグしてスライダー バーから離し、削除します。

7. 個々のボックスを前後にスライドして、プレミアムなグラデーションを実現します。

8. 「名前フィールド」ボックスに名前を入力します。

9. [新規]ボタンをクリックし、[OK]をクリックします。

11.ドロップダウン メニューから「ブレンド オプション」を選択します。

12. 「グラデーションオーバーレイ」オプションをクリックまたはハイライトします。

13. 下部に新しいグラデーションを配置します。選択して「OK」をクリックします。

05 Photoshopグラデーション JD サーティン / IDG

Photoshopグラデーション

画像を洗練させるためのさらなるヒント

これで、4 つの異なるパーク シティのロゴができました。さらにセンスを加えて、驚きの要素を高めましょう。

1. 4 つのレイヤーの名前を変更して、それぞれを区別します (Cust Pattern、Cust Gradient、Download Pattern、Photoshop Texture)。

2. 「カスタムパターン」を選択し、右クリックして「ブレンディングオプション」を選択します。

3. 「ベベルとエンボス」「内側のベベル」「ハードチゼル」を選択します。違いが分かります。

4. 「カスタム グラデーション」を選択し、右クリックして、「ブレンディング オプション」を選択します。

5. 「内側の影」 > 「標準」を選択し、角度を変更します。

6. Photoshop テクスチャを選択し、右クリックして、ブレンド オプションを選択します。

7. 「ドロップシャドウ」 > 「標準」を選択し、角度を変更します。

8. [パターンのダウンロード]を選択し、右クリックして[ブレンディング オプション]を選択します。

9. 「ストローク>標準>外側>サイズ 6」を選択します。

これらの効果の組み合わせが気に入った場合は、スタイルとして保存できます。保存したい効果を含むレイヤーを選択し、「ブレンドオプション」パネルを開きます。右側にある「新規スタイル」ボタンをクリックし、名前を付けて「OK」を 2回クリックします。

06 驚きの要素を高めるために特殊効果を追加する JD サーティン / IDG

驚きの要素を高めるために特殊効果を追加します

Otpoo

Health writer and researcher with expertise in evidence-based medicine and healthcare information.