论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Flash教程
Tag:flash cs,flash 8,鼠绘,as,手绘,工具,文字,loading,入门,初学,mc,影片剪辑,声音,mtv,游戏,引导,遮罩,菜单,补间,广告条,时钟,视频教程

用flash打造针织效果

文章类别:Flash | 发表日期:2008-9-21 19:19:57

  先看效果,是不是很像针织的东东,背景那个粗糙的感觉也很有质感,
这个flash没有任何的图片导入,是完全用flash做出来的
http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width=280 height=160>http://www.flash8.net/bbs/UploadFile/200311419451511539.swf
首先画一条直线,线性为圆点的那种,设置的粗细要粗一些按此在新窗口浏览图片
选中直线,然后把这条直线转化成图形,这样是为了压缩线条,让圆圆的点,变成细长的毛线的样子按此在新窗口浏览图片

把圆圆的点压扁并且拉长,就像一针一针的毛线了按此在新窗口浏览图片

因为毛线是圆柱状的,所以我们给这条直线上色,让它稍稍有点立体感,这样效果会好一些,就采用黑白颜色填充吧。
按此在新窗口浏览图片

将做好的毛线转化成元素,然后把许多根毛线排列起来,注重相邻的毛线要错开,这样才象针织的样子。
按此在新窗口浏览图片

补充一下,你看上面的那个效果有没有点象表链,呵呵,其实flash能做出很多的效果,只要专心去想,假如好好调整光泽度,上面的那个图图可以成为一个很有金属质感的表链:)

画一个棕红色的矩形,然后把毛线都排到这个矩形的上面按此在新窗口浏览图片

认真的排列好这些毛线,当然要记住用面板上面的那个排列工具,否则这么多毛线排列起来肯定晕死,然后可以用形变工具调整毛线的粗细,花纹的大小,透明度,我觉得透明度要稍微低一些,这样才有模糊的质感,否则会掩盖掉下面那个棕色矩形的,最后的效果如图按此在新窗口浏览图片

下面就是做花瓣了,第一层画一个椭圆,在它的下面一层放置一些毛线,然后把这个椭圆所在的层变成遮罩,那么就显示出来一个椭圆形的针织品,为了美观,再加一层,这个层里面,用圆点粗线条画一个椭圆,里面是空心的,我只要这个椭圆形的线条,把线条对应在刚才那个椭圆的针织品上,这样就加上了一个花边,
按此在新窗口浏览图片

然后把这样的5个花瓣拖到场景里面,旋转花瓣,形成一朵花,我建议最好在着朵花的下面多加一朵完全一样的花,并且设置为暗色,形成阴影,增加立体感按此在新窗口浏览图片
剩下的就很简单了,叶子的做法和花的做法一样,无非那个是椭圆形的,这个是叶子的外形,另外,外面的花边可以选择虚线条,而不是圆点,毛线的颜色变成绿色就可以了(注重因为毛线已经是元素了,所以可以用tint选项随意改变颜色)这样就有了另外一种效果。
花茎的画法也很简单,画两条曲线,选择很粗的虚线,错开排列就可以了。按此在新窗口浏览图片

注重在这个花茎的下方加上同样的花茎,并且颜色很深,形成阴影,(我估计很多人都会这样的阴影效果,我就不罗索了)
然后一副针织的图图就出来了

我还想说几句,flash真的很神奇,只要专心想,能做出很多很多的效果,
就这个flash来说,可以延伸开来,可以做的效果有:





除了花,也可以是小动物,房子。。。
金属质感的表链
假如毛线再细腻一些,那背景就能做出photoshop才能做出来的那种麻麻裂裂的效果
再想想,假如把毛线这个元素作为遮罩,遮盖住下方的图片,又是什么效果呢?
假如改编线条的外形,比如我们不用圆点线条压缩成为毛线,选用别的外形,又会是什么效果呢?
假如我的毛线的颜色改编一下,又会怎样呢?
。。。太多太多了,就当我抛砖引玉,希望能有更好的作品出现;)
http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width=380 height=260>http://www.flash8.net/bbs/UploadFile/200311420474716120.swf
上一篇:{应用}冲击波效果 人气:2043
下一篇:{应用}用FW制作仿真软盘效果 人气:1485
视频教程列表
文章教程搜索
 
Flash推荐教程
Flash热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058