小提示:在创作形状补间动画的过程中,如果使用的元素是图形元件、按扭、文字,则必须先将其“打散”,然后才能创建形状补间动画。 (3)逐帧动画
逐帧动画是一种常见的动画形式,它的原理是在“连续的关键帧”中分解动画动作,也就是每一帧中的内容不同,连续播放形成动画。基本概念:在时间帧上逐帧绘制帧内容称为逐帧动画,由于是一帧一帧地画,所以逐帧动画具有非常大的灵活性,几乎可以表现任何想表现的内容。
在Flash中将JPG、PNG等格式的静态图片连续导入到Flash中,就会建立一段逐帧动画。也可以用鼠标或压感笔在场景中一帧帧地画出帧内容,还可以用文字作为帧中的元件,实现文字跳跃、旋转等特效。 (4)遮罩动画
遮罩是Flash动画创作中所不可缺少的——这是Flash动画设计三大基本功能中重要的出彩点;使用遮罩配合补间动画,用户更可以创建更多丰富多彩的动画效果:图像切换、火焰背景文字、管中窥豹等都是实用性很强的动画。并且,从这些动画实例中,用户可以举一反三创建更多实用性更强的动画效果。遮罩的原理非常简单,但其实现的方式多种多样,特别是和补间动画以及影片剪辑元件结合起来,可以创建千变万化的形式,你应该对这些形式作个总结概括,从而使自己可以有的放矢,从容创建各种形式的动画效果。在Flash作品中,常看到很多眩目神奇的效果,而其中部分作品就是利用“遮罩动画”的原理来制作的,如水波、万花筒、百叶窗、放大镜、望远镜等。
基本概念:在Flash中遮罩就是通过遮罩图层中的图形或者文字等对象,透出下面图层中的内容。在Flash动画中,“遮罩”主要有两种用途:一种是用在整个场景或一个特定区域,使场景外的对象或特定区域外外的对象不可见;另一种是用来遮罩住某一元件的一部分,从而实现一些特殊的效果。被遮罩层中的对象只能透过遮罩层中的对象显现出来,被遮罩层可使用按扭、影片剪辑、图形、位图、文字、线条等。 (5)引导层动画
基本概念:在Flash中,将一个或多个层链接到一个运动引导层,使一个或多个对象沿同一条路径运动的动画形式被称为“引导路径动画”。这种动画可以使一个或多个元件完成曲线或不规则运动。 在Flash中引导层是用来指示元件运行路径的,
12
所以引导层中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制的线段,而被引导层中的对象是跟着引导线走的,可以使用影片剪辑、图形元件、按扭、文字等,但不能应用形状。
小提示:引导路径动画最基本的操作就是使一个运动动画附着在引导线上,所以操作时应特别注意引导线的两端,被引导的对象起始点,终止点的两个中心点一定要对准“引导线”的两个端头。 1.2.5 Dreamweaver概述
Adobe Dreamweaver,简称“DW”,是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Adobe Dreamweaver使用所见即所得的接口,亦有HTML(标准通用标记语言下的一个应用)编辑的功能。它有Mac和Windows系统的版本。随Macromedia被Adobe收购后,Adobe也开始计划开发Linux版本的Dreamweaver了。 Dreamweaver自MX版本开始,使用了Opera的排版引擎\作为网页预览。 功能介绍:
借助共享型用户界面设计, 在 Adobe Creative Suite 4 的不同组件之间更快、更明智地工作。使用工作区切换器可以从一个工作环境快速切换到下一个环境。利用Adobe DreamweaverCS6 软件中改善的 FTP 性能,更高效地传输大型文件。更新的“实时视图”和“多屏幕预览”面板可呈现 HTML5 代码,使您能检查自己的工作。 1.自适应网格(可响应的自适应网格版面)
使用响应迅速的 CSS3 自适应网格版面,来创建跨平台和跨浏览器的兼容网页设计。利用简洁、业界标准的代码为各种不同设备和计算机开发项目,提高工作效率。直观地创建复杂网页设计和页面版面,无需忙于编写代码。 2.改善FTP 性能
利用重新改良的多线程 FTP 传输工具节省上传大型文件的时间。更快速高效地上传网站文件,缩短制作时间。
3.Catalyst 集成(Adobe Business Catalyst 集成)
使用 Dreamweaver 中集成的 Business Catalyst 面板连接并编辑您利用
13
Adobe Business Catalyst(需另外购买)建立的网站。利用托管解决方案建立电子商务网站。
4.增强型 jQuery 移动支持
使用更新的 jQuery 移动框架支持为 iOS 和 Android 平台建立本地应用程序。建立触及移动受众的应用程序,同时简化您的移动开发工作流程。 5.更新的 PhoneGap 支持
更新的 Adobe PhoneGap 支持可轻松为 Android 和 iOS 建立和封装本地应用程序。通过改编现有的 HTML 代码来创建移动应用程序。使用 PhoneGap 模拟器检查您的设计。 6.CSS3 转换
将 CSS 属性变化制成动画转换效果,使网页设计栩栩如生。在您处理网页元素和创建优美效果时保持对网页设计的精准控制。 7.更新的实时视图
使用更新的“实时视图”功能在发布前测试页面。“实时视图”现已使用最新版的 WebKit 转换引擎,能够提供绝佳的 HTML5 支持。 8.更新的多屏幕预览面板
利用更新的“多屏幕预览”面板检查智能手机、平板电脑和台式机所建立项目的显示画面。该增强型面板能够让您检查 HTML5 内容呈现。 9.CS5后的新增功能
借助Adobe Dreamweaver CS5.5 软件充满自信地进行设计、构建最新的HTML5 和CSS3 网站、令交互性更上一层楼。 同时为多个设备进行设计,并对全面的代码检查充满自信。
10.“多屏幕预览”面板
借助“多屏幕预览”面板,为智能手机、Tablet 和个人计算机进行设计。 借助媒体查询支持,开发人员可以通过一个面板为各种设备设计样式并实现渲染可视化。
11.CSS3/HTML5 支持
通过CSS 面板设置样式,该面板经过更新可支持新的CSS3 规则。设计视图现支持媒体查询,在您调整屏幕尺寸的同时可应用不同的样式。 使用HTML5 进行前瞻
14
性的编码,同时提供代码提示和设计视图渲染支持。 12.JQuery集成
借助jQuery 代码提示加入高级交互性。 jQuery 是行业标准JavaScript 库,允许您为网页轻松加入各种交互性。 借助针对手机的起动模板快速启动。 13.借助PhoneGap 构建本机Android 和iOS 应用程序
借助新增的PhoneGap 功能为Android 和iOS 构建并打包本机应用程序。 借助PhoneGap 构建本机Android 和iOS 应用程序。 1.2.6 CSS概述
CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。
使用方法:有三种方法可以在站点网页上使用样式表: 外部样式:将网页链接到外部样式表。 内页样式:在网页上创建嵌入的样式表。 行内样式:应用内嵌样式到各个网页元素。
每一种方法均有其优缺点:当要在站点上所有或部分网页上一致地应用相同样式时,可使用外部样式表。在一个或多个外部样式表中定义样式,并将它们链接到所有网页,便能确保所有网页外观的一致性。如果人们决定更改样式,只需在外部样式表中修改一次,而该更改会反映到所有与该样式表相链接的网页上。通常外部样式表以 .css 做为文件扩展名,例如 Mystyles.css。然后在需要此样式的页面中将其链接进来,当人们只是要定义当前网页的样式,可使用嵌入的样式表。嵌入的样式表是一种级联样式表,“嵌”在网页的
标记符内。嵌入的样式表中的样式只能在同一网页上使用。 如果网页链接到外部样式表,为网页所创建的内嵌的或嵌入式样式将扩充或覆盖外部样式表中的指定属性。要在网页上使用外部样式表的样式,可将该网页链接到样式表,方法是使用位于 “格式” 菜单上的 “样式表连接” 命令。可以链接一个或数个样式表到网页视图
15

