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のAppdataフォルダを簡単に見つける

WindowsのAppdataフォルダを簡単に見つける

WindowsでAppDataフォルダを見つけ、移動、削除する方法を学びましょう。これらのファイルを管理することで、システムを効率的に稼働させましょう。

ノートパソコンの外付けマウスとタッチパッドの速度を変える方法 [Windows]

ノートパソコンの外付けマウスとタッチパッドの速度を変える方法 [Windows]

ノートパソコンで作業中に、タッチパッドと外付けマウスを頻繁に切り替える必要がある場合、次のようなイライラを経験したことがあるでしょう。

MS Access を使用せずにデータテーブルを表示、挿入、変更する

MS Access を使用せずにデータテーブルを表示、挿入、変更する

データベースの使用は広範囲にわたりますが、データベースの表示、編集、変更には互換性のあるソフトウェアが必要です。Microsoft Accessが

Windows 7のプロダクトキーを使ってWindows 10を新規インストールできますか?

Windows 7のプロダクトキーを使ってWindows 10を新規インストールできますか?

Windows 10 にアップグレードすると、Windows 7 のプロダクト キーがどうなるかを確認します。新規インストールを実行して既存のキーを使用する方法を学びます。

コンピューターをライブビデオストリーミングサーバーに変換する

コンピューターをライブビデオストリーミングサーバーに変換する

UStreamやJustinTvのようなサービスはライブビデオを放送するのに適したプラットフォームですが、コンピューターをビデオストリーミングに変換したい場合はどうすればよいでしょうか。

PhotoStageを使って音楽と​​音声付きのスライドショーを作成する

PhotoStageを使って音楽と​​音声付きのスライドショーを作成する

昨年、Windows Vistaで音楽付きのDVDスライドショーを無料で作成する方法についてお話ししましたね。それが、Windows Vistaでずっと簡単かつプロフェッショナルになりました。

StartupPanel: Windows のスタートアップ フォルダー、レジストリ、サービスの管理

StartupPanel: Windows のスタートアップ フォルダー、レジストリ、サービスの管理

Windowsのスタートアップで起動するアプリケーションの中にはスタートアップフォルダに保存されているものもありますが、ほとんどのアプリケーションはレジストリに保存されています。スタートアップフォルダにアクセスするには

コマンドプロンプトのタイトルバーの名前を変更する方法

コマンドプロンプトのタイトルバーの名前を変更する方法

読者のウェンディさんから質問がありました。タイトルバーを変更する方法はありますか? cmd.exeへのショートカットがあるのですが、すべてのタイトルバーが「管理者:コマンド」と表示されます。

Windows 7でデバイスドライバーを更新する方法

Windows 7でデバイスドライバーを更新する方法

ソフトウェアと同様に、デバイスドライバもメーカーによってアップデートされます。これらのアップデートは、バグの修正や機能追加を目的として行われます。

ERR_CONNECTION_REFUSED: このブラウザエラーの修正方法

ERR_CONNECTION_REFUSED: このブラウザエラーの修正方法

Chrome または他のブラウザで ERR_CONNECTION_REFUSED エラーが表示されていますか?この接続エラーの一般的な原因と解決策をご確認ください。