找回密码
 注册

只需一步,快速开始

蓝色理想 最新研发动态 新增登录提醒插件 - 用至我的站点 地图任务一定要做 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

MIUI手机主题设计大赛,奔驰大奖等你拿! 想加薪?!蓝色理想招聘提供你更多机会 悬赏答疑,赚取积分兑奖品!

查看: 962|回复: 11

[效果制作] Fireworks 添加镜头漏光效果 [复制链接]

WaveF 楼主
帖子
728
体力
8806
威望
36
居住地
广东省 广州市
发表于 2012-3-1 11:52:33 |显示全部楼层
本帖最后由 WaveF 于 2012-3-1 11:55 编辑



严格来讲我也不知道这种效果的名字,外国网站称之为 Flashing blue lights,我们姑且就叫做“镜头漏光效果”好了。



+------------------------------------------------------------------------------+



我使用了一张 Cinema 4D 渲染的手绘风格线图,如果大家看不清楚的话可以参考线图下面以实体渲染的图片,这其实是几个英文字母破碎的线图:





1. 首先我们来说一下效果的实现原理,估计大家也猜到是用叠加来做的了。
 但你们可以试试单纯用白色渐变的叠加就算叠到爆也无法出现漏光,充其量也就是高光罢了,如下图:




 其实这都是错误理解叠加的含义所致的。什么是叠加?简单可以理解为加大被叠加图像的对比度,让亮部更亮,暗部更暗。
在我所使用的线图中却是这么一种情况:线是亮的,背景是黑的,交界颜色清晰分明,那么叠加在这里的作用也只能是让被
叠加的线条更亮了,由于背景已经是黑色的所以基本不会有什么变化。




2. 仔细观察漏光效果就可以知道,那其实是一种椭圆径向渐变被压扁了的光,但现在由于线与背景交界太清晰了所以叠加无法达到预期效果,
 那么解决方法也很明显了:让线与背景的交界不再那么清晰。用高斯模糊似乎是一个不错的方法,但漏光效果并不是要整张图都漏光,而
 仅仅是光源照射到的特定部位漏光。

 所以我们要画一些东西让某些部分颜色分界不那么明显,很多人会想到用椭圆形渐变色,我个人觉得椭圆形渐变用来填充较大的图形时
 自由度却是比较大,但用在“线”这种窄的地方就不太自然了。我首先随意画了一个 337×37 像素的矩形,然后倒入径向渐变(Radial),
 填充色的Alpha值是 100 到 0,颜色#6FB7FF(其实我使用的填充色是#FFF,然后用Color Fill滤镜填充#6FB7FF,这样调整起来更方便),
 最后选中整个图形,调整透明度为 10;




3. 有了这么一层 Alpha 值只有 10 的底色,明暗交界就算是模糊起来了,现在我们用回之前的方法进行叠加看看:




4. 漏光效果已经出来了,可能你要问为什么底色只用Alpha=10几乎看不到的颜色?因为底色的深浅会很大程度影响最终叠加的效果,
 还记得吗?

 亮部更亮,暗部更暗

 在车灯漏光的情况下我可能会这么做,但在线条漏光的情况下我不会,因为把Alpha值调高会让漏光看起来像这样:




5. 最后将漏光效果按Ctrl+G组合起来摆放到合适的位置,调整下大小就可以了,记得留意光源在哪里。




 
PS. 有兴趣交流 Fireworks 、Cinema 4D、Flash、AfterEffects 等多媒体软件的朋友可以加这个Q群:14820147(入群注明“蓝色”)
   要求群成员对主流设计软件有一定的掌握,并能提出自己对某些设计效果、制作方面的见解,主要是设计方面的私下交流;
   注意这不是什么高级群也不是灌水群,人数上限只有100的样子,不合符要求的我会定期清理,我也无意搞些什么灌水高级群
 
附件: 你需要登录才可以下载或查看附件。没有帐号?注册
 ┏━━━━━━━━┓ ♡
 ┃ miniCG.com ┃╯
 ┗━━━━━━━━┛
UED 
帖子
1728
体力
1044
威望
1
居住地
安徽省 合肥市
发表于 2012-3-1 12:26:31 |显示全部楼层
效果真炫!开始我还因为是个滤镜
希望与坚持,勇气和坚韧。男人的职责。爱与幸福。
蓝色帮助
WaveF 楼主
帖子
728
体力
8806
威望
36
居住地
广东省 广州市
发表于 2012-3-1 14:07:49 |显示全部楼层
UED 发表于 2012-3-1 12:26
效果真炫!开始我还因为是个滤镜

恭喜你转正鸟
 ┏━━━━━━━━┓ ♡
 ┃ miniCG.com ┃╯
 ┗━━━━━━━━┛
帖子
58
体力
233
威望
0
居住地
浙江省 杭州市
发表于 2012-3-1 21:48:48 |显示全部楼层
哇,很不错,这个软件我都没在怎么用过~
帖子
491
体力
1887
威望
2
发表于 2012-3-1 22:57:50 |显示全部楼层
OMG  its awesome .Fireworks at its best.
帖子
55
体力
237
威望
0
居住地
广东省 广州市
发表于 2012-3-13 10:09:34 |显示全部楼层
好贴怎么没人啊
帖子
296
体力
675
威望
1
发表于 2012-3-16 10:56:56 |显示全部楼层
顶楼主,我是广撒网学东西啊。。。都先做记号,慢慢学

杯莫停

超级版主  

帖子
7800
体力
12630
威望
74
居住地
辽宁省 鞍山市
发表于 2012-3-16 15:40:35 |显示全部楼层
十字星芒 效果。
kaos 

卡奥斯

银牌会员

帖子
361
体力
1252
威望
8
发表于 2012-3-16 17:01:39 |显示全部楼层
不错,好教程
帖子
7
体力
326
威望
0
居住地
安徽省 合肥市
发表于 2012-4-24 10:29:00 |显示全部楼层
做个记号先,牛人就是多
帖子
104
体力
428
威望
1
居住地
上海市 长宁区
发表于 2012-4-25 11:21:21 |显示全部楼层
好技术,虽然看懂了,研究半天才弄出来
我一言与世界听。
帖子
67
体力
147
威望
0
发表于 2012-4-26 14:12:20 |显示全部楼层
Friewook也能做出这样的效果呀,没怎么用这个。
http://www.gdzsg.com
您需要登录后才可以回帖 登录 | 注册


Archiver|手机版|blueidea.com ( 京ICP备05002321号 )    

GMT+8, 2012-5-17 15:51 , Processed in 0.091036 second(s), 7 queries , Gzip On, Memcache On.

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部