Photoshop设计立体效果的心形图标

2016-02-19 11:15 10 1 收藏

get新技能是需要付出行动的,即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是Photoshop设计立体效果的心形图标,一起来学习了解下吧!

【 tulaoshi.com - 图标 】

先看看效果图

Photoshop设计立体效果的心形图标教程

1、首先我们来分解这个图标,观察其各个组成部分,然后我们分层制作。

Photoshop设计立体效果的心形图标教程

2、接下来我们从最底层做起,首先新建画布,置入模糊背景素材。使用钢笔工具在画布上勾勒出一个心形形状,然后对其添加图层样式。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com)

Photoshop设计立体效果的心形图标教程

Photoshop设计立体效果的心形图标教程

Photoshop设计立体效果的心形图标教程

Photoshop设计立体效果的心形图标教程

Photoshop设计立体效果的心形图标教程

Photoshop设计立体效果的心形图标教程

3、底层做好后,接下来我们制作搞怪。搞怪的制作非常简单,首先按住Ctrl键后点击心形图层会出现整个心形的选区,然后我们再用椭圆选框工具,按住Alt键减去半个选区,将这半个选区填充白色。

最后给这个选区添加一个渐变蒙版,图层模式改为叠加,不透明度为25%。

Photoshop设计立体效果的心形图标教程

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com)

4、好了,到这里整个效果已经制作完毕,但为了让它变得更可爱一点,我又添加了一个花束素材。

Photoshop设计立体效果的心形图标教程

Photoshop设计立体效果的心形图标教程

最终效果:

Photoshop设计立体效果的心形图标教程

来源:http://www.tulaoshi.com/n/20160219/1596856.html

延伸阅读
标签: PS PS基础
本教程主要使用Photoshop设计木质立体效果的软件图标,这篇教程教UI设计师使用PS鼠绘质感立体图标,教程绘制出来的图标质感挺强,也很精细,很漂亮。推荐过来和朋友们一起分享学习了。 先来看看最终的效果图吧: 具体的绘制步骤如下: 1.新建文件。大小400*300,做球形渐变。 2.用圆角矩形工具画一个251*237的圆角矩形,这一边我用了...
标签: PS PS基础
效果图: 第一步:画一个圆角为45px,宽高为256*256的圆角矩形,添加图层样式:斜面浮雕和渐变叠加。 第二步:复制刚才的圆角矩形,去掉样式,用直接选择工具将高度调整到226px,左右宽度也分别缩小3-4px。 第三步:再次复制改圆角矩形,用直接选择工具将左右下高度分别减少2px,添加图层样式:投影和内阴影。效果都不是很明显,可...
标签: PS PS基础
最终效果 1、新建大小自定画布,新建一个图层,建立一条路径,调整到你想象的样子。这是一个体力活。 2、填充一款你喜欢的颜色。 3、给心形添加图层样式,设置内发光及投影,数值自定,效果如下图。 4、用减淡,加深工具把高光及暗部处理明显一点,如下图。 5、调出心形选区,选择画笔工具。再新建一个图层。 6、左上...

经验教程

96

收藏

40
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部