Fireworks制作魅力炫彩流光特效

发布时间:2017-04-17 08:05 来源:互联网 当前栏目:网页设计教程

  现在先看看完成后的作品。

Fireworks制作魅力炫彩流光特效    电脑高手

  首先建立600x600像素的画布,各位也可以设置其他适合的尺寸。设置底色黑色。

  在画面中间画一个300x200像素的矩形,并在属性面板设置Feather羽化值为100。

Fireworks制作魅力炫彩流光特效   电脑高手

  设置填充为Gradient/渐变-->Folds/折叠渐变,渐变色由红到白。

  点击图形上的渐变控点拉成水平状,整个图案现在看起来类似一张羽化过的条形码。

Fireworks教程:制作魅力流光超炫特效

  现在把渐变色改为由黑到白,并转为点阵图。

Fireworks教程:制作魅力流光超炫特效

  直接在点阵图上右键调出弹出菜单,选择Transform/变形-->Skew/斜切,选中底边的控点向外拉伸到近屏幕边缘。

  现在你有个很大的梯形已经远远超出画布范围,横跨屏幕。

  不必担心,直接到属性面板把图形宽度改成60像素,再把它拖到画布中间来,这就是我们要的第一束光的原型。

Fireworks教程:制作魅力流光超炫特效

  Edit/编辑-->Clone/克隆或快捷键Ctrl+Shift+D原位克隆一份,右键选择Transform/变形-->Rotate 180°/旋转180度。

  把两束光沿相反方向摆成一线,对齐。

  Modify/修改-->Symbol/元件-->Convert to Symbol.../转化成元件,或快捷键F8直接将这两个组合图建立成图形元件。

Fireworks教程:制作魅力流光超炫特效

  现在把渐变色改为由黑到白,并转为点阵图。

Fireworks教程:制作魅力流光超炫特效

  直接在点阵图上右键调出弹出菜单,选择Transform/变形-->Skew/斜切,选中底边的控点向外拉伸到近屏幕边缘。

  现在你有个很大的梯形已经远远超出画布范围,横跨屏幕。

  不必担心,直接到属性面板把图形宽度改成60像素,再把它拖到画布中间来,这就是我们要的第一束光的原型。

Fireworks教程:制作魅力流光超炫特效

  Edit/编辑-->Clone/克隆或快捷键Ctrl+Shift+D原位克隆一份,右键选择Transform/变形-->Rotate 180°/旋转180度。

  把两束光沿相反方向摆成一线,对齐。

  Modify/修改-->Symbol/元件-->Convert to Symbol.../转化成元件,或快捷键F8直接将这两个组合图建立成图形元件。

Fireworks教程:制作魅力流光超炫特效
  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、
  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、