行业关键字
UI设计UI理论和资料 → 正文
Photoshop绘制发光的水珠
作者: 林栖者(编译) 来源: eNet 时间: 2009年2月4日

先看一下最终效果:

使用工具:Photoshop CS4

注:文中所使用快捷方式,均在英文输入法状态下有效。

第一步:打开Photoshop CS4,执行【文件—新建】命令,新建一个400×400像素的文件,并命名为【水珠】,如下图所示。

第二步:将前景色设为#0580ac,背景色设为白色。在工具箱中选择【渐变工具】,从画面的坐下到右上拉一个从前景色到背景色的线性渐变,效果如下图所示。


第三步:点击图层调板下方的【创建新图层】按钮,新建一层,并命名为【水珠】。选择【椭圆选框工具】,绘制一个如下图所示的正圆选区。

第四步:将前景色设为 #0a93bd,按【Alt+Del】键填充选区,效果如下图所示。(林栖者语:此时,不要取消选区,后面还有用)

第五步:点击图层调板下方的【创建新图层】按钮,新建一层,并命名为【亮部】。将前景色设为# 91d5e2,选择【画笔工具】,画笔直径为60像素,硬度为0%,在水珠的左下部涂抹,如下图所示。

第六步:再次选择【椭圆选框工具】,在选项栏中选择【从选区减去】模式,绘制一个如下图所示的选区。


第七步:在选区上点击鼠标右键,在弹出的快捷菜单中选择【羽化】命令,羽化半径为3像素。

第八步:点击图层调板下方的【创建新图层】按钮,新建一层,并命名为【高光】。然后,使用白色填充选区,并将不透明度调为77%,效果如下图所示。

第九步:点击图层调板下方的【创建新图层】按钮,新建一层,并命名为【高光2】。 再次选择【画笔工具】,画笔直径约8像素,硬度为0%,绘制如下图所示的图形。

第十步:选择【椭圆选框工具】,绘制如下图所示的选区。

第十一步:在选区上点击鼠标右键,在弹出的快捷菜单中选择【羽化】命令,羽化半径为12像素。点击图层调板下方的【创建新图层】按钮,新建一层,并命名为【反光】。然后,使用白色填充选区,效果如下图所示。

第十二步:再次新建一层,并命名为【光影】。并将其移动到【背景图层】的上面。使用【椭圆选框工具】绘制如下图所示的选区。然后使用白色填充选区,效果如下图所示。


第十三步:双击【光影】图层的缩略图,调出图层样式对话框,选择【渐变叠加】,参数设置如下图所示。其中【渐变编辑器】中三个色标的颜色值依次是:#a6c2cd,#ffffff,#07709f。

这是添加图层样式后的效果。

第十四步:在图层调板中,将除【背景图层】以外的所有图层选择,然后按【Ctrl+E】键合并图层,将新图层命名为【水珠】。在工具箱中选择【移动工具】,按住【ALT】键不放,拖动鼠标。这样可以复制【水珠】图层,得到一颗新的“水珠”。然后按【Ctrl+T】键进入自由变换模式,调整图层大小及位置。重复上面的步骤,最终效果如下图所示。

(责任编辑: echo

作品欣赏

欢迎关注视觉同盟微信公众号:
微信公众平台:搜索“vudn2004”或扫描下面二维码:
English | 关于我们 | 站点地图 | 联系热线 | 合作伙伴 | 艺术顾问 | 订阅 | 手机版
版权所有 © 2004-2025 视觉同盟 visionUnion.com)
Copyright © 2004-2025 VisionUnion.com Incorporated. All rights reserved
京ICP备09005192号
视觉同盟旗下子站:品牌专区 | 创意设计人才网 | 视觉同盟社区 | 视觉同盟论坛 | 英文版