| 加入收藏| 设为首页| 联系我们

首页 站长学习 站长之家 源码下载 建站素材 书籍教程 常用工具
 您现在的位置: 动力中国 >> 图形图象 >> FIREWORKS教程 >> 文章正文  
 [组图]Fireworks绘制炫彩光影缠绕DNA图案
 

Fireworks绘制炫彩光影缠绕DNA图案

http://www.domcn.org  文章来源:本站原创  点击数:

  关键字:Fireworks绘制炫彩光影缠绕DNA图案

大家如果看过winamp的AVS的弦曲线的人想必对其华丽的光影效果印象深刻。

  这次我用Fireworks绘制这个炫彩光影DNA图案的桌面,主要应用到Firework的路径、元件&补间的组合使用。希望能抛砖引玉,让大家发掘firework的更多潜能!

  Fireworks制作仿3D光亮DNA桌面

  以下是绘制步骤,慢慢看哦,不太长。

  1. 这次的主要应用技术是firework的路径、元件&补间的疯狂组合使用。

  (1)用矢量工具画一个无填充,笔触为一象素柔化的圆,约150×150px

  (2)用钢笔工具在不相邻的两个锚点上各点一下,变尖了。

  (3)用“刀子”工具,按着Shift沿着那两个锚点切下去。把它们摆放成正弦曲线样。

  (4)用部分选定工具同时选中相近的两个锚点,按Ctrl+J接合。

  (5) 拷贝几个,又切又接,变成⑤的样子。保证已经接合成一条路径,而不是多条。

  Fireworks制作仿3D光亮DNA桌面

  2. 虽然在firework里面笔触是没有渐变的,不过可以用如下的方法令到开放路径变成可以填充渐变的闭合路径

  选中刚才的路径,执行“修改-改变路径-扩展笔触”,宽度:2px角:圆角

  其他如图所示,按“确定”,路径现在就可以填充渐变色了

  Fireworks制作仿3D光亮DNA桌面

  3. 对路径去除“笔触”,进行“条状”渐变的填充。手柄调节如图。加一个发光滤镜。混合模式选“添加的”。

  呵呵,是不是有点vista的风格呢?

  Fireworks制作仿3D光亮DNA桌面

  4. 将处理过的路径克隆两个副本。

  一个副本透明度改为50%,另一个副本加一象素柔化,颜色#ff0000(鲜红)的笔触,添加动态模糊滤镜,参数:角度0,距离5。

  移动一下三个路径的位置&叠放次序,好看的话就“Ctrl+G”组合起来

  Fireworks制作仿3D光亮DNA桌面

  5. 在这个组合的上方用钢笔画一个四边形把组合覆盖起来,应用如图的“条状”渐变。

  剪切这个四边形,在红色曲线的组合上新建一个蒙版,在蒙版在选中状态下按“Ctrl+V”粘贴四边形,然后在属性里选蒙版的“灰度外观”。

  Fireworks制作仿3D光亮DNA桌面

  6. 将加添加蒙版后的矢量图选中,按“F8”转换为“图形”元件,命名为“red”。重制一个“red”元件,命名为“blue”。

  编辑“blue”元件,相关参数如下图所示。(如果本来没有该参数的路径,请不要添加该参数。)

  Fireworks制作仿3D光亮DNA桌面

  7. 现在才真正开始要做大事了。把画布尺寸设为1024×768,背景为纯黑。

  拖动一个“blue”元件到画布上。将这个“blue”实例的混合模式设为“添加的”。

  克隆一个“blue”实例,水平移动60个象素。同时选中两个“blue”实例,执行“修改-元件-补间实例”(Ctrl+Shift+Alt+Z),参数如下。

  最后按“Ctrl+G”将所有“blue”实例组合起来,平面化所选,混合模式选“添加的”。

  Fireworks制作仿3D光亮DNA桌面

  8. 相似地,拖一个“red”实例到画布,进行和第7步相同的操作。

  如下图所示,将两个位图(分别平面化和应用了混合模式的“添加的”)摆放好。

  Fireworks制作仿3D光亮DNA桌面

  9. 画一个矩形将图像覆盖,应用如下所示的填充和渐变手柄调节。营造明暗效果。(呵呵,这个是惯用伎俩了。)

  Fireworks制作仿3D光亮DNA桌面

  10. 在画布上画一个70×70px的“面圈形”,应用线性渐变填充。

  填充和手柄调节如下图所示。对它添加“发光”滤镜,参数如图。

  Fireworks制作仿3D光亮DNA桌面

  11. 选中该面圈形,按“F8”转换为“图形”元件,命名为CircleBlue。这时将画布上的“CircleBlue”实例的混合模式改为“添加的”。

  克隆一个实例,透明度改为“20%”,右键菜单选“变形-垂直反转”。

  又到补间发威了。同时选中两个“CircleBlue”实例,“Ctrl+Shift+Alt+T”,补间步骤用10个。

  “Ctrl+G”组合后再将其平面化,转换为“图形”元件,命名为“BallBlue”

  Fireworks制作仿3D光亮DNA桌面

 12. 用相似的方法制作“BallRed”图形元件。

  新建一个层,命名为“ball”层,放在原来的层的下方。拖出“BallBlue”和“BallRed”元件到画布,实例的混合模式用“添加的”。

  摆设好这些小球,尝试用不同的角度来营造立体感

  Fireworks制作仿3D光亮DNA桌面

  13. 最后就加写座右铭或废话。最重要当然是加个logo拉。

  总结一下学到的方法:

  用黑白渐变的矢量形状或渐变的灰度蒙版增添明暗效果。

  利用路径的克隆体变形或添加滤镜来营造气氛。

  补间原件的时候,先克隆一个实例的副本,对其副本进行变形,透明度变化或加滤镜,这样补间出来的效果就不会那么生硬了。

  混合模式用“添加的”,以制作特效

  这个桌面终于完成了。送给blueidea的坛友们!

  Fireworks制作仿3D光亮DNA桌面

  这个是同样的方法不同的表现效果

  下面是一些其他效果的png源文件,好东西哦!!原文链接

  Fireworks制作仿3D光亮DNA桌面

  Fireworks制作仿3D光亮DNA桌面

  Fireworks制作仿3D光亮DNA桌面

  Fireworks制作仿3D光亮DNA桌面

  


