1.angel

下载地址：http://www.basoo.net/downpage.asp?id=8376&dp=1&fid=1

2.petty1

（这个我下载过了）

下载地址：http://www.hxitz.com/Font/Project/Petty1.html

3.Maropawi Club

下载链接：http://www.hxitz.com/Font/Project/MaropawiClub.html

4.florabetic

下载链接：http://www.hxitz.com/Font/Project/Florabetic.html

5.leafy

（可用）

下载地址：http://www.hxitz.com/Font/Project/LeafyGladeShade.html

6.filled abc（这个字体让我想到了以前上过的图案课=。=）

下载地址：http://www.hxitz.com/Font/Project/FilledABC.html

7.flower bold

（可用）

下载地址：http://www.hxitz.com/Font/Project/flower.html

8.bizzaro

下载地址：http://www.hxitz.com/Font/Project/BizzaroPlain.html

图片附件: 1.GIF (2007-1-18 18:23, 76.68 K)

图片附件: 1.GIF (2007-1-18 18:23, 76.68 K)

复制文字层    更改透明度为100％   栅格化文字   放到带水印的图层下面

更改带水印的图层属性为    差值

图片附件: 5.GIF (2007-1-18 18:26, 40.12 K)

图片附件: 6.GIF (2007-1-18 18:27, 85.78 K)

图片附件: 7.GIF (2007-1-18 18:27, 71.29 K)

图片附件: 8.GIF (2007-1-18 18:28, 77.17 K)

图片附件: 9.GIF (2007-1-18 18:28, 88.16 K)


虽然还是有点痕迹

不过基本上是没有了啊

　使用阴影指令向文本或图象中增加一点点生命力是非常标准的，但是这样一来，我们会错过一些可以用阴影创造出来的其它效果，如页面分隔。

　　最近，一个阴影帮助我的一个 Web站点解决了大问题。在其标题部分，有一个很抢眼的图形，但是页面的其它部分却非常干净整洁而且单调。整个页面很和谐。但是我们需要增加一个适合页面的一侧菜单，另外还有一些其它图形密集并且更加“忙”的菜单。

　　答案是使用基于白色菜单风格的白色。这个菜单是用白色页面上的白色来构造的，唯一用来创造出菜单区域幻觉的分隔符是一个分隔层，它在不同的页面上发挥着魔法一般的作用。

　　基本的概念如下图所示：
　　

　　以上为在一个白色背景上带有下拉阴影效果的白色矩形。

　　下面我们将在阴影中做一些有趣的事情，它们会使你感到奇怪，为什么一直把阴影当成是一个自动功能呢。
　Photoshop阴影设计诀窍

　　这里有一个“白色-白色”的阴影举例。我希望确定的是你知道你能够使用阴影来增强一个有任意颜色或纹理的区域。秘诀在于使将要被增加阴影的区域的背景与页面的背景保持完全相同。在这个例子中，背景和被选中的矩形区域都被填充了同样的褐色，并且让两者使用同样的纹理。你很难找到一种分隔页面区域或菜单项的精密方法能够胜过这种方法的效果。象我在这里使用的这么独特的阴影，你根本就用不着。它真的特别精密，看着它从一个单色的页面变得栩栩如生吧。

　　　

　　看看以下样本，就可以知道这是如何完成的。我将背景恢复成白色，选择了创建阴影的矩形。这个效果需要两层，一层是有背景的，一层是填充了的矩形，这一层是接受阴影处理的层。

　　　

　将阴影从层中分离

　　Photoshop 中有一些窍门使你能够轻松地创建出许多种类的阴影。请看下面的样本：

　　　
　　这是一个与上面同样的有阴影的矩形，但是请注意在图象的顶端和左侧，阴影好象消失在页面中了。现在看起来好象是只有一个角从页面上提升起来了。

　　这是如何实现的呢？当你调整阴影的时候，整个的阴影都会变化。但是如果象这个例子一样，阴影是一个单独的层时就不会这样。我取这一层的效果，并将其与该层分开。这之后，就可以对阴影做任何想做的处理，包括变形、扭曲或者就如我在这里所做的，给它的一部分染色。

　　要想创造这个效果，就要象对其它阴影一样，增加上将要形成阴影基础的效果。你对基础阴影感到满意之后，使这一层被激活，在该层的效果图标上点击右键 (PC平台) 或Command-Click (Mac平台)，从弹出菜单中选择创建层。

