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

2016-02-15 23:51 10 1 收藏

今天图老师小编要向大家分享个Photoshop设计立体效果的心形图标教程教程,过程简单易学,相信聪明的你一定能轻松get!

【 tulaoshi.com - PS 】

先看看效果图

Photoshop设计立体效果的心形图标教程,PS教程,图老师教程网

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

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

Photoshop设计立体效果的心形图标教程,PS教程,图老师教程网

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

Photoshop设计立体效果的心形图标教程,PS教程,图老师教程网

Photoshop设计立体效果的心形图标教程,PS教程,图老师教程网

Photoshop设计立体效果的心形图标教程,PS教程,图老师教程网

Photoshop设计立体效果的心形图标教程,PS教程,图老师教程网

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

Photoshop设计立体效果的心形图标教程,PS教程,图老师教程网

Photoshop设计立体效果的心形图标教程,PS教程,图老师教程网

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

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

Photoshop设计立体效果的心形图标教程,PS教程,图老师教程网

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

Photoshop设计立体效果的心形图标教程,PS教程,图老师教程网

Photoshop设计立体效果的心形图标教程,PS教程,图老师教程网

最终效果:

Photoshop设计立体效果的心形图标教程,PS教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160215/1565492.html

延伸阅读
主要先使用PS画出爱心形状,然后在使用喷溅血迹素材来涂抹心形,完成整体的打散效果图,喜欢的朋友可以一起来学习吧。 素材下载: 喷溅血迹图片.rar 先看看效果图 1、新建1024*768的画布,分辨率72DPI,使用自定义形状工具做一个心形图案。 2、插入不同的飞溅素材,适当的变换和旋转,使之成为心形,每个图层的图层混合模式均为正片...
来源:PS联盟 作者:Sener 本教程重点是文字部分的创意,需要根据兔子的轮廓发挥,把2011做出类似兔子形状的文字。然后再立体化。用到的图层较多,制作的时候要细心。 最终效果 1、新建一个800 * 600像素的文档,背景填充红色:#B30800,新建一个图层,用钢笔勾出文字的路径,转为选区后填充黑色,效果如下图。 图1 2、由前之后开始...
标签: PS PS基础
首先给大家看看整体效果,1.新建文件。大小400*300,做球形渐变。 2.用圆角矩形工具画一个251*237的圆角矩形,这一边我用了一个图层合成的,下面有图层截图,做出有一些擦拭过的感觉就可以了 3.这一步用钢笔工具画出来一个平台,我的大体思路就是先勾出大体形状,整个平台分三部分,上面.下面.中间高光。对上下两个部分添加木纹...
标签: PS PS基础
本教程主要使用Photoshop设计蓝色立体效果的圆形图标,经常看到有人问这种圆型icon要怎么做,觉得很有趣稍微思考一下原理,做了个简易快速版本。 中间的渐层色 画一个圆,设图层样式,角度。 凹进去的部份 其实是用迭的,再画一个半圆,设内阴影。 中心 画一个圆,用图层样式设定,一层就能解决厚度和高光问题。 ...

经验教程

780

收藏

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