Photoshop一颗带有蝴蝶结的立体心形
时间:2021-07-01 10:21:17
帮助过:32人阅读
本教程介绍常见的立体图标的制作方法。由于图标的构成比较简单,制作的时候只要注意好高光和暗调的配合,很容易就可以做出逼真的立体效果。
最终效果
![Photoshop 一颗带有蝴蝶结的立体心形](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/a65eb7bd797d7e6108430a8c62e91782-0.jpg)
1、新建一个600 * 600 像素的文件,背景选择白色。新建一个图层,用钢笔勾出心形的路径,转为选区如下图。
![Photoshop 一颗带有蝴蝶结的立体心形](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/a65eb7bd797d7e6108430a8c62e91782-1.jpg)
<图1> 2、选择渐变工具,颜色设置如图2,拉出图3所示的径向渐变色。
![Photoshop 一颗带有蝴蝶结的立体心形](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/80f8786dcb968c3cf6a2ec6e101a078f-2.jpg)
<图2>
![Photoshop 一颗带有蝴蝶结的立体心形](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/80f8786dcb968c3cf6a2ec6e101a078f-3.jpg)
<图3>
3、新建一个图层,用钢笔勾出图4所示的选区,按Ctrl + Alt + D 羽化3个像素后填充白色,然后把图层不透明度改为:40%,效果如图5。
![Photoshop 一颗带有蝴蝶结的立体心形](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/80f8786dcb968c3cf6a2ec6e101a078f-4.jpg)
<图4>
![Photoshop 一颗带有蝴蝶结的立体心形](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/bd7bb15218831f17159018a1dafaf52c-5.jpg)
<图5> 4、新建一个图层,用椭圆选框工具拉出图6所示的选区,按Ctrl + Alt + D 羽化8个像素,填充白色,然后把图层不透明度改为:80%,效果如图7。
![Photoshop 一颗带有蝴蝶结的立体心形](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/bd7bb15218831f17159018a1dafaf52c-6.jpg)
<图6>
![Photoshop 一颗带有蝴蝶结的立体心形](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/bad511768bd1747f614c9df31dc75c3c-7.jpg)
<图7>
5、新建一个图层,用钢笔勾出图8所示的选区,选择渐变工具,颜色设置如图9,拉出图10所示的径向渐变。
![Photoshop 一颗带有蝴蝶结的立体心形](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/e0dcd57469c93e925c7608cdf3972229-8.jpg)
<图8>
![Photoshop 一颗带有蝴蝶结的立体心形](https://img.gxlcms.com/https://img.gxlcms.com//Uploads-s//Uploads-s/new/2019-10-01-201901/e0dcd57469c93e925c7608cdf3972229-9.jpg)
<图9>
![Photoshop 一颗带有蝴蝶结的立体心形](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/e0dcd57469c93e925c7608cdf3972229-10.jpg)
<图10> 6、选择减淡工具把高光部分涂亮一点,效果如下图。
![Photoshop 一颗带有蝴蝶结的立体心形](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/ec8218a045cac5122532af007230f02a-11.jpg)
<图11>
7、在当前图层的下面新建一个图层,用钢笔勾出图12所示的选区,拉上图13所示的径向渐变色,效果如图14。
![Photoshop 一颗带有蝴蝶结的立体心形](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/c3b18c147b0ab4032986ce024923f41c-12.jpg)
<图12>
![Photoshop 一颗带有蝴蝶结的立体心形](https://img.gxlcms.com/https://img.gxlcms.com//Uploads-s//Uploads-s/new/2019-10-01-201901/e0dcd57469c93e925c7608cdf3972229-9.jpg)
<图13>
![Photoshop 一颗带有蝴蝶结的立体心形](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/c3b18c147b0ab4032986ce024923f41c-14.jpg)
<图14>