Photoshop制作绚丽的彩色光环

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

光环由边缘的发光、光斑、高光构成。发光部分是把光环拉上彩色渐变后模糊处理,然后增强发光效果;光斑部分可以直接用画笔画好后加上渐变色;高光部分需要分层用选区和渐变来制作

最终效果

Photoshop制作绚丽的彩色光环



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

Photoshop制作绚丽的彩色光环



2、新建一个图层,命名为“光晕1”,以参照线为中心,拉出下图所示的正圆选区,填充白色。

Photoshop制作绚丽的彩色光环



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

Photoshop制作绚丽的彩色光环



Photoshop制作绚丽的彩色光环



4、用钢笔工具把右上角勾出下图所示的圆角,转为选区后删除多出部分。

Photoshop制作绚丽的彩色光环



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

Photoshop制作绚丽的彩色光环



Photoshop制作绚丽的彩色光环



6、解锁图层,执行:滤镜 > 模糊 > 高斯模糊,数值为3,效果如下图。

Photoshop制作绚丽的彩色光环



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

Photoshop制作绚丽的彩色光环



Photoshop制作绚丽的彩色光环



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

Photoshop制作绚丽的彩色光环



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

Photoshop制作绚丽的彩色光环



Photoshop制作绚丽的彩色光环



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

Photoshop制作绚丽的彩色光环



Photoshop制作绚丽的彩色光环




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

Photoshop制作绚丽的彩色光环



Photoshop制作绚丽的彩色光环



12、新建一个图层,加上一些描边1像素的圆,适当降低图层不透明度,效果如下图。

Photoshop制作绚丽的彩色光环



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

Photoshop制作绚丽的彩色光环



Photoshop制作绚丽的彩色光环



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

Photoshop制作绚丽的彩色光环



15、在背景图层上面新建一个图层,用椭圆选框工具拉出下图所示的正圆选区,按Ctrl + Alt + D 羽化20个像素后拉上下图所示的线性渐变,确定按Ctrl + J 把当前图层复制一层。

Photoshop制作绚丽的彩色光环



Photoshop制作绚丽的彩色光环


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

Photoshop制作绚丽的彩色光环



17、新建一个图层,把圆环周围再加上一些光斑装饰,如图。

Photoshop制作绚丽的彩色光环



Photoshop制作绚丽的彩色光环



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

Photoshop制作绚丽的彩色光环

 收藏