Home > Web Front-end > PS Tutorial > Photoshop设计制作闪亮的青色透明水珠

Photoshop设计制作闪亮的青色透明水珠

PHP中文网
Release: 2016-06-01 14:33:01
Original
1799 people have browsed it

水珠制作思路及过程并不复杂,制作之前,我们需要找一些水珠素材参考一下,把高光及暗部的构造了解清楚,这样制作的时候就快很多。 最终效果

Photoshop设计制作闪亮的青色透明水珠
<图1>

1、新建一个800 * 600像素的文件,选择渐变工具,颜色设置如图2,然后由左下角向右上角拉出图3所示的线性渐变作为背景。

Photoshop设计制作闪亮的青色透明水珠
<图2>

Photoshop设计制作闪亮的青色透明水珠
<图3>
 
2、新建一个组,用椭圆选框工具拉出下图所示的椭圆选区,羽化1个像素后给组添加图层蒙版,如下图。

Photoshop设计制作闪亮的青色透明水珠
<图4>

3、在组里新建一个图层,选择渐变工具,颜色设置如图5,拉出图6所示的径向渐变作为背景,中心位置可以用减淡工具稍微涂亮一点。

Photoshop设计制作闪亮的青色透明水珠
<图5>

Photoshop设计制作闪亮的青色透明水珠
<图6>

4、新建一个图层,用椭圆选框工具拉出下图所示的椭圆选区,羽化20个像素后填充蓝紫色色:#B8D5F5,如下图。

Photoshop设计制作闪亮的青色透明水珠
<图7>
 
5、新建一个图层,用椭圆选框工具拉出下图所示的椭圆选区,羽化20个像素后填充淡青色:#B8F5F5,如下图。

Photoshop设计制作闪亮的青色透明水珠
<图8>

6、新建一个图层,用椭圆选框工具拉出下图所示的椭圆选区,羽化15个像素后填充同上的青色,混合模式改为“颜色减淡”,不透明度改为:50%,效果如下图。

Photoshop设计制作闪亮的青色透明水珠
<图9>

7、新建一个图层,用椭圆选框工具在水珠的左下角拉出下图所示的椭圆选区,羽化20个像素后填充同上的淡青色。

Photoshop设计制作闪亮的青色透明水珠
<图10>

8、新建一个图层,同上的方法给右侧填充淡青色,如下图。

Photoshop设计制作闪亮的青色透明水珠
<图11>
 
9、新建一个图层,同上的方法给左右两侧加上蓝紫色,如下图。

Photoshop设计制作闪亮的青色透明水珠
<图12>

10、新建一个图层,用钢笔勾出左下角中间部分的高光选区,羽化10个像素后填充淡青色:#B3FDFE,取消选区后添加图层蒙版,用黑色画笔把右侧过渡擦出来,如下图。

Photoshop设计制作闪亮的青色透明水珠
<图13>

11、新建一个图层,用钢笔勾出顶部的暗部选区,羽化20个像素后填充暗青色:#2F8A97,如下图。

Photoshop设计制作闪亮的青色透明水珠
<图14>

12、新建一个图层,同上的方法给左下角部分增加一些高光及暗部,效果如图15,16。

Photoshop设计制作闪亮的青色透明水珠
<图15>

Photoshop设计制作闪亮的青色透明水珠
<图16>
 
13、新建一个图层,用钢笔勾出下图所示的选区,羽化10个像素后填充白色,如下图。

Photoshop设计制作闪亮的青色透明水珠
<图17>

14、新建图层,同上的方法再多增加一些暗部及高光,增加水珠的细节,过程如图18 - 22。

Photoshop设计制作闪亮的青色透明水珠
<图18>

Photoshop设计制作闪亮的青色透明水珠
<图19>

Photoshop设计制作闪亮的青色透明水珠
<图20>

Photoshop设计制作闪亮的青色透明水珠
<图21>

Photoshop设计制作闪亮的青色透明水珠
<图22>
 
15、新建图层,同上的方法再渲染一些白色高光,如图23,24。

Photoshop设计制作闪亮的青色透明水珠
<图23>

Photoshop设计制作闪亮的青色透明水珠
<图24>

16、创建曲线调整图层,把整体稍微压暗一点,参数及效果如下图。

Photoshop设计制作闪亮的青色透明水珠
<图25>

Photoshop设计制作闪亮的青色透明水珠
<图26>

17、在背景图层上面新建一个图层,用椭圆选框工具拉出下图所示的选区,羽化15个像素后填充暗青色作为投影,如下图。

Photoshop设计制作闪亮的青色透明水珠
<图27>

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

Photoshop设计制作闪亮的青色透明水珠
<图28>

以上就是Photoshop设计制作闪亮的青色透明水珠的内容,更多相关内容请关注PHP中文网(m.sbmmt.com)!


source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template