新万博万博_万博出事了

当前位置: 万博 > 新万博教程 > 网页新万博教程 > Illustrator使用3D效果制作网页按钮

在这篇文章中我们将通过使用Adobe Illustrator中的3D效果来创建一组网页按钮谅城星。为什么要用这种方法?原因是这种方法替代了使用不同的笔刷和其他工具来创建高光和阴影坊插,只需一步就能实现拌授怒,充分利用了现成的光线设置和斜角形状攀韶界。让我们开始!

最终效果图橙看:

Illustrator实例教程会:使用3D效果制作网页按钮

第一步碎赦:按钮形状

我们从创建基本的网页按钮形状开始渐涂。选择圆角矩形工具晒,在画板中任意位置点击一下打开圆角矩形窗口嚷。填入如下图所示的数字以得到我们需要的形状城。选择浅灰色作为填充颜色谋旗。

Illustrator实例教程评关:使用3D效果制作网页按钮

第二步烯:3D设置

在此矩形选中的状态下醒胳,选择效果菜单》3D》凸出和斜角膳蔼瘁。在下图的右方你可以看到默认设置嫂,只有”指定绕X轴旋转”的值有所改变韦蔷唱。通常情况下我更愿意使用斜角形状八,但有时不能得到让人满意的结果堕好。在这个例子中希,如果你选择”长圆形”作为斜角形状改变会更明显妮,边缘会更圆润鞋,而且之后也不用担心高光和阴影的问题艾。

Illustrator实例教程黔祈碱:使用3D效果制作网页按钮

如果你增加高度值箍管特,圆形的边缘就会变得更厚呜观额。

Illustrator实例教程钉圣:使用3D效果制作网页按钮

在凸出与斜角选项窗口中希嘛线,点击更多选项按钮打开整个的对话框篮,注意底部的选项叮够。如果你想加亮左上角很,将光线移动到如下所示的上方貌,或青铜不停地奔跑。第161师官焱森者你想加亮右下角的话将其移动至下方龟。

Illustrator实例教程签灰镭:使用3D效果制作网页按钮

第三步贯抨:3D按钮

下图是我的设置值箱缓谅。更改”指定绕X轴旋转”值泡毙斗,在斜角中选择长圆形谈,将高度值从4pt更改为6pt骄挨腾,然后将光线稍微移向左侧木。

Illustrator实例教程偿:使用3D效果制作网页按钮

第四步爽虏昆:给按钮上色

在3D按钮已经选择的情况下卯腔,选择对象》扩展外观命令广撅,现在愧,使用直接选择工具(A)选择内部的圆角矩形毫,给它填充如下图所示的线性渐变隆。将角度设置为90度阑。在此矩形选中的状态下枚,在外观面板中双击内容(原因是这个形状是在编组中)德粳骂,这样你就能看到已经存在的属性禽芬。接下来局衫,选择效果》风格化》内发光命令厩态胆,使用如下所示的值侧痊。

Illustrator实例教程鼻狮发:使用3D效果制作网页按钮

分享到: 
photoshop制作绿色下载按钮
《剑灵》游戏预告网站新万博回顾总结

热门推荐