打印

[效果制作] 【补间实例】疯狂的补间&元件&路径 制作仿3D光亮DNA桌面

如果看过winamp的AVS的弦曲线的人想必对其华丽的光影效果印象深刻。
这次我创作了这个桌面,希望能抛砖引玉,让大家发掘firework的补间潜能!


以下是操纵步骤,慢慢看哦,不太长。

1 这次要准备的家伙好多,大家要有耐性看看啊!
这次的主要应用技术是firework的路径、元件&补间的疯狂组合使用。
(1)用矢量工具画一个无填充,笔触为一象素柔化的圆,约150×150px
(2)用钢笔工具在不相邻的两个锚点上各点一下,变尖了。
(3)用“刀子”工具,按着Shift沿着那两个锚点切下去。把它们摆放成正弦曲线样。
(4)用部分选定工具同时选中相近的两个锚点,按Ctrl+J接合。
(5) 拷贝几个,又切又接,变成⑤的样子。保证已经接合成一条路径,而不是多条


2 虽然在firework里面笔触是没有渐变的,不过可以用如下的方法令到开放路径变成可以填充渐变的闭合路径
选中刚才的路径,执行“修改-改变路径-扩展笔触”,宽度:2px角:圆角
其他如图所示,按“确定”,路径现在就可以填充渐变色了


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


4 将处理过的路径克隆两个副本。
一个副本透明度改为50%,另一个副本加一象素柔化,颜色#ff0000(鲜红)的笔触,添加动态模糊滤镜,参数:角度0,距离5。
移动一下三个路径的位置&叠放次序,好看的话就“Ctrl+G”组合起来


5 在这个组合的上方用钢笔画一个四边形把组合覆盖起来,应用如图的“条状”渐变。
剪切这个四边形,在红色曲线的组合上新建一个蒙版,在蒙版在选中状态下按“Ctrl+V”粘贴四边形,然后在属性里选蒙版的“灰度外观”。


6 将加添加蒙版后的矢量图选中,按“F8”转换为“图形”元件,命名为“red”。重制一个“red”元件,命名为“blue”。
编辑“blue”元件,相关参数如下图所示。(如果本来没有该参数的路径,请不要添加该参数。)


7 现在才真正开始要做大事了。把画布尺寸设为1024×768,背景为纯黑。
拖动一个“blue”元件到画布上。将这个“blue”实例的混合模式设为“添加的”。
克隆一个“blue”实例,水平移动60个象素。同时选中两个“blue”实例,执行“修改-元件-补间实例”(Ctrl+Shift+Alt+Z),参数如下。
最后按“Ctrl+G”将所有“blue”实例组合起来,平面化所选,混合模式选“添加的”。


8 相似地,拖一个“red”实例到画布,进行和第7步相同的操作。
如下图所示,将两个位图(分别平面化和应用了混合模式的“添加的”)摆放好。


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


10 在画布上画一个70×70px的“面圈形”,应用线性渐变填充。
填充和手柄调节如下图所示。对它添加“发光”滤镜,参数如图。


11 选中该面圈形,按“F8”转换为“图形”元件,命名为CircleBlue。这时将画布上的“CircleBlue”实例的混合模式改为“添加的”。
克隆一个实例,透明度改为“20%”,右键菜单选“变形-垂直反转”。
又到补间发威了。同时选中两个“CircleBlue”实例,“Ctrl+Shift+Alt+T”,补间步骤用10个。
“Ctrl+G”组合后再将其平面化,转换为“图形”元件,命名为“BallBlue”


12 用相似的方法制作“BallRed”图形元件。
新建一个层,命名为“ball”层,放在原来的层的下方。拖出“BallBlue”和“BallRed”元件到画布,实例的混合模式用“添加的”。
摆设好这些小球,尝试用不同的角度来营造立体感


13 最后就加写座右铭或废话。最重要当然是加个logo拉。
总结一下学到的方法:
1 用黑白渐变的矢量形状或渐变的灰度蒙版增添明暗效果。
2 利用路径的克隆体变形或添加滤镜来营造气氛。
3 补间原件的时候,先克隆一个实例的副本,
  对其副本进行变形,透明度变化或加滤镜,
  这样补间出来的效果就不会那么生硬了。
4 混合模式用“添加的”,以制作特效
这个桌面终于完成了。送给blueidea的坛友们!


PNG源文件:



这个是同样的方法不同的表现效果
http://bbs.blueidea.com/thread-2749683-1-1.html

[ 本帖最后由 RockHward 于 2008-5-26 08:03 编辑 ]
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
本帖最近评分记录
  • 凌志 威望 +2 原创内容 2007-5-25 10:16
