検索
ホームページウェブフロントエンドPS チュートリアルPhotoshop设计制作出一条简单的轻烟般紫红色光束

简单的东西制作起来并不容易,虽然细节不多,不过光束的彩色过渡部分难控制,局部衔接及过渡的部分都需要手工来渲染,制作的时候要非常细心。 

 最终效果
Photoshop设计制作出一条简单的轻烟般紫红色光束


1、虽然是小光束,也是可以拆分的,需要完成的主体部分如下图。

Photoshop设计制作出一条简单的轻烟般紫红色光束
<图1>
 
2、新建一个组命名为“主体”,用钢笔勾出图2所示的选区,然后给组添加图层蒙版,如图3。

Photoshop设计制作出一条简单的轻烟般紫红色光束
<图2>

Photoshop设计制作出一条简单的轻烟般紫红色光束
<图3>

3、在组里新建一个图层,选择渐变工具,颜色设置如图4,由左至右拉出图5所示的线性渐变。

Photoshop设计制作出一条简单的轻烟般紫红色光束
<图4>

Photoshop设计制作出一条简单的轻烟般紫红色光束
<图5>
 
4、用钢笔工具勾出下图所示的选区,羽化2个像素后按Ctrl + J 把选区部分的图像复制到新的图层,混合模式改为“颜色减淡”。取消选区后添加图层蒙版,用黑色画笔擦掉过渡不自然的部分。

Photoshop设计制作出一条简单的轻烟般紫红色光束
<图6>

5、新建一个图层,把前景颜色设置为红色,用透明度较低的画笔把下图选区部分涂上前景色。

Photoshop设计制作出一条简单的轻烟般紫红色光束
<图7>

6、新建一个图层,用钢笔勾出右侧底部暗部的路径,转为选区后羽化20个像素后填充黑色,如下图。

Photoshop设计制作出一条简单的轻烟般紫红色光束
<图8>

7、新建一个图层,用钢笔勾出右侧边缘暗部选区,羽化15个像素后填充黑色,如下图。过渡不自然的部分可以取消选区后添加蒙版修饰一下。

Photoshop设计制作出一条简单的轻烟般紫红色光束
<图9>
 
8、新建一个图层,同上的方法制作中间一些暗部纹路,如下图。

Photoshop设计制作出一条简单的轻烟般紫红色光束
<图10>

9、新建一个图层,用钢笔勾出左侧边缘及底部暗部选区,羽化10个像素后填充黑色,局部需要添加蒙版稍微修饰一下,如下图。

Photoshop设计制作出一条简单的轻烟般紫红色光束
<图11>

10、新建一个图层,同上的方法制作中间部分的暗部,边缘过渡不自然的部分可以用蒙版来修饰。

Photoshop设计制作出一条简单的轻烟般紫红色光束
<图12>

11、新建一个图层,用钢笔勾出左侧边缘顶部的高光选区,羽化3个像素后填充较亮的蓝色,局部用蒙版稍微修饰一下。

Photoshop设计制作出一条简单的轻烟般紫红色光束
<图13>
 
12、新建一个图层,同上的方法制作右边的边缘高光,效果如下图。

Photoshop设计制作出一条简单的轻烟般紫红色光束
<图14>

13、新建一个图层,同上的方法制作顶部及中间的高光部分,过程如图15,16。

Photoshop设计制作出一条简单的轻烟般紫红色光束
<图15>

Photoshop设计制作出一条简单的轻烟般紫红色光束
<图16>

14、在背景图层上面新建一个图层,用钢笔勾出下图所示的选区,羽化2个像素后填充橙红色,如下图。

Photoshop设计制作出一条简单的轻烟般紫红色光束
<图17>
 
15、在图层的最上面新建一个组,用钢笔勾出下图所示的选区,然后给组添加蒙版。

Photoshop设计制作出一条简单的轻烟般紫红色光束
<图18>

16、在组里新建一个图层,填充蓝色,如下图。

Photoshop设计制作出一条简单的轻烟般紫红色光束
<图19>

17、新建一个图层,同上的方法渲染高光和暗部,过程如图20 - 22。

Photoshop设计制作出一条简单的轻烟般紫红色光束
<图20>

Photoshop设计制作出一条简单的轻烟般紫红色光束
<图21>

Photoshop设计制作出一条简单的轻烟般紫红色光束
<图22>
 
18、整体效果基本出来了,局部可以根据需要渲染一下颜色,大致效果如下图。

Photoshop设计制作出一条简单的轻烟般紫红色光束
<图23>

19、新建一个图层,按Ctrl + Alt + Shift + E 盖印图层,执行:滤镜 > 模糊 > 高斯模糊,数值为5,确定后把图层混合模式改为“滤色”,添加图层蒙版,用黑色画笔擦掉不需要变亮的部分,效果如下图。

