Fireworks 8 制作精美的绿色指南针实例教程

所属分类: 平面设计 / Fireworks教程 阅读数: 1045
收藏 0 赞 0 分享

  这篇教程是向大家介绍Fireworks 8 制作精美的绿色指南针方法,教程很不错,推荐过来,喜欢的朋友一起来学习吧!

Fireworks 8 制作指南针

  (图01)

  首先,设置画布大小为128x128像素,底色为白色。

  用椭圆工具画一个90x90的正圆形,并水平、垂直对齐于画布;(图02)

  Fireworks 8 制作指南针

  (图02)

  改变填充类别为线性渐变,增加并调整渐变颜色;(图03)

  Fireworks 8 制作指南针

  (图03)

  在这个圆的上面画一个70x70的正圆形,改变填充类别为线性渐变,增加并调整渐变颜色,水平、垂直对齐于画布(或对齐于它下边儿的那个圆)。(图04)

  Fireworks 8 制作指南针

  (图04)

  接下来描绘表盘上的图案。

  用星形工具画出一个五角星,改变点数为4点,得到了一个四角星(可根据个人喜好改变其形态和尺寸),水平、垂直对齐于下方任何一个圆;再画一个稍小一点的四角星(或复制粘贴)并旋转45度,水平、垂直对齐于下方任何一个圆;(图05-1)

  分别选中两个四角星,点击菜单“修改”-“组合路径”-“联合”,得到了一个四个大角四个小角的八角形;(图05-2)

  再在上面画一个正圆,大体尺寸见(图05-3),水平、垂直对齐。

  分别选中这个小正圆和后面的八角形,点击菜单“修改”-“组合路径”-“打孔”,得到的就是我们所需要的图形了;(图05-4)

  Fireworks 8 制作指南针

  (图05)

  设置这个图形的颜色为白色,不透明度为70;四周画四个小矩形,白色,不透明度为60。(图06)

  Fireworks 8 制作指南针

  (图06)

  下面来制作指针:

  用星形工具画出一个五角星,改变点数为3点,得到了一个三角形;用缩放工具调整长宽比例;(图07-1)

  复制此三角形,选择其中一个,点击菜单“修改”-“变形”-“垂直翻转”,调整位置;(图07-2)

  分别选中两个三角形,点击菜单“修改”-“组合”;旋转此组合图形;(图07-3)

  修改两个三角形的颜色。(图07-4)

  Fireworks 8 制作指南针

  (图07)

  依次改变二者的填充类别为线性渐变并调整渐变颜色(图08-1),然后选择此组合图形,添加“投影”滤镜(图08-2)。

  Fireworks 8 制作指南针

  (图08)

  表蒙的制作:

  用椭圆工具画一个64x64的正圆形,填充类别为无,笔尖颜色为白色,大小为2,不透明度为30,并水平、垂直对齐;(图09)

  Fireworks 8 制作指南针

  (图09)

  

  来到很关键的一步了,表蒙上的高光制作。

  用椭圆工具画一个60x60的正圆形,并水平、垂直对齐。而后,将此正圆形的X位置上移1像素,如图中橙色部分;用钢笔工具描绘出图中红色部分;(图10-1)

  注意:

  1、描绘红色部分时,重要的是描绘出中间的那道曲线;

  2、其余部分随意描绘,但要保证盖掉后面的橙色部分。

  分别选中两个图形,点击菜单“修改”-“组合路径”-“打孔”,得到的就是我们所需要的高光部分的图形了;(图10-2)

  Fireworks 8 制作指南针

  (图10)

  改变填充类别为线性渐变,调整渐变颜色和不透明度;(图11)

  Fireworks 8 制作指南针

  (图11)

  已嗅出芳容了,哈哈,不过总觉得底盘像个铁片儿似的,我们来让它看起来有点立体感。

  给底盘加上描边和纹理,再来个投影。(图12)

  Fireworks 8 制作指南针

  (图12)

  舒服多了。(图13)

  Fireworks 8 制作指南针

  (图13)

  再在刻度盘上来个网格,嘿嘿,当然大家也可根据自己的需要添置图案。

  属性面板组中“纹理”列表中选择“交叉阴影线”,纹理总量为20%。(图14)

  Fireworks 8 制作指南针

  (图14)

  至此已大功告成。

  来点小修饰。(图15)

  Fireworks 8 制作指南针

  (图15)

  结束。以上就是Fireworks 8 制作精美的绿色指南针实例教程,希望大家喜欢!

更多精彩内容其他人还在看

炫出我的个性 qq聊天表情的绘制技巧

前段时间,为大家讲解了如何在fireworks中绘制qq皮肤的教程实例,相信大家已有所收获。这次我们再利用fireworks中自带的gif动画制作功能,为大家讲解动态qq表情的制作。从而也将个性化的qq进行到底
收藏 0 赞 0 分享

fireworks下用运动模糊滤镜制作下雨动画效果

丝丝小雨,带给我们多少温柔与浪漫,这篇教程里,我们将会用fireworks里的运动模糊滤镜来制作出丝小雨的动画特效.希望大家在网页设计中能有帮助
收藏 0 赞 0 分享

dw4 应用基础之firework 文件详解

为了使dreamweaver和firework的集成功能得到最大程度的发挥,你必须按照指定的顺序正确的安装他们,当然如果你使用的是集成以后的安装程序就可以忽略下面的操作了
收藏 0 赞 0 分享

用fireworks绘制水粉画效果教程

用fireworks绘制水粉画效果教程,喜欢的朋友可以参考下
收藏 0 赞 0 分享

用Fireworks制作手机情侣屏保

情人节在中国越来越流行了,假如情侣是异地恋的话,一般的女性朋友都会无意间去翻对方的手机,如果你的手机屏保上面写着“爱老婆”、“爱宝贝”之类的词语,肯定你的女朋友会心花怒放的。
收藏 0 赞 0 分享

用Fireworks制作QQ炫舞戒指自定义字

下面我为大家详细介绍一下如何制作自定义透明字,由于种类繁多,我先简单的介绍一个制作单色透明字的方法,随后我会在百度经验中继续发布制作彩色透明字和水晶透明字,以及一些复杂的制作方法
收藏 0 赞 0 分享

用Fireworks制作个性化水印图片教程

大家在网站上或者网店里的时候经常会看见店铺的招牌图片上会有“本店唯一”等水印字样,下面我给大家简单的介绍一下制作水印的方法。
收藏 0 赞 0 分享

如何用Fireworks制作一个RSS图标

一个朋友正在学习Fireworks,问如何制作一个RSS的图标。于是给他做了个 例子,需要的朋友可以参考下
收藏 0 赞 0 分享

用Fireworks制作IE图标的教程

本文为大家介绍如何用Fireworks制作IE图标,希望能对大家有所帮助
收藏 0 赞 0 分享

Fireworks8.0自动形状属性面板使用方法及应用实例教程介绍

在Fireworks 8新增的“自动形状属性”面板使得我们对于“自动形状”对象的控制更为自由,同时通过详细数据的调整,也使得制作的“自动形状”对象更为精确
收藏 0 赞 0 分享
查看更多