Heim > Web-Frontend > PS-Tutorial > Hauptteil

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

PHP中文网
Freigeben: 2016-06-01 14:36:20
Original
1682 Leute haben es durchsucht

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


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage