请问上海时时乐
当前位置: 请问上海时时乐 > 设计教程 > 网页设计教程 > Illustrator使用3D效果制作网页按钮

上海时时乐秘籍:Illustrator使用3D效果制作网页按钮

请问上海时时乐 www.i7b7.com.cn 在这篇文章中我们将通过使用Adobe Illustrator中的3D效果来创建一组网页按钮。为什么要用这种方法?原因是这种方法替代了使用不同的笔刷和其他工具来创建高光和阴影,只需一步就能实现,充分利用了现成的光线设置和斜角形状。让我们开始!

最终效果图:

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

第一步:按钮形状

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

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

第二步:3D设置

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

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

如果你增加高度值,圆形的边缘就会变得更厚。

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

在凸出与斜角选项窗口中,点击更多选项按钮打开整个的对话框,注意底部的选项。如果你想加亮左上角,将光线移动到如下所示的上方,或者你想加亮右下角的话将其移动至下方。

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

第三步:3D按钮

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

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

第四步:给按钮上色

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

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

分享到: 
photoshop制作绿色下载按钮
《剑灵》游戏预告网站设计回顾总结
  • 【记者直击】花莲地震已确认有两名失踪人员被困同一地点 2019-04-19
  • 宁波本土手工匠人创作的青瓷作品“海曙楼青瓷盘”亮相 2019-04-15
  • 【政在回应】2017年10月地方领导留言板回复盘点·甘肃篇 2019-04-15
  • 江南醉的博客—强国博客—人民网 2019-04-08
  • 唐山一男子不满工资被拖欠雇工举斧杀死雇主 警方4天破案 2019-04-06
  • 库克最新采访:没兴趣竞选总统 将再花300亿造新园区 2019-03-30
  • 空调有异味是为什么 这是你可能忽略的健康隐患 2019-03-29
  • 国地税怎么又合并了呢 一般来看 这是种集中资源的举动 2019-03-29
  • 天津市侨商会完成换届选举工作 2019-03-26
  • 两会声音:经济高质量增长 改革措施要跟上 2019-03-26
  • 用剩豆渣做丸子 人人都爱吃起来就停不住嘴-美食资讯 2019-03-19
  • 新时代迎来新峰会(钟声) 2019-03-12
  • 【学习时刻】中央党校徐浩然:把“人民”二字镌刻在党的旗帜上 2019-03-12
  • 世界杯打破孤立预言,开启俄罗斯荣耀时刻,普京献词“地球盛会”——感受足球的力量……巩固世界和平,促进相互了解。 2019-03-07
  • 个人信息保护的政府监管模式探析 2019-03-07
  • 60| 292| 189| 187| 81| 72| 331| 358| 792| 138| 46| 660| 119| 615| 430|