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

Fireworks制作一款漂亮通透的蓝色按扭

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

佚名 向大家分享了Fireworks制作一款漂亮通透的蓝色按扭,其中包含fireworks制作gif动画,fireworks制作logo,fireworks制作按钮,fireworks制作图片,fireworks制作等知识点,遇到此问题的同学们可以参考下

  这篇教程是向的朋友介绍利用Fireworks制作一款漂亮通透的蓝色按扭,教程难度不是很大,制作出来的按钮很漂亮,很适合新手学习。推荐过来,希望大家喜欢。下面我们先来看看最终效果图:

  制作步骤:

    一、打开fireworks,新建一图,背景为白色。按住shift画一个圆,颜色为蓝色。RGB值分别为51,153,255。

  在effect面板中,选择shadow and glow->drop shadow增加阴影,其中distance(距离)为8,opacity(透明度)为60%,softness(柔和)为20。柔和度设置得大点,挺重要。

  

    二、把上面这个圆进行复制,(点住圆,按住alt键,拖到空白处即可。)去掉阴影。RGB值改

  为:51,51,204。再作同样方法复制一个圆,颜色为白色。用变形工具,把白色的圆稍稍拉小一点。放上蓝球的上面。如左图所示位置。把二个圆一起选中,菜单modify->combine->punch.就出来一个月牙形的形状 :)。接着对这个月牙形进行设置。fill面板中edge->feather:19;object面板中:stroke选择路径的外部,混合模式选darken。第一个深颜色的月牙形就OK了。

  三、把上面所做的月牙形进行复制,填充颜色的RGB改为:102,255,255。其objet面板的选项分别是:透明度为84,混合模式为lighten,stroke选择路径中央。fill面板中:feather为18。此时月牙形为透明,按CTRL+G ,就能看到原来的颜色了。

  四、再接着做二个相同的月牙形,颜色为白色。其中object面板同绿色的那个月牙形,fill面板一个feather为30,另一个为17。

  五、再做二个小的月牙形,用上面的方法,颜色为白色,圆的半径大至为52px。object面板中模式模式为正常,stroke选择路径中央,透明度为100。fill面板中其中一个feather为2,另一个为8。

  六、至此,做这个按扭所有的零件全部完成,所剩下的就是拼起来了。大家自己看吧。我简单地派个流水帐:

  从最底层开始:有阴影的圆形->深蓝色的月牙形->浅绿色的月牙形-> feather为30的白色月牙形->feather为17的月牙形->再是两个小的月牙形,如果大家位置排得正确的话,这个按钮就已经成功地做出来。

  以上就是Fireworks制作一款漂亮通透的蓝色按扭方法介绍,希望能帮到大家!

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

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

  • fireworks怎么制作好看的图文排版?
  • Fireworks轻松制作卡通女孩眨眼睛GIF动画效果图
  • FireWorks制作炫丽的吊坠+刷光GIF动态效果
  • Fireworks制作一款漂亮通透的蓝色按扭
  • Fireworks结合PS制作马赛克变换GIF动画效果
  • Fireworks简单制作漂亮的签名效果图
  • Fireworks简单制作蓝色铅笔
  • Fireworks制作枫叶飘落的gif动画效果
  • Fireworks制作美女背景的GIF动态时钟
  • Fireworks制作中国古典水墨风格人物签名

相关文章

  • 2017-05-24教你如何用FW插件轻松创建透明按钮
  • 2017-05-24Fireworks结合PS制作马赛克变换GIF动画效果
  • 2017-05-24用fireworks制作打印机图标实例
  • 2017-05-24fireworks怎么制作好看的图文排版?
  • 2017-05-24Fireworks不抠图实现企业标识反白效果
  • 2017-05-24Fireworks基础知识:创建空遮照教程
  • 2017-05-24Fireworks制作卡通图案邮票
  • 2017-05-24fireworks切片工具定位功能怎么使用?
  • 2017-05-24fireworks怎么制作蒙版? 矢量蒙版/位图蒙版/水果蒙版的实例教程
  • 2017-05-24Fireworks 强化胶囊 制作过程

文章分类

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

最近更新的内容

    • 用fireworks绘制水粉画效果教程
    • 教你用Fireworks手绘超级女声厉娜
    • 教你用Fireworks制作红墙砖头效果 并在上面涂鸦
    • Fireworks模仿绘制明基77G显示器实例教程
    • Fireworks教程:制作韩国女包
    • Fireworks抠图之将枝繁叶茂的树木完美抠出的实例教程介绍
    • 如何运用Fireworks批处理命令快速批量制作缩略图技巧介绍
    • 教你用Fireworks简单制作残破边缘效果
    • fireworks打造精致图标教程
    • fireworks把历史记录保存为命令方法介绍

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

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