ホームページ ウェブフロントエンド PS チュートリアル Photoshop打造出一条漂亮如丝带的红色叠加光束

Photoshop打造出一条漂亮如丝带的红色叠加光束

Jun 01, 2016 pm 02:34 PM

单一的光束制作可能比较简单,不过几条或更多的光束叠加的效果制作就比较麻烦,尤其是叠加部分的制作比较复杂。因为叠加的时候光会明显加强,需要单独进行处理。 

最终效果

Photoshop打造出一条漂亮如丝带的红色叠加光束


1、新建一个1024 * 768像素的文档,背景填充黑色,新建一个图层,用套索工具拉出下图所示的选区,按Ctrl + Alt + D 羽化120个像素后填充暗红色,如下图。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图1>
 
2、新建一个组,在组里新建一个图层,用钢笔勾出下图所示的选区,填充颜色:#621E0C,作为光束的底色。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图2>

3、新建一个组,按Ctrl + Alt + G 与前一个图层编组,然后在当前图层下面新建一个图层,用钢笔勾出下图所示的选区,羽化20个像素后填充颜色:#753610。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图3>

4、新建一个图层,用钢笔勾出下图所示的选区,羽化6个像素后填充橙红色:#E6721B。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图4>

5、新建一个图层,用钢笔勾出左下部暗调部分的选区,羽化10个像素后填充颜色:#481F0B。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图5>
 
6、新建一个图层,用钢笔勾出左边部分暗调的选区,羽化10个像素后填充颜色:#481F0B。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图6>

7、新建一个图层,用钢笔勾出图7所示的选区,羽化10个像素后填充颜色:#ED7922,如图7,中间部分用减淡工具涂亮一点,效果如图8。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图7>

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图8>

8、新建一个图层,用钢笔勾出下图所示的选区,羽化25个像素后填充颜色:#F56636。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图9>
 
9、新建一个图层,用钢笔勾出右边暗角部分的选区,羽化15个像素后填充颜色:#440C08。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图10>

10、新建一个图层,用钢笔勾出中间高光部分的选区,羽化15个像素后填充颜色:#E56A21,效果如下图。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图11>

11、新建一个图层,用钢笔勾出下图所示的选区,羽化10个像素后填充颜色:#FBCE51。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图12>

12、新建一个图层,用钢笔勾出下图所示的选区,羽化6个像素后填充颜色:#ECC874,混合模式改为“颜色减淡”,效果如下图。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图13>
 
13、新建一个图层,用钢笔勾出下图所示的选区,羽化3个像素后填充白色。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图14>

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

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图15>

15、新建一个图层,用钢笔勾出右边高光部分的选区,羽化10个像素后填充橙色,效果如下图。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图16>

16、新建一个图层,用钢笔勾出下图所示的选区,填充颜色:#8D4015,取消选区后加上图层蒙版,用黑色画笔把底部的过渡涂出来,再适当降低图层不透明度,效果如下图。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图17>

17、新建一个图层,用钢笔勾出右下角暗部选区,羽化15个像素后填充暗红色。到这一步底色部分制作基本完成,效果如图19。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图18>

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图19>

18、下面需要制作上层的光束,需要完成的效果如下图。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图20>

19、在图层的最上面新建一个组,新建图层后用钢笔工具勾出图21所示的选区,填充颜色:#D5481D。取消选区后天就图层蒙版,用黑色画笔把图22选区部分以外的部分擦出来。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图21>

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图22>
 
20、新建一个图层,按Ctrl + Alt + G 与前一图层编组,然后在当前图层下面新建一个图层,用椭圆选框工具拉出下图所示的选区,羽化5个像素后填充橙黄色。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图23>

21、新建一个图层,用钢笔勾出下图所示的选区,羽化25个像素后填充颜色:#672D0F。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图24>

22、新建一个图层,用钢笔勾出右边暗部的选区,羽化2个像素后填充暗红色。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图25>

23、新建一个图层,用钢笔勾出右边高光部分的选区,羽化3个像素后填充橙红色。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图26>
 
24、新建一个图层,用钢笔勾出下图所示的选区,羽化1个像素后填充橙黄色。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图27>

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

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图28>