PS 6注意事项：也可以从主菜单中“选择层->层格式->创建层”。

PS 6 注意事项2：一定要在层格式窗口中取消Layer Knocks out Drop Shadow 这一选项。

PS 5.5 注意事项：也可以从主菜单中“选择层->效果->创建层”。
你能看到有一个新的层被创建出来，并且就放在你放置阴影的那层下面。请看下面所示的上面图象的层调色板：

　　　

　　现在你的阴影已经在一个单独的层中了，然后就可以象处理其它层一样对它进行处理。为了增加阴影的立体感，我使用了一个很大的画笔以进行温和的颜色调整，并用一个较低的不透明度制作阴影的形状。左上角这个阴影完全消失了，然后沿着整个阴影逐渐变得越来越柔和。
　　一旦你掌握了这个技巧，就可以将它用在更多的设计元素中。以菜单为例，创建一个相匹配的分隔线，如下面所示，它也能作为一个页面分隔符：

你还可以把这些线合在一起，用它们来形成一个菜单。

Menu Item 1

Menu Item 2

Menu Item 3


　处理阴影层

　　一旦你能够把自己心目中所希望对阴影层做的处理都实践出来，你有可能就要开始搜寻艺术领域中关于光线和透视法的信息了。我们可以进行变形、调整大小、虚化、增加纹理 ... 尽可能地发挥你的想象力吧。

　　在下面包含了一个不规则图形。当阴影指令能够完成全部任务时，阴影对象的形状多么复杂都没有关系。在这个例子中，我将阴影变得更小并且进行了轻微的扭曲。

　　　

　　当阴影被自动创建并且分层时，不规则形状也不成问题。这个图象底部的版本中所增加的纹理与背景中增加的纹理相同。下面显示了没有背景的增加了纹理的阴影。

　　　

　　上面的阴影使用了纹理。虽然这个阴影非常透明，但是其中那一点点纯色足以使纹理在背景上失去光彩。你能够看到纹理，但是它却不生动。我向阴影中增加了在背景中所使用的纹理，它增加了一些细微的颜色转变，使阴影变得栩栩如生。

　　能相信自己的眼睛。从那天开始，我就很少再把阴影固定到层上。我通常都是增加一点额外的虚化，或者是稍微调整一下大小，在我不希望阴影出现的地方，把阴影从边缘移走，因为虚化效果使它消失了。

　　我还喜欢用鼠标或箭头键将阴影四处移动。新的层格式窗口很大，很合我的口味。重要的不仅仅是有了对象的阴影的外观，与页面的其它部分在一起看起来也一定很好。

　　现在我提出关于阴影的最后一个观点。可以用梯度填充来增强阴影层，从而创造出真实的图形，特别是要表达一个侧面视图的时候。

　　学习了这些技巧，一定要花一些时间来反复实验。在此过程中，你一定要记住：你可以把所有的 PS层效果都分离出来，正如我们对下拉阴影所做的那样。难道这还没有使你的思维开始活跃吗?

今天我将带大家一起开始关于我们的基于CSS的网页制作的第二部分，这一部分是讲述关于改变一个适当的颜色配置的和为我们的网页制作一个漂亮的背景图案的，在第一部分我们落下了这个，所以在这儿补上。
就像大家所知道的，我的最初的意图是给你们讲述一个小的如何用简单的方法制作漂亮的立体按扭的教程，，所以这个教程的第一部分可能对你来说有点儿单一，以下我们将讲述关于色彩方案的设计在这个教程的第二部分，这实际上来讲是我们的第一步，按扭的创建，背景的制作等。
选择你的色彩方案
无论如何，你都可能有一个领先，选择恰当的颜色配置是至关重要，它反映了你是谁，你喜欢什么等！

实际上，解释给你，你选择什么或许不是至关重要的，尽管我总是努力遵循以下几个小的提示：
1、使用至少一种能对比突现出来的颜色来用于强调在你的页面上，用它来做文本链接的颜色将是很显眼的，可见性就比较好。
2、务必不要用太多的不同的颜色，否则你将以一个没有重点的混乱设计而告终。我最多只用3种颜色，两种相差不多的和一种高亮的。
3、从这两种相差不多的当中，来通过明暗的变化而调节，如果你只用了不到3种颜色，那可能会看上去有一些单调的，尽管你也用了足够多的明暗变化。以下几种配色方案可能对你实际工作有所帮助：

