Heim > Web-Frontend > PS-Tutorial > Photoshop打造非常精致的3D动感液滴

Photoshop打造非常精致的3D动感液滴

PHP中文网
Freigeben: 2016-06-01 14:34:13
Original
1212 Leute haben es durchsucht

PS制作类似3D的效果还是蛮费时间的,需要把物体的超强质感渲染出来。制作之前最好找相关的素材多参考一下,分析好质感部分的色彩层次。然后慢慢细化即可。

 最终效果

Photoshop打造非常精致的3D动感液滴

1、绘制之前我们先了解一下液滴的构造,需要把液滴分为两个部分来完成。一个是主体部分,另一个就是侧枝的液滴部分。主体部分的构造如下图。

Photoshop打造非常精致的3D动感液滴
<图1>
 2、新建一个600 * 800像素的文档,背景选择白色。新建一个图层,用钢笔勾出主体轮廓路径,转为选区后填充紫色:#DE5BC8,效果如下图。

Photoshop打造非常精致的3D动感液滴
<图2>

3、新建一个图层,按Ctrl + Alt + G 与前一图层编组,然后在当前图层下面新建一个图层,用钢笔勾出中间高光部分的选区,按Ctrl + Alt + D 羽化6个像素后填充比背景稍亮的颜色,局部再用减淡工具稍微涂亮一点,效果如图4。

Photoshop打造非常精致的3D动感液滴
<图3>

Photoshop打造非常精致的3D动感液滴
<图4>
 4、新建一个图层,用钢笔勾出右边边缘暗部的选区,羽化3个像素后填充比背景稍微的紫色,效果如下图。

Photoshop打造非常精致的3D动感液滴
<图5>

5、新建一个图层,用钢笔勾出左边边缘暗部的选区,羽化3个像素后填充比背景稍微的紫色,效果如图7。

Photoshop打造非常精致的3D动感液滴
<图6>

Photoshop打造非常精致的3D动感液滴
<图7>

6、新建一个图层,用钢笔勾出左边边缘反光部分的选区,羽化一个像素后填充淡紫色,效果如下图。

Photoshop打造非常精致的3D动感液滴
<图8>
 7、新建一个图层,用钢笔勾出中间右侧的暗部选区,羽化3个像素后填充暗紫色。

Photoshop打造非常精致的3D动感液滴
<图9>

8、新建一个图层,用钢笔勾出边缘稍浅暗部选区,填充稍浅的紫色。

Photoshop打造非常精致的3D动感液滴
<图10>

9、新建一个图层,用钢笔勾出左侧边缘高光部分的选区,如图11,填充淡紫色,效果如图12。

Photoshop打造非常精致的3D动感液滴
<图11>

Photoshop打造非常精致的3D动感液滴
<图12>

 10、新建一个图层,用钢笔勾出中间反光部分的选区,羽化2个像素后填充淡紫色,取消选区后用涂抹及减淡工具把高光涂均匀,效果如图14。

Photoshop打造非常精致的3D动感液滴
<图13>

Photoshop打造非常精致的3D动感液滴
<图14>

11、现在开始制作左侧液滴顶部的暗部和高光。新建一个图层,用钢笔勾出中间暗部的选区,羽化4个像素后填充暗紫色。

Photoshop打造非常精致的3D动感液滴
<图15>

12、用钢笔勾出顶部高光选区,羽化2个像素后填充淡紫色。

Photoshop打造非常精致的3D动感液滴
<图16>
 13、新建一个图层,用钢笔勾出中间高光选区,填充稍亮的淡紫色,边缘及中间部分用加深,减淡工具加强光感,效果如下图。

Photoshop打造非常精致的3D动感液滴
<图17>

14、新建一个图层,同样的方法制作其它高光,效果如下图。

Photoshop打造非常精致的3D动感液滴
<图18>

Photoshop打造非常精致的3D动感液滴
<图19>

15、新建一个图层,用钢笔勾出液滴转角处暗部的选区,羽化2个像素后填充暗紫色,取消选区后用涂抹工具把顶部涂均匀,效果如下图。

Photoshop打造非常精致的3D动感液滴
<图20>
 16、新建一个图层,用钢笔勾出顶部右侧暗部的选区,羽化1个像素后填充暗紫色,如下图。

Photoshop打造非常精致的3D动感液滴
<图21>

17、新建一个图层,同上的方法制作顶部的高光,过程如图22 - 25。

Photoshop打造非常精致的3D动感液滴
<图22>

Photoshop打造非常精致的3D动感液滴
<图23>

Photoshop打造非常精致的3D动感液滴
<图24>

Photoshop打造非常精致的3D动感液滴
<图25>
 18、右侧侧枝液滴制作方法相同,效果如下图。

Photoshop打造非常精致的3D动感液滴
<图26>

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

Photoshop打造非常精致的3D动感液滴

Verwandte Etiketten:
3d
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage