Fireworks入门教程:制作仿3D光亮DNA桌面壁纸

所属分类: 平面设计 / Fireworks教程 阅读数: 385
收藏 0 赞 0 分享

  本教程向大家介绍利用Fireworks制作仿3D光亮DNA桌面壁纸的方法,教程难度一般,制作方法非常简单,效果非常不错,适合新手朋友学习,希望这篇Fireworks教程对大家有一定的帮助!

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

  这次我创作了这个桌面,希望能抛砖引玉,让大家发掘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桌面

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

  源文件,好东西哦

Fireworks制作仿3D光亮DNA桌面
Fireworks制作仿3D光亮DNA桌面
Fireworks制作仿3D光亮DNA桌面
Fireworks制作仿3D光亮DNA桌面
  以上就是Fireworks制作仿3D光亮DNA桌面壁纸的方法,教程介绍地非常详细,只要大家按照上面步骤一步一步进行,一定会制作出非常绚丽地桌面壁纸!谢谢大家观看!
更多精彩内容其他人还在看

Fireworks怎么扇形圆形文字? Fireworks文字路径的制作方法

Fireworks怎么扇形圆形文字?想做一个环绕成圆形的文字或者是扇形的文字,该怎么制作呢?这时候就需要路径了,今天我们就来看看Fireworks文字路径的制作方法,需要的朋友可以参考下
收藏 0 赞 0 分享

fireworks怎么设计重复折叠的字体效果?

fireworks怎么设计重复折叠的字体效果?想使用fireworks设计一款字体,就类似于阴影重叠的字体,下面我们就来看看设计的步骤,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

fireworks批量修改图片存储大小

在生活和工作中,经常需要拍摄一批照片,上传到各种应用系统。而系统通常对照片的文件的大小有限制,或者对文件的名称有要求。然而逐个通过软件修改工作量非常大。近日发现fireworks的批处理功能非常适合这种场合,今天小编就为大家分享一下,来看看吧
收藏 0 赞 0 分享

Fireworks怎制作放射效果的海报?

Fireworks怎制作放射效果的海报?Fireworks中想要做一个海报,怎么才能做出光芒四射的别经呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Fireworks怎么修改默认的撤销步骤?

我们用Firework的时候,做设计时候,我们撤销记录不够了,怎么办?只要添加撤销步骤就可以了,下面小编就为大家介绍Fireworks怎么修改默认的撤销步骤方法,不会的朋友可以参考本文,来看看吧
收藏 0 赞 0 分享

Fireworks自由变形工具怎么使用呢?

Fireworks是一款非常受欢迎的图片处理软件,下面小编就为大家介绍Fireworks自由变形工具方法,对于刚入门的朋友可能并不是很清楚,一起来看看吧
收藏 0 赞 0 分享

fireworks怎样改变图片像素大小?

fireworks怎样改变图片像素大小?图片很多,像素越高图片就越大,该怎么调整像素来减小图片的大小呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Fireworks视图模式怎么切换使用?

Fireworks视图模式怎么切换使用?Fireworks中视图模式有三种,一种是预览模式,第二种是2幅图模式,第三种是4幅图模式,该怎么切换视图模式呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Fireworks简单制作一个人像时钟

这篇教程是向脚本之家的朋友分享Fireworks简单制作一个人像时钟方法,教程制作出来的时钟非常漂亮,方法也很简单,推荐到脚本之家,喜欢的朋友可以参考本文
收藏 0 赞 0 分享

Fireworks8怎么制作透明背景Logo?

Fireworks8怎么制作透明背景Logo?想要制作一个透明背景的logo方便放到网站上去,该怎么设计呢?今天我们就来看看使用Fireworks来完成的教程,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多