在photoshop中使用色彩饱和度的调节来观看你所选择的颜色的变化，你会发现，实际上上面的这些例子的颜色都是通过这个方法得到的

以下我们再讲一下画像素图案
现在是教大家画像素图案的时间！在photoShop中新建一个文件，大小为30x30像素，色彩模式为RGB，背景色可以是你想要的任意颜色，用铅笔工具画一些像素点，这是一些你可以开始时照着做的例子：

花大量的时间来制作这些像素图案，实际上是一种通过不同的方法的尝试，任何我们所不知道的技巧只有通过亲自尝试自己的想法才会成为技巧。我所做的大多数网页都是先开始于背景图案的制作，选择一个接近于背景色的颜色，然后来画些像素点。如果我建立的背景图案是一些线，我可以在photoshop中把那个包含一条线的图层复制一份新的出来，然后向左或右或上下移动一点儿。或者再改变一下透明度和层选项等。

这些放大的图案是真实的像素点的分布，被裁切开的右边正好又和左边相连从而铺开就构成了一个完整的循环。

下一步我们将要讲述实际的页面框架的设计和规划，核心内容将是讲如何制作一个引人注目的页头和标题，包括标题的装饰，希望大家喜欢这些教程！
下载这个教程中用到的源文件（photoshop格式）

终于到了我们CSS教程的第三部分，但在我的Blog上的第一第二部分仍然是很有用的，今天的这部分将是我们最后的一部分关于设计方面的，在这之后我们将再一步步的花时间来开始我们XHTML和CSS的讲述，这是网页最终结果的大概样子（点击小图可以看到大图）:

我选择了粉红和绿的颜色做为按扭的普通和鼠标经过的状态颜色，可能会感觉有一点偏重于女性化的设计。
今天我将做一个完整的讲述关于这个模板设计，你将会得到一些关于如何制作页面头部的知识，以及如何添加一个完全的像装饰一样的格调，以及介绍一些从哪里可以得到特别的创意和一些漂亮的字体的资源网站。
建立页头的背景

在第一和第二部分，我们制作了按扭并选择了我们要的颜色，现在轮到寻找一个包含了我们已经首选颜色的图片来制作我们的页对头部的背景了。从我的色板上也可以看出我们用到了绿色和粉红色，所以我决定用一种很富贵的亮粉色做为主色调背景，用一个浓的樱桃色做Banner，用一个绿的东西做标志。
当我在我收集的图像中寻找时，我看中了这一张图片，因此我将这张图片从一个特别红的颜色改变为了一个更为适当的一个略带桃色的颜色，这个操作可以在photoshop中利用“调节”---“色相饱和度”来实现，改变红色的色相，使其色调+24

下一步是选择一个更细的部分能包含我们要的适当的颜色，并且可以出现一个有趣的效果。并且在接下来我们还要用一些滤镜来实现进一步的效果。制作这个背景图片是需要一些创意的，而且要不断尝试你的想法，直到满意为止。这是我最后选中的我认为可以用来尝试一下的一部分图片。

这里显示的图片当然只是简化了的一部分，实际开始时我用到的图片是一个大一点的（1600x1200px）,我添加了一个我喜欢的滤镜在它上面，在photoshopCS中可以用到好多生动的滤镜来实现我们的想法的。你也可以用别的滤镜来看看效果，这里我最好得到的图片：

这个背景图片融合了我们想要的数种的樱桃色彩。完成了上面的几步之后，新建一个图层我又用钢笔工具勾了一些曲线路径，用笔刷工具对路径描边。之后改变图层的透明度为30%，然后再复制这个层，轻移一点，旋转一些，再重复复制几次。
下载这个制作过程的演示视频
我添加了一个点缀物在右边（这是用一个叫Tamuz的字体做的），一会儿将提供一些可能下载到漂亮字体的网站。这是现在的结果：

我们的Blog模板的标题
网页的标题完全是按照个人的意源来命名的，并且他应该有一个小的图标或是标志，图标应可能的特别一些，容易辩认一些，有时又能表现你自己一些等。在这个教程中我选择了一个仙人掌，因为他是诚实久远的像征，而且又有一点儿别的意思。但同时我选择它做为图标也是因为这个图标放在这里颜色上和我们使用的色彩方案在设计上讲是很协调的。最好，我用叫做Bon Guia的字体写了一个标题，这就是我们的网页头的最终结果：

