ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

用新浪微博连接

一步搞定

查看: 1320|回复: 11
收起左侧

[按钮图标] 使用AI+PS软件制作立体质感按钮

[复制链接]
发表于 2014-6-13 04:22:19 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?注册

x
      效果图:



                               
登录/注册后可看大图

提示:教程详细步骤在二楼,不用回复也能看到!
想下载该教程的可以回复获取下载网址:
游客,如果您要查看本帖隐藏内容请回复
教程编号:133645 作者:高志远 出处:站酷
 楼主| 发表于 2014-6-13 04:22:21 | 显示全部楼层

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


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


                               
登录/注册后可看大图

教你如何快速获得零用钱!!! 【转发帖子可以免费下载帖子里的资源.】
使用道具 支持 反对

举报 引用

 楼主| 发表于 2014-6-13 04:22:22 | 显示全部楼层

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


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


                               
登录/注册后可看大图




                               
登录/注册后可看大图

使用道具 支持 反对

举报 引用

 楼主| 发表于 2014-6-13 04:22:23 | 显示全部楼层

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


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


                               
登录/注册后可看大图



                               
登录/注册后可看大图

使用道具 支持 反对

举报 引用

 楼主| 发表于 2014-6-13 04:22:24 | 显示全部楼层

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

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


                               
登录/注册后可看大图

使用道具 支持 反对

举报 引用

 楼主| 发表于 2014-6-13 04:22:25 | 显示全部楼层

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


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


                               
登录/注册后可看大图

教你如何快速获得零用钱!!! 【转发帖子可以免费下载帖子里的资源.】
使用道具 支持 反对

举报 引用

 楼主| 发表于 2014-6-13 04:22:26 | 显示全部楼层

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


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


                               
登录/注册后可看大图

教你如何快速获得零用钱!!! 【转发帖子可以免费下载帖子里的资源.】
使用道具 支持 反对

举报 引用

 楼主| 发表于 2014-6-13 04:22:27 | 显示全部楼层

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


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


                               
登录/注册后可看大图

使用道具 支持 反对

举报 引用

 楼主| 发表于 2014-6-13 04:22:28 | 显示全部楼层

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


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


                               
登录/注册后可看大图

使用道具 支持 反对

举报 引用

 楼主| 发表于 2014-6-13 04:22:29 | 显示全部楼层

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


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


                               
登录/注册后可看大图


  
使用道具 支持 反对

举报 引用

发表于 2018-4-17 20:19:06 | 显示全部楼层
非常感谢学到新知识了
使用道具 支持 反对

举报 引用

您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|不能登录?|Archiver|photoshop教程论坛 ( 粤ICP备07017357号

GMT+8, 2018-6-24 05:27 , Processed in 0.059879 second(s), 13 queries , Gzip On, Xcache On.

Powered by Discuz! X3.1

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表