利用Fireworks补间打造华丽仿3D炫光DNA特效的教程

所属分类: 平面设计 / Fireworks教程 阅读数: 245
收藏 0 赞 0 分享
如果看过winamp的AVS的弦曲线的人想必对其华丽的光影效果印象深刻。

这次我创作了这个桌面,希望能抛砖引玉,让大家发掘firework的补间潜能!

 
效果
 以下是操纵步骤:

 

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

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

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

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

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

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

 
图1

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

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

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

 
图2

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

 图3


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

 

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

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

 
图4

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

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

 
图5

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

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

 
图6


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

 

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

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

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

 
图7

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

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

 
图8

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

 
图9


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

 

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

 
图10

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

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

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

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

 
图11

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

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

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

 
图12


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

 

  总结一下学到的方法:

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

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

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

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

  这个桌面终于完成了。

 
图13

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

  




更多精彩内容其他人还在看

Fireworks 制作青花陶瓷按钮

自从韩国风格的网页出现以来,就被中国的业界用到烂了。 自从苹果水晶风格的按钮出来,也被中国的业界用到烂了。 有时候取其精华是可以的,不过如果只是生搬硬套,不糅合自己的创意进去,就只是永远在步人家的后尘。中国人不是没有自己的创意,只是在这个浮躁的社会下,很多
收藏 0 赞 0 分享

Fireworks涂鸦效果的制作步骤

作品名称:《涂鸦·雨后·厕外》 作品意念:表现前现代年青人玩世不恭,些许颓废,酷爱生命的态度。 本作品需要: 插件:EyeCandy4.0滤镜 字体:cold night for alligators.ttf  KR Heartalici
收藏 0 赞 0 分享

Fireworks ray暗黑中的花朵制作图解教程

这次的创作纯粹出于偶然。 不过惊喜正是在偶然中被发现的。 希望学习本教程后,大家能创作出属于自己的X-ray花!!! 1.1 花的制作 1. 新建一个1024×768px的文件,背景颜色为#000000。 2. 利用矢量工具里面的“星形”
收藏 0 赞 0 分享

Fireworks制作燃烧效果图解教程

其实这个效果的不是很难首先我们先给他有一个火的特征。也就是颜色方面要和火差不多。当然在后面的教程里你也可以根据自己的需要用色相饱和度来修改颜色效果。好了废话少说准备好了就开始吧。   1.首先先制作一个背景图,(也就是火焰的背景)新建一个500*300的文件。然后
收藏 0 赞 0 分享

Fireworks 实现在物件和文字上营造残破的效果

刻意在物件和文字上营造残破的效果也是一种流行的表现方式。 让我们以Firewoks处理网页影像时,在简单的实例上来应用看看。 打开新文件,先来画个按钮。 Ctrl+Shift+D原位克隆一个。 网上找张纹路无序的素材图片,这里我们用的是张石纹。 导入正在Fir
收藏 0 赞 0 分享

图解用Fireworks 制作五角星

很简单,看图就能明白:
收藏 0 赞 0 分享

Fireworks立体倒影制作教程

看看效果: 首先放大图片以多边形选取工具精确扣图 选取扣出部分垂直翻转,点右键以变形-->平行扭曲工具调整位置。 如果不能确定位置的准确性可以把需要处理的部分设置些许透明再调。 注意到接缝有白点锯齿,把倒影模式改成叠加让接缝看起来比较自然。 副
收藏 0 赞 0 分享

Fireworks绘制甲壳虫小轿车

我不怎么会写教程,只好介绍一下我的作画过程,技术比较拙劣,介绍也比较简单,希望大家不要见笑。本次作画使用软件: Fireworks
收藏 0 赞 0 分享

Fireworks轻松制作公告栏挂绳教程

收藏 0 赞 0 分享

用Fireworks轻松制作闪动文字

最终效果   素材   导入素材   输入文字    组合为蒙板    文字发光参数   文字投影参数   图象预览设置  
收藏 0 赞 0 分享
查看更多