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ストライプ効果を作成する方法 [チュートリアル]

Leave a Comment

Windows 7 バンドルアプリケーション

Windows 7 バンドルアプリケーション

この投稿では、Windowsバンドルアプリケーションとは何か?Windows VistaバンドルアプリケーションとWindows 7バンドルアプリケーションの違いについて解説します。

Windows 7 ログオン エディター

Windows 7 ログオン エディター

Thoosjeのログオン画面エディタは、Windows 7のデフォルトのログオン画面を数秒で変更できる小さなアプリケーションです。また、他にもいくつかの機能を提供しています。

AniPlayer X – ビデオシリーズ/アニメ愛好家のためのメディアプレーヤー

AniPlayer X – ビデオシリーズ/アニメ愛好家のためのメディアプレーヤー

AniPlayer Xは、ビデオシリーズ(主にアニメ)を愛する人々のために設計された、新しく開発されたポータブルメディアプレーヤーです。このビデオプレーヤーでは、

システム障害後の Windows 7 の自動再起動を防止する

システム障害後の Windows 7 の自動再起動を防止する

一部のエラーケースではカーネルまたはメモリのバグが発生し、Windowsマシンが自動的に再起動します。重要な場合にはこの再起動が必要です。

Windows 10 Fall Creators Update 後の画面の歪みを修正する方法

Windows 10 Fall Creators Update 後の画面の歪みを修正する方法

Windows 10 でディスプレイが歪んでいますか? 考えられる原因と解決策を調べて問題を解決し、モニターを正常な状態に戻しましょう。

Windowsでインターネット速度を低下させているアプリを見つける方法

Windowsでインターネット速度を低下させているアプリを見つける方法

インターネット速度が遅い原因を特定する方法を学びましょう。タスクマネージャーを使用して、帯域幅を最も多く使用しているアプリやサービスを特定します。

写真に雨の効果を加える方法 [チュートリアル]

写真に雨の効果を加える方法 [チュートリアル]

このPhotoshopチュートリアルでは、写真に雨のエフェクトを加える方法を学びます。雨のエフェクトを実際に使ってみましょう。

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

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

デザインに3Dを加えることで、全体の見た目にさらなるエレガントさを加えることができます。この基本的なテクニックはPhotoshopの優れたヒントの一部であり、非常に効果的です。

Windows 7 PCを工場出荷時の状態にリセットする簡単な手順

Windows 7 PCを工場出荷時の状態にリセットする簡単な手順

この簡単なステップバイステップガイドで、Windows 7を安全に工場出荷時の状態にリセットする方法を学びましょう。PCを元の設定に復元し、よくある問題を素早く解決できます。

PCからUbuntuを削除してWindowsを復元する方法

PCからUbuntuを削除してWindowsを復元する方法

PCからUbuntuを削除してWindowsを復元する方法