手机
当前位置:查字典教程网 >网页设计 >FireWorks教程 >Fireworks CS5怎么制作3D网格线?
Fireworks CS5怎么制作3D网格线?
摘要:用FireworksCS5软件能够制作出漂亮的3D网格线,3D网格线的制作,主要通过网格和线条、矩形工具的简单应用,部分选择工具的使用的运用...

用Fireworks CS5软件能够制作出漂亮的3D网格线,3D网格线的制作,主要通过网格和线条、矩形工具的简单应用,部分选择工具的使用的运用来进行的。下面就以一个实例来进行说明。

Fireworks CS5怎么制作3D网格线?1

1、新建一文档,大小自定,颜色为“白色”;

Fireworks CS5怎么制作3D网格线?2

2、选择菜单【视图】|【网格】|【显示网格】打开显示网格功能;

Fireworks CS5怎么制作3D网格线?3

3、选择菜单【视图】|【网格】|【编辑网格】将网格的大小设定位“30*30”;

Fireworks CS5怎么制作3D网格线?4

4、在工具箱中选择“直线”工具,将线条颜色设定为“绿色”,在编辑区中画出“8行8列” 的作图范围;

Fireworks CS5怎么制作3D网格线?5

5、锁定“图层1”并新建一个图层2;

Fireworks CS5怎么制作3D网格线?6

6、选择“矩形”工具,将矩形的边线设置为“黑色”,粗细设置为“1”个像素,画出一个“8行1列的矩形”;

Fireworks CS5怎么制作3D网格线?7

7、接着用同样的方式,并以第一个矩形的左边线为起点,画出一个“7行2列”的矩形;

Fireworks CS5怎么制作3D网格线?8

8、以此类推同理画出8个矩形,最后一个矩形为“1行8列”;

Fireworks CS5怎么制作3D网格线?9

9、隐藏“图层1”,并设置为网格线不可见并将网格线关闭;

Fireworks CS5怎么制作3D网格线?10

10、利用快捷键“Ctr l+A”选中所有的图形,并选择【修改】|【组合】,组合所有图形;

Fireworks CS5怎么制作3D网格线?11

11、使用“部分”定”工具,选中第一个矩形的右上角节点,按键盘上的“Delete”键,将其删除,同理删除其它矩形右上角的节点;网格线效果制作完毕。

Fireworks CS5怎么制作3D网格线?12

【Fireworks CS5怎么制作3D网格线?】相关文章:

Fireworks制作 Banner广告动画

Fireworks制作下雨动画效果

Fireworks制作雪花飘飘动画教程

Fireworks绘制生肖鼠邮票教程

Fireworks绘制矢量的邮件图标

Fireworks制作立体倒影效果

Fireworks绘制清新翠绿的竹子

Fireworks运用笔触制作飘逸白云图实例教程

用Fireworks制作网页

Fireworks制作漂亮水晶五角星

精品推荐
分类导航