cjahs 发表于 2008-6-22 23:28:25

QQ场景编辑器教程

大家在用QQ聊天的时候,看到朋友漂亮的聊天场景是不是羡慕不已呀,其实我们自己也可以打造漂亮的QQ聊天场景,与好友一起用自己打造的QQ场景聊天是不是一件非常高兴的事呢?下面笔者就带领大家一起来打造自己漂亮的QQ聊天场景。
QQ场景编辑器界面亲切、友好,同时支持所见即所得的编辑环境,用它可以轻松完成QQ场景的整个制作过程,包括背景图片的导入、设置及场景动作的设计、实现等,此外还提供了动作预览,可以文件的随时查看动作效果,闲话少说,下面我们进入正题。
一、软件主界面
软件下载安装完成后,就会在桌面上添加一个QQ场景编辑器的图标,双击图标打开QQ场景编辑器,选择“创建新的场景工程”,QQ聊天编辑器的主界面就呈现在我们面前了,软件主界面的左边是场景元件及元件图库区,中间部分是场景编辑区,右边是元件属性设置区,在这里可以对所有的场景元件进行属性设置,从而满足我们的要求。


二、创建新的聊天场景
在打开QQ场景编辑器的时候,我们可以选择创建新的场景工程,同时如果我们没有编辑完成的场景,也可以通过打开,选择未完成的场景文件,继续编辑。下面我们对场景的背景部分进行编辑。
1.背景属性设置
创建新的场景工程后,就要对场景的背景进行设置,这一点可以通过右边的属性设置对背景的声音、场景区域大小及IM聊天窗口中各部分的颜色进行设置,软件针对颜色设置提供了“预览”功能,改变了文字颜色后可以即时的看到修改后的效果。


声音:指的是本场景的背景,可以通过点击“选择”从本地硬盘上添加上声音文件,还可以对添加的声音进行试听,添加的声音文件会出现在左边的元素图库中。
设计区大小:这里可以设置QQ场景的大小,可以根据实际情况进行设置,通过数字来控制区域的大小,设置一个数值后回车,就可以在设计区即时看到大小的变化。
颜色:这里指的是对背景、消息窗口背景、对方和自己发言标识、聊天消息、系统消息的文字和链接等场景中元素的颜色设置。点击下面的预览可以在设计区即时看到颜色的变化。
2.图片
前面我们设置好了背景的声音、大小及颜色,为了让场景更加的漂亮还要在背景上添加一张或多图片。首先我们要把事先准备好的用于制作场景图片导入到QQ场景编辑器中,导入后,会在主界面左下角的元素图库中,如果需要哪张图片,可以直接把图片拖动到设计区中,也可以双击元素图库中的图片,就可以把图片添加到设计区中了。另外我们也可以在背景上直接点击右键,选择“添加图片”,这也可以把本地图片添加到背景上。

在背景上添加图片后,可能通过对其属性的设置来改变图片的大小、拉伸方式、位置等等。图片属性的设置与背景属性设置差不多。


名称和大小:图片添加到背景时,该图片的默认名称和大小就已经自动显示出来,我们还可以根据需要自行修改,如上图,可以通过鼠标拉动图片各个方向上的9个红点直接调整图片尺寸,也可以输入图片的宽和高的具体数值,不可以设定图片为原始大小等。
窗口拉伸:具体分为左右、上下位移动方式和填充方式的设置。
坐标视图:帮助大家确定当前图片的四边相对于背景四边的位置。
另外添加的图片多了,就会出现图片上面的图片覆盖下面图片的情况,为了正好的解决这个问题,在QQ场景编辑器中引入了层的概念。每一个图片可以看做一个层,不同的图片就是不同的层,在场景编辑器的背景部分,提供各个图层间的操作“上移”、“下移”、“最上层”、“最下层”等,为将新枝图层设置到天空图层之下的效果,可以看到天空图层和新枝图层重叠的部分中,天空覆盖了新枝。


经过添加各图片及背景、图片属性的设置,最后设计的场景如下图所示:



三、添加动作
聊天场景设计好了,但感觉还少点什么其它的东西,那就是要有图片能动,那岂不是起到画龙点眼的作用,下面我们就给场景添加动作,让场景动起来。
为场景添加动作是最难的一个步骤了,如果你有制作Flash的经历,学起来可能会轻松一些,其原理为场景加动作就是添加了一个图片运动的过程,点击“添加动作”按钮,我们可以看了在设计区上方会添加了一个时间轴,我们就是通过时间轴上的点与图片运动的几个位置建立对应关系,然后通过“添加补间动画”完成动作过程。当然这个过程大家一定要多次试验,才能制作出一个完美的动作。
下图是添加了一个动作后的情况。动作添加后,我们可以通过点击预览来即时的查看动作情况。



四、场景的生成及查看
场景完成制作后,想在QQ上看一下整个场景的制作情况,就要用到“场景生成”这个功能了。点击“生成”以后,会弹出一个场景生成成功的提示窗口。


然后打开QQ,选择更新新场景,我们刚刚制作的场景就会出现在场景列表里了,点击刚刚制作的场景名称,就会在QQ聊天窗口出现我们的聊天场景了。


五、场景打包发布
最后场景制作完成了,这时是不是想与好友一起来共享自己制作的场景呢?要想把自己制作的场景发布到网上,就要用的QQ场景编辑器的打包功能了。点击主界面上的“打包”按钮后,一会就会弹出一个打包成功的提示窗口,这样就生成了一个扩展名为CIP格式的安装包。这个安装包里包含了场景安装时所需要的全部文件,无须另外压缩,可以直接上传,同时,所有.cip格式的场景可以通过双击直接安装,安装完成后,该场景直接出现IM窗口的场景列表中,可以直接选取,无须再次“更新场景列表”,非常方便!


这样一个完整的QQ聊天场景就完成了,看到自己亲手制作的QQ场景是不是有一种成就感。我们可以看出,QQ场景编辑器的确是一款不错的场景编辑工具,我们完全可以轻松的打造出个性化的QQ聊天场景。


点此下载该软件

[ 本帖最后由 cjahs 于 2008-6-22 23:31 编辑 ]
页: [1]
查看完整版本: QQ场景编辑器教程