提供一些有用的资源下载的网站链接：
Minion Ornaments, Tamuz, Klunder Script Kreatures, Big Cheese from Emigre
Adobe ornamental fonts
free Dingbats fonts
总结：
这一部分我们就已经把网页顶部logo和Banner的设计做了一个小的示范了，最主要的几个要点就是色彩的搭配和背景的选取以及小装饰图片的添加和滤镜的运用，大家不妨也按照这个思路去进行一些尝试，也欢迎大家大胆的不要吝啬的贴出自己的链接！

现在油漆桶和铅笔刷应该扔到一边了，我们进行第四部分的内容，在这一章节中，将要集中讲一下DIV这个容

器的设计。
你需要问的问题是，我们设计的不同部分是什么？一个页面由哪些不同的部分组成？报着这个想法，我将在

这里回答这些问题讲解一下如何为网页进行切片，如果你是一个网页设计师，这可能对你来说是很简单的问

题，因为你已经在过去的日子里把表格运用的如火如荼，但现在你要思的是如何不用表格而用DIV容器及CSS

和Xhtml来控制实现一个不但文件体积小而且内容和页面更具亲和力的效果。
这是通常的我们见过的网页构成：
页面头（the header）
页左栏（the left）
页主体内容（the content）

导出需要的gif和jpeg图像
这些是用到你需要导出为gif或jpeg图像不同

的素材
* 1. 页面头文件header
* 2. 导航按扭背景bg_navbutton
* 3. 导航按扭bg_navbutton_over
* 4. 普通小图标bullet_extlink
* 5. 标题前小图标bullet_title
好了，你大概会想，“背景图片怎么办？”，不错，它没有在这儿列出来，这需要一点儿说明，我们想要一

个严格的解决方案，因为我们仍然想要在窗口大小变化的时候内容居中，

这就是你将导出的背景，这是一个1600像素宽，5像

素高的图片（这已经是足够了，除非你是一个富人，用着30英寸的苹果机显示器）。

使用CSS设置背景
这就是我们要使我们的背景居中的CSS
以下内容为程序代码

body {
background: #F7F7F6 url(images/background.gif) repeat-y 50% 0;
background-attachment: fixed;
}

我们的背景图是一个5像素高的“线条”，它在垂直方向上延伸重复就铺满了整个页面。在水平方向是以浏览

器窗口的50%水平方向开始平铺线条，上边距为0。Background-attachment: fixed,意思是背景将不随着内容

的滚动而变化，是固定的。我们Body标签作为我们的放置这些参数的容器，是因为它要应用到整个页面。
观看这时的结果：点这里

添加我们的第一个DIV
现在我们就要依次添加我们的DIV了。
这是我们的网页头的CSS
以下内容为程序代码

#header {
text-align: center;
}

我们用一个ID符号建立我们的网页头的容器DIV，一个ID符号总是对应仅有的一个网页上的元素。一个对此ID

的CSS描述必须是唯一的伴随这个文件，我们的header是需要居中的，所以我们用到了"text-align:

centered;"，这段代码就是添加header的内容的。
以下内容为程序代码

<div id="header"><img src="images/header.jpg"
alt="My blog" width="692" height="90" /></div>

你可能注意到这时预览结果时的图像没有在最顶上，所以我们在body标签里还要加上 "margin: 0"

and"padding: 0"
以下内容为程序代码

body {
background: #F7F7F6 url(images/background.gif) repeat-y 50% 0;
background-attachment: fixed;
margin: 0;
padding: 0;
}

观看结果：点这里
如果以上讲的这些对你非常陌生的话，那么你最好阅读一下这个

完整的关于CSS的介绍以便有一个更好的了解对

我们现在做的事情，祝你好运！

在我们以前的几个部分里，我们做过了一些很基本的CSS代码，如果是第一次来这儿的朋友可以先看看前几部分的内容：第一部分、第二部分、第三部分、第四部分，今天我们的教程里将来实现左侧导航栏的制作。
但在开始之前，当建立一个网页的时候，我们必须总是尽可能让人容易理解的写语法，如果你看了第四部分内容的评价的话，你可能注意到有人提出了一个建议是，使用h1标签元素是更好的对于网页头部分，因为那是更容易理解的代码并且它使一个站点更具有亲和力容易更好地被搜索引擎收录。想当然这些更重要一些，所以我已经把我们的代码按照这种方法来修改了。

