QQ场景编辑器教程

cjahs

大家在用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 编辑 ]