Fireworks制作立体缠绕体

[复制链接]
查看: 287|回复: 0
gggds 发表于 2009-12-27 13:02:13 | 显示全部楼层 |阅读模式
  使用Fireworks制作这样的效果,如果不使用技巧的话,想来非常困难。其实我们可以使用Fireworks的Tween Instances(补间实例)功能,便能简单的制作出类似的效果。
; I- C7 F8 B& `. C9 g1 {2 `( [" s5 Z6 Q, z9 j! z/ m
  1、新建文件,宽度与高度均设为300px;   2、选择查看菜单 -> 网格 -> 编辑网格...,弹出窗口,勾选“显示网格”,网格宽、高度设为20px;
3 X, O# a" w% a5 u! s* `3 d  F6 w3 g1 C% y# r) |
  3、添加辅助线。选择查看菜单 -> 标尺,编辑区中显示出标尺。在横坐标上按住鼠标向下移动至编辑区,添加一条辅助线,默认的辅助线为绿色,在纵坐标上同样按住鼠标向右移动至编辑区,添加了竖辅助线。添加后的辅助线如下图所示(黑色线条为网络线):% z/ g8 r% d& S/ p! E3 _% z# z

* U( J- V2 K1 x! W8 G2 y! u* K  4、选择工具栏中的线条工具,从图中的①至②添加一条红色的斜线,选择插入菜单 -> 转化为元件 ,将线条转化为图形元件;   5、选择编辑菜单 -> 克隆,在工具栏中,点击缩放工具,将克隆出来的线条向上、向左进行缩放(这一步非常重要,不能使用旋转工具进行变形!);   6、选择原线条(即①至②添加的一条红色的斜线),在信息面板中查看其属性值。本实例中,线条的宽度为181,高度为21。再选择缩放的线条,在信息面板中将其宽度设为21,高度为181。并在信息面板中将这两条线段的X轴设为相同; " V, i, _0 a$ p* r
* O1 l" s' J: b: U
  7、取消网络的显示。同时复选这两条线段,选择修改菜单 -> 元件 -> 补间实例,弹出窗口,步骤设为10,不勾选分配到帧,确定;
8 S7 H' c( a2 g; y4 A4 A/ k0 r8 w9 ]
2 e! H" J2 C6 O) t# O# F( O  制作的效果:) E8 B9 N: q% v
2 l7 g9 f2 Z- {; T' ~! \  x% L9 U. N
  8、在缠绕曲线的基础上,借助辅助线,我们制作出竖线与横线;& u: V1 _* s) |$ {2 G
& t- G" y6 _9 a6 {) f! E8 ~
  这样我们便基本制作出了效果的雏形,至于最终的效果,我们只在制作出来的对象上克隆出三个相同的缠绕曲线,然后对其分别进行旋转,便制作出我们期望的立体缠绕体!

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )