search
HomeWeb Front-endPS TutorialPhotoshop打造漂亮的彩色发光圆环

本教程介绍彩色发光圆环的制作方法。大致过程:先用选区工具做出圆环部分,其它图形也可以。然后把做好的图形复制后适当模糊处理,再拉上彩色渐变做出类似发光效果。最后再装饰一些光斑等即可。 最终效果

Photoshop打造漂亮的彩色发光圆环

1、新建一个800 * 800像素的文档,分辨率为:72,背景填充黑色。按Ctrl + R 调出标尺,拉两条相交的参照线,如下图。

Photoshop打造漂亮的彩色发光圆环
<图1>
 2、新建一个图层,命名为“光晕1”,以参照线为中心,拉出下图所示的正圆选区,填充白色。

Photoshop打造漂亮的彩色发光圆环
<图2>

3、以参照新为中心拉一个稍小的正圆选区,拉好后把选区稍微往左下移动几个像素,然后按Delete 删除,效果如图4。

Photoshop打造漂亮的彩色发光圆环
<图3>

Photoshop打造漂亮的彩色发光圆环
<图4>
 4、用钢笔工具把右上角勾出下图所示的圆角,转为选区后删除多出部分。

Photoshop打造漂亮的彩色发光圆环
<图5>

5、锁定图层后,选择渐变工具,颜色设置如图6,由右上角向下拉出图7所示的径向渐变。

Photoshop打造漂亮的彩色发光圆环
<图6>

Photoshop打造漂亮的彩色发光圆环
<图7>
 6、解锁图层,执行:滤镜 > 模糊 > 高斯模糊,数值为3,效果如下图。

Photoshop打造漂亮的彩色发光圆环
<图8>

7、把当前图层复制一层,得到“光晕1 副本”图层。对“光晕1”图层执行:滤镜 > 模糊 > 高斯模糊,数值为15,效果如图9,确定后按Ctrl + J 复制一层,效果如图10。

Photoshop打造漂亮的彩色发光圆环
<图9>

Photoshop打造漂亮的彩色发光圆环
<图10>
 8、在所有的图层的最上面新建一个图层,命名为“光晕2”,用椭圆选框以参照点为中心拉一个正圆选区,填充白色,效果如下图。

Photoshop打造漂亮的彩色发光圆环
<图11>

9、以参照点为中心拉一个稍小的正圆选区,把选区向左下移几个像素,效果如图12,然后按Delete 删除,效果如图13。

Photoshop打造漂亮的彩色发光圆环
<图12>

Photoshop打造漂亮的彩色发光圆环
<图13>

 10、同上的方法,把选区的右上角勾出圆角,效果如图14。双击图层,给图层加点外发光样式,数值自定,效果如图15。

Photoshop打造漂亮的彩色发光圆环
<图14>

Photoshop打造漂亮的彩色发光圆环
<图15>

11、新建一个图层,选择圆角画笔工具,把笔刷的硬度设置为:100%,前景色设置为白色,用画笔在圆环周围点一些白点,锁定图层后拉上图17所示的径向渐变。

Photoshop打造漂亮的彩色发光圆环
<图16>

Photoshop打造漂亮的彩色发光圆环
<图17>
 12、新建一个图层,加上一些描边1像素的圆,适当降低图层不透明度,效果如下图。

Photoshop打造漂亮的彩色发光圆环
<图18>

13、新建一个图层,用椭圆选框工具拉出图19所示的选区,按Ctrl + Alt + D 羽化15个像素后填充颜色:#FED828,图层混合模式改为“颜色减淡”,效果如图20。

Photoshop打造漂亮的彩色发光圆环
<图19>

Photoshop打造漂亮的彩色发光圆环
<图20>

14、选择减淡工具把刚才制作的光斑中间稍微涂亮一点,效果如下图。

Photoshop打造漂亮的彩色发光圆环
<图21>
 15、在背景图层上面新建一个图层,用椭圆选框工具拉出下图所示的正圆选区,按Ctrl + Alt + D 羽化20个像素后拉上图23所示的线性渐变,确定按Ctrl + J 把当前图层复制一层。

Photoshop打造漂亮的彩色发光圆环
<图22>

Photoshop打造漂亮的彩色发光圆环
<图23>

16、新建一个图层,用椭圆选框工具拉出下图所示的正圆选区,羽化8个像素后填充颜色:#FFE35C,中间部分用减淡工具涂亮,效果如下图。

Photoshop打造漂亮的彩色发光圆环
<图24>
 17、新建一个图层,把圆环周围再加上一些光斑装饰,如图25,26。

Photoshop打造漂亮的彩色发光圆环
<图25>

Photoshop打造漂亮的彩色发光圆环
<图26>

最后调整一下整体颜色,完成最终效果。

Photoshop打造漂亮的彩色发光圆环
<图27>

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
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.

Beyond Editing: Photoshop's Creative CapabilitiesBeyond Editing: Photoshop's Creative CapabilitiesMay 03, 2025 am 12:12 AM

Adobe Photoshop goes beyond simple editing and becomes a creative tool for artists and designers. 1) It provides a wealth of tools such as brushes, stamp tools, blend modes and layer styles, supporting adjustments from basic images to complex digital paintings and 3D designs. 2) These tools implement functions through pixel-level operations, allowing users to create unique visual effects.

Photoshop: Exploring Pricing Models and OptionsPhotoshop: Exploring Pricing Models and OptionsMay 02, 2025 am 12:12 AM

Photoshop offers two pricing models: single purchase and subscription service. 1. Single purchase: Pay $699 in one lump sum, permanent use, but no updates and cloud services. 2. Subscription service: $20.99 per month or $239.88 per year, and the latest version and cloud services are available. 3. Enterprise plan: $33.99 per user per month, including team management and additional cloud storage. 4. Educational Offer: Students and teachers are $19.99 per month, including multiple CreativeCloud applications.

Photoshop: Mastering Layers and CompositionPhotoshop: Mastering Layers and CompositionMay 01, 2025 am 12:05 AM

The method to create a new layer in Photoshop is: 1. Click the "New Layer" button at the bottom of the layer panel; 2. Use the shortcut keys Ctrl Shift N (Windows) or Command Shift N (Mac). The layers are like transparent sheets on canvas, allowing design elements to be managed separately, non-destructive editing and experimenting, and improving design levels.

Photoshop Applications: From Photo Editing to Digital ArtPhotoshop Applications: From Photo Editing to Digital ArtApr 30, 2025 am 12:10 AM

Photoshop is widely used in the fields of image processing and digital art, and is suitable for photo editing and digital art creation. 1. Photo editing: Adjust brightness and contrast Use the "Brightness/Contrast" tool. 2. Digital art: Use brush tools to create paintings. 3. Basic usage: Use the "Red Eye Tool" to remove red eyes. 4. Advanced usage: Use layers and masks for image synthesis. 5. Debug: Recover the lost layers by checking the layer panel. 6. Performance optimization: Adjust memory usage to improve running speed.

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 Tools

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

PhpStorm Mac version

PhpStorm Mac version

The latest (2018.2.1) professional PHP integrated development tool

EditPlus Chinese cracked version

EditPlus Chinese cracked version

Small size, syntax highlighting, does not support code prompt function

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor