ImageReady制作卷轴展开动画效果

来源:中国教程网 作者:阿科 2007-11-20 出处:pcdog.com

photoshop  qq  图层  

  中国教程网联盟授权供稿

  今天我们用Photoshop结合ImageReady制作一个卷轴徐徐展开显露文字的动画效果。

  先看效果:

ImageReady制作卷轴展开动画效果(图一)

  一 、动画部件绘画

  卷轴

  1 新建宽 300,高 120像索 RGB文件

  2 用距形选框工具在图中拉出长方形,并选择渐变工具,属性设置如下:

ImageReady制作卷轴展开动画效果(图二)



  3 新建图层,按着shift銉在长方形选区中拉出渐变,并用1像索描边

  4 继续用距形选框工具于上下两端拉出选区,填充黑色, 卷轴部分描绘完毕

  5 按ctrl+J,得到两个卷轴,为方便操作分别命名为卷轴左,卷轴右

ImageReady制作卷轴展开动画效果(图三)

ImageReady制作卷轴展开动画效果(图四)

ImageReady制作卷轴展开动画效果(图五)

  卷体

  1 新建图层,在卷轴两端之间选 出距形区域,1像索描边

  2 选择=>修改=>收缩10像索,并描边

  ImageReady制作卷轴展开动画效果(图六)

  3 以黄色填充图中部分

  4 新建图层,再次用花纹图案填充该部份

  5 将花纹图层改为叠加模式,卷体部分描绘完毕

ImageReady制作卷轴展开动画效果(图七)

ImageReady制作卷轴展开动画效果(图八)

  二、文字准备

  1 在卷体中间打上字

  2 将两个卷轴图层移到最上方,用白色填充(卷轴左) 左边所有区域,卷轴右亦然.如图:

ImageReady制作卷轴展开动画效果(图九)ImageReady制作卷轴展开动画效果(图十)ImageReady制作卷轴展开动画效果(图十一)

  三、动画制作

  1 切换至 ImageReady,复制第1帧,然后将卷轴左向左移动至合适位置,将卷轴右向右移动至合适位置

  2 点击过渡,属性设置如下

  3 将最后一帧设置为1.0秒。收工

ImageReady制作卷轴展开动画效果(图十二)

ImageReady制作卷轴展开动画效果(图十三)

ImageReady制作卷轴展开动画效果(图十四)

ImageReady制作卷轴展开动画效果(图十五)



上一篇:ImageReady为照片轻松添加动画相框
下一篇:ImageReady修改GIF动画尺寸