当前位置: 主页 > 平面设计 > PS教程 > 制作实例 > 动画制作 > ImageReady制作春节鞭炮春联小动画

ImageReady制作春节鞭炮春联小动画

  • 2022-03-16
  • 来源/作者: 天极网    / 天极网    
  • 12 次浏览

春节将至,今天我们来一起做一个鞭炮变春联的喜庆动画。这个实例主要用用Photoshop结合Imageready绘制完成。完成效果如下:
ImageReady制作春节鞭炮春联小动画(多图)
完成效果图

  绘制过程如下:

   一、 在Photoshop中新建400*800像素的画布,新建图层,用矩形工具画一个正方形,填充红色,在“图层样式”中勾选浮雕效果,可自由设置成合适大小样式,再将此图层旋转90度。

   二、 将素材纹样缩放至合适大小,放入方形正中间,并改合适颜色。

   三、 用打字工具输入“福”字,黄色,并做“浮雕效果”,将此图层旋转180度。

ImageReady制作春节鞭炮春联小动画(多图)
将正方形图层旋转90度

ImageReady制作春节鞭炮春联小动画(多图)
将准备好的纹理图案加进去


 ImageReady制作春节鞭炮春联小动画(多图)
打上文字

   四、 将素材纹样缩放至合适大小,设置成黄色,在空白处填充深蓝色。

  五、 新建图层,用矩形工具画一个长方形,连接上下部分,选择渐变工具,打开“渐变编辑器”,设置三个“色标”,两边色标颜色为深红,中间色标颜色为浅红。

  以上图层可以合并。

ImageReady制作春节鞭炮春联小动画(多图)(2)
添加装饰

 ImageReady制作春节鞭炮春联小动画(多图)(2)
上色

ImageReady制作春节鞭炮春联小动画(多图)(2)
连接

  接下来该绘制爆竹了。

 六、新建图层,用图六方法制作一个矩形,在顶端与底端各加一个椭圆形,底端椭圆应用与矩形一样的渐变设置,项端的在渐变编辑器中只用两个色标,左端为深红,右端为浅红,再利用椭圆形工具在两端各加上黄色边。

ImageReady制作春节鞭炮春联小动画(多图)(3)
创建一个长方形 用过渡色添充


 ImageReady制作春节鞭炮春联小动画(多图)(3)
在长方形上部,创建椭圆形,并用过渡色添充,并将长方形底部切成半圆形


 ImageReady制作春节鞭炮春联小动画(多图)(3)
将刚创建的椭圆形和半圆底部披荆描上金色的线

 

  接下来我们将把这一只爆竹变成一串。

 七、新建图层,用矩形工具做细长形鞭炮的芯,并将鞭炮排列好,创建一个序列,并将所有鞭炮图层放入。隐藏鞭炮序列,用矩形工具拉一个长方形春联,上下两头加上卷轴。

ImageReady制作春节鞭炮春联小动画(多图)(4)
创建一个序列,并将所有鞭炮图层放入

 ImageReady制作春节鞭炮春联小动画(多图)(4)
再创建一个单色的矩形

 ImageReady制作春节鞭炮春联小动画(多图)(4)
为矩形上下添加卷轴

八、将素材图片复制四个排列制作春联背景,并用文字工具打上文字,描黑边。

ImageReady制作春节鞭炮春联小动画(多图)(5)
给春联上添加纹理


 ImageReady制作春节鞭炮春联小动画(多图)(5)
添加文字

  九、用矩形工具与自定义形状工具做出火柴,火焰用渐变工具做桔红到黄的渐变。用自定义形状工具做爆竹炸开的效果,组件要分层,便于在imageready中移 动。

ImageReady制作春节鞭炮春联小动画(多图)(5)ImageReady制作春节鞭炮春联小动画(多图)(5)
画出火柴和爆竹炸开的效果

 十、另外要做几个春联在打开时的几个即时状态。

ImageReady制作春节鞭炮春联小动画(多图)(6)ImageReady制作春节鞭炮春联小动画(多图)(6)
制作动画卷帘效果1

 ImageReady制作春节鞭炮春联小动画(多图)(6)ImageReady制作春节鞭炮春联小动画(多图)(6)
制作动画卷帘效果2

 ImageReady制作春节鞭炮春联小动画(多图)(6)ImageReady制作春节鞭炮春联小动画(多图)(6)
制作动画卷帘效果3


 ImageReady制作春节鞭炮春联小动画(多图)(6)
制作动画卷帘效果4

  下面我们将给文字添加渐变色效果,使之看上去更加华丽。

 

  十一、文字的渐变可以单独留一下文字层做不同的渐变叠加就可以,而不用做整个春联的即时状态。

ImageReady制作春节鞭炮春联小动画(多图)(7)ImageReady制作春节鞭炮春联小动画(多图)(7)
添加文字渐变色效果1

 ImageReady制作春节鞭炮春联小动画(多图)(7)
添加文字渐变色效果2

  十二、转入imageready,首先隐藏所有的春联图层,将火柴点爆竹的动画按顺序进行,火柴在不同的帧中可以用移 动的方法,爆竹爆炸的过程是在不同的帧由低向高隐藏爆竹序列中的不同图层,并配以爆炸效果中不同图层的隐藏与移 动。

ImageReady制作春节鞭炮春联小动画(多图)(7)
将刚才做完的爆炸效果层,加在爆竹上方

  下面是关键部分,动画的制作。

下面是关键部分,动画的制作。


 ImageReady制作春节鞭炮春联小动画(多图)(8)
逐帧制作动画效果

ImageReady制作春节鞭炮春联小动画(多图)(8)
逐帧制作动画效果
 

ImageReady制作春节鞭炮春联小动画(多图)(8)
逐帧制作动画效果
 

  十三、将爆竹图层隐藏完后,再依次在不同帧打开春联展开的各种即时状态,最后用文字渐变层,方法同样是隐藏与打开。

ImageReady制作春节鞭炮春联小动画(多图)(8) 
逐帧制作动画效果

ImageReady制作春节鞭炮春联小动画(多图)(8)
逐帧制作动画效果

  保存原始文档,并输出,至此作品完成。