photoshop和flash的使用.ppt

基础软件教程 讲师 Havivickyfeng 1 FLASH的历史2 为什么用FLASH3 Flash的特点4 认识FLASH的界面5 传统动画在Flash的表现6 Flash制作动画的优点7 怎么结合传统动画制作faslh动画8 案例分析9 怎样入手制作适合在网页上的Flash动画10 正确认识flash11 Flash的文件优化 FLASH篇 基础软件教程 之flash篇 Flash是美国的MACROMEDIA公司于1999年6月推出的优秀网页动画设计软件 什么是FLASH Flash的历史 可以将音乐 声效 动画以及富有新意的界面融合在一起 以制作出高品质的网页动态效果 为什么用FLASH 人们需要一种既简单直观又功能强大的动画设计工具 而Flash的出现正好满足了这种需求 FLASH的特点 矢量图形 FLASH的特点 流媒体播放技术 动画可以边播放边下载 FLASH的特点 把音乐 动画 声效 交互方式融合在一起 FLASH的特点 Flash已经慢慢成为网页动画的标准 成为一种新兴的技术发展方向 通过使用关键帧和图符使得所生成的动画 swf 文件非常小 适合在网上播放 1 工作区2 绘图工具栏3 时间轴工具4 编辑窗口5 属性栏 认识flsah的界面 是用画笔画出一张张不动的 但又是逐渐变化着的连续画面 经过摄影机 摄像机或电脑的逐格拍摄或扫描 然后 以每秒钟24格的速度连续放映或播映 传统动画 传统动画在Flash中的表现 让我们把这些图片通过flsah勾画出来 操作简单 硬件要求低 功能较强 可以综合众多环节在Flash里完成动画 在很多方面简化了动画制作难度 或者说省力 许多元件可以重复利用 可控性强 Flash Flash制作动画的优点 技法基础仍然要参照传统动画 怎样结合传统动画制作Flash动画 用Flash制作动画就因该突出它的优点 怎样结合传统动画制作Flash动画 避重就轻 怎样结合传统动画制作Flash动画 案例分析 使用Flash绘画出你想要的球 怎么做一个比较硬和比较软的球 看看它的运动轨迹是怎样的 看看下坡滚动的球使用路径和逐帧动画的区别 选择合适的风格 选择合适的题材 时间性强 文件大小需要把握 怎样入手制作适合在网页上的Flash动画 Flash是网络时代的产物 我们每天做完的作品 还会有意外的 收获 正确认识flash 能让世界上成千上万的人在同一天看到你的作品 1 图形本身的优化 Flash的文件优化 图形本身的优化 将没有用的点及路径信息从存储中剔除掉 达到在屏幕上显示所需的最小要求 Flash的文件优化 2 应尽量把图画转为 电影剪切 或 图形 Flash的文件优化 3 图片格式最好是 jpg或 gif Flash的文件优化 4 如果需要导入音乐文件 最好是 MP3 导入音乐后 在它的属性设置里去掉 使用文件默认品质 Flash的文件优化 减少透明物体的大面积使用率 flash制作过程中避免占用CPU资源过度的几种方法 减少大型图片的移动 这个是最最耗资源的 罪魁祸首 flash制作过程中避免占用CPU资源过度的几种方法 将大型位图转换成矢量图 flash制作过程中避免占用CPU资源过度的几种方法 数值越小 图形越复杂CPU运算更慢 将部分mc单独输出成swf文件 然后使用loadmovie导入 flash制作过程中避免占用CPU资源过度的几种方法 实在不行的话降低swf的品质 flash制作过程中避免占用CPU资源过度的几种方法 1 FLASH的历史2 为什么用FLASH3 Flash的特点4 认识FLASH的界面5 传统动画在Flash的表现6 Flash制作动画的优点7 怎么结合传统动画制作faslh动画8 案例分析9 怎样入手制作适合在网页上的Flash动画10 正确认识flash11 Flash的文件优化 回顾FLASH篇 基础软件教程 之Photoshop篇 PHOTOSHOP篇 1 计算机图形处理的两种方式2 认识颜色体系3 Photoshop布局4 认识photoshop的图层5 Photoshop功能介绍6 Photoshop中图层样式与混合的综合应用7 用Photoshop制作胶囊字8 Photoshop之实战实用 计算机图形处理的两种方式 点阵图的构成 像素 分辩率 逼真再现大自然矢量图的构成 数学计算法 以线条和色块为主 无法制作照片一样的精确景象 美工插图和工程绘图 Photoshop 点阵图或位图 图像处理软件 认识颜色体系 灰度色RBG 红 蓝 绿构成 适合在电脑上显示CMYK 青 红 黄 黑 印刷专用色 Photoshop布局 Photoshop的界面主要分为菜单 工具条 选项面板 状态栏 工作区五大部分 如下图所示 认识photoshop的图层 计算机系统中 选择 这个概念是相当广泛的 作为一个图像处理软件 Photoshop将 选择 变成为一个独立的实体 即 层 Layer 对层可以单独进行处理 而不会对原始图像有任何影响 层中的无图像部分是透明的 Photoshop功能介绍 塑造表现功能 这部分功能从本质上讲取决于使用者造型能力 和软件本身并无太大关系 所涉及的工具也很少 Photoshop功能介绍 图象调整功能 色阶 Photoshop功能介绍 图象调整功能 色相 Photoshop功能介绍 特效发生功能 图层样式和滤镜以及相关插件使PS的特效发生能力在所有图形图象软件中笑傲江湖 Ps中图层样式与混合的综合应用 1 这个是一个很多人都忽略的面板 其实这里的内容非常有用 Ps中图层样式与混合的综合应用 2 混合模式 不透明度 填充不透明度都是在图层面板上的内容 Ps中图层样式与混合的综合应用 3 比较一下不透明度和填充不透明度有什么不同 Ps中图层样式与混合的综合应用 4 这是通道的部分对比看一下 Ps中图层样式与混合的综合应用 5 挖空 来看一下给当前文字图层的挖空设为无的效果 很正常 Ps中图层样式与混合的综合应用 6 设成浅并且降低填充透明 可以看到变化了 中间夹着的图层会透明 Ps中图层样式与混合的综合应用 7 还是浅 但是又加了更多的图层 可是没有变化还是能看到背景 Ps中图层样式与混合的综合应用 8 新建一个图层序列把文字和另外的三个图层挪进来 看到变化了 只能挖到蓝色的图层2了 Ps中图层样式与混合的综合应用 9 设成深就能透到背景 Ps中图层样式与混合的综合应用 10 将内部效果混合成组 什么是内部效果呢 Ps中图层样式与混合的综合应用 11 平时这是不勾选的所以加了颜色叠加等之后填充透明度就不起作用了 我们来试试 在使用任何一个内部效果 比如颜色叠加 的时候勾选它 填充透明度才起作用 反之亦然 用Photoshop制作胶囊字 我们进入photoshop看看实例的制作 基础软件教程 Readygo 之实战实用篇 实战实用 新建一个1000 600像素的文档 用图层样式填充渐变背景 实战实用 用钢笔工具勾出所需要的形状 实战实用 用图层样式做出需要的效果 实战实用 给外框添加一些细节的东西 实战实用 放置LOGO 实战实用 绘制按钮 1 勾画出按钮的形状 2 给形状加上效果 3 加上内圈 4 给内圈加上效果 实战实用 绘制按钮 5 给按钮添加细节 6 加入人物 7 加入文字 8 给文字加高光 完成 实战实用 其它按钮都用同一方法 现在我们来看看 目前的效果 实战实用 主题文字制作 1 放入版本LOGO 2 放置文案 实战实用 主题文字制作 3 给文字加上效果 实战实用 主题文字制作 3 给文字加上效果 实战实用 主题文字制作 4 给背景加些效果 实战实用 主题文字制作