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

cuiq55

cuiq55

2016-02-15 23:51

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

先看看效果图

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最终效果:

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

展开更多 50%)
分享

猜你喜欢

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

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

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

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

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop设计立体效果的手机图标教程

PS PS基础
Photoshop设计立体效果的手机图标教程

Photoshop设计立体效果的开关APP图标教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计立体效果的开关APP图标教程

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop设计立体效果的网站推荐图标教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计立体效果的网站推荐图标教程

Photoshop设计银色立体效果的APP图标教程

PS PS基础
Photoshop设计银色立体效果的APP图标教程

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop制作立体震撼效果的情人节海报

Photoshop制作立体震撼效果的情人节海报

Photoshop调出公园美女秋季淡黄色调

Photoshop调出公园美女秋季淡黄色调
下拉加载更多内容 ↓