Yesky首页| 产品报价| 行情| 手机 | 数码 | 笔记本 | 台式机 | DIY硬件 | 外设 | 网络 | 数字家庭 | 评测 | 软件 | e时代 | 游戏 | 图片 | 壁纸 | 群乐 | 社区 | 博客 | 下载
软件频道>设计在线>美工教室|平面网页Flash视频三维欣赏|设计专题教程素材| 群乐:Vista系统下载
您现在的位置: 天极网 > 软件频道 > 设计在线 > 美工教室 > ImageReady制作卷轴展开动画效果
全文
群乐:Photoshop

ImageReady制作卷轴展开动画效果

2007-05-06 08:30 作者: 阿科(中国教程网) 出处: 论坛整理 责任编辑:Shiny
中国教程网联盟授权供稿

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

  先看效果:

  一 、动画部件绘画

  卷轴

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

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

点击放大此图片


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

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

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

点击放大此图片

点击放大此图片

点击放大此图片

  卷体

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

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

  点击放大此图片

  3 以黄色填充图中部分

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

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

点击放大此图片

点击放大此图片

  二、文字准备

  1 在卷体中间打上字

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

点击放大此图片点击放大此图片点击放大此图片

  三、动画制作

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

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

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

点击放大此图片






  如对于本文有任何疑问、意见以及建议,请在文章底部的留言板上留言。或者去天极设计在线主题社区讨论。

  更多精彩,尽在天极设计在线design.yesky.com!


电脑美术设计热门专区


设计软件视频教程大全

设计软件经典教程

设计人生——数码设计人访谈实录集
·软件论坛重装上线
·精彩网页素材
·照片处理专区
·设计软件经典教程集粹

  阅读关于 Photoshop 动画 的全部文章
网友关注
最新上市
编辑推荐
文章阅读排行
周排行
月排行
欢迎订阅天极网RSS聚合资讯:http://www.yesky.com/index.xml