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