您的位置:首页网页设计Firework → FireWorks象素按纽教程

FireWorks象素按纽教程

时间:2004/11/7 2:26:00来源:本站整理作者:蓝点我要评论(0)


            
             
              
             
            

               
               

            



            关键词:矩形工具(rectangle tool),效果(Effect),文字工具(Text Tool)

这个教程将讲述网页上常见的一种导航栏的按纽制作过程。教程的部分图片大小被放大了200%。记住,在得到最终结果之前,你随时可以用Ctrl+Z来撤消你上一步的操作。


创建新文档,File>New(快捷键Ctrl+N)。文档大小:150*150 pixels.如果图片用于网络发布,保持默认分辨率为72不变。

选择矩形工具,绘制矩形长为40 pixels,高为11 pixels。可以通过Info面板精确控制矩形大小。



保持矩形为选择状态,在Effects面板里选择Bevel and Emboss>Inner Bevel,参数设置如图,完成后,矩形按纽的形状应该如下图所示。

  

保持矩形为选中状态,继续添加Effect,选择Shadown and Glow >Drop Shadown ,参数设置如下:

  

现在我们需要在按钮上添加文字。这里我使用的是一种04系列的字体。选择文字工具,在字体下拉列表里选择04b_21,大小为8 px。这里我打下了QUIT,如下图所示。

相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论
发表评论

热门文章 没有查询到任何记录。

最新文章 没有查询到任何记录。 fireworks动画蝴蝶制作教程Fireworks绘制逼真飞利浦手机教程Fireworks教程之树叶笔触绘制榕树如何用Fireworks历史面板制作连续背景

人气排行 在Fireworks中遮罩使用技巧fireworks动画蝴蝶制作教程fireworks做动态按钮Fireworks与Dreamweaver结合:看实例学切片Fireworks教程之树叶笔触绘制榕树用Fireworks制作立体金属小球Fw与Dw结合:看实例学切片Fireworks制作GIF动画广告BANNER