欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-06-11 23:29:52
...
本教程介绍常见的立体图标的制作方法。由于图标的构成比较简单,制作的时候只要注意好高光和暗调的配合,很容易就可以做出逼真的立体效果。 最终效果
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> 6、选择减淡工具把高光部分涂亮一点,效果如下图。
Photoshop 一颗带有蝴蝶结的立体心形
<图11>
7、在当前图层的下面新建一个图层,用钢笔勾出图12所示的选区,拉上图13所示的径向渐变色,效果如图14。
Photoshop 一颗带有蝴蝶结的立体心形
<图12>
Photoshop 一颗带有蝴蝶结的立体心形
<图13>
Photoshop 一颗带有蝴蝶结的立体心形
<图14>