首页 web前端 PS教程 Photoshop打造漂亮的彩色发光圆环

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

Jun 01, 2016 pm 02:35 PM

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

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>

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
2 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

如何使用Photoshop创建社交媒体图形? 如何使用Photoshop创建社交媒体图形? Mar 18, 2025 pm 01:41 PM

本文使用Photoshop详细介绍了社交媒体图形,涵盖设置,设计工具和优化技术。它强调图形创建的效率和质量。

如何在Photoshop(文件大小,分辨率,颜色空间)中准备图像以供网络使用? 如何在Photoshop(文件大小,分辨率,颜色空间)中准备图像以供网络使用? Mar 13, 2025 pm 07:28 PM

文章讨论了在Photoshop中准备用于Web使用的图像,重点是优化文件大小,分辨率和颜色空间。主要问题是平衡图像质量与快速加载时间。

如何有效地使用Photoshop的内容感知填充和内容感知的移动工具? 如何有效地使用Photoshop的内容感知填充和内容感知的移动工具? Mar 13, 2025 pm 07:35 PM

文章讨论了使用Photoshop的内容感知填充和有效移动工具,提供了选择源区域,避免错误并调整设置以获得最佳结果的技巧。

如何使用Photoshop(优化文件大小,分辨率)准备Web图像? 如何使用Photoshop(优化文件大小,分辨率)准备Web图像? Mar 18, 2025 pm 01:35 PM

文章讨论使用Photoshop优化Web的图像,重点关注文件大小和分辨率。主要问题是平衡质量和加载时间。

如何使用Photoshop的视频编辑功能? 如何使用Photoshop的视频编辑功能? Mar 18, 2025 pm 01:37 PM

本文介绍了如何使用Photoshop进行视频编辑,详细详细介绍了导入,编辑和导出视频的步骤,并突出了时间表面板,视频层和效果等关键功能。

如何在Photoshop中校准显示器的准确颜色? 如何在Photoshop中校准显示器的准确颜色? Mar 13, 2025 pm 07:31 PM

文章讨论了在Photoshop中进行准确颜色的校准显示器,用于校准的工具,不当校准的效果以及重新校准频率。主要问题是确保颜色准确性。

如何在Photoshop中创建动画gif? 如何在Photoshop中创建动画gif? Mar 18, 2025 pm 01:38 PM

文章讨论了Photoshop中创建和优化动画gif,包括在现有GIF中添加帧。主要重点是平衡质量和文件大小。

如何使用Photoshop(分辨率,颜色配置文件)准备打印图像? 如何使用Photoshop(分辨率,颜色配置文件)准备打印图像? Mar 18, 2025 pm 01:36 PM

该文章指导在Photoshop中准备用于打印的图像,重点介绍分辨率,色谱和清晰度。它认为300 ppi和CMYK配置文件对于质量印刷至关重要。

See all articles