Home > Web Front-end > PS Tutorial > Photoshop 一颗带有蝴蝶结的立体心形

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

PHP中文网
Release: 2016-06-01 14:36:20
Original
1686 people have browsed it

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


Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template