ホームページ ウェブフロントエンド PS チュートリアル Photoshop制作出漂亮的彩带立体感心形效果

Photoshop制作出漂亮的彩带立体感心形效果

Mar 20, 2017 pm 01:55 PM

本教程重点是彩带部分的制作,需要按照心形的边缘轮廓安排好彩带的形状,然后再慢慢渲染彩带的高光和暗部,做出立体感。后期再装饰一些小点即可。 

最终效果

Photoshop制作出漂亮的彩带立体感心形效果


1、新建一个800 * 800像素的文档,背景填充黑色,如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图1>
 
2、新建一个组,在组里新建一个图层,用钢笔勾出心形选区填充黑色,也可直接使用心形形状,大致效果如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图2>

3、在当前图层下面新建一个图层,用钢笔勾出一个稍大的心形,填充暗红色,如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图3>

4、新建一个图层,按Ctrl + Alt + G 创建剪切图层,然后用画笔把心形边缘涂上彩色,效果如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图4>
 
5、现在开始制作心形右边彩带部分,需要完成的效果如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图5>

6、在心形组的下面新建一个组,新建一个图层,用钢笔勾出右边彩带的选区后填充暗红色,效果如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图6>

7、新建一个图层,按Ctrl + Alt + G 创建剪切图层。然后在当前剪切图层下面新建一个图层,用钢笔勾出下图所示的选区,羽化10个像素后填充紫色,效果如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图7>
 
8、新建一个图层,用钢笔勾出下图所示的选区,填充稍亮的紫色,取消选区后添加图层蒙版,用黑色画笔把边缘部分涂出过渡效果,如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图8>

9、新建一个图层,用钢笔勾出下图所示的选区,羽化10个像素后填充暗红色。

Photoshop制作出漂亮的彩带立体感心形效果
<图9>

10、新建一个图层,用钢笔勾出底部高光部分的选区,羽化6个像素后填充橙红色,局部再用减淡工具稍微涂亮一点,如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图10>

11、新建一个图层,用钢笔勾出下图所示的选区,羽化3个像素后填充淡黄色,效果如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图11>
 
12、新建一个图层,用钢笔勾出底部暗部的选区,羽化4个像素后填充暗红色,效果如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图12>

13、新建一个图层,用钢笔勾出底部边缘高光选区,羽化2个像素后填充淡黄色,局部用减淡工具涂亮一点,取消选区后添加图层蒙版,用黑色画笔把顶部涂点过渡效果。到这一步底色部分基本完成,效果如图14。

Photoshop制作出漂亮的彩带立体感心形效果
<图13>

Photoshop制作出漂亮的彩带立体感心形效果
<图14>

14、在组的最上面新建一个图层,用钢笔勾出边缘菜单部分的选区,填充稍亮的暗红色,效果如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图15>
 
15、新建一个剪切图层,用钢笔勾出顶部高光部分的选区,填充稍亮的红色,如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图16>

16、新建一个剪切图层,用钢笔勾出中间高光部分的选区,羽化10个像素后填充橙黄色。

Photoshop制作出漂亮的彩带立体感心形效果
<图17>

17、新建一个图层,同上的方法涂出边缘高光部分的颜色,效果如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图18>
 
18、在组的最上面新建一个图层,用钢笔勾出图19所示的选区,然后慢慢用画笔涂抹暗部和高光的颜色,过程如图19 - 21。

Photoshop制作出漂亮的彩带立体感心形效果
<图19>

Photoshop制作出漂亮的彩带立体感心形效果
<图20>

Photoshop制作出漂亮的彩带立体感心形效果
<图21>

19、新建一个组,新建图层后,用钢笔勾出左边彩带部分的选区,填充深蓝色,如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图22>
 
20、新建一个剪切图层,同上的方法渲染暗部及高光的颜色,过程如图23,24。

Photoshop制作出漂亮的彩带立体感心形效果
<图23>

Photoshop制作出漂亮的彩带立体感心形效果
<图24>

21、新建一个图层,用钢笔勾出边缘彩带部分的选区,填充深蓝色,然后再渲染边缘高光,过程如图25 - 28。

Photoshop制作出漂亮的彩带立体感心形效果
<图25>

Photoshop制作出漂亮的彩带立体感心形效果
<图26>

Photoshop制作出漂亮的彩带立体感心形效果
<图27>

Photoshop制作出漂亮的彩带立体感心形效果
<图28>
 
22、创建亮度/对比度调整图层,参数设置如图29,效果如图30。

Photoshop制作出漂亮的彩带立体感心形效果
<图29>

Photoshop制作出漂亮的彩带立体感心形效果
<图30>

23、新建一个图层,按Ctrl + Alt + Shift + E 盖印图层。混合模式改为“颜色减淡”,按住Alt键添加图层蒙版,用白色画笔把需要加强的部分擦出来,效果如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图31>

24、新建一个图层,用画笔点上一些小点,大致效果如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图32>

最后调整一下细节,完成最终效果。

Photoshop制作出漂亮的彩带立体感心形效果

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

PSが荷重を見せ続ける理由は何ですか? PSが荷重を見せ続ける理由は何ですか? Apr 06, 2025 pm 06:39 PM