没有模拟不了的效果,只有模拟不了的创作。
《死兔D.R.》的群:63094295
挺漂亮的.

曲线直接用钢笔画是否可以更简洁些?
引用:
五、将处理过的路径克隆两个副本,一个副本透明度改为50%,另一个副本加一象素柔化,颜色#ff0000的笔触,添加动态模糊滤镜,参数:角度0,距离5。
移动一下它们的位置&叠放次序,好看的话就“Ctrl+G”组合起来
个人觉得这个第五点是整篇最经典最关键的一步!

不错!
好教程,希望楼主以后写教程能够按我说的格式来写就更好了
(\/)︵ 
(·_ _ )~GO2HERE.NET/GO2HERE.NET.CN MORE THAN MEETS THE EYE ⺌囨囚囨図〆

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!
这个效果很猛

TOP

PNG源啊,发上来个整体效果的呀。

TOP

哎呀,遇到个弱志问题,何为刀子工具呀???
傻人有傻福

TOP

引用:
原帖由 moongong 于 2007-5-25 15:16 发表
哎呀,遇到个弱志问题,何为刀子工具呀???
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!

TOP

学习啊!
QQ群:18712161

TOP

这个效果好看 哈哈  流行 时尚
X5O!P%@AP[4\PZX54(P^)7CC)7}$EICAR-STANDARD-ANTIVIRUS-TEST-FILE!$H+H*
听说是病毒特征代码。

TOP

收藏了!!

TOP

引用:
原帖由 凌志 于 2007-5-25 15:59 发表



38838
哎呀,嘿嘿...谢了哈.
傻人有傻福

TOP

那种光晕效果不错
宽己之心宽人,责人之心责己-----天地宽矣!

TOP

好喜欢
谢谢蓝色大大师们
学习了

TOP

为LZ 的辛苦和 作品    敬礼了
老百姓都是猪和兔子,公务员都是鸭子 大师是乌龟!

TOP

有几个小问题
1、添加这个层混合模式有什么用?
2、第六步,编辑BLUE元件时,解除组合,是不是把每一条路径的颜色多改过来(共三条)
3、为什么老是先平面化,然后转化为元件,直接矢量图转为图形元件不是更好?
我都不敢勾选专长了。。

TOP

可以应用到 VISTA风格 里面
TRY……

TOP

不错的效果

TOP

将补间的功能发挥到极至了,顶上...
A B

TOP

在第二部分中 我 执行“修改-改变路径-扩展笔触”,宽度:2px角 按照来做
为何2端点会自动生成一条直线相连?

TOP

回复 #16 numa001 的帖子

1.混合模式-添加的用来表现一种叠加的效果
2。是啊,自己改颜色,和做红色的那个实例类似
3。矢量实例在缩小时会失真,平面化就不会了
没有模拟不了的效果,只有模拟不了的创作。
《死兔D.R.》的群:63094295

TOP

回复 #20 ffchaos 的帖子

因为在路径接合的时候要用部分工具选中两点,然后ctrl+j组合。或者你可能没有用刀子操作好
没有模拟不了的效果,只有模拟不了的创作。
《死兔D.R.》的群:63094295

TOP

哇,做这个要好强的耐性啊

TOP

1-3步,应该是按住shift,从上面那个锚点直接切下来。把这个东西一劈二~~

[ 本帖最后由 lm8520 于 2007-5-30 22:54 编辑 ]
http://www.1sight.cn混乱八小时

TOP

这个效果非常强悍~

TOP

引用:
原帖由 RockHward 于 2007-5-30 10:17 发表
1.混合模式-添加的用来表现一种叠加的效果
2。是啊,自己改颜色,和做红色的那个实例类似
3。矢量实例在缩小时会失真,平面化就不会了
你说矢量实例在缩小时会失真,为什么啊?这个和我一直以来的认识不同啊。。矢量图形不是放大、缩小多不会失真的吗?
我都不敢勾选专长了。。

TOP

超牛b 哈哈哈哈 最近在摸索fw 无敌阿~!lz赞一个
打劫~~打劫设计技术和理念 哈哈哈哈~~

TOP

dddddddddddddddddddd

dddddddddddd

TOP

回复 #26 numa001 的帖子

这个是矢量实例缩小失真,不是矢量失真。
就是一个矢量在fireworks里面转元件,实例所得太小会有些失真。
没有模拟不了的效果,只有模拟不了的创作。
《死兔D.R.》的群:63094295

TOP

我的作业

我的作业
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!

TOP