【空间攻略】弥漫四月,古韵空间一幕古老气息的制作 (5/157)

< 上一篇下一篇 >
本帖地址: 复制地址

修改 回帖 引用 楼主: Trista

用户形象图片

本文已被推荐到Qzone社区, 点击了解更多精彩内容
 
=========================== familiar spirit 妖精分割线=======================
     四月的初夏弥漫着稀稀落落的雨滴,清明过后便是一片艳阳的开始.
     空间制作有一份古老的气息,武则天的年代,女人的天下.主要以黄色,和深色系列为主.
     制作教程版权所有:妖精
 
整体图:
­
­
­
­
〓〓〓〓空间所用商城物品
动画:古典美人  导航:选择  鼠标:守候爱情 播放器:孤独 效果挂件:镜头语言、点着
­
­
〓〓〓〓整体设计思路及制作过程:
相关软件photoshop  flash
­
============================ familiar spirit(皮肤) ==========================
皮肤制作:最普遍的古典卷轴为皮肤。
­
­
1.为了简便就直接网络上的东西了,截了一小节图,Ctrl+v然后点菜单的编辑“定义图案”,新建图层1260X4000,Shlft+F5填充刚刚定义图案。
2.那么将素材拖入:
3.那么我不喜欢原来荷叶,荷花的颜色,怎么改呢?用魔术棒点击荷叶部分,新建一层填充为绿色,混合模式为柔光,荷花同样的做法。
4.把做好的轴承拖进来:
­
5.最后在修饰下,打上文字就可以了.
­
­
­
­
============================ familiar spirit =========================
 
 
模块分析: 现在上精彩的空间相信大家也看到了,很多都是4个模块,而最常用的就是鼠标经过,日志部分就出来了,很少人用鼠标按下的吧,目前我就见,新月如眉、妖儿可可和仙仙3个人用,经过flash按钮变化,也可以是另一个效果,嗯今天看见新月如眉的空间非常漂亮,用的就是按钮转化就像两版空间。
­
1.PS里先做好一张模块背景图(就是覆盖整个空间主页的图片)和一张系统模块遮盖图,打开FLASH,把做好的图导入到库。新建2个图形元件,分别命名为bg1和bg2,双击元件,把背景图拉入舞台,居中对齐,并进行分离处理(菜单栏修改——分离)。bg2和bg1做一样的处理,bg2分离并剪切。
再新建2个图形元件,分别命名遮盖1和遮盖2,双击打开元件,把遮盖图片拉入舞台,居中对齐,并进行分离处理。同上。
­
­
2.回到场景,命名图层1为【背景】,把【bg1】拉入舞台,居中对齐,在15帧处插入帧,在第8帧处按F6插入关键帧2次。(如下图),选中第8帧的【bg1】元件,点属性面板的【交换】,把它交换为【bg2】。在背景层上面新建一层命名【遮罩】,把【遮罩1】拉入舞台,如下图放置于舞台右下角。在15帧处按F6插入关键帧,在第7帧处再按F6插入关键帧。
3.选中第7帧的【遮罩1】,把它拉到如下图这个位置,即图片的偏中心位置。选中第8帧按2次F6键,插入2个关键帧。选中第8帧的【遮罩1】,点击属性面板的【交换】,把它交换为【遮罩2】。在第1帧和第7帧及第9帧和15帧之间都创建补间动画。按F9打开动作面板,选择第一帧和第8帧,分别都写入
stop();
­
4.在【遮罩】层上面新建一层,命名【遮盖】。选用矩形工具在舞台中画出一矩形,颜色随意,大小以能够遮盖住下面的【遮罩】元件为宜。在时间轴中右键点击【遮盖】层,在弹出菜单中选择为【遮罩层】,【遮罩】层会向里缩进,同时,画的矩形也会不能够看见,而【遮罩】图形也只会显示有矩形覆盖的那一部分。
­
5.双击【遮罩2】图形,进入编辑,你可以在场景的舞台里直接双击第8帧的【遮罩2】元件,这样进入的是当前窗口编辑模式,具有可视化,可以直观的看到编辑的效果。
6.在【遮盖】层上面新建一层,命名【按钮】。在第一帧和第8帧按F7插入空白关键帧。选择第一帧,用矩形工具在“音乐”文字上面画一个长方形矩形,遮盖住文字,把右下角切除,点击矩形,转换为按钮元件,在属性面板把Alpha改为0%。双击按钮,进入编辑,在【指针经过】插入帧,新建一层,在【指针经过】插入关键帧。
.
7.在【按钮】层的第8帧,用矩形工具画出多个矩形形状,颜色随意,使覆盖除中间【遮罩2】之外的所有舞台。选中这个形状,点右键转换为按钮元件,修改属性面板的Alpha为0%。
­
­
.
8.选中按钮1和按钮2,按F9,打开动作面板,写入下面的代码。
on (rollOver) {
       nextFrame();
play();
}
­
on (rollOver) {
       play();
}
­
­
回到帖子顶部

回帖 引用 1楼月凉如水

用户形象图片

辛苦了
我慢慢学习中......

很多地方还是不懂
回到帖子顶部

回帖 引用 2楼/yl天下无双

用户形象图片

            先顶顶,做下慢慢看
回到帖子顶部

回帖 引用 3楼 蓝色忧郁

用户形象图片

                  这么好的教材   才发现   
回到帖子顶部

回帖 引用 4楼苏城游侠

用户形象图片

欧耶!真不错,占层楼慢慢看。
回到帖子顶部

回帖 引用 5楼じ☆ve緈辐☆

用户形象图片

不错哈哈不错哈哈不错哈哈
回到帖子顶部
个人信息
  • 荣誉+3
  • 荣誉+2
  • 荣誉+1
  • 荣誉-1
  • 荣誉-2
  • 荣誉-3
发表留言
  • 文章不错!
  • 精华好文!
  • 支持原创文章!
  • 帖子图文并茂,好!
  • 真知灼见,说得好!
  • 恶意广告
  • 违规内容
  • 严重灌水
  • 重复发帖
  • 标题党
你确定要删除此楼层吗
扣20点经验值

快速回复进入高级回复

插入图片 选择表情

验证码 看不清?换一张(不区分大小写)

[完成后按Ctrl+Enter发表]
[回复须知]