《Web图像处理》PPT课件.ppt

《Web图像处理》PPT课件.ppt

ID:51644393

大小:1.57 MB

页数:33页

时间:2020-03-27

《Web图像处理》PPT课件.ppt_第1页
《Web图像处理》PPT课件.ppt_第2页
《Web图像处理》PPT课件.ppt_第3页
《Web图像处理》PPT课件.ppt_第4页
《Web图像处理》PPT课件.ppt_第5页
资源描述:

《《Web图像处理》PPT课件.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、第13章Web图像处理ImageReady是Photoshop中的一个重要组件。ImageReady不但可以处理图像,而且可以对图像进行压缩和优化,并且输出适用于网页的图像格式。ImageReady和Photoshop的完美结合,使网页元素和动画的制作变得更加简单。主要内容●网页元素基础●图像映射●图像切割●GIF动画●图像的优化输出学习要点●GIF动画第13章Web图像处理13.1网页基础知识随着英特网的不断发展,网页制作的盛行,许多图形处理软件都加强了网页制作方面的功能,Photoshop也不例外。从5.0版开始,Adobe公司将Photoshop中对网页元素处理的功能独立出来,经过不断

2、的改进和完善,最终形成了一个独立的组件,即ImageReady。在学习ImageReady之前,首先让我们来了解一下网页的基本知识。网页是一种专门在英特网上发布和传播的文件,其格式为HTML(超文本标记语言)。HTML格式能将文字、图片、声音等多种信息组合在一起,作为信息主要载体的文本和图像就是网页中最基本的组成部分,而超链接更是网页的核心,它将英特网中无数的信息以URL(统一资源定位器)的方式链接在一起。除此之外,表格、动画、音乐、交互式表单等也越来越多地被利用到网页中来。这些就是组成网页的基本元素,包括文字、图像、超链接等。下图是“新浪体育”的首页。13.1网页基础知识13.1网页基础知

3、识文本:文本是最重要的信息载体与交流工具,网页中的信息也以文本为主。与图像相比,文字虽然不能像图像那样能够快速地抓住浏览者视线,但却能够快速准确地表达信息的内容和含义,而文本所占空间较小的优点是图像所无法取代的。为了克服文字固有的缺点,可以设置文本的属性,如字体、大小、颜色、底纹以及边框等,改变文本外观上的单一性,突出文字内容的重点。图像:图像在网页中具有提供信息、展示作品、修饰网页以及表达网站风格的功能。与文本相比,图像显得更具说服力,更能吸引浏览者。但是,由于图像所占用文件空间相对比较大,因此会影响图像在因特网上传输速度,所以网页中对于图像的格式是有要求的。目前网络中支持的图像格式有JP

4、G、GIF和PNG三种。13.1网页基础知识⑴JPG:一种压缩文件格式,支持真彩,但不支持动画。JPG适合于诸如照片之类的具有丰富色彩的图像。⑵GIF:也是一种压缩文件格式, 支持动画,但颜色最多支持到256色。⑶PNG:一种全新的网页图像格式,是美国Macromedia公司为其产品Fireworks量身定做的文件格式。该格式图像精度较高,可读取分层信息,但不支持动画。超链接:超链接是英特网的核心。没有超链接,浏览者也就无法到达想要浏览的页面,网页也就会如同报纸一样失去它固有的特色。网页中的超链接可以是文字形式的,也可以是图形形式的,现在更是出现了动画和按钮等各式各样的超链接。其他网页元素:

5、网页中除了文本、图像和超链接这些最基本的元素之外,还有动画、声音和视频等一些多媒体元素,另外还有表格、表单、导航条、悬停按钮、脚本等元素,有了这些网页元素,网页才会多姿多彩。13.2中文ImageReadyCS简介及基本操作随着PhotoshopCS的面世,ImageReadyCS也随之出现。作为专业的网页图像处理软件,ImageReady具有图像处理、图像压缩和优化等功能,除此之外,ImageReady还具有强大的Web功能,可以制作出在Photoshop中无法制作的网页动画以及超链接等网页元素。启动ImageReadyCS,启动ImageReadyCS有两种方法:⑴单击任务栏上的【开始】

6、∣【程序】∣【AdobeImageReadyCS】命令,如果已经运行了PhotoshopCS,则可以单击【文件】∣【编辑在AdobeImageReadyCS】命令。⑵单击PhotoshopCS工具箱底部的按钮,即可跳转到ImageReadyCS中。提示在PhotoshopCS中,可以按下Ctrl+Shift+M键快速跳转到ImageReadyCS。虽然ImageReady功能强大,但处理起图像来相比Photoshop还是有相当的差距,特别是ImageReady只能处理8位的RGB模式图像。所以通常我们会在Photoshop中进行图像处理,当需要对图像优化输出或制作动画时,再跳转到ImageR

7、eady中继续处理。13.2中文ImageReadyCS简介及基本操作13.2.1图像窗口ImageReady的图像编辑窗口较为特殊,它包括了4种不同的图像窗口显示方式,分别为:原稿、优化、双联和四联,如图所示。利用图像编辑窗口中的选项卡可以在原图像和优化后的图像视图之间切换,特别是可以同时查看优化后图像的多种效果、大小以及下载时间等。这四种图像显示方式的作用如下所述:原稿:选择该模式,在图像窗口中将显示原始

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。