图片更换的技术
这个技术实际上叫做图像替换技术，意思是我们用一个文本来替换真实的图片在我们的html代码中。页面头的图片在支持CSS（当我们使用“ background: url(images/header.jpg);”来设置背景图片时）的浏览器里将会显示出来，并且文本是隐藏的（因为代码：“text-indent: -9999px;”），因为我们的CSS代码将文本定位到了我们可见区域之外。在旧的浏览器上或是在盲人用的屏幕阅读器上你将会看到文本的替代，我们用这种更易理解的代码。
以下内容为程序代码

#left {
width: 178px;
}

到目前为止我们需要做的只是定义它的宽度，在这个宽度的left容器中我们放置一个DIV容器作为这个导航，命名为：navcontainer.用CSS建立一个导航最好的方法是用它本身那些导航的点，就像以前用html做好内容,然后再定义它的CSS样式一样。就像这样：
以下内容为程序代码

这样会出一个默认的点，而因为我们不想用它的默认的这个点，而要用一个漂亮的背景上的点来代替，所以我们要在CSS中移除这些点，要进行的CSS定义为：
以下内容为程序代码

#navcontainer {
width: 178px;
}

#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
text-indent: 20px;
letter-spacing: 1px;
border-bottom: 1px solid #fff;
}

#navcontainer a {
display: block;
width: 178px;
height: 22px;
}

这个定义了一个我们的导航栏的“a”标签，或者叫做“链接标签”。这样定义之后就会影响到每一个导航栏里的按扭，首先，我们使用display: block;，显示设置为一个元素的显示方式，这里设置为“block”是需要让这个链接的块儿自动调整到适合大小，后两行是设置的每个按扭的宽和高。

鼠标经过时的状态是通过交换背景图片来实现的，使用的是a:hover 的样式。这是详细的代码：
以下内容为程序代码

这是我们教程的第六部分，现在我们将要填加我们网页的内容部分。

为网站的内容添加主体容器
首先我们要在我们的样式表单中添加一个ID选择器，设定他的宽度为514像素，
以下内容为程序代码

<div id="content">this is the right</div>

#content {
width: 479px;
float: left;
padding: 15px 0 10px 20px;
}

<h2>This is the title</h2>

现在我们要为它添加一个样式来定义它的外观：
以下内容为程序代码

#content h2 {
font: normal 18px Georgia, Times New Roman, Times, serif;
color: #80866A;
background: transparent url(images/bullet_title.gif) no-repeat;
width: 454px;
padding: 0 0 0 30px;
}

我们使用#content h2在这里意思是我们要给content ID 里的h2定义一个样式。意思就是说在内容DIV里的所有的h2的标签的显示样式效果都是这样的。我们也可以在这个content ID的外面定义h2标签的样式，那样的话，整个网页上的h2标签里的内容都显示同样的效果。如果你想要用其它的h2样式例如在left容器，在前面添加这个id将是很方便的。
以下内容为程序代码

<div id="content">all h2 tags here will have this style</div>

现在我们用一个class，不用在最前面，因为我们反复的要用这个样式在我们的网页中。第一行设置了字体的样式，11像素的字体大小，18像素的行高，第二行我们定义了文本的颜色，在最后我们通过在段与段之间添加10像素的底端空白来增加一些距离。
在我们的Xhtml代码中的h2标签的下面我们添加一个段落标签，用来存放我们的文本内容，并将它就用其“text”样式！
以下内容为程序代码

更正：在我们开始第七部分之前，我想纠正一个我的小错误，我告诉你们在DIV标签之间放那个文本的样式是不正确的语法，它应该是放在段落之间的。这样当CSS样式没找到的时候，看上去仍然还可以。这样做允许你使用顶部或底部的空白来调整垂直方向的段与段的间距。这种方法我们同样不需要再用换行标签了。
不用这种方法，在今天的这个第七部分，我们将填加一个紧贴着浏览器的底部的网页脚，我在这个部分还是不讲添加喜欢的链接的内容，因为它的内容太多了。总之，这将是一项坚具的工作，要进行大量的阅读。
首先，我必须告诉你，完全用CSS建立一个紧贴你的浏览器窗口的页脚和用表格来设计是相当有区别的。不幸的是，因为safari是如此的年轻的一个浏览器，有些东西仍然会丢失，就像我们需要为网页脚设置的min-width 和 min-height属性。不过一个好消息说在下一个版本的safari将支持这些。更多的关于垂直定位的和建立网页脚的知识可以看这篇文章,实际上，我推荐你先阅读一下再继续下面的内容，因为它把这一切解释的那样清晰，在这儿我只能讲到这么深入了。
阅读完那篇文章之后，你将知道我们需要建两个主要的容器来完成这个工作，1个容器存放所有的内容，另一个存放网页脚。我们的包括了整个内容的容器是"#container" id，这是非常靠前的一个DIV在代码里（在body标签之后），结束于body标签之前。换句话说我们的网页脚DIV应该放置在紧挨"#container" id的DIV下面。
以下内容为程序代码

