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 26H1 用の KB5073095 (ビルド 28020.1362) が多数の新機能とともにリリースされました (Canary)

Windows 11 26H1 用の KB5073095 (ビルド 28020.1362) が多数の新機能とともにリリースされました (Canary)

Windows 11 26H1 用のビルド 28000.1362 (KB5073095) には、いくつかの新機能、視覚的な改善、およびバグ修正が含まれています。知っておくべきことをすべてご紹介します。

Windows 11 ビルド 22635.4510 (KB5046716) で共有オプションがさらに追加されました (プレビュー)

Windows 11 ビルド 22635.4510 (KB5046716) で共有オプションがさらに追加されました (プレビュー)

Windows 11 用の KB5046716 (ビルド 22635.4510) がリリースされ、ジャンプ リストの共有オプション、ゲームパッドのキーボード レイアウト、アクセシビリティの変更などが追加されました。

マイクロソフトがWindows Terminalに大幅なデザイン変更を導入

マイクロソフトがWindows Terminalに大幅なデザイン変更を導入

Microsoftが公開した初期のモックアップによると、Windows Terminalは設定が大幅に刷新され、より洗練されたデザイン、優れたナビゲーション、リアルタイムプレビュー機能が搭載される予定だ。

Windows 11で新しい機能フラグ設定ページを有効にする方法

Windows 11で新しい機能フラグ設定ページを有効にする方法

Windows 11では機能フラグページが追加されますが、ビルド26220.8148でViveToolを使用してそれを早期に有効にする方法をご紹介します。

MicrosoftはWindows 11のメモ帳からCopilotブランドを削除したが、AIは静かに残っている

MicrosoftはWindows 11のメモ帳からCopilotブランドを削除したが、AIは静かに残っている

MicrosoftはWindows 11 Insiderビルドでメモ帳からCopilotのブランド名を削除し、代わりにライティングツールを表示したが、AI機能はそのまま維持されている。

Windows 11でMicrosoftアカウントからローカルアカウントに切り替える方法

Windows 11でMicrosoftアカウントからローカルアカウントに切り替える方法

Windows 11でMicrosoftアカウントをローカルアカウントに切り替えるには、[設定] > [アカウント] > [ユーザー情報]を開き、[ローカルアカウントでサインインする]をクリックします。

Windows 11、10でWinREを有効または無効にする方法

Windows 11、10でWinREを有効または無効にする方法

Windows 11でWinREを有効にするには、reagentc /enableコマンドを実行します。回復環境を無効にするには、reagentc /disableコマンドを実行します。

Windows 11でユーザーアカウントを削除する方法

Windows 11でユーザーアカウントを削除する方法

Windows 11でユーザーアカウントを削除するには、設定、コントロールパネル、NetPlWiz、コンピューターの管理、コマンドプロンプト、PowerShellを使用できます。

Windows 11 25H2の既知の問題がアップグレードの悪夢を引き起こしている

Windows 11 25H2の既知の問題がアップグレードの悪夢を引き起こしている

マイクロソフトは、公式のヘルスダッシュボードページで、Windows 11 25H2のインストールを妨げる既知の問題を明らかにしました。

Windows 11 24H2 アップグレードの悪夢を引き起こす既知の問題

Windows 11 24H2 アップグレードの悪夢を引き起こす既知の問題

Windows 11 24H2へのアップグレードを妨げる既知の問題には、ブルースクリーンエラー(BSOD)を引き起こすドライバーやアプリ、サインインの問題、互換性のないアプリなどがあります。