Photoshop设计制作出一条简单的轻烟般紫红色光束
<图24>

最后调整一下整体明暗及对比度,完成最终效果。

Photoshop设计制作出一条简单的轻烟般紫红色光束

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
グラフィックデザインにPhotoshopを使用:ブランディングなどグラフィックデザインにPhotoshopを使用:ブランディングなどApr 16, 2025 am 12:02 AM

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

Photoshopのサブスクリプションモデル:あなたがお金のために得るものPhotoshopのサブスクリプションモデル:あなたがお金のために得るものApr 15, 2025 am 12:17 AM

Photoshopのサブスクリプションモデルは購入する価値があります。 1)ユーザーは、最新バージョンにアクセスし、いつでもデバイス間で使用できます。 2)サブスクリプション料金は低く、継続的な更新と技術サポートが提供されます。 3)ニューラルフィルターなどの高度な機能は、複雑な画像処理に使用できます。長期的なコストが高いにもかかわらず、その利便性と機能の更新は、プロのユーザーにとって価値があります。

Photoshop:無料試用版と割引オプションの調査Photoshop:無料試用版と割引オプションの調査Apr 14, 2025 am 12:06 AM

最も経済的な方法でPhotoshopへのアクセスを取得できます。1。7日間の無料トライアルでソフトウェア機能を体験します。 2。季節のプロモーションだけでなく、生徒または教師の割引を見つけます。 3.サードパーティのWebサイトでクーポンを使用します。 4. Adob​​e CreativeCloudの毎月または年次プランを購読します。

デザイナー向けのPhotoshop:視覚的な概念の作成デザイナー向けのPhotoshop:視覚的な概念の作成Apr 13, 2025 am 12:09 AM

Photoshopで視覚概念の作成は、次の手順を通じて実現できます。1。新しいドキュメントを作成します。2。背景レイヤーを追加します。3。ブラシツールを使用して基本的な形状を描画します。4。テキストとグラフィックを追加します。

Photoshopは無料ですか?サブスクリプションプランの理解Photoshopは無料ですか?サブスクリプションプランの理解Apr 12, 2025 am 12:11 AM

Photoshopは無料ではありませんが、低コストまたは無料で使用する方法がいくつかあります。1。無料の試用期間は7日で、この期間中にすべての機能を体験できます。 2。学生と教師の割引はコストを半分に削減でき、学校の証明が必要です。 3. CreativeCloudパッケージは、プロのユーザーに適しており、さまざまなAdobeツールが含まれています。 4。フォトショーペルメントとLightroomは低コストの代替品であり、機能は少なくなりますが、価格は低くなっています。

Photoshopの価値:その機能に対するコストを計量しますPhotoshopの価値:その機能に対するコストを計量しますApr 11, 2025 am 12:02 AM

Photoshopは、強力な機能と幅広いアプリケーションシナリオを提供するため、投資する価値があります。 1)コア関数には、画像編集、レイヤー管理、特殊効果の生産、色の調整が含まれます。 2)プロのデザイナーや写真家に適していますが、アマチュアはGIMPなどの代替案を考慮する場合があります。 3)AdobeCreativeCloudを購読することは、必要に応じて、1回限りの支出を避けるために使用できます。

Photoshopの中核目的:クリエイティブな画像デザインPhotoshopの中核目的:クリエイティブな画像デザインApr 10, 2025 am 09:29 AM

Photoshopのクリエイティブな画像デザインでのコアの使用は、その強力な機能と柔軟性です。 1)設計者は、レイヤー、マスク、フィルターを介して創造性を視覚的現実に変換することができます。 2)基本的な使用には、トリミング、サイズ変更、色補正が含まれます。 3)レイヤースタイル、ブレンドモード、スマートオブジェクトなどの高度な使用法は、複雑な効果を生み出すことができます。 4)一般的な間違いには、不適切な層管理とフィルターの過度の使用が含まれます。これは、レイヤーを整理し、フィルターを合理的に使用することで解決できます。 5)パフォーマンスの最適化とベストプラクティスには、レイヤーの合理的な使用、ファイルの定期的な保存、ショートカットキーの使用が含まれます。

WebデザインのPhotoshop:UI/UXの高度なテクニックWebデザインのPhotoshop:UI/UXの高度なテクニックApr 08, 2025 am 12:19 AM

Photoshopは、Webデザインで使用して、高忠実度のプロトタイプを作成し、UI要素を設計し、ユーザーインタラクションをシミュレートできます。 1.基本設計のためにレイヤー、マスク、スマートオブジェクトを使用します。 2。アニメーションおよびタイムライン関数を介してユーザーの相互作用をシミュレートします。 3.スクリプトを使用して、設計プロセスを自動化し、効率を向上させます。

See all articles

ホット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ヘンタイを無料で生成します。

ホットツール

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター

DVWA

DVWA

Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

MantisBT

MantisBT

Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。