Fireworks实例教程:流光效果详解之播放器海报


  首先看 动机图:

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实例教程:流光

  Ctrl+Shift+D原位克隆这份元件,并在克隆出来的元件上点击右键, 取舍Transform/变形-->Rotate 180°/旋转180度 。当前 固然看不出有什么显而易见 变迁,这是为下一步的旋转补间作 预备 。