Imageready制作春节鞭炮春联小动画
这个实例主要用用Photoshop结合Imageready绘制完成。完成效果如下：http://design.yesky.com/imagelist/2007/045/79c99zn39ky3.gif
绘制过程如下： 一、 在Photoshop中新建400*800像素的画布，新建图层，用矩形工具画一个正方形，填充红色，在“图层样式”中勾选浮雕效果，可自由设置成合适大小样式，再将此图层旋转90度。 二、 将素材纹样缩放至合适大小，放入方形正中间，并改合适颜色。 三、 用打字工具输入“福”字，黄色，并做“浮雕效果”，将此图层旋转180度。
http://design.yesky.com/imagelist/2007/045/t926wvf5165q.jpg
http://design.yesky.com/imagelist/2007/045/p4d840e1bog7.jpg
http://design.yesky.com/imagelist/2007/045/6z35a518r8la.jpg
四、 将素材纹样缩放至合适大小，设置成黄色，在空白处填充深蓝色。 五、 新建图层，用矩形工具画一个长方形，连接上下部分，选择渐变工具，打开“渐变编辑器”，设置三个“色标”，两边色标颜色为深红，中间色标颜色为浅红。 以上图层可以合并。
http://design.yesky.com/imagelist/2007/045/5092cm37epex.jpg
http://design.yesky.com/imagelist/2007/045/3ikvfzx4l3fi.jpg
http://design.yesky.com/imagelist/2007/045/44v4xpo04j70.jpg
六、新建图层，用图六方法制作一个矩形，在顶端与底端各加一个椭圆形，底端椭圆应用与矩形一样的渐变设置，项端的在渐变编辑器中只用两个色标，左端为深红，右端为浅红，再利用椭圆形工具在两端各加上黄色边。
http://design.yesky.com/imagelist/2007/045/hsc6327r4y23.jpg
http://design.yesky.com/imagelist/2007/045/gfml3lpdg7x2.jpg
http://design.yesky.com/imagelist/2007/045/a82g8g9h3608.jpg
七、新建图层，用矩形工具做细长形鞭炮的芯，并将鞭炮排列好，创建一个序列，并将所有鞭炮图层放入。隐藏鞭炮序列，用矩形工具拉一个长方形春联，上下两头加上卷轴。
http://design.yesky.com/imagelist/2007/045/kmkzro6v5lzo.jpg
http://design.yesky.com/imagelist/2007/045/0c9r8vs4gbiv.jpg
http://design.yesky.com/imagelist/2007/045/auz815fd0z56.jpg
八、将素材图片复制四个排列制作春联背景，并用文字工具打上文字，描黑边。
http://design.yesky.com/imagelist/2007/045/q2n5h9w3sc0q.jpg
http://design.yesky.com/imagelist/2007/045/kv9td36175oq.jpg
九、用矩形工具与自定义形状工具做出火柴，火焰用渐变工具做桔红到黄的渐变。用自定义形状工具做爆竹炸开的效果，组件要分层，便于在imageready中移动。
http://design.yesky.com/imagelist/2007/045/1y6k26p4d0h9.jpg
http://design.yesky.com/imagelist/2007/045/t94b63ln43r7.jpg
十、另外要做几个春联在打开时的几个即时状态。
http://design.yesky.com/imagelist/2007/045/54442l835pv5.jpg
http://design.yesky.com/imagelist/2007/045/0rw1d97n5sqa.jpg
http://design.yesky.com/imagelist/2007/045/61vgfng75vn3.jpg
http://design.yesky.com/imagelist/2007/045/lqzu7iji655e.jpg
http://design.yesky.com/imagelist/2007/045/dgw8i2zlpn9v.jpg
http://design.yesky.com/imagelist/2007/045/rrj7x8u9bbtp.jpg
http://design.yesky.com/imagelist/2007/045/5hxf21q3omk7.jpg
十一、文字的渐变可以单独留一下文字层做不同的渐变叠加就可以，而不用做整个春联的即时状态。
http://design.yesky.com/imagelist/2007/045/i55e9wz07si9.jpg
http://design.yesky.com/imagelist/2007/045/9l5wpztwp76c.jpg
http://design.yesky.com/imagelist/2007/045/w34m4537vyyy.jpg
十二、转入imageready，首先隐藏所有的春联图层，将火柴点爆竹的动画按顺序进行，火柴在不同的帧中可以用移动的方法，爆竹爆炸的过程是在不同的帧由低向高隐藏爆竹序列中的不同图层，并配以爆炸效果中不同图层的隐藏与移动。
http://design.yesky.com/imagelist/2007/045/7xe95tb3j964.jpg
http://design.yesky.com/imagelist/2007/045/6h327p97961x.jpg
http://design.yesky.com/imagelist/2007/045/3t8pdd164co8.jpg
http://design.yesky.com/imagelist/2007/045/y69ti4tt9itj.jpg
十三、将爆竹图层隐藏完后，再依次在不同帧打开春联展开的各种即时状态，最后用文字渐变层，方法同样是隐藏与打开。
http://design.yesky.com/imagelist/2007/045/p4sgvfho961r.jpg
http://design.yesky.com/imagelist/2007/045/sckxw0yd1cfr.jpg
页:
[1]