【空间教程】别让边框“框”住你的创意 (350/19218)

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

修改 回帖 引用 楼主: ﹎淚の留戀:

用户形象图片



————题记:《枫叶醉秋》___突破格局,枫叶边框制作全过程 

此篇日志内容有点长,想要学会的话,请仔细阅读,你会发现其实非常简单。  


这几天空间上了首页,光临[淚之印象]的朋友那自然是很多了,而大家最关心的问题,就是这个镂空的枫叶边框如何制作,那么今天就来具体的说明一下了。 

大家都知道系统模块都是方方正正的,所以一直都按照这种矩形的边框来做大图。但是,自从Flash模块可以设置透明后,那么给Qzone带来更多的发挥空间了。而且系统模块的边框标题无法隐藏,只能遮盖,所以透明Flash就开始发挥它的魅力了。 


插曲: 

话说此教程开始之前,由于该教程涉及到两个空间关键点,所以淚这个家伙,突然不知道怎么给这个教程取个合适的标题了,然后和IT圈的重量级人物(网络流星)商讨,最后才出了这个标题,在这里十分感谢我们的流星二叔。哈哈,您老辛苦了。 

(- -|| 废话真多,还不开始呢。)  
(~!@#$%^&* 哦,马上!马上!)  

—————————————————————— 
软件支持:[Photoshop CS2 9.0]  [Flash 8]  (这里不提供下载) 
空间关键点:[边框的制作] [系统模块标题隐藏的实现] 
—————————————————————— 
正文: 

PS部分(Photoshop): 

打开PS,进入PS的操作界面,然后完成这几个步骤。(详细如图) 
1、先找到自定形状工具,默认样子是矩形形状,然后右键换到自定形状工具. 
2、在自定形状的下拉菜单里,添加更多的形状。即:<全部> 
3、最后在那些形状中找到枫叶形状。即:<叶子2> 

 

Step 1 

文件——打开,打开一张图,解锁图层 

当然,你自己在制做模板的时候,那么就可以用空间的背景皮肤啦。 

 

Step 2 

使用自定形状工具,即前面我们准备好的枫叶形状,然后拉出一个枫叶形状。 

但是,你如果不知道要拉多少大才能遮住系统模块的边框的话,那就先导入一个模块大小的图。 
这里举例一个日志模块,然后你拉出一个枫叶形状,多少大小,要怎么遮,就看你自己的啦。 

 

Step 3 

将枫叶形状转为选取[Ctrl+Enter],调整图层顺序,添加枫叶形状的图层样式——描边——投影 

拉好枫叶形状后,然后按Ctrl+回车键,可见效果是枫叶呈虚线选取状态,然后将日志模块图层1和背景图层0换一下位置,接着选中枫叶形状图层,按添加图层样式按钮,添加描边和投影。(参数如图,也可按自己喜好设置) 

 

 

Step 4 

枫叶形状图层和背景图层0合并 [Ctrl+E],最后删除选取内部分,按Delete键,镂空效果即可得,最后保存图片。 

将添加好图层样式的枫叶形状图层和背景图层0合并,按Ctrl+E,然后切换到矩形选框工具,让鼠标停在虚线框内,最后按一下Delete键,效果出来了。然后将日志模块图层1删除,因为我们制作的模板不需要这个图层,最后将合并的图层保存,点文件——存储为——在格式中,选择(.PNG)格式。 

 

 


接着将保存的图片,转到Flash中编辑成透明的选框,并且发布Flash影片剪辑,得到Flash模板。 


FS部分(Flash 8) 

Step 1 

新建Flash文档,文件——导入到舞台 

将前面在PS里面做好的PNG格式图导入到FS舞台,并设置好Flash文档的大小,只要和你所做的图片大小一样就可以了。(这里的例子是 480像素*360像素的) 


 

Step 2 

右键——分离,然后选择套索工具——魔术棒,剪切魔术棒选取的黑色部分,此时Flash已经透明了。 

右键舞台上的图层,选择分离,然后切换到套索工具,在下面的选项里选择魔术棒,用魔术棒选取黑色部分,然后右键—剪切,好了,此时透明的Flash已经出来了。 

 


Step 3 

发布Flash影片剪辑,得到最后的透明Flash边框模板,即(镂空的枫叶边框)。 

文件——发布设置——格式类型:Flash(.swf)——发布 


淚这个家伙的Flash技术很菜,而且FS方面的也是头一次写,所以写的不详细,还请大伙将就着看了哈。 
最后,我们得到了FLASH影片剪辑的模板该怎么样弄到Qzone空间上去呢。 
当然,要上传到Qzone空间,就得有Flash的地址,所以我们得先上传到可以放Flash的地方。 

这里提供Flash上传空间:(flash.qq.com 闪客空间) 需要注册,而且上传Flash作品还需要审核。 


此篇分享教程编辑完成时间(07.10.03 凌晨 03:45) 慢慢悠悠总算是写出来了。 

此篇日志允许转载,注明转载出处,确保原创作者的教程完整。 
请勿进行复制粘贴等“变相拿走”,尊重作者辛苦编写。
 



Qzone空间是个交流分享的地方,当然也是自己述说心情的港湾
                                                                      ——因为喜欢,所以热情


By 淚

鼎力支持原创   分享创作乐趣
更多教程分享尽在IT游戏圈Q吧 
 
 

﹎淚の留戀 (85581110) 于 2008-01-17 20:11:42 对此贴进行了编辑
回到帖子顶部

回帖 引用 1楼小心圣/jump

用户形象图片

就是这篇,鼻祖呀~支持!!!
回到帖子顶部

回帖 引用 2楼〆﹏糖糖゛

用户形象图片

回到帖子顶部

回帖 引用 3楼 *网络流星

用户形象图片

HOHO!重量级人物来访!支持!鼎力支持!(今儿个台风,偶是口袋里放了两块砖才敢出门来顶你的帖子的)
回到帖子顶部

回帖 引用 4楼油炸★臭豆腐

用户形象图片

 支持 踩了
回到帖子顶部

回帖 引用 5楼ヤ飛々龍℡ξ

用户形象图片

发贴辛苦了
回到帖子顶部

回帖 引用 6楼天翔

用户形象图片

回到帖子顶部

回帖 引用 7楼★°LèLè

用户形象图片

重量级人物原来怕台风
回到帖子顶部

回帖 引用 8楼 丶媽┊媽

用户形象图片

重量级 人物 如果龙卷风来了你要怎么办了.?
回到帖子顶部

回帖 引用 9楼梦雨轩

用户形象图片

龙卷风来拉
回到帖子顶部

回帖 引用 10楼⑴個朲鎏鎯

用户形象图片

还是学不了`1不愿看哦~!
回到帖子顶部

回帖 引用 11楼№柳絮飘零℡

用户形象图片

好漂亮呀
回到帖子顶部

回帖 引用 12楼海啸

用户形象图片

回到帖子顶部

回帖 引用 13楼づ綄鎂の戀

用户形象图片

来学习喽
回到帖子顶部

回帖 引用 14楼尋找那份真

用户形象图片

回到帖子顶部

回帖 引用 15楼ξ兩夜浪漫㊣

用户形象图片

  我没有看。但是我顶你哈
回到帖子顶部

回帖 引用 16楼┓苛噯寶唄

用户形象图片

回到帖子顶部

回帖 引用 17楼‘夨魂男孓

用户形象图片

等起噶
回到帖子顶部

回帖 引用 18楼梦灵儿

用户形象图片

支持
回到帖子顶部

回帖 引用 19楼ツ龍少ノ

用户形象图片

顶了
回到帖子顶部

回帖 引用 20楼拌糖外交部长

用户形象图片

就是这篇,鼻祖呀~支持!!! 
回到帖子顶部

回帖 引用 21楼╳灬淡淡粉艳

用户形象图片

哇,好棒,支持
回到帖子顶部

回帖 引用 22楼べ.憶紛飛+ゞ

用户形象图片

,好棒,支持 

回到帖子顶部

回帖 引用 23楼羽翼Ж奪天

用户形象图片

♥´`拿分´`)                                                  
                     ,•´ ¸,•´“)                                                  
                    (¸,•´  (¸*♥顶个♥〃´`)                                                  
                                    ,•´ ¸,•´`)                                                  
                                 (¸,•´   (¸走人*♥´`)                      
                                                                            ,•´ ¸,•´                                                 
                                                         (¸,•´    点亮 ♥   
回到帖子顶部

回帖 引用 24楼柠檬茶`/~

用户形象图片

踩```````踩```````踩```````踩```````
回到帖子顶部

回帖 引用 25楼.撧攽à_侽朲

用户形象图片

没看明白````哎````在明白的教下
回到帖子顶部

回帖 引用 26楼●s.Εx 味噵

用户形象图片

♥´`拿分´`)                                                   
                     ,•´ ¸,•´“)                                                   
                    (¸,•´  (¸*♥顶个♥〃´`)                                                   
                                    ,•´ ¸,•´`)                                                   
                                 (¸,•´   (¸走人*♥´`)                       
                                                                            ,•´ ¸,•´                                                  
                                                         (¸,•´    点亮 ♥  
回到帖子顶部

回帖 引用 27楼 -[皒].艮乖

用户形象图片

回到帖子顶部

回帖 引用 28楼┈~~怃慨验﹖

用户形象图片

顶你,支持!~
回到帖子顶部

回帖 引用 29楼"``

用户形象图片

拿分´`)                                                          
    ,·´ ¸,·´`)                                                          
   (¸,·´  (¸*♥顶个♥〃´`)                                                          
                      ,·´ ¸,·´`)                                                          
                  (¸,·´ (¸走人*♥  

回到帖子顶部

回帖 引用 30楼郁闷的猫c﹏c

用户形象图片

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

快速回复进入高级回复

插入图片 选择表情

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

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