Photoshop打造一个漂亮的紫色水晶对话泡泡效果
Photoshop打造一个漂亮的紫色水晶对话泡泡效果
发布时间:2017-01-03 来源:查字典编辑
摘要:最终效果1、新建一个600*600像素的文档,背景选择白色。新建一个组命名为“主体”,用钢笔工具把对话框的轮廓勾出来...

最终效果

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

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

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

<图1>

2、在组里新建一个图层,选择渐变工具,颜色设置如图2,由左下向右上拉出图3所示的线性渐变,局部过渡不自然的部分可以用模糊工具模糊处理。

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

<图2>

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

<图3>

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

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

<图4>

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

<图5>

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

<图6>

4、新建一个图层,把前景颜色设置为橙红色:#FFAB33,用画笔把下图选区部分涂上高光。

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

<图7>

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

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

<图8>

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

<图9>

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

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

<图10>

7、新建一个图层,同上的方法制作右边、中间、左边边缘部分的高光,过程如图11 - 13。

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

<图11>

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

<图12>

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

<图13>

8、新建一个图层,按Ctrl + Alt + Shift + E 盖印图层。调出组蒙版选区,选择菜单:选择 > 修改 > 收缩,数值为2,确定后按Delete 删除,再把混合模式改为“正片叠底”,效果如下图。

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

<图14>

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

<图15>

9、新建一个图层,用钢笔勾出顶部高光部分的选区如图16,选择渐变工具,颜色设置如图17,拉出图18所示的线性渐变。

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

<图16>

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

<图17>

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

<图18>

10、把做好的高光复制一层,适当变形及调整大小和位置,效果如下图。

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

<图19>

11、新建一个图层,用钢笔勾出右上角高光部分的选区并填充白色,假如他20。取消选区后用模糊工具把边缘稍微模糊处理,再添加图层蒙版,把边缘部分擦出来,效果如图21。

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

<图20>

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

<图21>

12、其它部分可跟进需要再添加一些高光,大致效果如下图。

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

<图22>

13、调出组蒙版选区,在背景图层上面新建一个图层,选择菜单:选择 > 修改 > 收缩,数值为2,确定后填充白色。

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

<图23>

14、取消选区后给色块添加投影样式,数值自定,大致效果如下图。

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

<图24>

15、在图层的最上面创建亮度/对比度调整图层,参数设置如图25,效果如图26。

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

<图25>

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

<图26>

最后调整一下细节,完成最终效果。

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

<图27>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新photoshop学习
热门photoshop学习
网页设计子分类