検索
ホームページウェブフロントエンドPS チュートリアルPhotoshop制作带有光斑的梦幻蓝紫色光束心形

单独制作一个心形是比较单调的,尤其是光束心形。我们需要在光束的边缘增加一些透明度较低的光束,底部增加一些梦幻光斑,这样效果会更生动,更有层次感。

最终效果

Photoshop制作带有光斑的梦幻蓝紫色光束心形


1、新建一个1024 * 700像素的文件,选择渐变工具,颜色设置为暗蓝色至深蓝色如图1,拉出图2所示的径向渐变作为背景。

Photoshop制作带有光斑的梦幻蓝紫色光束心形
<图1>

Photoshop制作带有光斑的梦幻蓝紫色光束心形
<图2>
 
2、先来制作主体光束,需要完成的效果如下图。

Photoshop制作带有光斑的梦幻蓝紫色光束心形
<图3>

3、新建一个组,在组里新建一个图层,用钢笔勾出下图所示的选区,羽化8个像素后填充青色:#9BF0EF,确定后取消选区,添加图层蒙版,用黑色画笔把底部过渡擦出来,不透明度改为:70%,效果如下图。

Photoshop制作带有光斑的梦幻蓝紫色光束心形
<图4>

4、新建一个图层,按Ctrl + Alt + G 创建剪贴蒙版,用套索工具拉出下图所示的选区,羽化40个像素后填充紫色:#BB80EA,混合模式改为“颜色”,效果如下图。

Photoshop制作带有光斑的梦幻蓝紫色光束心形
<图5>

5、按Ctrl + J 把当前图层复制一层,按Ctrl + Alt + G 创建剪贴蒙版,把色块移到上面的边缘部分,效果如下图。

Photoshop制作带有光斑的梦幻蓝紫色光束心形
<图6>
 
6、新建一个图层用钢笔沿着大的色块构成中间部分的选区,羽化3个像素后填充青色:#A4F1F1,混合模式改为“叠加”,效果如下图。这一步加强心形中间部分的亮度。

Photoshop制作带有光斑的梦幻蓝紫色光束心形
<图7>

7、按Ctrl + J 把当前图层复制一层,不透明度改为:50%,效果如下图。

Photoshop制作带有光斑的梦幻蓝紫色光束心形
<图8>

8、新建一个图层,用钢笔勾出外边缘较小的轮廓,转为选区后羽化3个像素,填充淡青色:#9EF0F1,混合模式改为“滤色”,如下图。

Photoshop制作带有光斑的梦幻蓝紫色光束心形
<图9>

9、新建一个图层,内侧边缘用同上的方法增加一些边缘高光,效果如下图。

Photoshop制作带有光斑的梦幻蓝紫色光束心形
<图10>
 
10、再来制作心形边缘的装饰光束,需要完成的效果如下图。

Photoshop制作带有光斑的梦幻蓝紫色光束心形
<图11>

11、新建一个组,在组里新建图层,用钢笔勾出图12所示的选区,拉上图13所示的线性渐变。

Photoshop制作带有光斑的梦幻蓝紫色光束心形
<图12>

Photoshop制作带有光斑的梦幻蓝紫色光束心形
<图13>

12、取消选区后再用钢笔沿色块左侧边缘勾出下图所示的选区,羽化4个像素后添加图层蒙版,效果如下图。

Photoshop制作带有光斑的梦幻蓝紫色光束心形
<图14>

13、按Ctrl + J 把当前图层复制一层,混合模式改为“颜色减淡”,用黑色画笔在蒙版上擦掉光束两端部分,只保留中间局部,确定后按Ctrl + Alt + G 创建剪贴蒙版,效果如下图。

Photoshop制作带有光斑的梦幻蓝紫色光束心形
<图15>
 
14、新建图层,同上的方法制作其它的装饰光束,过程如图16 - 19。

Photoshop制作带有光斑的梦幻蓝紫色光束心形
<图16>

Photoshop制作带有光斑的梦幻蓝紫色光束心形
<图17>

Photoshop制作带有光斑的梦幻蓝紫色光束心形
<图18>

Photoshop制作带有光斑的梦幻蓝紫色光束心形
<图19>
 
15、在背景图层上面新建一个组,再给心形边缘增加一些光斑。新建一个图层,用钢笔勾出下图所示的选区,羽化40个像素后填充暗蓝色。

