使用Fireworks 8 制作指南针实例


  (图01)

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

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

  

  (图02)

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

  

  (图03)

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

  

  (图04)

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

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

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

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

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

  

  (图05)

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

  

  (图06)

  下面来制作指针:

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

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

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

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

  

  (图07)

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

  

  (图08)

  表蒙的制作:

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

  

  (图09)

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

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

  注意:

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

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

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

  

  (图10)

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

  

  (图11)

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

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

  

  (图12)

  舒服多了。(图13)

  

  (图13)

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

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

  

  (图14)

  至此已大功告成。

  来点小修饰。(图15)

  

  (图15)

  结束。

时间: 2024-11-29 20:13:03

使用Fireworks 8 制作指南针实例的相关文章

css3制作网页实例:点击切换不同的CSS列表

文章简介:css3制作网页实例:点击切换不同的CSS列表. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><met

Fireworks MX制作下拉菜单

菜单|下拉 随着网站页面极其功能的复杂化,越来越多的网站使用下拉菜单进行导航.熟悉Javascript的朋友都知道,所谓下拉菜单其实是通过Javascript控制每一个元素的可见属性实现的,当然这需要专门编写大段的代码.但是要是使用Fireworks MX就不需要这么麻烦,所有的代码都是由Fireworks MX自动生成的,你要做的只是美化一下界面,再简单的设置一下下拉菜单的选项就可以了. 下面就来看看怎样使用Fireworks MX增强的下拉菜单功能制作出让人羡慕的下拉菜单. 步骤1: 打开一

flash8水波制作简明实例-探篇

一直一来,flash8的水波制作都是比较让我向往的,网上也出了不少的教材,闪吧的高手HBB和xiankevin都出过相关的教程,不过当时我没时间学习,看源文件看的是一塌糊涂,到头来是今天看,明天忘.这几天学习flash新增的类,终于学到了DisplacementMapFilter滤镜类,一切豁然开朗,原来水波制作这么简单,下面是昨天学习,今天做的一个小实例.很简单,基本上三步走就完成了一个水波制作的雏形.明天再试试用BitmapData.perlinNoise 方法加深一下印象.注:xianke

Fireworks MX制作一面饱经风霜的奥运五环旗

在每届奥林匹克运动会开幕时,运动场中间都要高高地悬挂一面奥林匹克旗帜,这面旗中间有五个圆环组成的图案.奥林匹克旗帜五个圆环连接在一起象征五大洲的团结,象征全世界的运动员以公正.公平的比赛和友好的精神在奥林匹克运动会上友好相见,欢聚一堂,以促进奥林匹克运动的发展.今天笔者利用Fireworks MX制作出这见证历史.对人类的文明产生了深刻的影响.饱经风霜.锈迹斑斑并嵌套在一起的奥运五环.同时也希望2008年在我们中国举办的奥运会能将这奥运五环再一次擦亮! 1. 打开Fireworks MX,设置文

Fireworks MX 制作朦胧照效果

以前看到过在Photoshop制作过朦胧照的效果,感觉很新鲜,就尝试着在Fireworks中制作一下了,没想到制作的方法特为简单. 制作方法: 1.打开原图片: 2.选择原图片,将选择"编辑"菜单."克隆(Ctrl+Shift+D)",原位置克隆一张图片: 3.打开层面板,选择好第一张图片,在属性面板中设置好透明度,值为40%: 4.选择"滤镜"菜单."模糊"."高斯模糊",设置值为4: 制作完成,效果挺漂

使用Fireworks MX制作泡泡球效果

在经典论坛上(http://www.blueidea.com/bbs/)看到一个使用Fireworks MX制作透明泡泡球的效果,感觉非常不错,特摘录此教程,方便借鉴参考.(效果图为PNG文件) 1,使用圆形工具画出一个白色的圆.并其转化成位图.(编辑→平面化所选 快捷键:Ctrl+Shift+Alt+Z) 2,再使用圆形工具画出一个白色的圆,大小相比前一个制作的圆略小些.借助于排列工具,将小圆放到大圆的居中位置. 3,在图层面板中,选择转化为位图的圆,按住CTRL键同时,选择小圆图层.得到小圆

如何在Fireworks中绘制指南针?

本文讲解了如何在Fireworks中绘制指南针 .主要包括5个部分,首先,设置画布大小用椭圆工具进行绘制,其次填充颜色,最后描绘图案.下面是如何在Fireworks中绘制指南针的具体操作方法: 完成效果如下: (图01) 首先,设置画布大小为128x128像素,底色为白色.(图01) 用椭圆工具画一个90x90的正圆形,并水平.垂直对齐于画布;(图02) (图02) 改变填充类别为线性渐变,增加并调整渐变颜色;(图03) (图03) 在这个圆的上面画一个70x70的正圆形,改变填充类别为线性渐变

Fireworks网上电影发布实例教学

  在网页中插入电影的方式有2种,一种是不带播放器界面,另外一种是带有播放器界面的,这两种方式的发布都不要复杂的程序代码,更不需要深奥的程序设计,以下是Fireworks网上电影发布实例按的步骤你能在短短几分钟内学会发布网上电影. 一.不带播放器的电影发布 这种发布方式并不会在网页浏览器中出现播放器,而是使用快捷菜单命令来控制电影的播放和停止,具体的发步骤为: 1.运行FrontPage 2002程序,确保网页处于视图方式下,然后将鼠标移动到菜单栏上,依次执行"插入"/"图片

教你用Fireworks简单制作残破边缘效果

  本教程是向大家介绍如何利用Fireworks制作残破边缘效果,制作方法非常简单,就是运用钢笔来勾,非常适合初学Fireworks朋友学习,转发过来,希望大家喜欢 先来看看效果图: 制作方法如下: 以上就是用Fireworks简单制作残破边缘效果,是不是很简单,感兴趣的朋友快点来动手吧.