本站业务范围:1、PC端软件开发、网站开发 2、移动端APP、网站、微信接口、微商城开发 3、视频教程、课程设计和辅导 4、单片机开发 5、串口通讯调试
 当前位置:文章中心 >> Gulp/Grunt/webpack
立即购买视频教程 用好Photoshop的手足兄弟 ImageReady
夜鹰教程网 来源:www.yyjcw.com 日期:2016-11-26 19:41:54
用好Photoshop的手足兄弟 ImageReady 

这篇文章不能解决你的问题?我们还有相关视频教程云课堂 全套前端开发工程师培训课程

微信号:yyjcw10000 QQ:1416759661  远程协助需要加QQ!

业务范围:视频教程|程序开发|在线解答|Demo制作|远程调试| 点击查看相关的视频教程

技术范围:全端开发/前端开发/webapp/web服务/接口开发/单片机/C#/java/node/sql server/mysql/mongodb/android/。 



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

 

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

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

  一、制作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格式即可。

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

复制链接 网友评论 收藏本文 关闭此页
上一条: 对png8图片格式的误解  下一条: Adobe Photoshop常见问题之专家会诊
夜鹰教程网成立于2008年,目前已经运营了将近 13 年,发布了大量关于 html5/css3/C#/asp.net/java/python/nodejs/mongodb/sql server/android/javascript/mysql/mvc/easyui/vue/echarts原创教程。 我们一直都在坚持的是:认证负责、一丝不苟、以工匠的精神来打磨每一套教程,让读者感受到作者的用心。我们默默投入的时间,确保每一套教程都是一件作品,而不是呆板的文字和视频! 目前我们推出在线辅导班试运营,模式为一对一辅导,教学工具为QQ。我们的辅导学科包括 java 、android原生开发、webapp开发、商城开发、C#和asp.net开发,winform和物联网开发、web前端开发,但不仅限于此。 普通班针对的是国内学员,例如想打好基础的大学生、想转行的有志青年、想深入学习的程序员、想开发软件的初学者或者业余爱好者等。 就业办针对即将毕业上岗的大四学生,或者打算转行的初级开发工程师。 留学生班针对的是在欧美、加拿大、澳洲、日本、韩国、新加坡等地留学的中国学子,目的是让大家熟练地掌握编程技能,按时完成老师布置的作业,并能顺利地通过考试。 详细咨询QQ:1416759661   夜鹰教程网  基于角色的权限管理系统(c-s/b-s)。
  夜鹰教程网  基于nodejs的聊天室开发视频教程
  夜鹰教程网  Git分布式版本管理视频教程
  夜鹰教程网  MVC+EasyUI视频教程
  夜鹰教程网  在线考试系统视频教程
  夜鹰教程网  MongoDB视频教程。
  夜鹰教程网 Canvas视频教程
  夜鹰教程网 报表开发视频教程
  推荐教程/优惠活动

  热门服务/教程目录

  夜鹰教程网  新手必看,详细又全面。
  夜鹰教程网  购买教程  夜鹰教程网  在线支付-方便
  夜鹰教程网  担保交易-快捷安全   夜鹰教程网  闪电发货
  夜鹰教程网  电话和QQ随时可以联系我们。
  夜鹰教程网 不会的功能都可以找我们,按工作量收费。

客服电话:153 9760 0032

购买教程QQ:1416759661  
  热点推荐
快速批量去除图片水印效果
PS插件大全介绍
PhotoShop“自由变形”工具用法
如何制作透明效果水印字
PhotoShop方便快捷的实用小技巧
如何制作建筑效果图
菜鸟谈如何学习PS
用PhotoShop将模糊人物变清晰
PSD网页模版转化XHTML网页
对png8图片格式的误解
非主流ps教程实用的几种技巧汇总
JS实现模拟FLASH幻灯片图片切换网…
平面设计的7种表现手法
AutoCAD模拟空间与图纸空间简介
图像处理技术(二)
  尊贵服务
夜鹰教程网 承接业务:软件开发 网站开发 网页设计 .Net+C#+VS2008+MSsql+Jquery+ExtJs全套高清完整版视频教程
  最近更新
gulp自动化构建详解
gulp静态站点构建项目文件结构
设计师与客户在设计开始前需要讨论…
PhotoShop方便快捷的实用小技巧
PSD网页模版转化XHTML网页
平面设计的7种表现手法
对png8图片格式的误解
用好Photoshop的手足兄弟 ImageRe…
Adobe Photoshop常见问题之专家会…
如何制作建筑效果图
PhotoImpact 图像缝合
PS插件大全介绍
Photoshop之层、通道、路径详解
图像处理技术(二)
图像处理技术(一)
  工具下载  需要远程协助? 

sql2008视频教程 c#视频教程

VIP服务:如果您的某个功能不会做,可以加我们QQ,给你做DEMO!

JQUERY  Asp.net教程

MVC视频教程  vs2012
.NET+sql开发
手机:15397600032 C#视频教程下载
微信小程序 vue.js高级实例视频教程

教程咨询QQ:1416759661


这篇文章不能解决你的问题?我们还有相关视频教程云课堂 全套前端开发工程师培训课程

微信号:yyjcw10000 QQ:1416759661  远程协助需要加QQ!

业务范围:视频教程|程序开发|在线解答|Demo制作|远程调试| 点击查看相关的视频教程

技术范围:全端开发/前端开发/webapp/web服务/接口开发/单片机/C#/java/node/sql server/mysql/mongodb/android/。 



关于我们 | 购买教程 | 网站建设 | 技术辅导 | 常见问题 | 联系我们 | 友情链接

夜鹰教程网 版权所有 www.yyjcw.com All rights reserved 备案号:蜀ICP备08011740号3