Photoshopで3Dストライプ効果を作成する方法 [チュートリアル]

デザインに3D効果を加えることで、全体の印象にさらなるエレガントさを加えることができます。この基本的なテクニックはPhotoshopの優れたヒントの一つであり、ウェブサイトやバナーをデザインする初心者にとって非常に役立ちます。ここでは、レイヤーブレンドオプションや変形ツールなどの基本的なツールをいくつか使用していきます。

まず、800 X 600 サイズの新しいドキュメントを作成します。

Photoshopで3Dストライプ効果を作成する方法 [チュートリアル]

背景を明るい色で塗りつぶします。このシナリオでは水色を使用しました。

Photoshopで3Dストライプ効果を作成する方法 [チュートリアル]

次に、新しいレイヤーを作成し (Shift + Ctrl + N)、それをダブルクリックして、ブレンド オプションに進んでブレンド モードをソフト ライトに設定します。

Photoshopで3Dストライプ効果を作成する方法 [チュートリアル]

次に、ブラシ ツールを使用して大きな柔らかい白いブラシをつかみ、以下に示すように 1 回クリックします。

Photoshopで3Dストライプ効果を作成する方法 [チュートリアル]
新しいレイヤーを作成し、「stripe」という名前を付けて、濃い灰色(#707793)で塗りつぶします。

Photoshopで3Dストライプ効果を作成する方法 [チュートリアル]

新規レイヤー「Stripe」のブレンドオプションを開き、グラデーションオーバーレイを追加します。不透明度を15%に設定するだけです。

Photoshopで3Dストライプ効果を作成する方法 [チュートリアル]

出力は次のようになります。

Photoshopで3Dストライプ効果を作成する方法 [チュートリアル]

ストライプレイヤーを2つ複製します。1つを「下のストライプ」、もう1つを「上のストライプ」と名前を付けます。既に作成したストライプの上下に配置し、変形ツールを使用するか、レイヤーを選択してCtrl + Tを押すだけでサイズを縮小します。

Photoshopで3Dストライプ効果を作成する方法 [チュートリアル]
上下のストライプを赤く塗りつぶします。右側の矢印をクリックし、効果の前の目のアイコンをクリックして、追加した効果(グラデーションオーバーレイ)をすべて削除します。これにより、選択したレイヤーのすべてのブレンド効果が削除されます。ブレンドオプションでグラデーションオーバーレイのチェックを外すことでも削除できます。

Photoshopで3Dストライプ効果を作成する方法 [チュートリアル]
上下のストライプにブレンド効果を適用します。ブレンドオプションを開き、「内側の影」にチェックを入れ、不透明度を60、距離を0、チョークを0、サイズを1に設定します。

Photoshopで3Dストライプ効果を作成する方法 [チュートリアル]

グラデーションオーバーレイをチェックし、不透明度を 20 に設定し、スケールを 100 パーセントに設定します。

Photoshopで3Dストライプ効果を作成する方法 [チュートリアル]

最後に、レイヤー パネルから両方のレイヤーの不透明度を 70% に下げます。

Photoshopで3Dストライプ効果を作成する方法 [チュートリアル]

新しいグループを作成し、「stripe」という名前を付けます。ストライプのレイヤー(上、下、中央)をすべて複製し、このグループに配置します。Ctrl + T を押してサイズを変更します。レイヤーを変形ツールに切り替え、Ctrl キーを押し続けると、グループ全体の端を自由に動かして3D形状を作成できるようになります。

Photoshopで3Dストライプ効果を作成する方法 [チュートリアル]

新しく作成したストライプグループに3D効果を加えるには、明るさ/コントラストのオプションを使用します。「イメージ」→「色調補正」→「明るさ/コントラスト」を選択し、以下の調整を行います。これで、ストライプグループに適切な光源が与えられ、均一な3D効果が得られます。

Photoshopで3Dストライプ効果を作成する方法 [チュートリアル]

最終的に、ワークスペースは次のようになります。

Photoshopで3Dストライプ効果を作成する方法 [チュートリアル]

テキスト ツールとブレンド オプションを使用して、さらに強化することもできます。

Photoshopで3Dストライプ効果を作成する方法 [チュートリアル]

コメントを残す

Windows 11でSnipping ToolのPrint Screenキーを有効(または無効)にする方法

Windows 11でSnipping ToolのPrint Screenキーを有効(または無効)にする方法

Windows 11でSnipping ToolのPrint Screenキーを有効または無効にし、従来のショートカットを復元するか、別のアプリに割り当てることができます。

Windows 11でSnipping Toolを使ってスクリーンショットを撮る方法

Windows 11でSnipping Toolを使ってスクリーンショットを撮る方法

Windows 11でスクリーンショットを撮るには、PrintキーまたはWindowsキー + Shift + Sのショートカットを使用します。全画面スクリーンショットを撮るには、Windowsキー + Printキーを使用します。

Windows 10の旧バージョンのISOファイルをダウンロードする方法(2026年版)

Windows 10の旧バージョンのISOファイルをダウンロードする方法(2026年版)

Windows 10の古いISOファイルをダウンロードするには、UUP Dumpを開き、カスタムISOを作成するためのスクリプトをダウンロードして実行し、Rufusを使用してUSBメディアを作成します。

Copilot+ PC (ARM64) にWindows 11をクリーンインストールする

Copilot+ PC (ARM64) にWindows 11をクリーンインストールする

ARM64 Copilot+ PCにWindows 11をクリーンインストールします。USBメモリの作成、ドライブの消去、OSの再インストール、セットアップの完了までを含みます。

アルテミスII地球の写真をダウンロードして、Windows 11の壁紙に設定しましょう。

アルテミスII地球の写真をダウンロードして、Windows 11の壁紙に設定しましょう。

NASAの壁紙から「Hello, World」の背景画像をダウンロードして、Windows 11のデスクトップ背景として設定しましょう。

Windows 11でWinRE用の回復パーティションを再作成する方法

Windows 11でWinRE用の回復パーティションを再作成する方法

Windows 11で回復パーティションを再作成するには、メディアにある同じwinre.wimまたはinstall.wimを使用してDiskPartを使用できます。

Clonezilla(無料)を使用してWindows 11ドライブを新しいSSD、NVMe、HDDにクローンする方法

Clonezilla(無料)を使用してWindows 11ドライブを新しいSSD、NVMe、HDDにクローンする方法

Clonezillaを使えば、Windows 11のインストール環境を新しいSSD、HDD、またはUSB外付けハードドライブに無料でクローンできます。その方法をご紹介します。

Windows 11 25H2 ISOファイルのダウンロード方法

Windows 11 25H2 ISOファイルのダウンロード方法

新機能や変更点を利用するためにWindows 11 25H2 ISOをダウンロードするには、Microsoftサポート、Insiderプログラム、UUP Dump、または直接リンクを使用してください。

Windows 11 25H2 tiny11 ISO ファイルの直接ダウンロード(x64 および arm64 PC 用)

Windows 11 25H2 tiny11 ISO ファイルの直接ダウンロード(x64 および arm64 PC 用)

Tiny11Builderスクリプトを使用せずに、IntelおよびAMD(x64)およびARM(arm64)向けのWindows 11 25H2 tiny11 ISOファイルをダウンロードできるようになりました。

Windows 11でMicrosoft Edgeをアンインストールする方法

Windows 11でMicrosoft Edgeをアンインストールする方法

Windows 11または10でMicrosoft Edgeをアンインストールするには、IntegratedServicesRegionPolicySetを編集し、インストール済みアプリの設定から「アンインストール」を選択します。