Fireworks绘制炫彩光影缠绕DNA图案
  • 上一篇文章:

  • 下一篇文章:
  •  热门文章
    普通文章 电子邮件改头换面 四公司畅谈未
    普通文章 PC病毒史上最声名狼藉的八大病
    普通文章 Rails系统中的AJAX开发技术简析
    普通文章 基于ASP.NET AJAX框架实现表单
    普通文章 开发ASP.NET AJAX客户端定制行
    普通文章 用JFreeChart对JSP报表进行增强
    普通文章 SQL Server 2005上的CLR和ADO.
    普通文章 SQL Server 2005的XML支持机制
    普通文章 Firefox中标签式浏览技巧大全
    普通文章 Tomcat中的Session和Cookie大揭
     
     推荐文章
    推荐文章 把Google地图嵌入网页 就是这么
    推荐文章 迅雷搜索候选资源出错的解决
    推荐文章 轻松去除迅雷里的各种广告和资
    推荐文章 突破限制 免费领养到QQ空间五级
    推荐文章 Rational统一过程RUP贴近中小软
    推荐文章 构建自己的轻量级XML DOM分析程
    推荐文章 WPS Office 2007技巧:妙用配置
    推荐文章 Excel 2007:求余数函数实用进阶
    推荐文章 浅谈ASP.NET的Postback
    推荐文章 软件开发中项目需求管理简述
     
     相关文章
    Fireworks绘制炫彩光影缠绕D
    设为首页 | 加入收藏 | 广告合作 | 联系站长 | 版权申明 |
    动力中国为网友提供免费学习资料,可用资源,如果您认为我们的相关内容侵害到了您的权利请联系管理员
    Copyright © 2006-2008 domcn.org All Rights Reserved.