论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Fireworks教程
Tag:切片,gif,动画,文字,图标,照片,网页,效果图,表情,按钮,工作,8.0,cs,视频教程

Fireworks制作光线四射的广告效果

文章类别:Fireworks | 发表日期:2008-9-20 19:33:53

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

Fireworks制作光线四射的广告效果


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

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

Fireworks制作光线四射的广告效果

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

Fireworks制作光线四射的广告效果


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

Fireworks制作光线四射的广告效果


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

Fireworks制作光线四射的广告效果
  拖成个海胆样了,见下图:

Fireworks制作光线四射的广告效果


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

Fireworks制作光线四射的广告效果

  拖到这个程度差不多。

Fireworks制作光线四射的广告效果


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

Fireworks制作光线四射的广告效果


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

Fireworks制作光线四射的广告效果
  改放射渐变。

Fireworks制作光线四射的广告效果

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

Fireworks制作光线四射的广告效果

  把正圆放到雏菊的下层。

Fireworks制作光线四射的广告效果


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

Fireworks制作光线四射的广告效果


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

Fireworks制作光线四射的广告效果

  加些文字和小星星就到位啦。
视频教程列表
文章教程搜索
 
Fireworks推荐教程
Fireworks热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058