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-08 19:11:11

Fireworks 8 制作精美的指南针的相关文章

Fireworks 8制作精美网页效果图

网页 这里主要介绍的是Fireworks 8的位图工具的使用,如果你用过ps的话,会感觉这两个软件在位图处理中有很多相似的地方,本例是一个以女性化妆品为主打产品的企业宣传网站"北京达美"的形象页面效果图设计.达美公司一直致力于结合科技和自然的化妆品产品的研发.由于达美公司主打自然健康的产品理念,因此在整体的页面设计中以绿色为主要的风格,同时配以女性模特.植物和蝴蝶的素材来体现清新.自然的感觉.如图1.1所示. 1.1 北京达美公司网站形象页面效果图(点击放大). 1.新建一个Firew

Fireworks 制作精美导航效果教程

  本教程是向大家介绍利用Fireworks 制作精美导航效果,制作难度不大,教程介绍地非常详细,新手朋友也可以过来学习,希望这篇教程对大家有所帮助!我们先来看看最终效果图: (图2.1) 下边我将教大家如何制作以上这个按钮: 先新建一个500*400大小的画布,画一个400*40的长方形,调成渐变,如图2.1.1 (图2.1.1) 于是乎出来了一个我们做出来了个这个样子的图形如图2.1.2 (图2.1.2) 然后我们用部分固定选定工具 选取长方形的上边两点如图2.1.3 (图2.1.3) 按住

Fireworks MX制作下拉菜单

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

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键同时,选择小圆图层.得到小圆

WPS 2013怎么制作精美的信纸

  WPS 2013怎么制作精美的信纸          第一步:设置文档并插入图片; 首先,新建空白文档,默认新建的文档为A4,可以在"开始"--"页面设置"调整页面纸张的大小,如果做A4版面的信纸可以保留默认设置.然后选择要做为背景的图片,通过单击"视图"--"页眉和页脚"(如下图所示),将图片复制--粘贴到页眉或页脚中. "视图"--"页眉和页脚" 第二步:设置图片格式,调整图片大

制作精美双层文字教程

PS制作精美双层文字教程 最终效果图 1.新建一个适合你自己文字大小的文件,分辨率72像素/英寸,RGB颜色模式. 2.点击图层面板底部的按钮新建一图层,点击D键恢复默认的黑色前景色和黑色背景色(译者注:按D键需要在英文输入法下). 3.选择菜单滤镜/渲染/云彩(Filter > Render > Clouds),选择菜单图像/调整/色相和饱和度(Image > Adjustments > Hue/Saturation... ,Ctrl+U),弹出色相和饱和度对话框,选中着色(Co

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

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