Fireworks 多边形切片的妙用

2016-02-19 19:18 30 1 收藏

今天图老师小编要向大家分享个Fireworks 多边形切片的妙用教程,过程简单易学,相信聪明的你一定能轻松get!

【 tulaoshi.com - 】

平常大家对网页进行切片输出的时候,一般都用普通的切片工具进行输出的。但是如果遇到导航很多,切片重叠时候,用一般的方法就无法进行处理,这时多变型切片工具的好处就显现出来了,以下我就详细介绍多变切片工具的使用方法!

1.打开作好的导航图片,在第一桢做好按钮一般状态图形,在第二桢上,做好按钮over状态图形,如图所示:(转载请注明http://www.5217.cn)

2.回到第一桢,在工具栏找到多边型工具(K),如果所示:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com)

3.然后用切片工具根据按钮重叠的形状,勾出多边型切片,如图所示:

4.然后选中切片,点击右键,在弹出菜单中选中添加交换图像行为,如图所示:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com)

5.在弹出菜单中,选择当前切片的第二桢,如图所示:

6.然后选择导出网页,保存类型为HTML和图像,如图所示:

7.其它的按钮依次类推,所作的效果如图所示:

注意的问题:
1.多边形切片工具不能切出圆形切片,如原图比较复杂,可多切几个边,或在dw中在进行热区形状编辑;
2.多边形工具的边数多少决定生成文件的大小,所以除非特殊需要,尽量控制多边形的边数;

来源:http://www.tulaoshi.com/n/20160219/1620642.html

延伸阅读
今天小编跟大家分享一个手工diy折纸立体多边形雪人,喜欢动手制作的朋友们,看完就制作吧,做出来的雪人还挺可爱的呢! 纸折纸手工制作立体多边形雪人。雪白的身体,黑色的眼睛、嘴巴及纽扣,黄色的尖鼻子,还有脸颊上的腮红,这些元素组合起来让它显得特别憨态可掬,要是能再给它制作一顶帽子戴上就更好玩了~~~ ...
【PS文字特效】PS教你创建高大上的多边形字体   低多边形(Low-Poly)字体设计是目前最新、最火的一个设计趋势。低多边形字体设计主要是基于有少量多边形的3D网格,同时结合一些渲染技术和灯光效果,使这些网格看上去像纸工艺或折纸作品。 低多边形通常需要使用3D软件来实现,但这篇教程将教会大家如何使用基本的PS工具来实现它的2...
这是面向刚刚学习CorelDRAW的新手的入门级教程,在平面设计中,信封设计常常是设计师最先学习矢量软件的第一个课程,也可能是入行后的第一个设计订单。在本次教程中,我们从无到有绘制一个标准信封,并详细讲解了信封的设计过程,喜欢的朋友让我们一起来需学习吧。  
低多边形风格正火,刚接触的同学还停留在字体多边形效果的时候,高手们已经创造出一大波不可思议的作品了。今天我们收集了好多张精致的多边形风格人物作品,不论是用来欣赏还是用作素材都很棒。   彩蛋时间: 这里至少有一个你认识。咦,大半夜的,我去拿快递包裹。 ...
之前有介绍小圆点背景的制作方法,基本与本教程的制作方法类似。不过本文介绍的方法更为多层次性,更详细。作者最后融入了一些高光点,看似简单却为画面增色不少。 类似教程:Photoshop制作漂亮的圆点高光背景。 最终效果 1、打开Photoshop,创建一个新文档,我使用的是2560×1440像素,可以用它作为墙纸。给背景填充深灰色(#181818)...

经验教程

540

收藏

35
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部