ホームページ ウェブフロントエンド 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衣類リムーバー

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)

高度なPhotoshopチュートリアル:マスターレタッチと合成 高度なPhotoshopチュートリアル:マスターレタッチと合成 Apr 17, 2025 am 12:10 AM

Photoshopの高度な写真編集および合成技術には、次のものが含まれます。1。基本操作にレイヤー、マスク、調整層を使用します。 2。画像ピクセル値を使用して、写真編集効果を実現します。 3.複雑な合成のために複数の層とマスクを使用します。 4.「液化」ツールを使用して、顔の特徴を調整します。 5.「周波数分離」テクノロジーを使用して、繊細な写真編集を実行すると、これらのテクノロジーは画像処理レベルを改善し、専門レベルの効果を達成できます。

Photoshopの重要な機能:ディープダイビング Photoshopの重要な機能:ディープダイビング Apr 19, 2025 am 12:08 AM

Photoshopの主な機能には、レイヤーとマスク、調整ツール、フィルター、エフェクトが含まれます。 1。レイヤーとマスクにより、画像パーツの独立した編集を可能にします。 2.明るさ/コントラストなどのツールの調整により、画像のトーンと明るさを変更できます。 3。フィルターとエフェクトは、視覚効果をすばやく追加できます。これらの機能を習得すると、創造的な専門家が創造的なビジョンを達成するのに役立ちます。

Photoshopの使用:創造的な可能性と実用的な用途 Photoshopの使用:創造的な可能性と実用的な用途 Apr 22, 2025 am 12:09 AM

Photoshopは、実用的なアプリケーションで非常に実用的で創造的です。 1)初心者や専門家に適した基本的な編集、修理、合成機能を提供します。 2)コンテンツ認識の塗りつぶしやレイヤースタイルなどの高度な機能により、画像効果が向上します。 3)ショートカットキーの習得とレイヤー構造の最適化により、作業効率が向上します。

Photoshop and Digital Art:絵画、イラスト、および合成 Photoshop and Digital Art:絵画、イラスト、および合成 Apr 18, 2025 am 12:01 AM

Digital ArtのPhotoshopのアプリケーションには、絵画、イラスト、画像の統合が含まれます。 1)塗装:ブラシ、鉛筆、ミキシングツールを使用して、アーティストは現実的な効果を生み出すことができます。 2)イラスト:ベクトルと形状のツールを使用すると、アーティストは複雑なグラフィックを正確に描き、効果を追加できます。 3)合成:マスクとレイヤーブレンディングモードを使用して、アーティストはさまざまな画像要素をシームレスにブレンドできます。

グラフィックデザインにPhotoshopを使用:ブランディングなど グラフィックデザインにPhotoshopを使用:ブランディングなど Apr 16, 2025 am 12:02 AM

ブランドデザインにPhotoshopを使用する手順には次のものがあります。1。ペンツールを使用して基本的な形状を描画します。2。レイヤースタイルを介してシャドウとハイライトを追加します。3。色と詳細を調整します。 Photoshopは、デザイナーがレイヤーとマスクの柔軟性を備えたブランド要素を作成および最適化し、シンプルなロゴから複雑なブランディングガイドまで、デザインの一貫性とプロフェッショナリズムを確保するのに役立ちます。

写真家のためのPhotoshop:画像の強化とレタッチ 写真家のためのPhotoshop:画像の強化とレタッチ Apr 25, 2025 am 12:01 AM

Photoshopの写真の強化とレタッチは、修理ブラシツールを使用して輝度とコントラストを調整することで実現できます。 1)明るさとコントラストを調整します:輝度とコントラストを増やして、画像 - >調整 - >明るさ/コントラストメニューを介して露出しない写真を改善します。 2)修理ブラシツールを使用します。ツールバーでHealingBrushToolを選択し、適用して画像のその他のポイントまたは傷跡を削除します。

Photoshopが最善を尽くすこと:一般的なタスクとプロジェクト Photoshopが最善を尽くすこと:一般的なタスクとプロジェクト Apr 23, 2025 am 12:06 AM

Photoshopは、画像編集、レイヤー化とマスキング、デジタルペインティング、さまざまなデザインアプリケーションに特化しています。 1)画像の編集と修復:欠陥を削除し、色と明るさを調整します。 2)レイヤーとマスク:非破壊的な編集と作成。 3)デジタル絵画とイラスト:アート作品を作成します。 4)実用的なアプリケーション:グラフィックデザイン、Webデザイン、デジタルアート作成。

Photoshop:画像操作のための汎用性の高いツール Photoshop:画像操作のための汎用性の高いツール Apr 27, 2025 am 12:13 AM

Photoshopは、その汎用性と直感的な動作インターフェイスのため、画像処理の分野で非常に強力です。 1)基本的な調整から、明るさやコントラストの調整などの複雑な合成まで、さまざまなタスクを処理できます。 2)レイヤーとマスクに基づいて機能すると、非破壊的な編集が可能になります。 3)使用の例には、カラーバランスの調整とレイヤーマスクの作成が含まれます。 4)過度の編集などの一般的なエラーは、履歴パネルを介して回避できます。 5)パフォーマンス最適化の提案には、スマートオブジェクトとショートカットキーの使用が含まれます。

See all articles