打印

[效果制作] Fireworks锐化马赛克效果

dowhatyouwant [楼主]

高级会员

帖子: 277
体力: 741
威望: 28
当前: 浙江杭州
离线: 6 天

1^# 大中小发表于 2007-6-6 22:12

这篇文章源于版内某位朋友的这种格子有什么方法快速做出来么。
这里只是为大家提供一种思路，并不需要局限于某一效果。为了模仿而模仿是没有意义的。

效果图：

思路分析：
　　此图属于马赛克效果的范畴，然后加以混合模式上的调整。而Firewroks不同于PS，本身是没有马赛克滤镜的。所以关键的问题就在于马赛克效果的制作。在这里我们通过图片放大会失真出现马赛克的思路去解决马赛克的问题。

制作步骤
1、新建一个200*200像素的画布，导入找好的素材；

2、将导入的素材原位复制一份，选中上层的素材；

3、对图层进行高斯模糊，并将图层平面化所选（转换为位图）；

4、因为图片本身是正好符合画布大小的，所以在这里我们人为的将其缩小；

5、然后我们再将缩小的图层放大数倍出现马赛克（放大的倍数取决于你需要的马赛克的大小）；

6、最后剪切为画布大小；

7、对马赛克层进行多次锐化（我这里使用了6次），使其看上去有马赛克的质感；

8、最后选择马赛克的图层混合模式，完成效果。

[ 本帖最后由 dowhatyouwant 于 2007-6-6 22:15 编辑 ]

附件: 您所在的用户组无法下载或查看附件，您需要注册/登录后才能查看！

本帖最近评分记录

froglt 威望 +2 原创内容 2007-6-6 23:28

5key.net

TOP

做西部数码代理.Cn1元国际45元 | 将虚拟化进行到底

froglt

网页顽主

版主

帖子: 1941
体力: 3610
威望: 154
当前: 北京海淀区
离线: 2 天

专长 网页设计,平面,主编

2^# 大中小发表于 2007-6-6 23:29

思路不错，谢谢分享

(\/)︵ 
(·_ _ )~GO2HERE.NET/GO2HERE.NET.CN MORE THAN MEETS THE EYE ⺌囨囚囨図〆

TOP

【美橙超级G空间】688元绑定10个子目录 | oracle工程师注册

soking

阿少

银牌会员

帖子: 402
体力: 1060
威望: 10
当前: 上海闸北
离线: 2 天

专长 网页设计,前端制作

3^# 大中小发表于 2007-6-6 23:50

5、然后我们再将缩小的图层放大数倍出现马赛克（放大的倍数取决于你需要的马赛克的大小）；
============================================================
这步效果出不来.
放大了以后是模糊的,并没有出现马赛克格子.

我采用的是画布缩放比例，然后使其出现网格，截屏得到马赛克格子，然后做步骤6.

[ 本帖最后由 soking 于 2007-6-6 23:51 编辑 ]

附件: 您所在的用户组无法下载或查看附件，您需要注册/登录后才能查看！

博客-http://And8.net

TOP

请大家尊重和保护奥运知识产权。

dowhatyouwant [楼主]

高级会员

帖子: 277
体力: 741
威望: 28
当前: 浙江杭州
离线: 6 天

4^# 大中小发表于 2007-6-6 23:57

引用:

原帖由 soking 于 2007-6-6 23:50 发表
5、然后我们再将缩小的图层放大数倍出现马赛克（放大的倍数取决于你需要的马赛克的大小）；
============================================================
这步效果出不来.
放大了以后是模糊的,并没有出现 ...

或者简单点直接ctrl t 放大图片也可以。

对比一下步骤7和8的图片，7中的马赛克在色彩明暗上和8中的原始素材是一样的。这样在图层混合上能更好的融合。

5key.net

TOP

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

我爱静电

静静电电

高级会员

帖子: 509
体力: 667
威望: 1
当前: 北京东城区
离线: 3 天

专长 网页设计,UI,UE

5^# 大中小发表于 2007-6-7 09:39

我做出来了呵呵.......

静电的博客

TOP

凌志

杯莫停

