Maison > interface Web > Tutoriel PS > Photoshop制作逼真简单透明的玻璃缸

Photoshop制作逼真简单透明的玻璃缸

PHP中文网
Libérer: 2016-06-01 14:37:33
original
1748 Les gens l'ont consulté

 效果图构造比较简单,尤其是主体部分,很容易做出来。不过底座部分相对要复杂很多,高光及暗部杂乱,细节也较多,刻画的时候要有耐心。
最终效果

Photoshop制作逼真简单透明的玻璃缸


1、新建一个800 * 700像素的文件,背景选择白色。先来制作主体部分,需要完成的效果如下图。

Photoshop制作逼真简单透明的玻璃缸
<图1>
 
2、打开玻璃缸的轮廓素材,拖进来。

Photoshop制作逼真简单透明的玻璃缸
<图2>

3、新建一个组,载入顶部的选区如下图,给组添加图层蒙版。

Photoshop制作逼真简单透明的玻璃缸
<图3>

4、在组里新建一个图层填充蓝灰色:#D2D3D5作为底色。

Photoshop制作逼真简单透明的玻璃缸
<图4>

5、用钢笔勾出两端的暗部选区,羽化6个像素后填充稍深的灰色。

Photoshop制作逼真简单透明的玻璃缸
<图5>
 
6、用钢笔勾出中间部分的高光选区,羽化3个像素后填充淡灰色:#F8F8FA,如下图。

Photoshop制作逼真简单透明的玻璃缸
<图6>

7、新建一个图层,加强一下边缘的暗部,效果如下图。

Photoshop制作逼真简单透明的玻璃缸
<图7>

8、在背景图层上面新建一个组,载入主体部分的选区,给组添加图层蒙版,如下图。

Photoshop制作逼真简单透明的玻璃缸
<图8>

9、在组里新建一个图层,选择渐变工具,颜色设置如图9,由上至下拉出图10所示的线性渐变。

Photoshop制作逼真简单透明的玻璃缸
<图9>

Photoshop制作逼真简单透明的玻璃缸
<图10>
 
10、新建一个图层,用钢笔勾出底部的暗部选区,羽化25个像素后填充稍深的灰色。

Photoshop制作逼真简单透明的玻璃缸
<图11>

11、同上的方法给两侧增加一点暗部,如图12,13。

Photoshop制作逼真简单透明的玻璃缸
<图12>

Photoshop制作逼真简单透明的玻璃缸
<图13>

12、新建一个图层,用钢笔勾出边缘部分的暗部选区,羽化1个像素后填充深蓝色:#474D5C,如图14。选择画笔工具在暗部底部位置刻画一点高光,效果如图15。

Photoshop制作逼真简单透明的玻璃缸
<图14>

Photoshop制作逼真简单透明的玻璃缸
<图15>
 
13、新建一个图层,用钢笔勾出左侧的高光选区,填充淡灰色,取消选区后添加图层蒙版,用黑白渐变拉出底部透明度效果,如下图。

Photoshop制作逼真简单透明的玻璃缸
<图16>

14、新建一个图层,同上的方法制作右侧的高光,效果如下图。

Photoshop制作逼真简单透明的玻璃缸
<图17>

15、新建一个组,来刻画底座的暗部及高光。这一步相对要复杂很多,可以用选区勾出轮廓,填充底色,再用加深及减淡工具刻画暗部及高光。过程如图18,19。

Photoshop制作逼真简单透明的玻璃缸
<图18>

Photoshop制作逼真简单透明的玻璃缸
<图19>
 
16、在背景图层上面新建一个图层,简单加上一点投影,效果如下图。

Photoshop制作逼真简单透明的玻璃缸
<图20>

17、在图层的最上面新建一个图层,按Ctrl + Alt + Shift + E 盖印图层,用模糊及涂抹工具调整一下细节,如下图。

Photoshop制作逼真简单透明的玻璃缸
<图21>

最后把整体锐化一下,完成最终效果。

Photoshop制作逼真简单透明的玻璃缸

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal