Heim > Web-Frontend > PS-Tutorial > Photoshop 制作一个漂亮的水晶3D图标

Photoshop 制作一个漂亮的水晶3D图标

PHP中文网
Freigeben: 2016-06-01 14:36:42
Original
1734 Leute haben es durchsucht

3D图标的制作可能有点难度,因为物体受光的面较多,如何处理好受光和反光非常重要。制作之前最好先定义好光源的位置,然后再按照光的方向去上色。这样出来的效果就会更真实。 最终效果
Photoshop 制作一个漂亮的水晶3D图标
1、新建一个600 * 600像素的文件,背景填充黑色,新建一个图层,命名为“上表面”,用钢笔工具勾出下图所示的路径,转为选区。
Photoshop 制作一个漂亮的水晶3D图标
<图1>  2、选择渐变工具,颜色设置如图2,拉出图3所示的线性渐变。
Photoshop 制作一个漂亮的水晶3D图标
<图2>
Photoshop 制作一个漂亮的水晶3D图标
<图3>
3、新建一个图层,用钢笔勾出图4所示的选区,拉出图5所示的线性渐变色,效果如图6。
Photoshop 制作一个漂亮的水晶3D图标
<图4>
Photoshop 制作一个漂亮的水晶3D图标
<图5>
Photoshop 制作一个漂亮的水晶3D图标
<图6>  4、同样的方法制作出另一反光部分,如下图。
Photoshop 制作一个漂亮的水晶3D图标
<图7>
5、把“上表面”图层复制一层,用钢笔勾出下图所示的选区,按Ctrl + Alt + D 羽化5个像素,按Ctrl + Shift + I 反选,按Delete 删除。取消选区后锁定图层,填充颜色:#D4E036,图层混合模式改为“颜色减淡”,效果如图9。
Photoshop 制作一个漂亮的水晶3D图标
<图8>
Photoshop 制作一个漂亮的水晶3D图标
<图9> #p# 6、新建一个图层,用钢笔勾出图10所示的选区,填充白色作为高光,效果如图11。
Photoshop 制作一个漂亮的水晶3D图标
<图10>
Photoshop 制作一个漂亮的水晶3D图标
<图11>
7、调出“上表面”图层选区,执行:选择 > 修改 > 收缩,数值为15,确定按Ctrl + Alt + D 羽化15个像素,然后在图层的最上面新建一个图层填充颜色:#CDA326,图层混合模式改为“颜色减淡”,图层不透明度改为:60%,效果如图13。
Photoshop 制作一个漂亮的水晶3D图标
<图12>
Photoshop 制作一个漂亮的水晶3D图标
<图13>  8、在背景图层上面新建一个图层,用钢笔勾出图14所示的选区,拉上图15所示的线性渐变,效果如图16。
Photoshop 制作一个漂亮的水晶3D图标
<图14>
Photoshop 制作一个漂亮的水晶3D图标
<图15>
Photoshop 制作一个漂亮的水晶3D图标
<图16>  9、同样的方法再制作其它面,效果如图17,18。
Photoshop 制作一个漂亮的水晶3D图标
<图17>
Photoshop 制作一个漂亮的水晶3D图标
<图18>  10、同样的方法再制作其它的反光面效果,过程如图19-22。
Photoshop 制作一个漂亮的水晶3D图标
<图19>
Photoshop 制作一个漂亮的水晶3D图标
<图20>
Photoshop 制作一个漂亮的水晶3D图标
<图21>
Photoshop 制作一个漂亮的水晶3D图标
<图22>
11、最后整体调整好细节和光感,完成最终效果。
Photoshop 制作一个漂亮的水晶3D图标
<图23>

Verwandte Etiketten:
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