• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >Fireworks > Fireworks制作按钮简明教程

Fireworks制作按钮简明教程

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-05-24

佚名 向大家分享了Fireworks制作按钮简明教程,其中包含fireworks制作按钮,fireworks按钮,fireworks教程,fireworks 8视频教程,fireworks视频教程等知识点,遇到此问题的同学们可以参考下
效果如图(PNG源文件,反键保存。)

Fireworks制作按钮简明教程_.net转载
1、选择矢量工具中的圆角矩形工具,绘制一个90px×40px的矩形;

Fireworks制作按钮简明教程_.net转载
2、使用椭圆形填充;

Fireworks制作按钮简明教程_.net转载
3、给矩形添加外部投影效果,得到如下效果;

Fireworks制作按钮简明教程_.net转载
4、再绘制一个84px×22px的圆角矩形,用“扭曲”工具变形;

Fireworks制作按钮简明教程_.net转载
5、使用椭圆形填充,透明度设为50,如下图所示;

Fireworks制作按钮简明教程_.net转载
6、绘制一个90px×37px的白色圆角矩形,在复制一个设为蓝色放在白色矩形上方位置向下1px,选中两个矩形,修改->组合路径->打孔。并使用条状填充;

Fireworks制作按钮简明教程_.net转载
7、复制2里面的矩形,放到最上层,透明图设为30;

Fireworks制作按钮简明教程_.net转载
8、添加文字,选择字体Abadi MT Condensed Light,16px大小加粗并添加外部投影,得到如下效果;

Fireworks制作按钮简明教程_.net转载
10、最终效果如下:

Fireworks制作按钮简明教程_.net转载
</div>

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • Fireworks制作一款漂亮通透的蓝色按扭
  • Fireworks制作中国古典水墨风格人物签名
  • Fireworks 制作漂亮的透明苹果按钮
  • Fireworks制作漂亮的长水晶条
  • Fireworks 仿MSN浏览器制作哑铃按钮
  • Fireworks 制作精美导航效果教程
  • 教你用Fireworks制作精美漂亮的照片边框
  • Fireworks制作镜面滑动光照效果
  • 如何用Fireworks制作一个RSS图标
  • fireworks 质感按钮制作实例教程

相关文章

  • 2017-05-24Fireworks设计水晶质感的Media Player 播放器图标
  • 2017-05-24图解用Fireworks 制作五角星
  • 2017-05-24Fireworks制作打破玻璃的GIF动画效果
  • 2017-05-24教你在Fireworks MX中制作朦胧照效果
  • 2017-05-24Fireworks制作"曲别针照片"展示图效果
  • 2017-05-24教你用fireworks绘制神秘蓝色星球
  • 2017-05-24Fireworks ray暗黑中的花朵制作图解教程
  • 2017-05-24Fireworks制作超逼真的梵高之光特效教程
  • 2017-05-24教你如何使用Fireworks外发光特效消除图像边缘锯齿
  • 2017-05-24用fireworks如何切图呢?FW切图方法介绍

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • Fireworks利用滤镜工具轻松制作可爱Gif动画实例教程
    • 使用fireworks制作3d效果文字教程
    • Fireworks动画教程:制作立体地球旋转动画
    • Fireworks设计绘制超炫的五彩发光斜线条背景实例教程
    • Fireworks绘制甲壳虫小轿车
    • Fireworks简单制作漂亮的炫光图片效果
    • Fireworks设计制作数字连续翻滚动画实例教程
    • Fireworks简单制作gif动态图片
    • Fireworks中的gif动画制作方式图解
    • Fireworks 仿MSN浏览器制作哑铃按钮

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有