东莞网站建设公司 网易通东莞网络公司  

     网站首页   成功案例    域名注册    虚拟主机     网站建设    网页设计    网站优化    网站推广   建站知识    关于我们    联系我们    论坛专区
网站设计知识分类
·在ImageReady中针对Web使用优化图
·网站制作中用Dreamweaver调整图像
·PHOTOSHOP如何创建 Web 动画
·设置“插入 Flash 视频”对话框选
·企业网站设计规划和网页设计问题
·网站制作中如何设置图像属性
·网站制作中设置测试服务器
·网站生成静态页面方法
·企业更加关注网站外观设计
·Dreamweaver8.0中的新功能
  您现在位置:网易通东莞网络公司>> 网站建设>> 网站设计>> 正文
    本页关键字:东莞网站设计,东莞网站制作,建设网站知识介绍

※ 【网站设计制作知识】 (客户服务热线:0769-26772886 26659832)
PHOTOSHOP如何创建 Web 动画
发布日期:08-01-07 18:02:04 点击次数:[]

操作方法提示:

使用分层的 Photoshop 图像创建 Web 动画。

动画由一系列图像帧组成,通过使每一帧与下一帧都有稍微的不同,可以使人产生一种运动的错觉。您可以使用分层的 Photoshop 或 ImageReady 图像在 Adobe ImageReady 中创建简单的动画。在图像中构成动画的所有元素都放置在不同的图层中。通过对每一帧隐藏或显示不同的图层,可以改变每一帧的内容,而不必一遍又一遍地复制和改变整个图像。您只需为每个静态元素创建一个图层,而运动元素则可能需要若干个图层才能制作出平滑过渡的运动效果。

  1. 在 Photoshop 中创建需要呈现动画效果的图像。为每个静态元素单独创建一个图层,然后为运动元素创建多个图层。用于运动元素的每个图层应代表它在不同时间点的位置。
  2. 存储文件,然后选取“文件”>“在 ImageReady 中编辑”。ImageReady 应用程序将打开并显示该图像。
  3. 点按“动画”选项卡使“动画”调板出现在前面。如果该调板未打开,请选取“窗口”>“动画”。ImageReady 会创建动画的第一帧。
  4. 点按“图层”选项卡使“图层”调板出现在前面。如果该调板未打开,请选取“窗口”>“图层”。调整“图层”调板和“动画”调板的位置,以便您至少可以看到文档窗口的一部分以及这两个调板。
  5. 在“图层”调板中确保对于第一帧正确地显示或隐藏了各个图层。点按眼睛图标可以隐藏某个图层,或者点按空眼睛列以显示某个图层。
  6. 点按“动画”调板底部的“复制动画帧”按钮添加下一帧。在“图层”调板中,根据这一帧的需要调整各个图层的可见性。继续添加新的帧,并根据需要隐藏或显示各个图层。
  7. 创建完所有的动画帧后,点按“动画”调板底部的“播放”按钮预览动画。点按“停止”按钮可停止播放。
  8. 如果动画的变换速度过快,请选中要调整其显示时间的特定帧,或选中所有帧来统一改变它们的显示时间。然后,点按选定帧底部“0 秒”旁边的箭头,并从弹出式菜单中选取所需的时间。
  9. 要设置动画循环的次数,请从“动画”调板左下角的弹出式菜单中选取“其他”(默认为“永远”)。输入一个值以指定“播放”次数,然后点按“好”。
  10. 获得满意的动画效果后,存储文件。请先用 Photoshop 格式存储文件,这一点很重要。Photoshop 格式会保留图像的所有组件,并允许您在以后根据需要进行更改。将图像存储为 PSD 文件后,可以针对 Web 使用优化动画,并将优化结果存储为 GIF 格式(在 Web 上显示动画所需的格式)。

上一页: 下一页:

地址:东莞市东城大道55号方中大厦802 版权所有:东莞网易通网络信息科技有限公司 电话:0769-26772886 26659832 手机:13798835510 13249938788