优艾设计网

Photoshop制作一颗带有蝴蝶结的立体心形

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:bbs.16xx8.com
本教程介绍常见的立体图标的制作方法。由于图标的构成比较简单,制作的时候只要注意好高光和暗调的配合,很容易就可以做出逼真的立体效果。 

本教程介绍常见的立体图标的制作方法。由于图标的构成比较简单,制作的时候只要注意好高光和暗调的配合,很容易就可以做出逼真的立体效果。 
最终效果

Photoshop制作一颗带有蝴蝶结的立体心形


1、新建一个600 * 600 像素的文件,背景选择白色。新建一个图层,用钢笔勾出心形的路径,转为选区如下图。

Photoshop制作一颗带有蝴蝶结的立体心形


<图1>

2、选择渐变工具,颜色设置如图2,拉出图3所示的径向渐变色。


Photoshop制作一颗带有蝴蝶结的立体心形


<图2>

Photoshop制作一颗带有蝴蝶结的立体心形


<图3>
3、新建一个图层,用钢笔勾出图4所示的选区,按Ctrl + Alt + D 羽化3个像素后填充白色,然后把图层不透明度改为:40%,效果如图5。

Photoshop制作一颗带有蝴蝶结的立体心形


<图4>

Photoshop制作一颗带有蝴蝶结的立体心形


<图5>
4、新建一个图层,用椭圆选框工具拉出图6所示的选区,按Ctrl + Alt + D 羽化8个像素,填充白色,然后把图层不透明度改为:80%,效果如图7。

Photoshop制作一颗带有蝴蝶结的立体心形


<图6>

Photoshop制作一颗带有蝴蝶结的立体心形


<图7>
5、新建一个图层,用钢笔勾出图8所示的选区,选择渐变工具,颜色设置如图9,拉出图10所示的径向渐变。

Photoshop制作一颗带有蝴蝶结的立体心形


<图8>

Photoshop制作一颗带有蝴蝶结的立体心形


<图9>

Photoshop制作一颗带有蝴蝶结的立体心形


<图10>
[table] 6、选择减淡工具把高光部分涂亮一点,效果如下图。

Photoshop制作一颗带有蝴蝶结的立体心形


<图11>
7、在当前图层的下面新建一个图层,用钢笔勾出图12所示的选区,拉上图13所示的径向渐变色,效果如图14。

Photoshop制作一颗带有蝴蝶结的立体心形


<图12>

Photoshop制作一颗带有蝴蝶结的立体心形


<图13>

Photoshop制作一颗带有蝴蝶结的立体心形


<图14>

8、用钢笔勾出下图所示的选区,选择加深工具稍微涂暗一点。

Photoshop制作一颗带有蝴蝶结的立体心形


<图15>
9、新建一个图层,用钢笔勾出图16所示的选区,按Ctrl + Alt + D 羽化2个像素后填充白色,再适当降低图层不透明度,效果如图17。

Photoshop制作一颗带有蝴蝶结的立体心形


<图16>

Photoshop制作一颗带有蝴蝶结的立体心形


<图17>

10、同样的方法制作蝴蝶结的其它部分,效果如下图。


Photoshop制作一颗带有蝴蝶结的立体心形


<图18>
11、新建一个图层,用钢笔勾出图19所示的选区,拉上图20所示的线性渐变,效果如图21。

Photoshop制作一颗带有蝴蝶结的立体心形


<图19>

Photoshop制作一颗带有蝴蝶结的立体心形


<图20>

Photoshop制作一颗带有蝴蝶结的立体心形


<图21>
12、同样的方法制作右边的飘带。

Photoshop制作一颗带有蝴蝶结的立体心形


<图22>
13、给蝴蝶结和心形加上阴影,效果如下图。

Photoshop制作一颗带有蝴蝶结的立体心形


<图23>
14、最后整体调整下细节,完成最终效果。

Photoshop制作一颗带有蝴蝶结的立体心形


<图24>

0

精彩评论

暂无评论...
验证码 换一张
取 消