7797712 发表于 2014-6-13 04:22:19

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

      效果图：


http://pic.16xx8.com/allimg/140612/0411393147-0.jpg
提示：教程详细步骤在二楼，不用回复也能看到！想下载该教程的可以回复获取下载网址:**** Hidden Message *****教程编号:133645 作者：高志远 出处：站酷

7797712 发表于 2014-6-13 04:22:21

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


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

http://pic.16xx8.com/allimg/140612/0411395a0-1.jpg

7797712 发表于 2014-6-13 04:22:22

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


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

http://pic.16xx8.com/allimg/140612/0411396251-2.jpg


http://pic.16xx8.com/allimg/140612/0411395U6-3.jpg

7797712 发表于 2014-6-13 04:22:23

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


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

http://pic.16xx8.com/allimg/140612/0411395138-4.jpg

http://pic.16xx8.com/allimg/140612/0411391W7-5.jpg

7797712 发表于 2014-6-13 04:22:24

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

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

http://pic.16xx8.com/allimg/140612/041139A32-6.jpg

7797712 发表于 2014-6-13 04:22:25

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


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

http://pic.16xx8.com/allimg/140612/0411394093-7.jpg

7797712 发表于 2014-6-13 04:22:26

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


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

http://pic.16xx8.com/allimg/140612/0411392505-8.jpg

7797712 发表于 2014-6-13 04:22:27

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


第七步：在百度搜索星星或纹理素材。（如图）

http://pic.16xx8.com/allimg/140612/04113951T-9.jpg

7797712 发表于 2014-6-13 04:22:28

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


第八步：将素材拖到图层最上层，并将图层混合模式更改为滤色。（如图）

http://pic.16xx8.com/allimg/140612/04113a0A-10.jpg

7797712 发表于 2014-6-13 04:22:29

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


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

http://pic.16xx8.com/allimg/140612/0411395Y2-11.jpg

Asutorea 发表于 2018-4-17 20:19:06

非常感谢学到新知识了
页: [1]
查看完整版本: 使用AI+PS软件制作立体质感按钮