AI与PS结合制作超酷的花纹3D字效果

本教程的按钮构成部分不多，总共为两大部分，金属外框和蓝色玻璃部分。制作的时候只要画好相应的图层，加上图层样式效果就出来了。制作过程比较简单。

最终效果

Photoshop制作金属边框的蓝色透明按钮_亿码酷站___亿码酷站平面设计教程插图

1、将背景色填充为黑色。前景色设为 #0090ff ，用“形状工具”在画布中央画一个圆。

Photoshop制作金属边框的蓝色透明按钮_亿码酷站___亿码酷站平面设计教程插图1

 

 

2、对这个圆应用下面的图层属性：

 

 

 

Photoshop制作金属边框的蓝色透明按钮_亿码酷站___亿码酷站平面设计教程插图2

 

 

 

3、最终，你得到这样的效果：

 

 

 

Photoshop制作金属边框的蓝色透明按钮_亿码酷站___亿码酷站平面设计教程插图3

 

 

 

4、用“矩形”工具，画出下面的形状，确保矩形之间的间距是一样的；

 

 

 

Photoshop制作金属边框的蓝色透明按钮_亿码酷站___亿码酷站平面设计教程插图4

 

 

 

5、对这个矩形应用“滤镜->扭曲->球面化”。

 

 

 

Photoshop制作金属边框的蓝色透明按钮_亿码酷站___亿码酷站平面设计教程插图5

 

 

 

6、在重复第五步2次。

 

 

 

 

 

 

7、按CTRL + T，调整到合适的大小和位置，设置透明度为10%；

 

【亿码酷站-编程开发教程】收集全网优质教程及源码资源！

全网优质软件开发、平面设计等教程及精品源码资源一站可得,www.ymkuzhan.com！

 

Photoshop制作金属边框的蓝色透明按钮_亿码酷站___亿码酷站平面设计教程插图6

 

 

 

8、创建一个圆形选区，填充为白色，如下图所示；

 

 

 

Photoshop制作金属边框的蓝色透明按钮_亿码酷站___亿码酷站平面设计教程插图7

 

 

 

9、对这个图层应用图层蒙版，将前景色背景色分别设为黑色和白色，选取线性渐变工具，从圆的底部拖向圆的中间偏上位置，这样圆的下半部就变成透明了，最后设置透明度为10%；

 

 

 

Photoshop制作金属边框的蓝色透明按钮_亿码酷站___亿码酷站平面设计教程插图8

 

 

 

10、重复第9步，不过这个圆要比刚才那个要稍微大一些，位置也稍微偏下一点，透明度设为15%；

 

 

 

Photoshop制作金属边框的蓝色透明按钮_亿码酷站___亿码酷站平面设计教程插图9

 

 

 

11、复制第9步制作的那个圆，执行“垂直翻转”。

 

 

 

Photoshop制作金属边框的蓝色透明按钮_亿码酷站___亿码酷站平面设计教程插图10

 

 

 

12、新建一个图层，置于球的图层的下面，颜色选白色，创建一个比球更大的圆。

 

 

 

Photoshop制作金属边框的蓝色透明按钮_亿码酷站___亿码酷站平面设计教程插图11

 

 

 

13、对这个圆应用下面的图层属性：

Photoshop制作金属边框的蓝色透明按钮_亿码酷站___亿码酷站平面设计教程插图12

14、最后，对这个圆执行“描边”，宽度为1px，颜色为白色，最终效果如下：

 

下载声明：
  • 本站资源如无特殊说明默认解压密码为www.ymkuzhan.com建议使用WinRAR解压；
  • 本站资源来源于用户分享、互换、购买以及网络收集等渠道，本站不提供任何技术服务及有偿服务，资源仅提供给大家学习研究请勿作它用。
  • 赞助本站仅为维持服务器日常运行并非购买程序及源码费用因此不提供任何技术支持，如果你喜欢该程序，请购买正版!
    • 版权声明：
  • 下载本站资源学习研究的默认同意本站【版权声明】若本站提供的资源侵犯到你的权益，请提交版权证明文件至邮箱ymkuzhan#126.com(将#替换为@)站长将会在三个工作日内为您删除。
    • 免责声明：
  • 您好，本站所有资源(包括但不限于：源码、素材、工具、字体、图像、模板等)均为用户分享、互换、购买以及网络收集而来，并未取得原始权利人授权，因此禁止一切商用行为，仅可用于个人研究学习使用。请务必于下载后24小时内彻底删除，一切因下载人使用所引起的法律相关责任，包括但不限于:侵权,索赔,法律责任,刑事责任等相关责任,全部由下载人/使用人,全部承担。以上说明,一经发布视为您已全部阅读，理解、同意以上内容，如对以上内容持有异议，请勿下载，谢谢配合！支持正版，人人有责，如不慎对您的合法权益构成侵犯，请联系我们对相应内容进行删除，谢谢！