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

Photoshop打造一个漂亮的紫色水晶对话泡泡效果

程序员文章站 2023-12-10 20:43:40
最终效果1、新建一个600 * 600像素的文档,背景选择白色。新建一个组命名为“主体”,用钢笔工具把对话框的轮廓勾出来。然后给组添加图层蒙版,如下图。<图1>...
最终效果

Photoshop打造一个漂亮的紫色水晶对话泡泡效果

1、新建一个600 * 600像素的文档,背景选择白色。新建一个组命名为“主体”,用钢笔工具把对话框的轮廓勾出来。然后给组添加图层蒙版,如下图。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图1>
 
2、在组里新建一个图层,选择渐变工具,颜色设置如图2,由左下向右上拉出图3所示的线性渐变,局部过渡不自然的部分可以用模糊工具模糊处理。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图2>

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图3>

3、新建一个图层,用钢笔勾出图4所示的选区,然后羽化15个像素。再选择渐变工具,颜色设置如图5,由下至上拉出图6所示的线性渐变,顶部用加深工具稍微涂暗一点。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图4>

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图5>

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图6>
 
4、新建一个图层,把前景颜色设置为橙红色:#ffab33,用画笔把下图选区部分涂上高光。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图7>

5、新建一个图层,把前景颜色设置为白色,用透明度较低的画笔把下图选区部分涂上高光,不均匀的部分可以添加图层蒙版后再稍微修饰一下。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图8>

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图9>

6、新建一个图层,用钢笔勾出底部高光选区,羽化3个像素后填充黄绿色:#eaee42,效果如下图。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图10>
 
7、新建一个图层,同上的方法制作右边、中间、左边边缘部分的高光,过程如图11 - 13。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图11>

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图12>

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图13>