検索
ホームページウェブフロントエンドPS チュートリアルPhotoshop制作一个漂亮的蓝色透射光晕

光晕看上去并不复杂,不过包含的细节很多,如底部透明度较低的发射光束,边缘部分的光环及顶部的一些小光斑等。这些细节非常重要,制作的时候需要非常细心 光晕看上去并不复杂,不过包含的细节很多,如底部透明度较低的发射光束,边缘部分的光环及顶部的一些小光斑等。这些细节非常重要,制作的时候需要非常细心。
最终效果

Photoshop制作一个漂亮的蓝色透射光晕


1、新建一个1000 * 750像素,分辨率为72的画布,选择渐变工具,颜色设置如图1,然后由左下角至右上角拉出图2所示的线性渐变作为背景。

Photoshop制作一个漂亮的蓝色透射光晕
<图1>

Photoshop制作一个漂亮的蓝色透射光晕
<图2>

2、新建一个组,命名为“底层光束”,如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图3>

3、需要完成的效果如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图4>
 
4、在组里新建一个图层,用钢笔勾出下图所示的闭合路径。

Photoshop制作一个漂亮的蓝色透射光晕
<图5>

5、按Ctrl + 回车把路径转为选区,然后填充淡蓝色:#ADC0D9,取消选区后添加图层蒙版。

Photoshop制作一个漂亮的蓝色透射光晕
<图6>

6、用钢笔勾出下图所示的选区,羽化20个像素后在蒙版上填充黑色,然后取消选区。

Photoshop制作一个漂亮的蓝色透射光晕
<图7>

7、用钢笔在顶部勾出下图所示的选区,羽化5个像素后在蒙版上填充黑色。

Photoshop制作一个漂亮的蓝色透射光晕
<图8>

8、取消选区后用透明度较低的黄色画笔把两端的过渡涂抹自然。确定后把不透明度改为:50%,效果如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图9>
 
9、新建一个图层,用钢笔勾出图10所示的路径,转为选区后填充淡蓝色,取消选区后用模糊工具把两端模糊处理,再降低图层的不透明度,过程如图10,11。

Photoshop制作一个漂亮的蓝色透射光晕
<图10>

Photoshop制作一个漂亮的蓝色透射光晕
<图11>

10、把背景图层隐藏,新建一个图层,按Ctrl + Alt + Shift + E 盖印图层。

Photoshop制作一个漂亮的蓝色透射光晕
<图12>

11、把盖印后的图层复制几份,适当调整大小,角度及不透明度,过程如图13,14。

Photoshop制作一个漂亮的蓝色透射光晕
<图13>

Photoshop制作一个漂亮的蓝色透射光晕
<图14>

12、新建一个图层,用钢笔勾出下图所示的选区,填充稍亮的淡蓝色,取消选区后添加图层蒙版,用透明度较低的黑色画笔把边缘透明效果涂抹出来,确定后把不透明度改为:45%,效果如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图15>
 
13、新建一个图层,用椭圆选框工具拉出图16所示的椭圆选区,羽化15个像素后选择渐变工具,颜色设置如图17,然后由中心向外拉出图18所示的径向渐变。

Photoshop制作一个漂亮的蓝色透射光晕
<图16>

Photoshop制作一个漂亮的蓝色透射光晕
<图17>

Photoshop制作一个漂亮的蓝色透射光晕
<图18>

14、取消选区后按Ctrl + T 变形,稍微压扁一点,然后拉长一点,再旋转好角度,过程如图19,20。

Photoshop制作一个漂亮的蓝色透射光晕
<图19>

Photoshop制作一个漂亮的蓝色透射光晕
<图20>

15、做好后吧组的混合模式改为“叠加”,效果如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图21>
 
16、把当前组复制一层,混合模式改为“滤色”,不透明度改为:20%,效果如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图22>

17、新建一个组,命名为“光环”。

Photoshop制作一个漂亮的蓝色透射光晕
<图23>

18、在组里新建一个图层,用椭圆选框工具拉出下图所示的正圆选区,填充青蓝色:#80DFEA,再把不透明度改为:10%,效果如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图24>

19、把当前图层复制一层,用移动工具移动一点距离,然后在圆的中间位置拉出下图所示的正圆选区,同时按Delete键删除中间部分,再把图层不透明度改为:25%,如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图25>

20、新建一个图层,给圆环的中间部分点缀一点高光。

Photoshop制作一个漂亮的蓝色透射光晕
<图26>

21、新建图层,再多制作几个圆环,如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图27>
 
22、新建一个图层,用椭圆选框工具拉出下图所示的正圆选区,填充蓝色。

Photoshop制作一个漂亮的蓝色透射光晕
<图28>

23、再用椭圆选框工具在圆的中间位置拉出下图所示的正圆选区,羽化10个像素后按Delete键删除中间部分。

Photoshop制作一个漂亮的蓝色透射光晕
<图29>

24、在圆的中间位置用椭圆选框工具拉出下图所示的正圆选区,羽化1个像素后按Ctrl + M 稍微调亮一点,如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图30>

Photoshop制作一个漂亮的蓝色透射光晕
<图31>

25、把图层混合模式改为“滤色”,不透明度改为:60%,效果如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图32>

26、按Ctrl + J 把当前图层复制一层,适当调整位置和大小,如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图33>
 
27、新建一个组,命名为“光晕”。

Photoshop制作一个漂亮的蓝色透射光晕
<图34>

28、在组里新建一个图层,用椭圆选框工具拉出下图所示的椭圆选区,羽化15个像素后填充蓝色,并降低图层不透明度,如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图35>

29、新建一个图层,同上的方法在中间位置做一个光环,如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图36>

30、新建一个图层,用椭圆选框工具拉出下图所示的正圆选区,羽化20个像素后填充淡黄色。

Photoshop制作一个漂亮的蓝色透射光晕
<图37>

31、把组的混合模式改为“变亮”,效果如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图38>

32、新建一个组,命名为“放射光”。

Photoshop制作一个漂亮的蓝色透射光晕
<图39>
 
33、在组里新建一个图层,用椭圆选框工具拉出下图所示的正圆选区,羽化15个像素后填充白色。

Photoshop制作一个漂亮的蓝色透射光晕
<图40>

34、取消选区后把当前图层复制一层,按Ctrl + T 变形处理,如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图41>

35、同样的方法制作其它的光束,如图42,43。

Photoshop制作一个漂亮的蓝色透射光晕
<图42>

Photoshop制作一个漂亮的蓝色透射光晕
<图43>

36、新建一个组,命名为“光斑”,确定后把混合模式改为“强光”,如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图44>

37、在组里新建图层,用柔边画笔点上一些彩色的小点,如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图45>

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

Photoshop制作一个漂亮的蓝色透射光晕


以上就是Photoshop制作一个漂亮的蓝色透射光晕的内容,更多相关内容请关注PHP中文网(www.php.cn)!


声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、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ヘンタイを無料で生成します。

ホットツール

MantisBT

MantisBT

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

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

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

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

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

SublimeText3 英語版

SublimeText3 英語版

推奨: Win バージョン、コードプロンプトをサポート!

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強力な PHP 統合開発環境