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

使用AI+PS软件制作立体质感按钮(3)

来源:站酷 作者:高志远 学习:10276人次

效果图:

使用AI+PS软件制作立体质感按钮

第一步:

打开AI软件使用多边形工具创建六边形,并执行-效果-圆角参数合适即可。(如图)

使用AI+PS软件制作立体质感按钮

第二步:复制多边形粘贴到PS软件中,在PS中执行渐变叠加更改合适渐变,复制该图层并缩小颜色为白色并调整不透明度。(如图)

使用AI+PS软件制作立体质感按钮

使用AI+PS软件制作立体质感按钮

第三步:使用多边形工具绘制三角形再次调整不透明度,并旋转复制得到以下效果。注意大小比例。最后以最下层为准,六个三角形创建剪切蒙板。(如图)

使用AI+PS软件制作立体质感按钮 使用AI+PS软件制作立体质感按钮

第四步:使用白色画笔工具在交点处绘制高光星星,部分区域可以使用涂抹工具进行合适的涂抹。星星图层模式可以更改为叠加效果会更好哦。

使用AI+PS软件制作立体质感按钮

第五步:这一步很关键哦,将最底层多边形载入选区并在最上层新建空白图层设置渐变为紫色到透明。(如图)

使用AI+PS软件制作立体质感按钮

第六步:将渐变图层混合模式更改为颜色。

使用AI+PS软件制作立体质感按钮

第七步:在百度搜索星星或纹理素材。(如图)

使用AI+PS软件制作立体质感按钮

第八步:将素材拖到图层最上层,并将图层混合模式更改为滤色。(如图)

使用AI+PS软件制作立体质感按钮

大功告成!制作过程中需要调整每个细节哦。使用相同的方法制作出其他的颜色效果!

使用AI+PS软件制作立体质感按钮

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
你知我深浅i2018-06-14 06:53
32个赞
GraphicDesigner2018-06-13 08:34
六边形我可不可以直接在PS里画?
阿基米德奶茶2017-05-28 10:28
学习了,动手了
青青哪边草2017-05-28 03:19
只有傻逼才说好
吴文彬20112017-05-28 03:13
新手求指导

关注大神微博加入>>

网友求助,请回答!