以后地位: 首页 > 设计教程 > 网页设计教程 > Illustrator应用3D效果制作网页按钮

Illustrator应用3D效果制作网页按钮

在这篇文章中咱咱咱们将颠末过程应用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制作绿色下载按钮
《剑灵》游戏预告网站设计回想总结
友情链接:佛山培训新闻网  新民通讯-追踪大时代的全球资讯  中国江苏消防网  宝泉石材网  节能消费领跑信息网  红心音乐网  燃烧体育网  中国贷款网  重庆商务网  广州早教网