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 Updateは基本的にレジストリやDLL、OCX、AXファイルと連携して動作します。これらのファイルが破損した場合、Windows Updateのほとんどの機能は利用できなくなります。

Returnil Virtual System 2010 – システムを仮想化

Returnil Virtual System 2010 – システムを仮想化

最近、新しいシステム保護スイートがキノコのように登場し、どれも新たなウイルス対策/スパム検出ソリューションを提供し、運が良ければ

Windows 10/11でBluetoothをオンにする方法

Windows 10/11でBluetoothをオンにする方法

Windows 10/11でBluetoothをオンにする方法を学びましょう。Bluetoothデバイスを正しく動作させるには、Bluetoothをオンにする必要があります。ご安心ください、簡単です!

PDF Riderは優れたオープンソースのPDF管理ソフトウェアです

PDF Riderは優れたオープンソースのPDF管理ソフトウェアです

以前、私たちはNitroPDFをレビューしました。これは、PDFの結合や分割などのオプションを使用して、ユーザーが文書をPDFファイルに変換できる優れたPDFリーダーです。

テキストクレンザーでテキストファイルをクリーンアップする

テキストクレンザーでテキストファイルをクリーンアップする

不要な文字が多数含まれた文書やテキストファイルを受け取ったことはありませんか?テキストにはアスタリスク、ハイフン、空白などが大量に含まれていますか?

Windows 7 タスクバーの Google クイック検索ボックス

Windows 7 タスクバーの Google クイック検索ボックス

タスクバーのWindows 7スタートオーブの横にある小さなGoogleの長方形アイコンについて多くの人が尋ねてきたので、ついにこれを公開することにしました。

Windows 7 での uTorrent の修正

Windows 7 での uTorrent の修正

uTorrentは、トレントをダウンロードするための最も人気のあるデスクトップクライアントです。私のWindows 7では問題なく動作しますが、一部のユーザーは

目をリラックスさせる2つの素晴らしいツール

目をリラックスさせる2つの素晴らしいツール

誰もがコンピューターで作業しているときは頻繁に休憩を取る必要があります。休憩を取らないと、目が飛び出る可能性が高くなります(飛び出るというより、飛び出るという感じです)。