Fireworks实例教程:动态性元器件的基本制作及高

Fireworks实例教程:动态性元器件的基本制作及高級应用
本例为Fireworks方法案例实例教程,关键解读动态性元器件的建立方式,实例教程从详细介绍动态性元器件的定义、建立一个基本的Fireworks动态性元器件到应用JSF编码的高級应用均有解读,期待能朋友们产生协助~~

最先讲一下什么叫动态性元器件,在Fireworks中,大家能够建立“图型”、“按键”、和“动漫”三种元器件,但通常大家仅仅立即从文本文档库里边立即把元器件拖出去用,大家把这类元器件变成静态数据元器件。

举个案子:我美术绘画了一颗“OK“按键并变换为按键类的元器件,当我们要再做一个“Cancel”按键时,我也要把刚刚哪个“OK”按键从文本文档库拖进画布,打撒,随后把文字“OK”改成“Cancel”,再转成元器件。像那样子的实际操作或许大家根本就没必需将他们转成元器件,由于假如大家要做许多按键,那文本文档库便会有许多那样子的元器件。

而动态性元器件是啥定义呢?便是我只必须从库里边把这按键拖出去,随后便可以在“元器件界定”控制面板里边更改这一按键上的文本、长和宽、及其电脑鼠标移入、按住等特性,但这一元器件在库里边只存有一个,就是我常说的动态性元器件。假如你对于此事还不太了解,那么你能够点一下“Window”莱单下的“Common Library”打开公共库,里边就放着一些这类种类的元器件。

掌握动态性元器件用于干什么之后,大家便可以刚开始制作了。

一、建立一个基本的动态性元器件

1.最先大家绘图一颗按键的四种情况:“一切正常情况”、“电脑鼠标移入情况”、“电脑鼠标按住情况” 和 “禁止使用情况”

Fireworks教程:动态元件的基本制作及高级运用_中国教程网

2.随后大家把这种按键情况图的座标设成统一,让他们重合在一起,再将他们所有选定,按F8键变为一个图型类元器件,进到这一元器件的编写情况,添加按键文字,并给每一张情况图开展取名(以下图)

Fireworks教程:动态元件的基本制作及高级运用_中国教程网

3.第二步实际操作要留意几个方面:

- 打开“九宫智能化放缩”,将拉申地区设置在文字框外界;

- 文字框的总宽要相当于按键情况图总宽减掉放缩地区总宽,并设定文字垂直居中显示信息;

- 按键情况图最好平面图化作位图文件,防止在放缩时出現相对路径开拆(但高低不平面化还可以维持图型放缩时的品质不容易损害);

- 将不用显示信息的情况图开展掩藏(除掉涂层前边的双眼标志);

Fireworks教程:动态元件的基本制作及高级运用_中国教程网

4.在文本文档库文件选定刚刚建立的元器件,点一下右上方的莱单按键,挑选“储存到公共库”,在弹出来的会话框选中择储存,默认设置的相对路径是:

X:\Documents and Settings\UserName\Application Data\Adobe\Fireworks CS3\Common Library\Custom Symbols

Fireworks教程:动态元件的基本制作及高级运用_中国教程网

5.在“指令”莱单中点一下“建立元器件脚本制作”;

Fireworks教程:动态元件的基本制作及高级运用_中国教程网

6.在“建立元器件脚本制作”会话框选中择开启刚刚储存的PNG文档,并依照下面的图设定动态性元器件的特性,最终点一下储存:

Fireworks教程:动态元件的基本制作及高级运用_中国教程网

7.如今随意在建一个文本文档,在公共库的自定文件目录里将自做的动态性元器件拖进画布,再在“Window”莱单下点一下“Symbol Properties” (元器件特性)

简易设定一下便可以在情景上建立好几个不一样情况、不一样标识文本的按键了。

Fireworks教程:动态元件的基本制作及高级运用_中国教程网




扫描二维码分享到微信