PSの「読み込み」の問題は、リソースアクセスまたは処理の問題によって引き起こされます。ハードディスクの読み取り速度は遅いか悪いです。CrystaldiskInfoを使用して、ハードディスクの健康を確認し、問題のあるハードディスクを置き換えます。不十分なメモリ:高解像度の画像と複雑な層処理に対するPSのニーズを満たすためのメモリをアップグレードします。グラフィックカードドライバーは時代遅れまたは破損しています:ドライバーを更新して、PSとグラフィックスカードの間の通信を最適化します。ファイルパスが長すぎるか、ファイル名に特殊文字があります。短いパスを使用して特殊文字を避けます。 PS独自の問題:PSインストーラーを再インストールまたは修理します。

PSでPDFをエクスポートすることに関する一般的な質問は何ですか PSでPDFをエクスポートすることに関する一般的な質問は何ですか Apr 06, 2025 pm 04:51 PM

PSをPDFとしてエクスポートする際のよくある質問とソリューション:フォント埋め込み問題:「フォント」オプションを確認し、「埋め込み」を選択するか、フォントを曲線(パス)に変換します。色偏差の問題:ファイルをCMYKモードに変換し、色を調整します。 RGBで直接エクスポートするには、プレビューと色の逸脱のための心理的な準備が必要です。解像度とファイルサイズの問題:実際の条件に応じて解像度を選択するか、圧縮オプションを使用してファイルサイズを最適化します。特殊効果の問題:エクスポートする前にレイヤーをマージ(フラットン)するか、長所と短所を比較検討します。

PSが常にロードされていることを常に示しているときに、ロードの問題を解決する方法は? PSが常にロードされていることを常に示しているときに、ロードの問題を解決する方法は? Apr 06, 2025 pm 06:30 PM

PSカードは「ロード」ですか?ソリューションには、コンピューターの構成(メモリ、ハードディスク、プロセッサ)の確認、ハードディスクの断片化のクリーニング、グラフィックカードドライバーの更新、PS設定の調整、PSの再インストール、優れたプログラミング習慣の開発が含まれます。

PSの負荷速度をスピードアップする方法は? PSの負荷速度をスピードアップする方法は? Apr 06, 2025 pm 06:27 PM

Slow Photoshopの起動の問題を解決するには、次のような多面的なアプローチが必要です。ハードウェアのアップグレード(メモリ、ソリッドステートドライブ、CPU)。時代遅れまたは互換性のないプラグインのアンインストール。システムのゴミと過剰な背景プログラムを定期的にクリーンアップします。無関係なプログラムを慎重に閉鎖する。起動中に多数のファイルを開くことを避けます。

PSのエクスポートPDFのパスワード保護を設定する方法 PSのエクスポートPDFのパスワード保護を設定する方法 Apr 06, 2025 pm 04:45 PM

Photoshopでパスワードで保護されたPDFをエクスポート:画像ファイルを開きます。 [ファイル]&gtをクリックします。 「エクスポート」&gt; 「PDFとしてのエクスポート」。 「セキュリティ」オプションを設定し、同じパスワードを2回入力します。 [エクスポート]をクリックして、PDFファイルを生成します。

PSペンツールの使用方法 PSペンツールの使用方法 Apr 06, 2025 pm 10:15 PM

ペンツールは、正確なパスと形状を作成するツールであり、次のように使用されます。ペンツール(P)を選択します。パス、充填、ストローク、および形状オプションを設定します。 [アンカーポイントの作成]をクリックし、曲線をドラッグして[アンカーポイントの作成]を解除します。 CTRL/CMD ALT/OPTを押して、アンカーポイントを削除し、アンカーポイントをドラッグして移動し、[曲線を調整]をクリックします。最初のアンカーをクリックしてパスを閉じて形状を作成し、最後のアンカーをダブルクリックして開いたパスを作成します。

遅いPSの読み込みはコンピューター構成に関連していますか? 遅いPSの読み込みはコンピューター構成に関連していますか? Apr 06, 2025 pm 06:24 PM

PSの負荷が遅い理由は、ハードウェア(CPU、メモリ、ハードディスク、グラフィックスカード)とソフトウェア(システム、バックグラウンドプログラム)の影響を組み合わせたものです。ソリューションには、ハードウェアのアップグレード(特にソリッドステートドライブの交換)、ソフトウェアの最適化(システムガベージのクリーンアップ、ドライバーの更新、PS設定のチェック)、およびPSファイルの処理が含まれます。定期的なコンピューターのメンテナンスは、PSのランニング速度を改善するのにも役立ちます。

PSがファイルを開いたときにロードの問題を解決する方法は? PSがファイルを開いたときにロードの問題を解決する方法は? Apr 06, 2025 pm 06:33 PM

「ロード」は、PSでファイルを開くときに発生します。理由には、ファイルが大きすぎるか破損しているか、メモリが不十分で、ハードディスクの速度が遅い、グラフィックカードドライバーの問題、PSバージョンまたはプラグインの競合が含まれます。ソリューションは、ファイルのサイズと整合性を確認し、メモリの増加、ハードディスクのアップグレード、グラフィックカードドライバーの更新、不審なプラグインをアンインストールまたは無効にし、PSを再インストールします。この問題は、PSパフォーマンス設定を徐々にチェックして使用し、優れたファイル管理習慣を開発することにより、効果的に解決できます。

See all articles