【空间攻略】红舞鞋,舞动你的灵感 (10/647)

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

修改 回帖 引用 楼主: 苦涩青梅

用户形象图片

这期的《红舞鞋》是我为一个好朋友所作的。
  素材来自网络,皮肤和标题栏是自己制作的,用红艳艳的红舞鞋,舞出我的精彩!
  先看模板整体缩略图:
  
  
  展示空间: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)对花副本执行图层样式“亮度”,这样花上面的色彩全去掉了,然后把副本图层拉到花图层的下面。
  不明白的看我的图层截图:
  (3)再选中花图层,点选橡皮擦工具,选那种边缘模糊的橡皮擦,并调整好属性大小(见下图),接着在花图层上擦去不想保留的颜色。



  (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)步中就插入帧了,所以这里就不用了。


  好了,旋转飘落字效完成了,测试一下吧!   
回到帖子顶部

回帖 引用 1楼[楼主] 苦涩青梅

用户形象图片

第一个模块制作完成了。 

  三.第二个模块的制作要点(简述): 
  模块地址:http://www.3q5.com/UUAuth/2008-10/182319978738.swf 
  这个模块的制作重点是那个人物和水晶球的结合。其它诸如虚线框的制作和第一个模块相同。 

  制作步骤: 
  (1)导入人物图片和水晶球素材 
  (2)将人物图层置于水晶球图层之上,并对人物图层执行图层样式“变暗”。 
  (3)用柔和橡皮擦擦除人物和水晶球重合的部分--腿部,擦除时可以随时调节橡皮擦的大小。 
  
  四、第三个模块的制作要点: 
  这个模块的制作重点就是最底下的抽丝框的制作了。 
  模块地址: http://www.3q5.com/UUAuth/2008-10/182319638876.swf 
  制作步骤: 
  (1)新建一个1×2象素的画布,用放大工具放到最大,再用铅笔工具将画布涂成如图所示的图案,再点编辑--定义图案--定义为自定义图案,如图: 




  (2)在模板上新建一层,命名为抽丝,在模板的最底端,拉一个矩形框,填充白色。再按住ctrl不放点选抽丝图层,形成选区。 
  (3)点矩形选框工具,将鼠标移到选区内点右键--填充,填充刚才定义的图案,抽丝框初步完成。 
  (4)在抽丝框的上部再拉一个细长的矩形框,再填充一个图案,这个图案大家可以自己去下载,也可以自己做,我是下载的,这里我就不细说了。 
  (5)现在制作右边的三个圆形按钮,新建一层,用椭圆形选框工具按住shift不放拉一个稍小于抽丝框的正圆,填充色随意,再打开样式框,给正圆用上这种灰暗色的样式。形成按钮状,样式大家也可以去下载,这里同样不做详解。 
   最后合并图层,再选柔和橡皮擦,调节橡皮擦的透明度为20%,再抽丝框的两端小心擦拭。 
  效果图: 

 


    看到这里,朋友们可能要骂我了:“这么长的教程,我可看得累坏了。” 
  其实我何尝不想简单明了地说呢,但又怕大家看不懂,所以还是多打点字,多啰嗦点算了。朋友们就理解下吧,我也写得累死了,大家要留言支持下哦。 
  最后还是那句老话:原创教程,请勿复制和修改! 
回到帖子顶部

回帖 引用 2楼[楼主] 苦涩青梅

用户形象图片

发表时竟然说我内容过多
只好分开发表了了,希望大家能看懂!
回到帖子顶部

回帖 引用 3楼ざfamiliarヮ

用户形象图片

 不錯,和葑心的孤獨舞者一樣好看
回到帖子顶部

回帖 引用 4楼.Mute

用户形象图片

谢谢楼主的分享.希望楼主继续支持本吧.
回到帖子顶部

回帖 引用 5楼&^-^&

用户形象图片

蛮漂亮的。。             
回到帖子顶部

回帖 引用 6楼九天玄女_/~

用户形象图片

       支持青梅姐姐~~~~~~~~~~·
回到帖子顶部

回帖 引用 7楼九天玄女_/~

用户形象图片

          学不会,路径这里老弄不明白
回到帖子顶部

回帖 引用 8楼清晨阳光iCe

用户形象图片

         要好好学习了
回到帖子顶部

回帖 引用 9楼寶ヾ垨噯迗使

用户形象图片

好漂亮哦~~可是不会弄哦
回到帖子顶部

回帖 引用 10楼ミ小手冰涼ˇ

用户形象图片

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

快速回复进入高级回复

插入图片 选择表情

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

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