第7章创建切片与设计网页动画_第1页
第7章创建切片与设计网页动画_第2页
第7章创建切片与设计网页动画_第3页
第7章创建切片与设计网页动画_第4页
第7章创建切片与设计网页动画_第5页
已阅读5页，还剩6页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、切片的使用，使得整个图片可以分为多个不同的小图片分开下载，这样下载的时间就大大缩短了。在目前互联网带宽还受到条件限制的情况下，运用切片来减少网页下载时间而又不影响图片的效果。使用Photoshop还可以轻松制作出GIF动画。快速制作Web文件创建与编辑切片优化与导出切片图像动画面板横幅动态Banner7.17.1快速切割网页文件快速切割网页文件切片是网页制作过程中非常重要的一个步骤，往往切片的正确与否会影响着网页的后期制作。一般是用Photoshop对网页的效果图或者大幅的图片进行切割。7.27.2创建与编辑切片创建与编辑切片切片就是将一幅大图分割为一些小的图像，然后在网页中通过没有间距和宽度

2、的表格重新将这些小的图像没有缝隙地拼接起来，成为一幅完整的图像。这样做可以缩小图像的大小，减少网页的下载时间，还能将图像的一些区域用HTML来代替。7.2.17.2.1创建切片创建切片切片工具是Photoshop软件自带的一个平面图片切割工具。使用切片工具可以将一个完整的网页切割许多小图片，以便于网络上的下载。创建切片的具体操作步骤如下。7.2.27.2.2编辑切片编辑切片 如果切片大小不合适，还可以调整和编辑切片，具体操作步骤如下。7.37.3优化与导出切片图像优化与导出切片图像网页优化涉及方方面面，图片优化则是其中重要手段之一本文中，本节就讲述网页图像的优化。下面讲述网站优化与导出的具体操

3、作步骤。7.47.4动画面板动画面板动画是在一段时间内显示的一系列图像或帧，当每一帧较前一帧都有轻微的变化时，连续快速地显示帧，就会产生运动或其它变化的视觉效果。GIF动画制作相对较为简单，我们打开“时间轴”面板后，会发现有帧动画模式和时间轴动画两种模式可以选择。7.4.17.4.1时间轴动画面板时间轴动画面板 时间轴动画相对来说要专业很多，有点类似Flash及一些专业影视制作软件。同样，在制作之前，需要设定好动画的展示方式，再做出分层图层。然后在时间轴设置各层的展示位置及动画时间设定等。7.4.27.4.2帧动画面板帧动画面板 帧动画相对来说直观很多，在动画面板会看到每一帧的缩略图。制作之前需要先设定好动画的展示方式，然后用Photoshop做出分层图。然后在动画面板新建帧，把展示的动画分帧设置好，再设定好时间和过渡等即可播放预览。7.57.5横幅动态横幅动态BANNERBANNER本节主要来学习如何

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论