WWDC 2014 的海报是怎么做出来的？ 第1页
1
aton 网友的相关建议:
哈哈哈哈这题实在是太有意思了，下面的答案八仙过海各显神通，用什么方法实现的都有。
不过这种图片处理+渐变色的场合怎能少得了我大HTML5？而且别人的答案都是要你亲手去一步步处理，咱们这里有个天然的优势，就是做出来之后能在网页上所见即所得。
效果如下：
比如苹果的logo（为了效果明显，我做了一点高斯模糊）
出来的结果就是这样的：
再比如咱们扁平之前的Windows：
当然也不在话下：
这个小DEMO里预置了几个演示，除了上面的，还有喵星人、刘看山、以及我自己的头像……
另外最激动人心的是，它可以加载你本地的图片，把任意一张图转换成这个彩虹马赛克特效。
（最好使用jpg或非透明背景的png，浅底色深图案能达到最佳效果）
其实原理简单得很，会前端编程的一看即知：就是为canvas设置个横向渐变背景色，然后读取原图，获取每个点的灰度值，然后在对应位置绘制圆角矩形，颜色越亮，圆角矩形尺寸越大。
网页是一个内嵌的iframe，右键直接查看源码或者下载到本地慢慢研究都可以。
1
相关话题
除了打字机键盘布局，还有哪些东西当初是为降低运行效率而设计的？「老佛爷」Karl Lagerfeld 卡尔·拉格斐去世，如何评价他一生的成就和对时尚界的贡献？
上海一智能公厕 15 分钟不出来自动报警提醒保洁员协助，避免老年人如厕发生意外，这一设计是否合理？
这是我的大二上期末设计，被同学摁在地上锤，请问可以给点改进的建议吗？
怎么才能使粉色看起来非常硬汉？
MacBook Air 和 MacBook Pro 为什么仍旧坚持不用已经是主流的 16:9 屏幕？
工业设计目前就业情况到底怎么样？
单人做一个网站需要掌握哪些知识？
如何做一个人力驱动的太阳系模型？
如何评价 2016 年 10 月 25 日发布的小米全面屏概念手机 MIX？
前一个讨论
有哪些建议给初到长沙的知友？
相关的话题
超轻粘土有什么好的制作创意?如何看待零度可口可乐新包装开始模仿0糖0脂肪的宣传？
如何判断一张概念艺术作品画得好不好？
普通人和大师的差距在哪?
你见过最人性化的设计是什么？
你见过哪些智障的反人类的设计？
为何不兴‘明服’而兴‘汉服’？
如何看待一类计算机语言中的运算符“=赋值 ==等于 ===严格等于”的设计与a aa aaa这样的变量命名？
知乎上的设计师们是如何成为成功设计师的？
LAC作品集（lac studio）该如何反制? lacstudio?
《秘密花园》怎样涂色才会显得高大上？
武器的外观对士兵的士气有没有影响？
有哪些超越时代审美的作品？
男女共用小便池的设计，有多少男生女生能接受？
为什么野兽派花店可以如此成功？
请问我的设计为什么不好看？总觉得差点什么。画成什么样能得到实习机会？科幻原画市场怎么样？谢谢！！?
设计中好的剪影是遵循什么思路设计出来的？
为什么中国的设计师设计不出一款漂亮的自主品牌车？
高中生怎样整理学校桌肚最好？
如何在图片中优雅而又有效地添加水印？
怎样把黑白照片变成彩色的?
如何看待一类计算机语言中的运算符“=赋值 ==等于 ===严格等于”的设计与a aa aaa这样的变量命名？
为什么有人认为微软雅黑很一般？
如何评价邵氏兄弟影业公司的LOGO设计？
职业修图师的一点经验——如何磨皮？
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿？
如何看待“Friso美素佳儿”在知乎的广告，无论是屏蔽还是点“不感兴趣”都无法让他消失？
买了欧洲设计师设计的衣服，收到衣服后对质量和设计都非常满意。你注意到标签上说：中国制造。 你会怎么想？
如何评价深泽直人为摩拜设计的新车？
设计师设计一个东西是自己想设计成什么样设计成什么样吗？