• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >Fireworks > Fireworks要怎样实现光芒四射的背景效果 两种制作方法图文介绍

Fireworks要怎样实现光芒四射的背景效果 两种制作方法图文介绍

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-05-24

佚名 向大家分享了Fireworks要怎样实现光芒四射的背景效果 两种制作方法图文介绍,其中包含我要自学网fireworks,fireworks怎样抠图,fireworks,fireworks下载,fireworks教程等知识点,遇到此问题的同学们可以参考下

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

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教程:光芒四射之殊途同归(2)

第二种方法:

是经典的补间实例。如果你的Fireworks版本比较低,工具栏还没有多边形工具,这个方法就比较适用。

先画个高度相当于画布一半的矩形,线性渐变填充。

Fireworks教程:光芒四射之殊途同归(2)

在矩形上按鼠标右键,弹出菜单下选择变形-->挤压(skew),选图形底部右下角的控制点向中间推挤。

Fireworks教程:光芒四射之殊途同归(2)

复制同样的图形,翻转,放到原图形底部对齐。

Fireworks教程:光芒四射之殊途同归(2)

按F8创建图形元件。并Ctrl+D原位复制一个。
把新复制出来的元件原地旋转180度(图形上按右键,弹出菜单下变形-->旋转180度)。

Fireworks教程:光芒四射之殊途同归(2)

选中这两个元件,Ctrl+Alt+Shift+T调用补间实例命令。

Fireworks教程:光芒四射之殊途同归(2)

弹出对话框内填上10次,不勾选分散到帧。

Fireworks教程:光芒四射之殊途同归(2)

按下确认键以后的样子。

Fireworks教程:光芒四射之殊途同归(2)

下面垫上个放射渐变填充的圆。

Fireworks教程:光芒四射之殊途同归(2)

剩下的就跟方法一操作一样了,画矩形,剪切其他图形填入矩形内里,添加文字就是成品了。

END

以上就是用Fireworks实现光芒四射的背景效果两种制作方法,希望对Fireworks学习者有一定的帮助!

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • Fireworks要怎样实现光芒四射的背景效果 两种制作方法图文介绍

相关文章

  • 2017-05-24Fireworks制作多样式实用网页按钮
  • 2017-05-24firewords 一款动画logo制作方法
  • 2017-05-24用Fireworks打造的脸部特写
  • 2017-05-24教你用Fireworks轻松绘制各种样式的虚线
  • 2017-05-24Fireworks教程:绘制夏天清凉折扇
  • 2017-05-24Firewoks教程:图片的渐变矢量风格
  • 2017-05-24Fireworks 制作晶莹剔透的魔幻花瓣
  • 2017-05-24教你如何利用Fireworks制作马赛克文字效果
  • 2017-05-24Fireworks CS4快速绘制韩式风格手提袋
  • 2017-05-24Fireworks打造Vista毛玻璃效果教程

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • Fireworks利用滤镜工具轻松制作可爱Gif动画实例教程
    • Fireworks怎么修改图像画布大小?
    • 利用fireworks制作质感的木制相框
    • Fireworks 绘制小老鼠图案邮票
    • 教你用Fireworks制作精美漂亮的照片边框
    • Fireworks软件中动态元件的基本制作及高级运用实例教程分享
    • 教你用Fireworks简便制作光影效果
    • Fireworks设计打造晶莹剔透的翅膀实例教程
    • Fireworks 制作青花陶瓷按钮
    • Fireworks怎么扇形圆形文字? Fireworks文字路径的制作方法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有