- 1、本文档共4页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
ImageReady 页面图片交换教程.doc
ImageReady 页面图片交换教程
文章来源:互联网
虽然ImageReady是距离Photoshop最近的软件,但人们似乎一直都把它看作是Photoshop的附属。不是ImageReady的功能不能满足用户的要求,只能说Photoshop的功能太强大了,强大到足以让人忽略掉其他的同类产品,其中也包括隔壁的ImageReady。要知道,ImageReady侧重于网页制作,虽然Photoshop 7加强了在网页图像制作方面的功能,但在有些方面还是ImageReady较为领先。既然ImageReady和Photoshop被捆绑在一起销售,那么Adobe一定有它的理由。新手们往往将ImageReady冷落在一旁,没有想过去探索它的独特功能,这种放弃会使你失去了解一个优秀软件的机会。创建翻转是ImageReady最重要的作用之一。在这篇文章中,我们详细介绍了如何用ImageReady创建适用于网页的翻转。既然要介绍翻转,那么无可避免的要用到切片和优化,在开始之前,我希望你已经对这两部分知识有了足够的了解,不然的话,理解这篇文章可能会有一定的难度。 如果你已经准备好了关于ImageReady中切片和图像优化的知识(可以参考《ImageReady的切片和优化》一文),那么掌握这篇文章所述的内容就是水到渠成的事了。现在我们来看下面这个演示(点击这里观看演示),这就是这篇文章所举的例子。在文字Adobe旁边有两个按纽,顶端的按纽演示了一个简单的翻转,当你的鼠标经过按纽时,按纽的颜色就会改变;鼠标离开按纽后,按纽又恢复刚才的颜色。第二个按纽和第一个按纽在鼠标经过时的表现相同,但与第一个按纽不同的是,在鼠标经过第二个按纽时,不但按纽本身出现变化,同步改变的还有文字ADOBE。这就是我们在这篇文章中要论述的ImageReady中的翻转效果。 好了,现在我们来正式开始。首先,你需要设计这样一个多个图层结构的图像。你的图像应当包括两个按纽,主要图像部分,如一个Logo或是你希望的别的什么东西。我建议你最好在Photoshop中进行,这样你可以使用更多的图像工具和高级图层选项。虽说你可以单独在ImageReady中创作,但你会发现很多工具的功能受到限制,没有在Photoshop中得心应手。在这个例子中,按纽部分用了渐变,而主要图像部分使用了一些图层效果。要知道,图像本身并不是我们这篇文章的重点,所以我们将制作过程忽略过去。确定布置好了所有的翻转状态——原始状态的按纽,鼠标经过时的按纽,翻转前后的图片。所有的元素应当分别处于各自的图层中,通过将翻转的图像内容置于翻转图层上,就可使用图层面板来创建翻转效果。检查你的图层面板,它的结构应该如下面的例图(图01)。
在完成了基础图像之后,将图像保存为Psd格式,转跳到ImageReady中。现在,我们开始准备创建翻转。要做的第一件事,就是用切片工具将图像切片。这个例子中,我们将图像切成三部分,分别包括上下两个按纽和主要图像(图02)。
现在,确定你的文档在“正常”的状态时,也就是图像第一次载入浏览器并且未发生任何翻转效果时的外观。点击图层面板左边的眼睛图标,来显示或隐藏相关的图层。在这个例子中,我们隐藏了“Adobe 副本”层。 提示:即使某个图层处于正常状态下的图层之下,最好也被隐藏起来。这样可以防止上面的图层出现不透明或是半透明的边缘。 当每个对象都处于正常状态后,下面,打开翻转面板,在Normal状态之下,出现三个分别名为“Rollover_01”、“Rollover_02”、“Rollover_03”的切片,现在,选择翻转面板中名为“Rollover_01”的切片,文档窗口中图像的左上角包含第一个按纽的切片也同时被选择(翻转面板文档窗口的变化同步)。,点击面板底部的“创建新的翻转状态”按纽。这样你会发现,在“Rollover_01”切片之下,出现一个与之相同的Over状态。现在,将注意力放在图层面板中,我们要使图像呈现出鼠标经过切片时的图像状态。我们的设计构想是当鼠标经过蓝色的按纽时,它变为黄色。所以,在图层面板中,我们隐藏up butt1层,这样,下面的黄色按纽就显示出来。在隐藏图层之后,可以看到翻转面板和文档窗口的图像一起改变。 同样的,我们也为“Rollover_03”添加Over状态,将图层面板中的up butt2层隐藏起来。现在,点击工具面板中的“预览文档”或“在默认预览器中预览”按纽,我们来检查一下初步的成果。将鼠标越过第一个蓝色按纽,可以看到,第一个按纽工作正常,在鼠标越过时变为黄色,鼠标离开后又恢复为原来的蓝色。第二个按纽就不太对了,虽然在鼠标经过和离开后的表现都对,但第一个按纽也与之一同改变。这当然不是我们所要的独立翻转效果。回到
您可能关注的文档
- 16砌体墙体设计计算.ppt
- AutoCAD喷血教程速成3.ppt
- CNC, 检测装置, 数控机床的伺服系统.ppt
- 21#楼试验方案(汇总).doc
- AutoCAD喷血教程速成4.ppt
- 51单片机培训—C语言版定时器1.ppt
- Copy of 单片机原理及应用课件(第10讲)1.ppt
- AutoCAD喷血教程速成5.ppt
- 89c51入门1.doc
- 2011高考生物一轮复习精美课件:必修3_第一章_1、2节1.ppt
- 10《那一年,面包飘香》教案.docx
- 13 花钟 教学设计-2023-2024学年三年级下册语文统编版.docx
- 2024-2025学年中职学校心理健康教育与霸凌预防的设计.docx
- 2024-2025学年中职生反思与行动的反霸凌教学设计.docx
- 2023-2024学年人教版小学数学一年级上册5.docx
- 4.1.1 线段、射线、直线 教学设计 2024-2025学年北师大版七年级数学上册.docx
- 川教版(2024)三年级上册 2.2在线导航选路线 教案.docx
- Unit 8 Dolls (教学设计)-2024-2025学年译林版(三起)英语四年级上册.docx
- 高一上学期体育与健康人教版 “贪吃蛇”耐久跑 教案.docx
- 第1课时 亿以内数的认识(教学设计)-2024-2025学年四年级上册数学人教版.docx
文档评论(0)