繁體中文当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > 实战网页图形效果一则
- FireWorks
- Fireworks教程：英文网页导航的制作方法
- Fireworks教程:打造漂亮的水波gif动画
- Firewoks教程：摇动变形打造摇滚波字体
- Fireworks翻译教程：打造滚动的足球动画效果
- Fireworks教程：设计制作漂亮网页的过程
- Fireworks教程：路径组合打造公告栏挂绳效果
- 分析宽高自适应的九宫格背景图片切割的技巧
- Fireworks教程:合成制作怀旧石头字效果
- Fireworks教程：通过实例讲解光影的运用
- Fireworks教程：分享动画制作的心得
- Fireworks教程：运用滤镜制作旋转的四叶草动画
- Fireworks教程：简单打造可爱粉色gif闪图
- Fireworks教程：图片转换动态个性签名的制作
- FireWorks教程：外发光效果巧应用
- Fireworks教程：运用字体打造酷酷涂鸦墙壁效果
- Fireworks教程：结合PS制作马赛克变换动画效果
- Fireworks教程：制作可爱晶莹果冻字
- Fireworks教程：运用滤镜打造特色打孔字效果
- Fireworks实用教程：gif动画图片批量添加水印的方法
- Fireworks教程：打造仿梦幻水墨画效果
FireWorks 中的 实战网页图形效果一则
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-22 浏览: 39 ::
收藏到网摘: n/a
点击这里下载源文件
1、新建文件，文件大小随意，这里采用的是非正规的Banner尺寸：500*200像素大小。首先导入需要体现的位图图像，然后选取工具箱的Shapes工具组的园角矩形绘制工具，在编辑区绘制一个园角矩形，关于园角矩形的园角大小的调整，可以通过拖动位于四个角的黄色的菱形框来进行调整，如下图：
注：园角矩形的形状大小及其位置摆放可以通过调整Properties属性面板的Info区域的数值来实现，具体设置参看下图：
2、在编辑区绘制一个大的矩形对象，宽度要以能覆盖住上侧的园角矩形对象为准，位置摆放如下图所示。同时选定两个矩形对象，执行菜单命令“Modify -- Combine Paths -- Punch(修改--联合路径--打孔)”。
3、在执行打孔命令后生成的园角矩形对象下方绘制一个矩形对象，高度以达到位图对象高度约2/3处为准（此处凭个人感觉可自行决定），为了便于今后叙述我们把矩形的填充颜色变为淡黄色。选取工具箱的超级选择工具（白色箭头），在黄色矩形的任意一个顶点处单击鼠标，选定该路径节点（如果在单击顶点时弹出对话框的话，点击确定即可），然后选取工具箱的钢笔工具，在黄色矩形框的下方路径上单击以增加路径节点，增加的路径节点如下图所示，位置差不多即可。
4、仍然是选取钢笔工具，开始逐一调整增加的两个路径节点。首先选定左侧的路径节点，单击鼠标，但是不要松开鼠标，此刻我们就可以通过旋转鼠标或者上下拖动鼠标来显示该路径节点的调节手柄了，如下图所示：
5、按照上面步骤的方法，对右侧增加的路径节点来进行调整，如下图所示：
6、通过对两个路径节点的调节手柄的调节，拖动，可以使得原本水平的底面产生如下图所示的波浪形。其实我们通过使用钢笔工具使得两个路径节点的调节手柄显现出来后，剩下的调整工作就可以使用超级选择工具来进行了，这样比钢笔调整更轻松些，各位自行试验吧！
7、最终调节的波浪效果如下图所示了。
8、选定调整结束后的黄色路径对象，执行两次快捷键“Ctrl+Shift+D”，原地克隆两个相同的路径对象，此刻层面板的对象显示如下图所示：
9、选定最上层的路径对象，选取工具箱的超级选择工具，将黄色路径对象的下方两侧的路径节点分别向下方拖动一段距离，同时将刚才增加的右侧的路径节点向下方拖动一定的距离，具体的操作可以先凭感觉来，然后再进行调整，调整后的路径对象如下图所示：
10、便于随后的操作，我们把再次调整后的黄色路径对象的填充颜色变为橙色，此刻层面板的对象排列如下：
11、执行快捷键“Ctrl+Shift+D”，原地克隆一个橙色路径对象，同时将位于下层的一个黄色路径对象拖放到最上层，具体的层面板的排列如下图所
评论 (0) 