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

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

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

【 tulaoshi.com - 图标 】

先看看效果图

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最终效果:

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

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

延伸阅读
标签: PS PS基础
本教程主要使用Photoshop设计木质立体效果的软件图标,这篇教程教UI设计师使用PS鼠绘质感立体图标,教程绘制出来的图标质感挺强,也很精细,很漂亮。推荐过来和朋友们一起分享学习了。 先来看看最终的效果图吧: 具体的绘制步骤如下: 1.新建文件。大小400*300,做球形渐变。 2.用圆角矩形工具画一个251*237的圆角矩形,这一边我用了...
标签: PS PS基础
今天为大家带来一篇非常简单的iCloud图标的PS教程。这篇教程虽然简单,但是有很多细节,大家从中还可以学到非常常用的角度渐变和渐变描边的用法。 先看看效果图 第1步: 打开Photoshop,Ctrl+N新建文档,根据自己的情况来定义尺寸。 第2步: 选择圆角矩形工具,按住Shift键在画布上绘制出一个方形的圆角矩形,这里我将圆角半径设置...
标签: PS PS基础
随着Android等操作系统的开发,现在的互联网逐步向手机端应用推进,很多都有了手机端应用程序,必须淘宝,新浪等,所以手机端应用程序UI设计也逐 步的成为新潮,下面来看下一个APP应用程序图标的制作吧,这只是个思路,算抛砖引玉,有很多时候,我们感觉我们不会,而不是正真的我们不会,是我们没有接触过。 素材包下载:本地高速下载 看下...

经验教程

993

收藏

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