Photoshop制作一颗带有蝴蝶结的立体心形
来源:未知
作者:bbs.16xx8.com
学习:191人次
本教程介绍常见的立体图标的制作方法。由于图标的构成比较简单,制作的时候只要注意好高光和暗调的配合,很容易就可以做出逼真的立体效果。
最终效果
![](http://pic.16xx8.com/allimg/110323/120013G34-0.jpg)
1、新建一个600 * 600 像素的文件,背景选择白色。新建一个图层,用钢笔勾出心形的路径,转为选区如下图。
![](http://pic.16xx8.com/allimg/110323/120013F24-1.jpg)
<图1>
2、选择渐变工具,颜色设置如图2,拉出图3所示的径向渐变色。
![](http://pic.16xx8.com/allimg/110323/12001313C-2.jpg)
<图2>
![](http://pic.16xx8.com/allimg/110323/1200134U7-3.jpg)
<图3>
3、新建一个图层,用钢笔勾出图4所示的选区,按Ctrl + Alt + D 羽化3个像素后填充白色,然后把图层不透明度改为:40%,效果如图5。
![](http://pic.16xx8.com/allimg/110323/1200134593-4.jpg)
<图4>
![](http://pic.16xx8.com/allimg/110323/12001345X-5.jpg)
<图5>
4、新建一个图层,用椭圆选框工具拉出图6所示的选区,按Ctrl + Alt + D 羽化8个像素,填充白色,然后把图层不透明度改为:80%,效果如图7。
![](http://pic.16xx8.com/allimg/110323/1200134610-6.jpg)
<图6>
![](http://pic.16xx8.com/allimg/110323/1200131V4-7.jpg)
<图7>
5、新建一个图层,用钢笔勾出图8所示的选区,选择渐变工具,颜色设置如图9,拉出图10所示的径向渐变。
![](http://pic.16xx8.com/allimg/110323/1200136302-8.jpg)
<图8>
![](http://pic.16xx8.com/allimg/110323/1200131a4-9.jpg)
<图9>
![](http://pic.16xx8.com/allimg/110323/1200133508-10.jpg)
<图10>
[table] 6、选择减淡工具把高光部分涂亮一点,效果如下图。
![](http://pic.16xx8.com/allimg/110323/120013I17-11.jpg)
<图11>
7、在当前图层的下面新建一个图层,用钢笔勾出图12所示的选区,拉上图13所示的径向渐变色,效果如图14。
![](http://pic.16xx8.com/allimg/110323/1200132408-12.jpg)
<图12>
![](http://pic.16xx8.com/allimg/110323/1200131a4-9.jpg)
<图13>
![](http://pic.16xx8.com/allimg/110323/12001312A-14.jpg)
<图14>
8、用钢笔勾出下图所示的选区,选择加深工具稍微涂暗一点。
![](http://pic.16xx8.com/allimg/110323/1200131M0-15.jpg)
<图15>
9、新建一个图层,用钢笔勾出图16所示的选区,按Ctrl + Alt + D 羽化2个像素后填充白色,再适当降低图层不透明度,效果如图17。
![](http://pic.16xx8.com/allimg/110323/120013K46-16.jpg)
<图16>
![](http://pic.16xx8.com/allimg/110323/1200131633-17.jpg)
<图17>
10、同样的方法制作蝴蝶结的其它部分,效果如下图。
![](http://pic.16xx8.com/allimg/110323/120013OA-18.jpg)
<图18>
11、新建一个图层,用钢笔勾出图19所示的选区,拉上图20所示的线性渐变,效果如图21。
![](http://pic.16xx8.com/allimg/110323/120013L34-19.jpg)
<图19>
![](http://pic.16xx8.com/allimg/110323/1200131520-20.jpg)
<图20>
![](http://pic.16xx8.com/allimg/110323/1200133607-21.jpg)
<图21>
12、同样的方法制作右边的飘带。
![](http://pic.16xx8.com/allimg/110323/120013B16-22.jpg)
<图22>
13、给蝴蝶结和心形加上阴影,效果如下图。
![](http://pic.16xx8.com/allimg/110323/1200134434-23.jpg)
<图23>
14、最后整体调整下细节,完成最终效果。
![](http://pic.16xx8.com/allimg/110323/120013G34-0.jpg)
<图24>
最终效果
![](http://pic.16xx8.com/allimg/110323/120013G34-0.jpg)
1、新建一个600 * 600 像素的文件,背景选择白色。新建一个图层,用钢笔勾出心形的路径,转为选区如下图。
![](http://pic.16xx8.com/allimg/110323/120013F24-1.jpg)
<图1>
2、选择渐变工具,颜色设置如图2,拉出图3所示的径向渐变色。
![](http://pic.16xx8.com/allimg/110323/12001313C-2.jpg)
<图2>
![](http://pic.16xx8.com/allimg/110323/1200134U7-3.jpg)
<图3>
3、新建一个图层,用钢笔勾出图4所示的选区,按Ctrl + Alt + D 羽化3个像素后填充白色,然后把图层不透明度改为:40%,效果如图5。
![](http://pic.16xx8.com/allimg/110323/1200134593-4.jpg)
<图4>
![](http://pic.16xx8.com/allimg/110323/12001345X-5.jpg)
<图5>
4、新建一个图层,用椭圆选框工具拉出图6所示的选区,按Ctrl + Alt + D 羽化8个像素,填充白色,然后把图层不透明度改为:80%,效果如图7。
![](http://pic.16xx8.com/allimg/110323/1200134610-6.jpg)
<图6>
![](http://pic.16xx8.com/allimg/110323/1200131V4-7.jpg)
<图7>
5、新建一个图层,用钢笔勾出图8所示的选区,选择渐变工具,颜色设置如图9,拉出图10所示的径向渐变。
![](http://pic.16xx8.com/allimg/110323/1200136302-8.jpg)
<图8>
![](http://pic.16xx8.com/allimg/110323/1200131a4-9.jpg)
<图9>
![](http://pic.16xx8.com/allimg/110323/1200133508-10.jpg)
<图10>
[table] 6、选择减淡工具把高光部分涂亮一点,效果如下图。
![](http://pic.16xx8.com/allimg/110323/120013I17-11.jpg)
<图11>
7、在当前图层的下面新建一个图层,用钢笔勾出图12所示的选区,拉上图13所示的径向渐变色,效果如图14。
![](http://pic.16xx8.com/allimg/110323/1200132408-12.jpg)
<图12>
![](http://pic.16xx8.com/allimg/110323/1200131a4-9.jpg)
<图13>
![](http://pic.16xx8.com/allimg/110323/12001312A-14.jpg)
<图14>
8、用钢笔勾出下图所示的选区,选择加深工具稍微涂暗一点。
![](http://pic.16xx8.com/allimg/110323/1200131M0-15.jpg)
<图15>
9、新建一个图层,用钢笔勾出图16所示的选区,按Ctrl + Alt + D 羽化2个像素后填充白色,再适当降低图层不透明度,效果如图17。
![](http://pic.16xx8.com/allimg/110323/120013K46-16.jpg)
<图16>
![](http://pic.16xx8.com/allimg/110323/1200131633-17.jpg)
<图17>
10、同样的方法制作蝴蝶结的其它部分,效果如下图。
![](http://pic.16xx8.com/allimg/110323/120013OA-18.jpg)
<图18>
11、新建一个图层,用钢笔勾出图19所示的选区,拉上图20所示的线性渐变,效果如图21。
![](http://pic.16xx8.com/allimg/110323/120013L34-19.jpg)
<图19>
![](http://pic.16xx8.com/allimg/110323/1200131520-20.jpg)
<图20>
![](http://pic.16xx8.com/allimg/110323/1200133607-21.jpg)
<图21>
12、同样的方法制作右边的飘带。
![](http://pic.16xx8.com/allimg/110323/120013B16-22.jpg)
<图22>
13、给蝴蝶结和心形加上阴影,效果如下图。
![](http://pic.16xx8.com/allimg/110323/1200134434-23.jpg)
<图23>
14、最后整体调整下细节,完成最终效果。
![](http://pic.16xx8.com/allimg/110323/120013G34-0.jpg)
<图24>
学习 · 提示
相关教程
关注大神微博加入>>
网友求助,请回答!