最新网页游戏's Archiver

狂风摆渡 发表于 2007-7-9 09:00

Fireworks光芒四射之殊途同归

类似这样的背景光芒效果近来在很多网站广告和海报上频频出现,尤其配合粗体文字能起到烘托主题的作用,搭配插画风格的人物或产品也极具时尚气息。这种放射状的组合图形有纵深感,吸引眼球对重点的关注。那么在Fireworks要怎样实现这种光芒四射的背景效果呢?先看例图:
[align=center][img=360,360]http://www.blueidea.com/articleimg/2007/07/4817/01.jpg[/img][/align][align=center][img=360,360]http://www.blueidea.com/articleimg/2007/07/4817/26.jpg[/img][/align]这里来介绍两种制作方法,不同的工具和步骤可以达到同样的结果。
[b]第一种方法:[/b]
使用星形工具,位置在Fireworks界面左侧的工具栏,用鼠标点下默认的矩形工具右下角的箭头就可以看到了。
[align=center][img=192,382]http://www.blueidea.com/articleimg/2007/07/4817/02.jpg[/img][/align]创建画布,因为这里只是做个范例,我的图片尺寸比较小,方便上传。
各位在实际操作中可以创建更大的画布,在后面制作时效果会更好,也方便操作。
言归正传,我用星形工具画了个默认的五角星。
[align=center][img=360,360]http://www.blueidea.com/articleimg/2007/07/4817/03.jpg[/img][/align]注意五角星左下角的控制点,用鼠标按住向上拖拽,直到你需要的星形角数为止,拖拽过程中会有提示显示。 [align=center][img=360,360]http://www.blueidea.com/articleimg/2007/07/4817/04.jpg[/img][/align]多角星上方有四个控制点,按图中所示的红色标记选择半径控制点2向星形中心拖拽。
[align=center][img=360,360]http://www.blueidea.com/articleimg/2007/07/4817/05.jpg[/img][/align]拖成个海胆样了,见下图:
[align=center][img=360,360]http://www.blueidea.com/articleimg/2007/07/4817/06.jpg[/img][/align]没关系,再继续按住弧度控制点2向外拖拽。
[align=center][img=360,360]http://www.blueidea.com/articleimg/2007/07/4817/07.jpg[/img][/align]拖到这个程度差不多。
[align=center][img=360,360]http://www.blueidea.com/articleimg/2007/07/4817/08.jpg[/img][/align]再选择按住弧度控制点1向星形中心拖拽。
[align=center][img=360,360]http://www.blueidea.com/articleimg/2007/07/4817/09.jpg[/img][/align]拉成个花芯很小的野雏菊状。
[align=center][img=360,360]http://www.blueidea.com/articleimg/2007/07/4817/10.jpg[/img][/align]改放射渐变。
[align=center][img=360,424]http://www.blueidea.com/articleimg/2007/07/4817/11.jpg[/img][/align]
再画个同样大小的正圆,也做放射渐变填充,颜色的选择要跟雏菊有差别。
[align=center][img=360,424]http://www.blueidea.com/articleimg/2007/07/4817/12.jpg[/img][/align]把正圆放到雏菊的下层。
[align=center][img=360,360]http://www.blueidea.com/articleimg/2007/07/4817/13.jpg[/img][/align]再画个没有填充的矩形,矩形中才是我们所需要的背景。
[align=center][img=360,360]http://www.blueidea.com/articleimg/2007/07/4817/14.jpg[/img][/align]选中雏菊和正圆,Ctrl+X剪下,再点选剩下的矩形,Ctrl_Shift+V贴入图形内里,效果完成。
[align=center][img=360,360]http://www.blueidea.com/articleimg/2007/07/4817/15.jpg[/img][/align]加些文字和小星星就到位啦。
[align=center][img=360,360]http://www.blueidea.com/articleimg/2007/07/4817/16.jpg[/img][/align]
[b]第二种方法:[/b]
是经典的补间实例。如果你的Fireworks版本比较低,工具栏还没有多边形工具,这个方法就比较适用。
先画个高度相当于画布一半的矩形,线性渐变填充。
[align=center][img=360,424]http://www.blueidea.com/articleimg/2007/07/4817/17.jpg[/img][/align]在矩形上按鼠标右键,弹出菜单下选择变形-->挤压(skew),选图形底部右下角的控制点向中间推挤。
[align=center][img=360,360]http://www.blueidea.com/articleimg/2007/07/4817/18.jpg[/img][/align]复制同样的图形,翻转,放到原图形底部对齐。
[align=center][img=360,360]http://www.blueidea.com/articleimg/2007/07/4817/19.jpg[/img][/align]按F8创建图形元件。并Ctrl+D原位复制一个。
把新复制出来的元件原地旋转180度(图形上按右键,弹出菜单下变形-->旋转180度)。
[align=center][img=360,360]http://www.blueidea.com/articleimg/2007/07/4817/20.jpg[/img][/align]选中这两个元件,Ctrl+Alt+Shift+T调用补间实例命令。
[align=center][img=360,360]http://www.blueidea.com/articleimg/2007/07/4817/21.jpg[/img][/align]
弹出对话框内填上10次,不勾选分散到帧。
[align=center][img=360,360]http://www.blueidea.com/articleimg/2007/07/4817/22.jpg[/img][/align]按下确认键以后的样子。
[align=center][img=360,360]http://www.blueidea.com/articleimg/2007/07/4817/23.jpg[/img][/align]下面垫上个放射渐变填充的圆。
[align=center][img=360,360]http://www.blueidea.com/articleimg/2007/07/4817/25.jpg[/img][/align]剩下的就跟方法一操作一样了,画矩形,剪切{过滤词语}图形填入矩形内里,添加文字就是成品了。
[b]源文件:[/b]
[align=center][img=320,320]http://www.blueidea.com/articleimg/2007/07/4817/26.png[/img][/align]

页: [1]

Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.