首 页 网络编程
网页制作 图形图象 操作系统 冲浪宝典
软件教学 认证考试

网络安全 网络办公 行业资讯 评测对比
您当前位置:站长天空 -> 图形图象-> PHOTOSHOP教程
用好photoshop的手足兄弟 imageready
作者:网友供稿 点击:25
推荐
西部数码-全国虚拟主机10强!20余项虚拟主机管理功能,全国领先!第6代双线路虚拟主机,南北访问畅通无阻!可在线rar解压,自动数据恢复设置虚拟目录等.免费赠送访问统计,企业邮局.Cn域名注册10元/年,自助建站480元起,免费试用7天,满意再付款!P4主机租用799元/月.月付免压金
站内搜索
文章页数:[1] 

  文/董亮

  如果你的电脑中安装着5.5以上版本的Photoshop,你一定会发现,还有另一个叫做ImageReady的软件随同Photoshop一起被安装到了你的计算机中。那么,你知道它是用来做什么的吗?

  ImageReady是一款专门用来编辑动画的软件,它弥补了Photoshop在编辑动画以及网页素材方面的不足。ImageReady中包含了大量制作网页图像和动画的工具,甚至可以产生部分
html代码,可以说是功能强大。下面我们就来学习一下它的两项基本动画处理功能。

  在正式开始之前让我们先来看一段搞笑动画“弹指神功”(www.haha365.com/default.asp﹖classid=4)。将图片的六种变化一一抓下保存为JPEG格式图片(小编注:抓图的方法本报以前有过很多介绍,这里不再赘述。),将大小均调整为244×277像素,依次命名为t1.jpgt6.jpg(如图1)。


图1准备好动画所需要的6张图片

  一、制作GIF动画

  动画实际上就是一系列连续出现的静态图像,每一幅静态图像称为一帧,当这些帧连续、快速地显示时就会形成动画效果。用ImageReady编辑动画其实也就是对帧的操作。

  1、创建新帧

  打开ImageReady,新建一个244×277像素大小的名为“弹指神功”的新文件,在“窗口”菜单中点击“显示图层”以及“显示动画”命令,使图层面板与动画面板出现在软件界面中。打开t1.jpg,按Ctrl+A将图片内容全部选中,复制粘贴到新图片中,这是动画的第一帧,也是程序默认的图片正常状态。

  单击动画面板下方的“复制当前帧”按钮,建立第2帧。同样将t2.jpg的内容全选复制到新文件“弹指神功”中。

  接下来用上述办法将t3.jpg、t4.jpg、t5.jpg、t6.jpg分别粘贴到各自的新帧中,一共建立6帧。

  2、图层与帧的配合

  在图层面板中选中“背景”层,按图层面板右下角的“删除图层”按钮(小垃圾桶符号),将背景层删除。

  单击选中动画面板中的第1帧,在图层面板中隐藏图层2、3、4、5、6(就是将这些图层左边的“小眼睛”点掉)。

  然后单击选中动画面板中的第2帧,在图层面板中隐藏图层1、3、4、5、6,使之仅显示图层2的内容。

  同理,再分别将第3到第6帧中的其他图层隐藏,使每一帧仅显示与其关的图层内容。处理结果如图2所示。

  3、预览与存储

  在动画面板每一帧的下部单击“秒”字右边的小倒三角,选择希望每一帧显示的时间(0240秒,你可以自己调整)。最后,单击动画面板中的播放按钮,就可以直接测试动画效果了。如果你还满意的话,可以在“文件”菜单中选择“存储优化结果”,将我们的成果保存为“弹指神功.gif”,就完成制作了。

  顺便提一句,你也可以用ImageReady打开任意一幅GIF动画图片,对每一帧进行编辑修改。我感觉与另一著名动画编辑软件FireWork比较起来,ImageReady的界面更加友好,操作更加简便。

  二、制作翻转图片

  在网页中,经常遇到鼠标事件导致的不同动态效果的情况,比如最常见的鼠标移到图片上、单击以及移开时,图片内容发生变化。如果用网页html代码编辑这种效果是很麻烦的,而用ImageReady就简单多了。

  制作这种图片翻转效果的方法与上面制作动画的方法基本差不多,惟一不同的是我们这次不是打开动画面板来编辑各个帧,而是打开翻转面板来编辑各个不同的鼠标状态。

  使用“窗口→显示翻转”命令打开翻转面板,点击面板下方的“创建新翻转状态”按钮可以创建不同的翻转状态,这里一共可以有6种状态,分别是:正常、Over、Down、Click、Out和Up。其他的步骤就不多说了,同样是建立各个状态与各图层之间的对应关系,最后选择“将优化结果存储为...”,保存为HTML格式即可。


图2使各帧仅显示相关图层内容

  关于ImageReady的使用,今天我就向大家介绍到这里,当然这只能算是一瞥,更多功能还有待大家继续探索。


文章整理:站长天空 网址:http://www.z6688.com/
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

文章页数:[1] 


放大字体显示 缩小字体显示 打印文章 推荐给朋友
热门文章
·一个通用的JSP分页程序-JSP教程,Jsp/Servlet
·几种上传方法介绍和比较-JSP教程,资料/其它
·photoshop帮你处理照片偏色
·用photoshop elements制作贺卡
·高频开关电源的并联均流系统
·photoshop 简单制作水晶字教程
·ASP.NET 2.0服务器控件与form runat=server标记-.NET教程,Asp.Net开发
·photoshop 简单去网纹法
·晶晶亮 透心凉—用photoshop制作水珠效果
·ASP小偷(远程数据获取)程序的入门教程-ASP教程,数据库相关
最新文章
·b2c独立网店如何推广_营销推广
·google adsense域名保护列表前瞻_网赚技巧
·google adsense 违规行为集_网赚技巧
·优化adsense提高网站收益(一)_网赚技巧
·站长徐得红:提倡人性化的领导_站长访谈
·约翰·多尔:互联网内容仍不够个性化_站长访谈
·助您提升博客浏览量的五大技巧_站长心得
·photoshop模仿龟裂的瓷纹杯_photoshop教程
·2007年,个人站长将何去何从?_站长心得
·解惑:网站是靠什么来赚钱的呢_站长心得
相关主题
  • 用好photoshop修补工具的“透明”选项_photoshop教程
  • 用好Photoshop的手足兄弟 ImageReady-网页设计,Photoshop
  • 西部数码虚拟主机

    友情链接
    CNNIC 西部数码
    万网 自助建站
    虚拟主机 asp空间
    域名注册 域名
    域名申请 主页空间
    论坛空间 网站空间
    国际域名 虚拟空间
    空间租用 DDOS防火墙
    成都主机托管 四川主机托管
    主机租用 服务器租用
    网站目录 自助建站
    虚拟主机 网址大全
    软件下载
    自助链接
    虚拟主机资讯 特价虚拟主机
    版权申明:本站文章均来自网络,如有侵权,请联系我们,我们收到后立即删除,谢谢!
    关于我们:站长天空:专业提供最新的站长资讯、在线教程、虚拟主机权威评测、虚拟主机性能对比、网站制作教程,开发教程,站长工具。包括网页制作教程、冲浪宝典、编程参考、操作系统、软件教学、行业动态等。
    特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有。
    发表评论 打印  刷新     关闭