这是我们教程的最后一部分，我们将添加喜欢的链接在左侧并且链接我们的样式在一个单独的CSS样式单里。

添加XHTML代码
首先，我们要添加xhtml代码为我们喜欢的链接：
以下内容为程序代码

Loading一般可以用两帧来制作，放在动画的最前面。如果一个比较大的动画已经做好了，再插入帧太麻烦，也可以增加一个场景，专门放Loading，这个我们一会儿再讨论。我们先来看看最基本的制作步骤。

1,打开Flash MX2004)，新建文件，设定好场景尺寸、背景颜色和帧速。先做一个带有“Loading...”字样的MC（Movie Clip 以下同）。我这里做了个简单的文字闪烁，也是最常用到的一种效果。



2,把它放入场景的第1帧。在它下面画一个矩形框，里面画个没有边线的矩形填充作为将来的进度条。



3,选择这个矩形填充，按F8转为符号。给它命个名，我这里是“jdTiao”。类型选Movie Clip，如果选Graphic，将来在场景中就不能对它命名和进行Action控制（这也是Movie Clip和Graphic的主要区别之一，而通过会动还是不会动来定符号类型则是初学者最易走进的误区，其实MC和Graphic都可以是动画，也都可以是静止图片）。最后需要注意的一点，看见Registrati选项了吗？它旁边有9个小方框，这是用来确定符号的中心点的，我们这里选择左边中间的那个点。你可以试试选择中心点最终会是什么效果。多做这样的尝试是个好习惯，能够帮助你加深理解。

在场景中选择进度条，在属性面板中把它命名为“tiao”。注意，这是实例名，要和符号名（jdTiao）区别开，用action控制时，使用的是实例名。这是个初学者易犯的一个错误。



4,在进度条的右边创建一个动态文本，宽度为3个字母，设置它的属性：变量名为“loaded”，对齐方式为居左。紧接其后，创建一个静态文本，输入一个百分号“%”。



      现在场景编辑基本完成，按F6插入一个关键帧，我们需要2个帧来进行循环。下面开始action的编写。

第1帧：

loaded = Math.round(getBytesLoaded()/getBytesTotal()*100);
setProperty("_root.tiao", _xscale, loaded);
if (loaded>=100) {
gotoAndPlay(3);
}

我来解释一下这几个语句。

loaded = Math.round(getBytesLoaded()/getBytesTotal()*100);

这是给变量loaded赋值的语句。“loaded”是什么？还记得我们刚才创建的动态文本吗？我们给它设置的变量名就是“loaded”，这样，在动画发布后，动态文本框中显示的内容就是loaded的值。也就是说，只要按我们的需要动态的给loaded赋值，场景中就会即时的显示出这些数据。这里想要显示的是已经下载的百分比，看看如何计算：

getBytesLoaded() 获取已经下载多少字节的函数；

getBytesTotal() 获取动画共有多少字节的函数；

它俩的比值再乘上100，就得到了下载的百分比；

Math.round() 它的作用是把数值四舍五入，这样就把百分比进行了取整。

setProperty("_root.tiao", _xscale, loaded);

这一句用来控制进度条的显示。setProperty()是设置实例属性的，大家应该很熟悉了。



Property一栏选_xscale，因为我们想控制的是进度条的宽度。

value一栏填入loaded，对，就是刚才计算出的百分比。记得把Expression选中哟。提示：输入数值常量或变量名，一定要勾选Expression，不然的话，程序就只会把它当成“loaded”这几个字母。这也是初学者易犯的一个错误。

输入Target栏时，可以利用下面的目标路径工具。点击之后，出来一个对话框，场景中已经命名的实例就会一目了然。这样做一般就不会出错了。



