素材来自网络,皮肤和标题栏是自己制作的,用红艳艳的红舞鞋,舞出我的精彩!
先看模板整体缩略图:
展示空间:http://new.qzone.qq.com/100317523
所用商城物品:
这个模板的素材主要颜色是红黑两色,所以我在制作过程中的首选颜色就是红黑,让整个作品协调完整起来。下面我说说具体的制作过程。
图中的抠图我就不说了,网上去找找很多的。
一.标题栏和皮肤的制作:
具体参看我的教程:青梅教程集之玩转Qzone皮肤自定义
二.第一个模块的制作要点:
模块地址:http://www.3q5.com/UUAuth/2008-10/182319352462.swf
这个模块我教大家三个制作要点:
(一) 用PS的路径做任意形状的虚线框:
先见效果图:
以上的虚线框就是用路径来制作的,会制图的人都知道,想要在Photoshop中绘制虚线和点线是比较麻烦的,但我们可以通过路径走向文字来实现。分别以若干字符“-”和字符“.”沿路径走向排列,即可形成虚线和点线。还可以综合使用其他字符,而虚线的形态可以通过字符调板来控制,字号控制虚线的大小,字符间距控制虚线间隙的大小。
(1)打开ps,新建一个画布,把皮肤截图粘贴进来。我用的是白色皮肤,所以就建了个背景为白色的画布,大小为890×2506象素(我都是这样一次性建好大图,最后用切片工具切分成几块再转入flash里制作的。)
(2)把抠好的人物图和红色花球素材等都导入进来,排好位置。再选中工具面板上的自定义形状工具,设置好其属性栏的设置,在画布上画一个矩形框(也可以是任意形状的)。
属性栏的设置如图:
(3)画好后,就形成了一个呈矩形状的路径。再选择文字工具,设置好属性栏里的文字大小和文字间距大小,这个设置需要你实际去操作并做调节(我这里为10号字,间距默认),颜色设为你需要的颜色(我这里为黑色),再把输入文字的光标放在路径中的矩形任一角点位置,再按键盘上的“-”或者“.”不放输入文字“-”(或者“.”),直至在路径上形成一个闭合的矩形虚线框,再松开鼠标。看下图:
(4)再点ctrl+回车键,把路径转为选区,接着取消选区,这样一个矩形虚线框就做好了。注意哦,这里的虚线框还是以文字形式存在的,如果要对矩形虚线框编辑就要栅格化文字,把文字形式的矩形虚线框变成普通的图层,这样就可以编辑了,栅格化的方法:点图层--栅格化--文字。变成普通的图层后,就可以执行图层混合选项里的投影等样式了。
总结:利用路径不仅可以制作任意形状的虚线框,还可以做任意走向的文字,这个路径的生成可以利用钢笔工具画出来也可以用自定义形状画出来,原理都是一样的,这里就不做细说了。
下面我做了几个示范图,大家看看就能明白了:
(二)如何让你的图呈现单一的颜色:
大家看了上面的模块链接,应该看到那个虚线框左边的装饰花了吧,这个装饰花朵原来有好多种色彩,但为了考虑和素材的完美结合,我把其它的颜色都去掉了,只保留了花朵上的红色。那如何去掉别的颜色,只让图片保留一种颜色呢?这个方法有好多的,我这里用图层样式和调整色相饱和度功能相结合来去色。
原图:
下面我们来制作:
(1)导入花图片把它拉到模板上,改图层名为花,再复制一层为花副本。
(2)对花副本执行图层样式“亮度”,这样花上面的色彩全去掉了,然后把副本图层拉到花图层的下面。
不明白的看我的图层截图:
(4)对于花苞上的黄绿色较难擦除,我们可以通过色相饱和度来调整,方法:图像--调整--色相饱和度,在色相饱和度对话框打开后,用取样工具在花朵边上的有黄绿色的地方点一下,再把饱和度调到最低,这样花上面的色彩除了花朵上的红颜色,其它的颜色就全部去掉了。
看效果图:
是不是很简单呢?接下来我教大家做模块中那个飘落字的效果,说实话,对于flash我是菜鸟,这个效果是我无意间的一次操作中发现的,现在和大家分享下啊

(三)旋转飘落字的制作:
(1)打开flash 8.0软件,新建一个和模块一样大小的画布,把制作好的模块导入到软件中,锁定图层,这一步我想大家都会吧,这图省略了哦

(2)新建一层,选择文字工具,设置好文字大小、字体、颜色,选择静态文本,在画布上写上“我的日志”。并把文字托到模板的左上方适当位置。
(3)选中舞台文本文件,按快捷键Ctrl+B将文字分离。用选择工具选中第一个文字“我” ,右键转化成元件,类型为图形,改名元件为“我”。
用同样的方法把其它几个字也转化成图形元件,并改为相应的名称。在库里可以看到,里边已经有四个元件和一个位图了,位图就是你的模板。
(4)回到图层新建四个图层,改图层名顺序从上到下为“我”“的”“日”“志”四个图层。
(5)把图层1删除了(图层1就是你刚才输入文字那个图层),再点“我”图层,到库里把刚才建好的文字图形元件拉进来,放在左上方适当位置(就是飘落字的起点位置)。再点“日”图层,把日字图形元件拉进来排在我的右侧,其它几个字也一样操作,如图:
(6)选中各文字层,在每个图层的20帧处按F6插入关键帧。选中模板图层,在50帧处插入帧。然后用选择工具把所有所有文字框起来选中拖到要飘落的终点位置。见图:
(7)选中”我“字全层,右键创建补间动画,然后到属性面板里把旋转处设置成顺时针旋转1次。其它文字层同样操作。
(8)再次选中“我”字全层,用鼠标按住不放把整层的帧往右拖,拖至第5帧处;“的”字拖至第10帧处;“日”字拖至15帧处;“志”拖至20帧处。
(9)最后一步了,在各文字图层的50帧处插入帧。模板图层早在第(6)步中就插入帧了,所以这里就不用了。
好了,旋转飘落字效完成了,测试一下吧!



,路径这里老弄不明白
选择表情