26、新建一个图层,用钢笔勾出下图所示的选区,羽化3个像素后填充颜色:#FEF191。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图29>

27、新建一个图层,同上的方法制作高光及暗调部分,过程如图30,31,效果如图32。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图30>

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图31>

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图32>
 
28、新建一个组,同上的方法制作左边的光束,效果如下图。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图33>

最后调整一下整体颜色和对比度,完成最终效果。

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衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

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

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

ソーシャルメディアグラフィックを作成するためにPhotoshopを使用するにはどうすればよいですか? ソーシャルメディアグラフィックを作成するためにPhotoshopを使用するにはどうすればよいですか? Mar 18, 2025 pm 01:41 PM

この記事では、ソーシャルメディアグラフィックスのPhotoshop、セットアップ、設計ツール、最適化技術をカバーすることを使用して詳細に説明しています。グラフィック作成の効率と品質を強調しています。

Photoshop(ファイルサイズ、解像度、カラースペース)でWeb使用のために画像を準備するにはどうすればよいですか? Photoshop(ファイルサイズ、解像度、カラースペース)でWeb使用のために画像を準備するにはどうすればよいですか? Mar 13, 2025 pm 07:28 PM

記事では、PhotoshopでのWeb使用のための画像の準備、ファイルサイズ、解像度、カラースペースの最適化に焦点を当てています。主な問題は、画質と迅速な読み込み時間のバランスをとることです。

Photoshopのコンテンツを意識した塗りつぶしおよびコンテンツを意識した移動ツールを効果的に使用するにはどうすればよいですか? Photoshopのコンテンツを意識した塗りつぶしおよびコンテンツを意識した移動ツールを効果的に使用するにはどうすればよいですか? Mar 13, 2025 pm 07:35 PM

記事では、Photoshopのコンテンツを意識した塗りつぶしツールを効果的に使用して、ソース領域の選択、間違いの避け、最適な結果のために設定の調整に関するヒントを提供します。

Photoshopの正確な色についてモニターを校正するにはどうすればよいですか? Photoshopの正確な色についてモニターを校正するにはどうすればよいですか? Mar 13, 2025 pm 07:31 PM

記事では、Photoshopの正確な色のモニターの校正、キャリブレーションのツール、不適切なキャリブレーションの効果、および再調整頻度について説明します。主な問題は、色の精度を確保することです。

Photoshopのビデオ編集機能を使用するにはどうすればよいですか? Photoshopのビデオ編集機能を使用するにはどうすればよいですか? Mar 18, 2025 pm 01:37 PM

この記事では、ビデオ編集にPhotoshopを使用する方法、ビデオのインポート、編集、エクスポートの手順の詳細、およびタイムラインパネル、ビデオレイヤー、エフェクトなどの重要な機能の強調表示について説明します。

Photoshop(ファイルサイズ、解像度を最適化)を使用してWeb用の画像を準備するにはどうすればよいですか? Photoshop(ファイルサイズ、解像度を最適化)を使用してWeb用の画像を準備するにはどうすればよいですか? Mar 18, 2025 pm 01:35 PM

記事では、ファイルのサイズと解像度に焦点を当てたPhotoshopを使用して、Webの画像の最適化について説明します。主な問題は、品質と負荷時間のバランスをとることです。

PhotoshopでアニメーションGIFを作成するにはどうすればよいですか? PhotoshopでアニメーションGIFを作成するにはどうすればよいですか? Mar 18, 2025 pm 01:38 PM

記事では、既存のGIFにフレームを追加するなど、PhotoshopでアニメーションGIFの作成と最適化について説明します。主な焦点は、品質とファイルサイズのバランスをとることです。

Photoshop(解像度、カラープロファイル)を使用して、印刷用の画像を準備するにはどうすればよいですか? Photoshop(解像度、カラープロファイル)を使用して、印刷用の画像を準備するにはどうすればよいですか? Mar 18, 2025 pm 01:36 PM

この記事は、Photoshopで印刷するための画像の準備を導き、解像度、色プロファイル、シャープネスに焦点を当てています。 300 PPIおよびCMYKプロファイルが高品質のプリントに不可欠であると主張しています。

See all articles