if (loaded==100) {
gotoAndPlay(3);
}

这个判断语句很好理解，如果载入完毕（loaded==100）,就跳转到第3帧开始播放主动画。不过还是有两点需要注意。第一，loaded==100，这个“==”千万别写成“=”，loaded=100就成了赋值语句了，100是个正值，作逻辑判断就是真（True），这个判断语句就没什么意义了，gotoAndPlay(3)一定会被执行。

第二，我在开始提到的，想把Loading单独放在一个场景怎么办？比如Loading在第1场景（Scene 1），主动画在第2场景（Scene 2），这时只要把gotoAndPlay()语句稍作改动就行了。



第1帧制作完成，开始第2帧。这帧只有一个语句：

gotoAndPlay(1);

就是返回第1帧，构成一个循环。

至此，Loading制作全部完成。把它加入你的动画测试一下吧。看不到Loading效果？在你的Flash MX2004里按两次Ctrl+Enter试试。(第一次测试，出现画面了，立刻再按一次，第二次测试)

　　在Flash网站各子界面制作过程中，网站文字可以通过复制、粘贴、甚至直接导入文本的方式进行。这里介绍的方法是连A4Desk都不用打开，直接修改文本文件即可更新网站文字了。因为在制作Flash网站时，在软件安装目录下会自动生成一个import文件夹，该文件夹里的每一个文本文件的内容都和网站页面的内容相对应的，找到相应的文本文件即可进行修改了。

　2. 快速修改菜单标签　

　　在制作在Flash网站时，修改菜单标签是通过执行“Edit→Section Names”命令来完成的。其实也可以直接双击标签，会弹出“Page Name Edit”对话框，输入修改的标签名称，单击“Apply”按钮即可，如图所示。后面的几个空白标签，是用来增加菜单的。

　3. Flash网站修改

　　步骤1：在第一次制作Flash网站时，要根据提示保存你的网站制作方案为“ .prj”文件。

　　步骤2：打开软件，在“Start Wizard”(开始向导)对话框中，选中“Open Project”，单击“Next”按钮。

　　步骤3：在弹出窗口的左侧栏中，选中原来保存的网站制作方案为“ .prj”文件，单击“Open”按钮，即可对文件进行编辑，不用再重新选择模板进行修改。

　　编辑提示：也可以执行“File→Open Project”命令，直接打开原存文件进行修改。

　4. 创建Flash菜单

　　A4Desk不仅能制作Flash网站，而且同样可以根据模板制作心动的Flash菜单。软件运行后，在“Start Wizard”(开始向导)里选中“Create New Menu”，单击“Next”按钮，选择模板“Create”后，即可进行修改了。也可以直接执行“File→New→Flash Menu Header”，打开模板选择界面即可逐步进行创建了。

　　实用的flash技巧

　　针对许多flash爱好者虽然能作出不错的Flash动画，却对该软件本身缺乏深刻了解的现象,以及一些搞美工的专业人员，有时又惧怕Flash中的Action代码部分等。现就以Flash 5为例，谈谈Flash 5的一些较高级的技巧和心得。本文绝没有涉及Action的技巧,简单易懂。

　1.遮罩的高级应用

　　深入理解遮罩(MASK)，可产生一些很酷的效果。如：把静止的文字作为遮色片，移动渐变的小花纹图作为MASKED，可在文字轮廓内显示出小花纹的流动效果;把文字块保持静止，而不规则的遮色片逐渐扩张，能使文字产生一种不规则出没的效果;把产生移动渐变的文字块作为遮色片，利用与背景颜色一致的渐近色块作Show Masking，能让文字块产生一种淡入淡出的朦胧效果……还有很多很多，就看你的想象力和创意了。

　2.位图的矢量化和矢量图的简化

　　矢量图容量小，放大无失真，在Flash上应用有无可比拟的优点。很多软件都可以把位图转换为矢量图，但实际上Flash 5已提供了把位图转换为矢量图的方法，简单有效。

　　先按“Ctrl+R”导入需转换的位图，选菜单：Modify>Trace Bitmap。在弹出的对话框中，把“Color”和“Minimum Area”设置得越低，后两项设置得越加紧密、越多转角(即下拉菜单越偏前面的选项)，则得到的图形文件会越大，转换出的画面也越精细。对于节点复杂的矢量图，可按“Ctrl+Alt+Shift+C”键进行优化，可大幅降低图片容量。

