欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Photoshop设计制作绚丽的紫色水晶音符

程序员文章站 2023-10-27 23:37:40
较暗的背景下,水晶音符明暗对比更强烈,高光基本接近白色,暗部也接近黑色。刻画的时候需要通过这些明暗对比来增加音符的水晶效果。最终效果<图1> 1、新建一个600 * 600像素的文件,...
较暗的背景下,水晶音符明暗对比更强烈,高光基本接近白色,暗部也接近黑色。刻画的时候需要通过这些明暗对比来增加音符的水晶效果。
最终效果

Photoshop设计制作绚丽的紫色水晶音符
<图1>

1、新建一个600 * 600像素的文件,选择渐变工具,颜色设置为紫色至暗紫色如图2,拉出图3所示的径向渐变作为背景。

Photoshop设计制作绚丽的紫色水晶音符
<图2>

Photoshop设计制作绚丽的紫色水晶音符
<图3>
 
2、新建一个组,打开图4所示的音符素材,解锁后拖进新建的组里,调整好位置后,按ctrl键,点音符图层缩略图载入音符选区,然后给组添加图层蒙版,如图5。

Photoshop设计制作绚丽的紫色水晶音符
<图4>

Photoshop设计制作绚丽的紫色水晶音符
<图5>

3、在组里新建一个图层,填充暗蓝色#632aa6作为底色,如下图。

Photoshop设计制作绚丽的紫色水晶音符
<图6>

4、现在我们由音符的底部往上制作。

新建一个图层,用钢笔勾出底部中间位置的高光,羽化10个像素后填充蓝紫色#a24ffb,如下图。

Photoshop设计制作绚丽的紫色水晶音符
<图7>
 
5、新建一个图层,混合模式改为“颜色减淡”,不透明度改为:40%,用钢笔勾出右侧部分的高光选区,羽化1个像素后填充蓝紫色#a24ffb,取消选区后选择模糊工具,把左侧部分模糊处理,如下图。

Photoshop设计制作绚丽的紫色水晶音符
<图8>

Photoshop设计制作绚丽的紫色水晶音符
<图9>

6、用钢笔勾出下图所示的选区,羽化3个像素后按ctrl + j 把选区部分的色块复制到新的图层,混合模式改为“颜色减淡”,不透明度为100%,这一步增加高光局部亮度。

Photoshop设计制作绚丽的紫色水晶音符
<图10>

7、新建一个图层,用钢笔勾出下图所示的选区,羽化18个像素后填充蓝紫色#9931ef,如下图。

Photoshop设计制作绚丽的紫色水晶音符
<图11>

8、新建一个图层,用钢笔勾出左上角部分的高光区域,羽化5个像素后填充紫色#ef83ef,取消选区后添加图层蒙版,用透明度较低的黑色画笔把右侧边缘的过渡擦出来,效果如下图。

Photoshop设计制作绚丽的紫色水晶音符
<图12>
 
9、新建一个图层,用钢笔勾出左侧部分的高光选区,羽化4个像素后填充淡紫色#ffe4fc,效果如下图。

Photoshop设计制作绚丽的紫色水晶音符
<图13>

10、新建一个图层,用钢笔勾出下图所示的选区羽化5个像素后填充蓝紫色#7933c4,混合模式改为“颜色减淡”,不透明度改为50%,取消选区后添加图层蒙版,用黑色画笔擦掉不需要的部分,如下图。

Photoshop设计制作绚丽的紫色水晶音符
<图14>

11、新建一个图层,用钢笔勾出底部暗部选区,羽化10个像素后填充暗蓝色#4f2483。

Photoshop设计制作绚丽的紫色水晶音符
<图15>

12、新建一个图层,用钢笔勾出左侧边缘高光选区,羽化6个像素后填充蓝紫色#9d3fe1,如下图。

Photoshop设计制作绚丽的紫色水晶音符
<图16>

13、新建一个图层,用钢笔勾出底部边缘暗部区域,羽化4个像素后填充稍深的暗蓝色#311b51,如下图。

Photoshop设计制作绚丽的紫色水晶音符
<图17>
 
14、新建一个图层,用钢笔勾出顶部的暗部选区,羽化4个像素后填充稍深的暗蓝色#311b51。

Photoshop设计制作绚丽的紫色水晶音符
<图18>

15、调出音符选区,选择菜单:选择 > 修改 > 收缩,数值为2,确定后选择菜单:编辑 > 描边,颜色为白色,宽度为1像素,选择居中,取消选区后执行:滤镜 > 模糊 > 高斯模糊,数值为1,添加图层蒙版,用黑色画笔擦掉不需要的部分,过程如下图。

Photoshop设计制作绚丽的紫色水晶音符
<图19>

Photoshop设计制作绚丽的紫色水晶音符
<图20>

16、新建一个图层,用钢笔勾出中间高光选区,羽化1个像素后填充白色,取消选区后用模糊工具把顶部边缘部分模糊处理。

Photoshop设计制作绚丽的紫色水晶音符
<图21>

17、新建一个图层,开始制作顶部及中间位置。用钢笔勾出下图所示的选区,羽化15个像素后填充蓝紫色#b065f5,如下图。

Photoshop设计制作绚丽的紫色水晶音符
<图22>
 
18、新建一个图层,用钢笔勾出下图所示的选区,羽化6个像素后填充紫红色#ff73ef。

Photoshop设计制作绚丽的紫色水晶音符
<图23>

19、新建一个图层,用钢笔勾出中间高光选区,羽化2个像素后填充淡紫色,局部用画笔图上白色,如下图。

Photoshop设计制作绚丽的紫色水晶音符
<图24>

20、新建图层,同上的方法制作内存边缘的高光,如下图。

Photoshop设计制作绚丽的紫色水晶音符
<图25>

21、新建图层,外侧边缘也增加一些高光,如下图。

Photoshop设计制作绚丽的紫色水晶音符
<图26>

Photoshop设计制作绚丽的紫色水晶音符
<图27>

最后修饰细节,完成最终效果:

Photoshop设计制作绚丽的紫色水晶音符
<图28>