版主

帖子: 4272
体力: 6446
威望: 73
当前: 辽宁鞍山

专长 UI

6^# 大中小发表于 2007-6-7 14:10

好思路，不过如果在缩放之前设置不同的插值法的话可以更快速制作。

时间关系不上过程截图只上文字部分的和最终效果了：

1、打开素材图片，选取图片后【CTRL+SHIFT+D】克隆一份；
2、【CTRL+U】，设置【首选参数】，将【插值法】项调整成【最近的临近区域】。用【缩放】工具对克隆出的图层做等比缩小，缩小后确认下（选择箭头工具空白处点下），再选【缩放】工具对缩小的图层放大到原始大小；
3、【属性】面板添加效果，【锐化】三次；
4、设置【图层混合模式】。OK。

做好效果了别忘记把插值法调整会默认状态，要不以后对其他图片缩放可就玩完了。

[ 本帖最后由凌志于 2007-6-7 14:18 编辑 ]

附件: 您所在的用户组无法下载或查看附件，您需要注册/登录后才能查看！

设计元素-ZhaoSuCai.com 杯莫停

TOP

凌志

杯莫停

版主

帖子: 4272
体力: 6446
威望: 73
当前: 辽宁鞍山

专长 UI

7^# 大中小发表于 2007-6-7 14:12

引用:

原帖由 soking 于 2007-6-6 23:50 发表
5、然后我们再将缩小的图层放大数倍出现马赛克（放大的倍数取决于你需要的马赛克的大小）；
============================================================
这步效果出不来.
放大了以后是模糊的,并没有出现 ...

设置下插值法就好了。详细见上贴。

设计元素-ZhaoSuCai.com 杯莫停

TOP

GallenVaw

高级会员

帖子: 304
体力: 938
威望: 0
当前: 上海徐汇
离线: 6 天

专长 UE,产品设计,策划

8^# 大中小发表于 2007-6-7 15:40

谢谢对我文章的帮助：）

完美国际

TOP

sheic

中级会员

帖子: 224
体力: 442
威望: 0

9^# 大中小发表于 2007-6-10 13:14

真的不错

不错　在这里受益非浅

TOP

zerozhao

中级会员

帖子: 248
体力: 411
威望: 2
当前: 山东青岛
离线: 1 天

专长 网页设计,翻译

10^# 大中小发表于 2007-6-10 19:46

太有才了，学习了！

嘿，给介绍份工作呗……

TOP

laijguo

网页钢琴师

银牌会员

帖子: 667
体力: 1148
威望: 5
离线: 53 天

11^# 大中小发表于 2007-6-10 22:06

学校网络出问题了。好阵子没上，又看到好贴了。。。

A B

TOP

hero4u

孤竹林

银牌会员

帖子: 1307
体力: 2437
威望: 14
当前: 湖南长沙

专长 前端制作,搜索,推广

12^# 大中小发表于 2007-6-11 16:06

不错的变通法子哦，adobe应该给fw加插件了

体验游戏 game4power

TOP

wwwnetok

新手上路

帖子: 24
体力: 47
威望: 0
离线: 1 天

13^# 大中小发表于 2008-4-30 17:35

将【插值法】项调整成【最近的临近区域】。

这句话真是精髓啊

受益匪浅

TOP

sheic

中级会员

帖子: 224
体力: 442
威望: 0

14^# 大中小发表于 2008-7-25 17:37

大家一起学习

TOP

avangle

初级会员

帖子: 45
体力: 98
威望: 0
当前: 广东广州

15^# 大中小发表于 2008-7-26 00:28

还行这招，不过效果还是没有PS的好看。

TOP

vaccari

新手上路

帖子: 32
体力: 34
威望: 0
当前: 北京东城区
离线: 1 天

16^# 大中小发表于 2008-7-26 08:33

插值法是什么东东..

TOP

faithought

新手上路

帖子: 1
体力: 7
威望: 0
当前: 江苏扬州
离线: 1 天

17^# 大中小发表于 2008-8-9 20:46

如何设置【图层混合模式】呢？

请指教！谢谢

TOP