手机
当前位置:查字典教程网 >网页设计 >FireWorks教程 >用Fireworks打造光芒四射背景的图片效果
用Fireworks打造光芒四射背景的图片效果
摘要:类似这样的背景光芒效果近来在很多网站广告和海报上频频出现,尤其配合粗体文字能起到烘托主题的作用,搭配插画风格的人物或产品也极具时尚气息。这种...

类似这样的背景光芒效果近来在很多网站广告和海报上频频出现,尤其配合粗体文字能起到烘托主题的作用,搭配插画风格的人物或产品也极具时尚气息。这种放射状的组合图形有纵深感,吸引眼球对重点的关注。那么在Fireworks要怎样实现这种光芒四射的背景效果呢?先看例图:

用Fireworks打造光芒四射背景的图片效果1

 

这里来介绍两种制作方法,不同的工具和步骤可以达到同样的结果。

第一种方法:使用星形工具,位置在Fireworks界面左侧的工具栏,用鼠标点下默认的矩形工具右下角的箭头就可以看到了。

用Fireworks打造光芒四射背景的图片效果2

 

创建画布,因为这里只是做个范例,我的图片尺寸比较小,方便上传。各位在实际操作中可以创建更大的画布,在后面制作时效果会更好,也方便操作。言归正传,我用星形工具画了个默认的五角星。

用Fireworks打造光芒四射背景的图片效果3

 

注意五角星左下角的控制点,用鼠标按住向上拖拽,直到你需要的星形角数为止,拖拽过程中会有提示显示。

用Fireworks打造光芒四射背景的图片效果4

 

多角星上方有四个控制点,按图中所示的红色标记选择半径控制点2向星形中心拖拽。

用Fireworks打造光芒四射背景的图片效果5

 

拖成个海胆样了,见下图:

用Fireworks打造光芒四射背景的图片效果6

 

没关系,再继续按住弧度控制点2向外拖拽。

用Fireworks打造光芒四射背景的图片效果7

 

拖到这个程度差不多。

用Fireworks打造光芒四射背景的图片效果8

 

再选择按住弧度控制点1向星形中心拖拽。

用Fireworks打造光芒四射背景的图片效果9

 

拉成个花芯很小的野雏菊状。

用Fireworks打造光芒四射背景的图片效果10

 

改放射渐变。

用Fireworks打造光芒四射背景的图片效果11

 

再画个同样大小的正圆,也做放射渐变填充,颜色的选择要跟雏菊有差别。

用Fireworks打造光芒四射背景的图片效果12

 

把正圆放到雏菊的下层。

用Fireworks打造光芒四射背景的图片效果13

 

再画个没有填充的矩形,矩形中才是我们所需要的背景。

用Fireworks打造光芒四射背景的图片效果14

 

选中雏菊和正圆,Ctrl+X剪下,再点选剩下的矩形,Ctrl+Shift+V贴入图形内里,效果完成。

用Fireworks打造光芒四射背景的图片效果15

 

加些文字和小星星就到位啦。

【用Fireworks打造光芒四射背景的图片效果】相关文章:

教你用Fireworks制作精美LOGO

Fireworks制作枫叶飘落的gif动画效果

Firework小技巧轻松绘制特殊切角图形

Fireworks三维光感表现立体大胶囊

FireWorks教程:批处理命令批量制作缩略图

图解用Fireworks 制作五角星

Fireworks制作文字水波扩散效果

Fireworks制作邮票

Fireworks制作浮雕石头文字效果

Fireworks教程:简单制作网站Logo

精品推荐
分类导航