　3.隐藏浏览器中的Flash右键菜单

　　在浏览器中用鼠标右键点击Flash动画时，会弹出下拉菜单，你是不是觉得很烦呢?去掉它!在Flash 5中可轻松做到这一点。按Ctrl+Shift+F12弹出“Publish Settings”对话框，在“Dimensions”下拉框选“Percent”，不勾选“Display Menu”，然后发布即可。但要注意，只有在HTML页面中才会有效，单独播放Flash文件是不会有作用的。这个效果在Flash 3中则要用AfterShock才能实现。另外，如果你用Dreamweaver插入Flash文件，那么在Flash属性框中也可以选择实现这一功能。

　4.精确控制变形

　　在两个对象间做“Shape”变形时，是不是有时有种怪怪的感觉，觉得在乱变，不是柔和地变化。其实只要小心地处理一下就行了：选取“Shape”变形的第一帧，按“Ctrl+H”就可加上一个变形关键帧，同时在变形的最后一帧也会同步出现相应的关键帧。适当地选择关键帧的数量，调整关键帧的位置，就可实现精确的变形效果，就像影片《未来战士》中的液态金属人一样酷!

　5.音效的编辑技巧

　　在Flash 5中音效可以编辑，不会吧?但这是事实，而且很简单，功能也不弱。在Frame Properties对话框的“Sound”选项中拖动那个小方块，就可实现音效的音量大小、淡入淡出等效果，一切就这么简单。你会了吗?

　6.控制背景音乐的开关

　　运用Flash 5提供的普通关闭音乐功能，很难实现点击一个按钮就能随意控制音乐的效果。那么，这里到底有什么奥妙呢?其实方法很简单。先制作一个“音乐控制开关”的“Movie Clip”，将两个同样的按钮放置在不同的影帧里，然后利用按钮的Action来切换这两个影帧，一个影帧放置背景音乐，并设定音乐为“Start”，另一个影帧里也放置背景音乐，但设定音乐为“Stop”。具体的Action我就不说了，因为我有言在先。不过笔者认为，作为一个Flash发烧友，这点Action是必不可少的。

　7.输出GIF、AVI和MOV的问题

　　有的爱好者喜欢用Flash制作GIF动画，或因其他用处，需转换为AVI或MOV格式。但有时发现许多动画信息都无故丢失，究其原因是Flash动画中应用了Movie Clip。准确地讲，这不算一个技巧，但往往会让一些初学者困惑。根本的解决办法只有一个，那就是动画中不要用Movie Clip。当然你别再指望生成的GIF、AVI或MOV动画能支持SWF文件的交互了。

　8.网页中FLASH动画的透明和无边框处理

　　Flash动画能像GIF动画那样透明吗?普通的HTML页面内容可否重叠在Flash动画之上?答案是肯定的，在Flash 5中可轻松做到这一切。按“Ctrl+Shift+F12”弹出“Publish Settings”对话框，在“Window Mode”下拉框选“Transparent Windowless”即可。但要注意，其效果是在HTML页面中加入的，并非Flash文件本身具有这一属性。试想在网页中你可轻松地加上Flash的动画背景，并配上声音，有多酷啊。它的兼容性极强，浏览者即使无F1ash播放插件也不会影响页面的视觉效果(仅仅不显示Flash文件，不会有空白区域或图标)。从此Flash可以与HTML页面完全地融合，网页的革命已经到来!

　9.向日葵运动

　　假如要做一棵向日葵，围绕太阳作圆周运动。你可能觉得很简单：不就是让一棵向日葵沿一条圆形导线(Guide)作Motion吗?但如果要求向日葵旋转的同时，其花朵始终向着中心的太阳，又该怎么办呢?其实也很简单：在Frame Properties对话框的“Tweening”中勾选“Orient to Path Direction”即可。灵活采用这一方法，可产生好多意想不到的效果。

　10.如何能确定浏览者有没有安装支持Flash的插件，并提供安装方法

　　最简单的方法是用Dreamweaver来编写HTML，当插入一个Flash文件的时候，会自动在网页中插入一句代码。当用户没安装Flash插件的时候，会自动到Macmmedia的指定位置下载。但该站点服务器常常较忙，你可以使用Behavior中的“Check Plugin”指定任一“URL”下载。这似乎也算不上F1ash的应用技巧，但却至关重要。要知道目前在中国还有一部分电脑没有安装Flash播放器