建站学习网,专业提供各类建站教程,网页素材,SEO资讯等建站资源!

网站模板_网站源码_网站素材_建站教程_建站学习网

当前位置:建站学习网 > 网页设计 > FireWorks教程 >

Fireworks 8 制作精美的指南针

更新时间:2017-04-19整理编辑:建站学习网阅读:0

  (图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)

  结束。

本文网址:https://www.dedexuexi.com/wysj/FireWorks/3019.html

本站部分文章搜集与网络,如有侵权请联系本站,转载请说明出处。

收藏此文 赞一下!() 打赏本站

如本文对您有帮助,就请建站学习网抽根烟吧!

支付宝打赏
微信打赏
Fireworks CS5工具面板
« 上一篇2017年04月19日
Fireworks制作转动的四叶草效果教程
2017年04月19日下一篇 »
  • Fireworks CS5、CS4、CS3版本功能比较
    0阅读
    Adobe Flash Professional CS5 软件可以完成精彩的交互创作,可用于提供跨个人计算机、移动设备以及几乎任何尺寸和分辨率的屏幕一致呈现的令人痴迷的互动体验。 Adobe Fireworks CS5 软件使用户能为 Web 以及几乎任何设备(比如智能手机、报亭到嵌入式屏幕等)创建...
  • Fireworks教程:轻松制作水晶小图标
    0阅读
  • 利用Fireworks打造石头字效果
    0阅读
    1、素材。烂墙壁照片一张以及胶片照片一张。 2、新建500*350画布,插入背景图片。然后调整亮度和色调如下。 3、拉一个大小为500*350的放射状渐变的矩形。参数设置如下。 4、输入文字影视。字
  • Fireworks教程:制作波尔卡点边框
    0阅读
    效果如下 选择一个图片,用FW打开 在图片上面建立一个层,作一个和图片一样大小的矩形,用白色填充 为这个举行添加效果Edges 具体设置如图 注意Color(颜色填充)这里选择黑色 选中矩形,Ctr
  • Fireworks简单方法设计网页闪字动画效果
    0阅读
    最近网络上很流行一种超炫的闪彩文字及签名,在QQ空间里、论坛签名里、各类回贴和博客都有炫彩闪字的身影,一些具有个性的闪字还相当耀眼,那么这种炫彩字是如可制作出来的呢?其实制作
 
QQ在线咨询
×
欢迎您登陆建站学习网
QQ一键登陆 建站学习网账号登录