search
HomeWeb Front-endPS TutorialPhotoshop制作带有光斑的梦幻蓝紫色光束心形

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

最终效果

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制作带有光斑的梦幻蓝紫色光束心形
Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Comparing Photoshop Pricing: Options and BenefitsComparing Photoshop Pricing: Options and BenefitsMay 12, 2025 am 12:17 AM

Adobe Photoshop offers three packages: 1) a single application plan, suitable for users who only need Photoshop, with a low cost, including 20GB of cloud storage; 2) a full set of CreativeCloud plans, suitable for users who need multiple Adobe applications, with a high cost, including 100GB of cloud storage; 3) a preferential plan for students and teachers, suitable for academic users with limited budget, with a low cost, including 20GB of cloud storage.

What Makes Photoshop Special? Its Primary FunctionWhat Makes Photoshop Special? Its Primary FunctionMay 11, 2025 am 12:16 AM

Photoshop'sprimaryfunctionistoenableuserstomanipulate,enhance,andcreatedigitalimageswithprecisionandcontrol.Itsspecialfeaturesinclude:1)alayer-basededitingsystemforindependentelementmanipulation,2)anextensivelibraryoftoolsandfiltersforvarioustasks,an

Photoshop: The Cost of Professional Image EditingPhotoshop: The Cost of Professional Image EditingMay 10, 2025 am 12:19 AM

Photoshop's cost includes direct costs, time and learning curve, resources and hardware investment. 1. Direct cost: Subscription system $20 to $50 per month, purchase hundreds of dollars at one time. 2. Time and Learning: It requires a lot of time and practice, and it is recommended to learn through online courses and tutorials. 3. Resources and hardware: High-performance computers and sufficient storage space are required to ensure hardware configuration to improve efficiency.

Image Editing Essentials: Key Features of PhotoshopImage Editing Essentials: Key Features of PhotoshopMay 09, 2025 am 12:05 AM

Photoshop's core features include layers, selection tools, and adjustment tools. 1. The layer allows independent editing of image parts and supports layer style. 2. Selection tools such as lasso, magic wand and quick selection tools provide precise editing. 3. Adjustment tools such as color level, curve and hue/saturation can adjust images non-destructively.

My Purpose: Assisting with Photoshop-Related TasksMy Purpose: Assisting with Photoshop-Related TasksMay 08, 2025 am 12:18 AM

In Photoshop, the role of layer masks is to allow hidden or displayed portions of layers in a non-destructive manner. 1. The working principle of layer mask is to control the visibility of the layer through black, white and grayscale. 2. The basic usage includes image synthesis, such as synthesising the character image into a new background. 3. Advanced usage can be achieved by using gradient masks to achieve smooth image transition.

Photoshop and Free Alternatives: A Comparative LookPhotoshop and Free Alternatives: A Comparative LookMay 06, 2025 am 12:12 AM

Photoshop's powerful features include smart objects and neural filters, while free alternatives such as GIMP, Krita and Photopea do well in specific fields such as GIMP's layer functionality, Krita's digital paintings and online editing of Photopea.

Photoshop Color Grading: Elevate Your Images with Pro TechniquesPhotoshop Color Grading: Elevate Your Images with Pro TechniquesMay 05, 2025 am 12:07 AM

Color adjustment in Photoshop can be achieved through adjustment layers to make the image more professional. 1. Use color level, curve, hue/saturation and other tools to adjust the hue, saturation and brightness. 2. Apply LUT to create unique color effects. 3. Use adjustment layers to avoid image distortion and use the History panel to track adjustment steps.

Photoshop in the Real World: Examples of Its Diverse UsesPhotoshop in the Real World: Examples of Its Diverse UsesMay 04, 2025 am 12:15 AM

Photoshop's applications in the real world include artistic creation, scientific research and commercial marketing. 1) In artistic creation, it is used for digital painting and illustration. 2) In scientific research, it is used for image processing and data visualization. 3) In commercial marketing, it is used for advertising design and brand image shaping. The versatility of this software makes it widely used in various fields.

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.

Dreamweaver Mac version

Dreamweaver Mac version

Visual web development tools

MantisBT

MantisBT

Mantis is an easy-to-deploy web-based defect tracking tool designed to aid in product defect tracking. It requires PHP, MySQL and a web server. Check out our demo and hosting services.

WebStorm Mac version

WebStorm Mac version

Useful JavaScript development tools

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment