Fireworks制作立体缠绕体
使用Fireworks制作这样的效果,如果不使用技巧的话,想来非常困难。其实我们可以使用Fireworks的Tween Instances(补间实例)功能,便能简单的制作出类似的效果。http://it365cn.com/articleimg/233-1.gif
1、新建文件,宽度与高度均设为300px; 2、选择查看菜单 -> 网格 -> 编辑网格...,弹出窗口,勾选“显示网格”,网格宽、高度设为20px;
http://it365cn.com/articleimg/233-2.gif
3、添加辅助线。选择查看菜单 -> 标尺,编辑区中显示出标尺。在横坐标上按住鼠标向下移动至编辑区,添加一条辅助线,默认的辅助线为绿色,在纵坐标上同样按住鼠标向右移动至编辑区,添加了竖辅助线。添加后的辅助线如下图所示(黑色线条为网络线):
http://it365cn.com/articleimg/233-3.gif
4、选择工具栏中的线条工具,从图中的①至②添加一条红色的斜线,选择插入菜单 -> 转化为元件 ,将线条转化为图形元件; 5、选择编辑菜单 -> 克隆,在工具栏中,点击缩放工具,将克隆出来的线条向上、向左进行缩放(这一步非常重要,不能使用旋转工具进行变形!); 6、选择原线条(即①至②添加的一条红色的斜线),在信息面板中查看其属性值。本实例中,线条的宽度为181,高度为21。再选择缩放的线条,在信息面板中将其宽度设为21,高度为181。并在信息面板中将这两条线段的X轴设为相同;
http://it365cn.com/articleimg/233-4.gif
7、取消网络的显示。同时复选这两条线段,选择修改菜单 -> 元件 -> 补间实例,弹出窗口,步骤设为10,不勾选分配到帧,确定;
http://it365cn.com/articleimg/233-5.gif
制作的效果:
http://it365cn.com/articleimg/233-6.gif
8、在缠绕曲线的基础上,借助辅助线,我们制作出竖线与横线;
http://it365cn.com/articleimg/233-7.gif
这样我们便基本制作出了效果的雏形,至于最终的效果,我们只在制作出来的对象上克隆出三个相同的缠绕曲线,然后对其分别进行旋转,便制作出我们期望的立体缠绕体!
页:
[1]