Photoshop制作带有光斑的梦幻蓝紫色光束心形
<图20>

16、新建图层,同上的方法渲染其它部分的光斑,效果如图21,22。

Photoshop制作带有光斑的梦幻蓝紫色光束心形
<图21>

Photoshop制作带有光斑的梦幻蓝紫色光束心形
<图22>

17、顶部用同上的方法渲染光斑,效果如下图。

Photoshop制作带有光斑的梦幻蓝紫色光束心形
<图23>
 
18、大致完成后的效果如下图,局部有不满意的部分可以再细调一下。

Photoshop制作带有光斑的梦幻蓝紫色光束心形
<图24>

19、在图层的最上面创建亮度/对比度调整图层,适当增大对比度,参数及效果如下图。

Photoshop制作带有光斑的梦幻蓝紫色光束心形
<图25>

Photoshop制作带有光斑的梦幻蓝紫色光束心形
<图26>

20、新建图层,用画笔点上一些蓝色小点,混合模式改为“颜色减淡”,效果如下图。

Photoshop制作带有光斑的梦幻蓝紫色光束心形
<图27>

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

Photoshop制作带有光斑的梦幻蓝紫色光束心形
声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
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.スクリプトを使用して、設計プロセスを自動化し、効率を向上させます。

初心者の記事:PSブラシを使用してフォントに亀裂効果を追加します(共有)初心者の記事:PSブラシを使用してフォントに亀裂効果を追加します(共有)Apr 07, 2025 am 06:21 AM

前の記事「PS(お気に入り)を使用してプレート画像に印刷効果を追加するためのステップバイステップを教える」では、PSを使用してPSを使用してプレート画像に印刷効果を追加するための小さなトリックを紹介しました。次の記事では、PSブラシを使用してフォントに亀裂効果を追加する方法を紹介します。それを行う方法を見てみましょう。

Photoshop Advanced Typography:見事なテキスト効果の作成Photoshop Advanced Typography:見事なテキスト効果の作成Apr 07, 2025 am 12:15 AM

Photoshopでは、レイヤースタイルとフィルターを介してテキストエフェクトを作成できます。 1.新しいドキュメントを作成し、テキストを追加します。 2.影や外側の輝きなどのレイヤースタイルを適用します。 3.波効果などのフィルターを使用し、ベベルとリリーフ効果を追加します。 4.マスクを使用して、効果範囲と強度を調整して、テキスト効果の視覚的影響を最適化します。

写真をカットする方法写真をカットする方法Apr 06, 2025 pm 10:27 PM

切断は、画像の背景部分を削除し、被写体を置き去りにするプロセスです。一般的なカットアウト方法は次のとおりです。マニュアルカットアウト:画像編集ソフトウェアを使用して、サブジェクトのエッジを手動で概説します。自動カットアウト:ソフトウェアを使用して、サブジェクトを自動的に識別し、背景から分離します。サードパーティの切り抜きツールを使用します。特別なツールを使用して画像を切り取ります。チャネルカットアウト:画像のチャネルを使用して、操作のために主題の色と明らかな違いを持つチャネルをセグメント化し、選択します。

PSから透かしを取得する方法PSから透かしを取得する方法Apr 06, 2025 pm 10:24 PM

オンラインツール、画像編集ソフトウェア、ビデオ編集ソフトウェア、透かし削除アプリケーションを使用できます。特定の方法には、オンラインツールの使用、クローニングスタンプツールの使用、スタンプツールのコピーとブラシツールの修理、ぼやけツールの使用、トリミングツールとコンテンツ認識充填ツール、および透かし除去アプリケーションの使用が含まれます。透かしを削除する前に、そうする権利があることを確認してください。

PSのレイヤーをマージする方法PSのレイヤーをマージする方法Apr 06, 2025 pm 10:21 PM

レイヤーをマージする方法は?レイヤーを選択してレイヤーパネルにマージすることにより、レイヤーをマージできます。メニューバーのレイヤーを使用してレイヤーをマージするか、Ctrl E(Windows)またはCMD E(MAC)を押して、マージ操作を実行します。元のレイヤーを含む要素を作成します。

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

ホットツール

DVWA

DVWA

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

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

メモ帳++7.3.1

メモ帳++7.3.1

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

SublimeText3 Mac版

SublimeText3 Mac版

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

MantisBT

MantisBT

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