<dd id="rcs5i"><tr id="rcs5i"></tr></dd>
    <div id="rcs5i"></div>

    <div id="rcs5i"></div>

      1. <div id="rcs5i"></div>

        当前位置: 首页 > 设计教程 > 网页设计教程 > Illustrator使用3D效果制作网页按钮

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

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

        最终效果图

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

        第一步按钮形状

        我们从创建基本的网页按钮形状开始选择?#27493;?#30697;形工具在画板中?#25105;?#20301;置点击一下打开?#27493;?#30697;形窗口填入如下图所示的数字以得到我们需要的形状选择浅灰色作为填充颜色

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

        第二步3D设置

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

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

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

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

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

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

        第三步3D按钮

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

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

        第四步给按钮上色

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

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

        分享到: 
        photoshop制作绿色下载按钮
        剑灵游戏预告网站设计回顾总结
        ڿ¡

        <dd id="rcs5i"><tr id="rcs5i"></tr></dd>
          <div id="rcs5i"></div>

          <div id="rcs5i"></div>

            1. <div id="rcs5i"></div>

              <dd id="rcs5i"><tr id="rcs5i"></tr></dd>
                <div id="rcs5i"></div>

                <div id="rcs5i"></div>

                  1. <div id="rcs5i"></div>