Photoshop设计制作绚丽的紫色水晶音符
程序员文章站
2023-10-27 23:37:40
较暗的背景下,水晶音符明暗对比更强烈,高光基本接近白色,暗部也接近黑色。刻画的时候需要通过这些明暗对比来增加音符的水晶效果。最终效果<图1> 1、新建一个600 * 600像素的文件,...
较暗的背景下,水晶音符明暗对比更强烈,高光基本接近白色,暗部也接近黑色。刻画的时候需要通过这些明暗对比来增加音符的水晶效果。
最终效果
![Photoshop设计制作绚丽的紫色水晶音符 Photoshop设计制作绚丽的紫色水晶音符](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYxMTQ1ODA5Ni5qcGc=)
<图1>
1、新建一个600 * 600像素的文件,选择渐变工具,颜色设置为紫色至暗紫色如图2,拉出图3所示的径向渐变作为背景。
![Photoshop设计制作绚丽的紫色水晶音符 Photoshop设计制作绚丽的紫色水晶音符](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYxMTQ1MTMyNC5qcGc=)
<图2>
![Photoshop设计制作绚丽的紫色水晶音符 Photoshop设计制作绚丽的紫色水晶音符](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYxMTQ1MzI2OC5qcGc=)
<图3>
2、新建一个组,打开图4所示的音符素材,解锁后拖进新建的组里,调整好位置后,按ctrl键,点音符图层缩略图载入音符选区,然后给组添加图层蒙版,如图5。
![Photoshop设计制作绚丽的紫色水晶音符 Photoshop设计制作绚丽的紫色水晶音符](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYxMTQ2OTAwOC5qcGc=)
<图4>
![Photoshop设计制作绚丽的紫色水晶音符 Photoshop设计制作绚丽的紫色水晶音符](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYxMTQ2NTE4MS5qcGc=)
<图5>
3、在组里新建一个图层,填充暗蓝色#632aa6作为底色,如下图。
![Photoshop设计制作绚丽的紫色水晶音符 Photoshop设计制作绚丽的紫色水晶音符](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYxMTQ2NTY1Mi5qcGc=)
<图6>
4、现在我们由音符的底部往上制作。
新建一个图层,用钢笔勾出底部中间位置的高光,羽化10个像素后填充蓝紫色#a24ffb,如下图。
![Photoshop设计制作绚丽的紫色水晶音符 Photoshop设计制作绚丽的紫色水晶音符](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYxMTQ2NDY1MS5qcGc=)
<图7>
5、新建一个图层,混合模式改为“颜色减淡”,不透明度改为:40%,用钢笔勾出右侧部分的高光选区,羽化1个像素后填充蓝紫色#a24ffb,取消选区后选择模糊工具,把左侧部分模糊处理,如下图。
![Photoshop设计制作绚丽的紫色水晶音符 Photoshop设计制作绚丽的紫色水晶音符](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYxMTQ2NjU5NC5qcGc=)
<图8>
![Photoshop设计制作绚丽的紫色水晶音符 Photoshop设计制作绚丽的紫色水晶音符](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYxMTQ3NDgwOC5qcGc=)
<图9>
6、用钢笔勾出下图所示的选区,羽化3个像素后按ctrl + j 把选区部分的色块复制到新的图层,混合模式改为“颜色减淡”,不透明度为100%,这一步增加高光局部亮度。
![Photoshop设计制作绚丽的紫色水晶音符 Photoshop设计制作绚丽的紫色水晶音符](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYxMTQ3NDQ5NS5qcGc=)
<图10>
7、新建一个图层,用钢笔勾出下图所示的选区,羽化18个像素后填充蓝紫色#9931ef,如下图。
![Photoshop设计制作绚丽的紫色水晶音符 Photoshop设计制作绚丽的紫色水晶音符](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYxMTQ3NTkzNy5qcGc=)
<图11>
8、新建一个图层,用钢笔勾出左上角部分的高光区域,羽化5个像素后填充紫色#ef83ef,取消选区后添加图层蒙版,用透明度较低的黑色画笔把右侧边缘的过渡擦出来,效果如下图。
![Photoshop设计制作绚丽的紫色水晶音符 Photoshop设计制作绚丽的紫色水晶音符](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYxMTQ4NTU5NC5qcGc=)
<图12>
9、新建一个图层,用钢笔勾出左侧部分的高光选区,羽化4个像素后填充淡紫色#ffe4fc,效果如下图。
![Photoshop设计制作绚丽的紫色水晶音符 Photoshop设计制作绚丽的紫色水晶音符](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYxMTQ4MzMwNy5qcGc=)
<图13>
10、新建一个图层,用钢笔勾出下图所示的选区羽化5个像素后填充蓝紫色#7933c4,混合模式改为“颜色减淡”,不透明度改为50%,取消选区后添加图层蒙版,用黑色画笔擦掉不需要的部分,如下图。
![Photoshop设计制作绚丽的紫色水晶音符 Photoshop设计制作绚丽的紫色水晶音符](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYxMTQ5NTcyMS5qcGc=)
<图14>
11、新建一个图层,用钢笔勾出底部暗部选区,羽化10个像素后填充暗蓝色#4f2483。
![Photoshop设计制作绚丽的紫色水晶音符 Photoshop设计制作绚丽的紫色水晶音符](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYxMTQ5MjY3OS5qcGc=)
<图15>
12、新建一个图层,用钢笔勾出左侧边缘高光选区,羽化6个像素后填充蓝紫色#9d3fe1,如下图。
![Photoshop设计制作绚丽的紫色水晶音符 Photoshop设计制作绚丽的紫色水晶音符](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYxMTQ5NzE2NC5qcGc=)
<图16>
13、新建一个图层,用钢笔勾出底部边缘暗部区域,羽化4个像素后填充稍深的暗蓝色#311b51,如下图。
![Photoshop设计制作绚丽的紫色水晶音符 Photoshop设计制作绚丽的紫色水晶音符](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYxMTQ5MzYyMS5qcGc=)
<图17>
14、新建一个图层,用钢笔勾出顶部的暗部选区,羽化4个像素后填充稍深的暗蓝色#311b51。
![Photoshop设计制作绚丽的紫色水晶音符 Photoshop设计制作绚丽的紫色水晶音符](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYxMTQ5NjM0OS5qcGc=)
<图18>
15、调出音符选区,选择菜单:选择 > 修改 > 收缩,数值为2,确定后选择菜单:编辑 > 描边,颜色为白色,宽度为1像素,选择居中,取消选区后执行:滤镜 > 模糊 > 高斯模糊,数值为1,添加图层蒙版,用黑色画笔擦掉不需要的部分,过程如下图。
![Photoshop设计制作绚丽的紫色水晶音符 Photoshop设计制作绚丽的紫色水晶音符](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYxMTUwNjgyMC5qcGc=)
<图19>
![Photoshop设计制作绚丽的紫色水晶音符 Photoshop设计制作绚丽的紫色水晶音符](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYxMTUwMzI3OC5qcGc=)
<图20>
16、新建一个图层,用钢笔勾出中间高光选区,羽化1个像素后填充白色,取消选区后用模糊工具把顶部边缘部分模糊处理。
![Photoshop设计制作绚丽的紫色水晶音符 Photoshop设计制作绚丽的紫色水晶音符](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYxMTUwMzc0OS5qcGc=)
<图21>
17、新建一个图层,开始制作顶部及中间位置。用钢笔勾出下图所示的选区,羽化15个像素后填充蓝紫色#b065f5,如下图。
![Photoshop设计制作绚丽的紫色水晶音符 Photoshop设计制作绚丽的紫色水晶音符](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYxMTUxNTMxOS5qcGc=)
<图22>
18、新建一个图层,用钢笔勾出下图所示的选区,羽化6个像素后填充紫红色#ff73ef。
![Photoshop设计制作绚丽的紫色水晶音符 Photoshop设计制作绚丽的紫色水晶音符](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYxMTUyOTQ5MC5qcGc=)
<图23>
19、新建一个图层,用钢笔勾出中间高光选区,羽化2个像素后填充淡紫色,局部用画笔图上白色,如下图。
![Photoshop设计制作绚丽的紫色水晶音符 Photoshop设计制作绚丽的紫色水晶音符](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYxMTUyNjg4OS5qcGc=)
<图24>
20、新建图层,同上的方法制作内存边缘的高光,如下图。
![Photoshop设计制作绚丽的紫色水晶音符 Photoshop设计制作绚丽的紫色水晶音符](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYxMTUyMzg0Ny5qcGc=)
<图25>
21、新建图层,外侧边缘也增加一些高光,如下图。
![Photoshop设计制作绚丽的紫色水晶音符 Photoshop设计制作绚丽的紫色水晶音符](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYxMTUyNjU3Ni5qcGc=)
<图26>
![Photoshop设计制作绚丽的紫色水晶音符 Photoshop设计制作绚丽的紫色水晶音符](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYxMTUzMzAzMy5qcGc=)
<图27>
最后修饰细节,完成最终效果:
![Photoshop设计制作绚丽的紫色水晶音符 Photoshop设计制作绚丽的紫色水晶音符](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYxMTQ1ODA5Ni5qcGc=)
<图28>
最终效果
<图1>
1、新建一个600 * 600像素的文件,选择渐变工具,颜色设置为紫色至暗紫色如图2,拉出图3所示的径向渐变作为背景。
<图2>
<图3>
2、新建一个组,打开图4所示的音符素材,解锁后拖进新建的组里,调整好位置后,按ctrl键,点音符图层缩略图载入音符选区,然后给组添加图层蒙版,如图5。
<图4>
<图5>
3、在组里新建一个图层,填充暗蓝色#632aa6作为底色,如下图。
<图6>
4、现在我们由音符的底部往上制作。
新建一个图层,用钢笔勾出底部中间位置的高光,羽化10个像素后填充蓝紫色#a24ffb,如下图。
<图7>
5、新建一个图层,混合模式改为“颜色减淡”,不透明度改为:40%,用钢笔勾出右侧部分的高光选区,羽化1个像素后填充蓝紫色#a24ffb,取消选区后选择模糊工具,把左侧部分模糊处理,如下图。
<图8>
<图9>
6、用钢笔勾出下图所示的选区,羽化3个像素后按ctrl + j 把选区部分的色块复制到新的图层,混合模式改为“颜色减淡”,不透明度为100%,这一步增加高光局部亮度。
<图10>
7、新建一个图层,用钢笔勾出下图所示的选区,羽化18个像素后填充蓝紫色#9931ef,如下图。
<图11>
8、新建一个图层,用钢笔勾出左上角部分的高光区域,羽化5个像素后填充紫色#ef83ef,取消选区后添加图层蒙版,用透明度较低的黑色画笔把右侧边缘的过渡擦出来,效果如下图。
<图12>
9、新建一个图层,用钢笔勾出左侧部分的高光选区,羽化4个像素后填充淡紫色#ffe4fc,效果如下图。
<图13>
10、新建一个图层,用钢笔勾出下图所示的选区羽化5个像素后填充蓝紫色#7933c4,混合模式改为“颜色减淡”,不透明度改为50%,取消选区后添加图层蒙版,用黑色画笔擦掉不需要的部分,如下图。
<图14>
11、新建一个图层,用钢笔勾出底部暗部选区,羽化10个像素后填充暗蓝色#4f2483。
<图15>
12、新建一个图层,用钢笔勾出左侧边缘高光选区,羽化6个像素后填充蓝紫色#9d3fe1,如下图。
<图16>
13、新建一个图层,用钢笔勾出底部边缘暗部区域,羽化4个像素后填充稍深的暗蓝色#311b51,如下图。
<图17>
14、新建一个图层,用钢笔勾出顶部的暗部选区,羽化4个像素后填充稍深的暗蓝色#311b51。
<图18>
15、调出音符选区,选择菜单:选择 > 修改 > 收缩,数值为2,确定后选择菜单:编辑 > 描边,颜色为白色,宽度为1像素,选择居中,取消选区后执行:滤镜 > 模糊 > 高斯模糊,数值为1,添加图层蒙版,用黑色画笔擦掉不需要的部分,过程如下图。
<图19>
<图20>
16、新建一个图层,用钢笔勾出中间高光选区,羽化1个像素后填充白色,取消选区后用模糊工具把顶部边缘部分模糊处理。
<图21>
17、新建一个图层,开始制作顶部及中间位置。用钢笔勾出下图所示的选区,羽化15个像素后填充蓝紫色#b065f5,如下图。
<图22>
18、新建一个图层,用钢笔勾出下图所示的选区,羽化6个像素后填充紫红色#ff73ef。
<图23>
19、新建一个图层,用钢笔勾出中间高光选区,羽化2个像素后填充淡紫色,局部用画笔图上白色,如下图。
<图24>
20、新建图层,同上的方法制作内存边缘的高光,如下图。
<图25>
21、新建图层,外侧边缘也增加一些高光,如下图。
<图26>
<图27>
最后修饰细节,完成最终效果:
<图28>