当前位置:首页>ps实例教程>ps网页设计>按钮图标>教程内容

图标制作,用PS设计制作一款心形APP软件图标(4)

来源:未知 作者:佚名 学习:4044人次

通过PS制作一款心形APP图标,一款主题时紫红色的心形图标,我们会先通过圆角矩形工具,去建立圆角,就是APP的外观样子,整个还是用到我们最熟悉的图层样式,在画爱心的时候,可以用钢笔工具勾勒,或者用自定义形状工具也可以画出来,整个形状出来,再添加颜色就可以,整体还是比较简单的,同学们一起来学习一下吧。

效果图:

图标制作,用PS设计制作一款心形APP软件图标_www.16xx8.com

操作步骤:

第一步:打开PS,尺寸大小大家可以随意,我这里设置的是900*900px;

图标制作,用PS设计制作一款心形APP软件图标_www.16xx8.com

第二步:使用圆角矩形工具,半径70px,按住Shift键,建立圆角矩形

图标制作,用PS设计制作一款心形APP软件图标_www.16xx8.com

图标制作,用PS设计制作一款心形APP软件图标_www.16xx8.com

第三步:添加图层样式,斜面和浮雕+渐变叠加

图标制作,用PS设计制作一款心形APP软件图标_www.16xx8.com

图标制作,用PS设计制作一款心形APP软件图标_www.16xx8.com

色值:f845f8 ffc6a8

图标制作,用PS设计制作一款心形APP软件图标_www.16xx8.com

第四步:画爱心,可以用钢笔工具勾勒,也可以用自定义形状工具画出来,再修改

图标制作,用PS设计制作一款心形APP软件图标_www.16xx8.com

第五步:复制一层爱心,使用钢笔工具,减去顶层形状,勾勒心型缺角;

图标制作,用PS设计制作一款心形APP软件图标_www.16xx8.com

图标制作,用PS设计制作一款心形APP软件图标_www.16xx8.com

第六步:点击下层爱心图层,图层样式——渐变叠加;

图标制作,用PS设计制作一款心形APP软件图标_www.16xx8.com

色值:f03f03 f8561f fffbd5

图标制作,用PS设计制作一款心形APP软件图标_www.16xx8.com

第七步:按住Ctrl键,左键单击最上层图层,转为选区;

图标制作,用PS设计制作一款心形APP软件图标_www.16xx8.com

第八步:新建一个空白图层,羽化15px——描边;

图标制作,用PS设计制作一款心形APP软件图标_www.16xx8.com

图标制作,用PS设计制作一款心形APP软件图标_www.16xx8.com

色值:fa63e6

图标制作,用PS设计制作一款心形APP软件图标_www.16xx8.com

第九步:给这一图层添加图层蒙版,按照第七步,建立选区如下,选择反向,用黑色画笔涂抹边沿;

图标制作,用PS设计制作一款心形APP软件图标_www.16xx8.com

图标制作,用PS设计制作一款心形APP软件图标_www.16xx8.com

取消选区,用柔边圆画笔继续处理图层蒙版,如下效果;

图标制作,用PS设计制作一款心形APP软件图标_www.16xx8.com

图层混合模式——强光;

图标制作,用PS设计制作一款心形APP软件图标_www.16xx8.com

最后一步:做心形阴影。拷贝最完整的爱心形状图层一次,编辑第一个爱心形状图层,填充为0,图层样式——投影;

图标制作,用PS设计制作一款心形APP软件图标_www.16xx8.com

图标制作,用PS设计制作一款心形APP软件图标_www.16xx8.com

dc4263

图标制作,用PS设计制作一款心形APP软件图标_www.16xx8.com

完成:

图标制作,用PS设计制作一款心形APP软件图标_www.16xx8.com

一颗漂亮的心形图标就制作完成了,只要同学们照着教程做,也可以轻松完成。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
chriscy06222020-04-23 05:14
我的作业:

Elyvan2020-04-18 04:33
我的作业:

16219050272020-04-05 09:03
我的作业:

Richards2019-02-19 05:01
必须支持

关注大神微博加入>>

网友求助,请回答!