分享
 
 
 

用好Photoshop的手足兄弟ImageReady

王朝photoshop·作者佚名  2008-05-20
窄屏简体版  字體: |||超大  

如果你的电脑中安装着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的使用,今天我就向大家介绍到这里,当然这只能算是一瞥,更多功能还有待大家继续探索。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有