ps第十五讲PS中的动画制作.pptVIP

知识回顾 本讲要点 设计动画横幅 设计动画横幅 设计动画横幅 设计动画横幅 设计动画横幅 设计动画横幅 设计动画横幅 设计动画横幅 将图像制作成网页 　　　　　　　网页制作流程 实例制作演示 一、页面制作整体规划 对象：商业宣传主页 格调：活泼，色彩，简单，大方 　　　　　　　网页制作流程 二、资料收集 a、商标、网址、公司宣传册、了解企业文化，了解负责人的品位、他们的案例、跟负责人沟通掌握信息 b、网上下载相似印刷行业的公司主页，了解现有行业的一些设计特点 c、下载一些色彩比较华丽的图片，或跟印刷相关连的图片 d、如果你自己不会动态语言，下载一个满足你功能的新闻发布系统和留言源码 　　　　　　　网页制作流程 三、界面设计 a、在PS设计界面 b、切片工具对整体进行合理的分割 注意点：隐藏你要通过输入的文字，分割时要保持他的整体意义，尽量让每一部分是完整的，注意一些交互上操作。 　　　　　　　网页制作流程 c、导成WEB格式-直接导成HTML格式，步骤: 1、点击文件存储为WEB文件格式 2、在界面里面调整理想参数 3、导出保存PS能自动生成一些HTML代码，但是他不是很标准，你必须在Dreamweave里面进行加工 　　　　　　　网页制作流程 d、在Dreamweave里面进行代码加工，步骤： 1、先修改标题 2、修改页面属性：背景颜色、背景图片..... 3、把页面调整为布局格式（这个可以按照自己习惯来设置，有标准的表格方式，也有布局类型） 　　　　　　　网页制作流程 4、把要添加文字的图片转化为背景形式 a、找到对应图片路径 b、拷贝路径后删除图片 c、转化为标准形式 d、把路径粘贴到背景属性上 e、回到布局界面 5、添加具体文字连接设置等操作 6、CSS设置 7、修整代码，发布预览按F12即可预览效果 　　　　　　　网页制作流程 四、测试网页兼容性 按照你设计时的对象，根据IE版本以及浏览器的不同，调整理想的效果，但是大部分出现问题的是JS\VB等代码，如果只是单纯静态图片，基本不会有很大的差别，推选大家尽量往W3C标准靠 　　　　　　　网页制作流程 五、发布站点 购买自己的空间域名，其实事先就应该购买的，利用FTP上传软件，把你的页面上传到你的网上服务器上推荐一款FTP上传工具LeadFTP 作业 上机任务 实例1：动画横幅制作 实例2：渐变动画 实例3：心跳 制作网站首页（以企业网站或购物网站为题材） 第十五讲　 PS中的动画制作 快捷键 雪景效果 雨景效果 素描效果 设计动画横幅 将图像制作成网页 课程总结 　　 网页横幅是一个网页的“门面”,是网页的重要组成成分\份，将动画应用到网页横幅可增加网页的观赏性，使网页不至于呆板。 　1.了解动画面板 　　　以前版本都是在ImageReady中制作动画，CS2版本PS软件中也有动画面板。 　　　动画面板中按播放顺序列出了每一动画帧的缩略图，缩略图右下角的“0秒”字样显示了当前动画帧与下一帧之间的播放时间间隔，单击该字样，会弹出提供的时间，其他可自己设置时间。 　画板最下一行按钮: 　　 1）永远:用于选择动画的播放次数，可“一次”，“永远”,“其他”自己设置次数。 　　 2）选择第一帧 　　 3）选择上一帧 　　 4）播放/停止动画 　　 5）选择下一帧 　　 6）动画帧过渡 　　 7）复制当前帧 　　 8）删除选中帧 2.实例1：动画横幅制作（素材:banner.psd） 步骤:1）输入文字“恭”,字体大小80，字体为隶书，颜色为黑，放在合适位置。 2）分别在图像合适位置输入“贺”，“新”，“禧”，每个字单独一个图层。 3）新建图层，选择椭圆工具，设置前景色为红色(#FF0000)，建一椭圆放在“恭”字下方。 4）在动画面板中第一帧的播放延时设置为0.5秒，在画板右上角三角按钮点击新建帧，建3个帧。 5）第一帧显示第一个字，其他字隐藏，第二帧显示第2个字，其他字隐藏，第三帧显示第3个字，其他字隐藏,第四帧显示第4个字，其他隐藏。 6）在ImageReady中，优化面板设置:格式为GIF；颜色表:深度减低为可能，颜色为256，WEB对齐为0%；仿色:方法为杂色；透明度:选择透明区域，仿色为无仿色，杂边不选。 3.实例2：渐变动画 （素材:16-1.jpg） 步骤：1）复制图层，调整图片颜色。 　　　 2）新建帧，调整每帧图片显示效果。 　　　 3）选择第一帧，点击“动画帧过渡”按钮。 　　　 4）调整帧延迟时间。 实例3：心跳 步骤：1）新建文件（600*