WWDC 2014 的海报是怎么做出来的？ 第1页
1
aton 网友的相关建议:
哈哈哈哈这题实在是太有意思了，下面的答案八仙过海各显神通，用什么方法实现的都有。
不过这种图片处理+渐变色的场合怎能少得了我大HTML5？而且别人的答案都是要你亲手去一步步处理，咱们这里有个天然的优势，就是做出来之后能在网页上所见即所得。
效果如下：
比如苹果的logo（为了效果明显，我做了一点高斯模糊）
出来的结果就是这样的：
再比如咱们扁平之前的Windows：
当然也不在话下：
这个小DEMO里预置了几个演示，除了上面的，还有喵星人、刘看山、以及我自己的头像……
另外最激动人心的是，它可以加载你本地的图片，把任意一张图转换成这个彩虹马赛克特效。
（最好使用jpg或非透明背景的png，浅底色深图案能达到最佳效果）
其实原理简单得很，会前端编程的一看即知：就是为canvas设置个横向渐变背景色，然后读取原图，获取每个点的灰度值，然后在对应位置绘制圆角矩形，颜色越亮，圆角矩形尺寸越大。
网页是一个内嵌的iframe，右键直接查看源码或者下载到本地慢慢研究都可以。
1
相关话题
如果我能够解决鸟撞飞机发动机的问题，可以赚钱吗？该怎么做才能盈利呢？用手机 App 能画出多美的图？
为什么火车硬座的座椅设计感觉有些反人类？
为什么火车硬座的座椅设计感觉有些反人类？
如何看待一类计算机语言中的运算符“=赋值 ==等于 ===严格等于”的设计与a aa aaa这样的变量命名？
有哪些有意思的设计？
军用手枪和警用手枪的设计理念有什么区别？
知乎上有哪些看似聪明实则很蠢的高票答案？
请问什么是思辨设计（speculative design）最近比较苦恼？
怎么才能算用光线进行建筑设计？
前一个讨论
有哪些建议给初到长沙的知友？
相关的话题
为什么大部分国产车都还在很丑很土？车的外形做漂亮就这么难吗？车标不要设计这么土也很难吗？常见饮料的塑料瓶盖结构是怎么做到防水的？
如果你是日本国旗设计者、你会提交怎样的作品？
MacBook Air 和 MacBook Pro 为什么仍旧坚持不用已经是主流的 16:9 屏幕？
如何看待安藤忠雄设计的上海国际设计中心被评为第九届中国十大丑陋建筑第一名？
文字比较多的PPT，如何做出扁平化效果？
有哪些建筑看上去让你觉得很吃惊？
如何评价雷克萨斯UX的设计？
为什么中国地铁站普遍装有屏蔽门，而有些国家没有？
什么是好的设计？
你见过哪些有趣的图标？
你是如何完成一份优秀的校园海报的?
为什么许多轿车后座的窗户不能降到底？这样设计的意义是什么？
有哪些「看似很 LOW，实则惊艳」的产品？
知乎上有哪些看似聪明实则很蠢的高票答案？
从设计和美学角度看，五星红旗可做怎样的改良？
如何评价特步鞋的设计？
这个画的程度毕业后失业的概率大吗?
为什么甲乙方的审美有差异？
在图片上加字，如何确定该用什么字体、字体的颜色和放置的位置？
兵器历史上有哪些惊为天人或者脑洞大开的产品（包括原型机）？
生活用品中有哪些让你拍案叫绝的巧妙设计？为什么要这样设计?
你为什么讨厌顾爷和《小顾聊绘画》？
工程行业新人如何有效学习国家标准、行业标准？
如何制作350mA，误差几mA的恒流源？
作为设计师都遇到过什么样的奇葩客户？
什么是好的设计？
有哪些漂亮的中国风标志设计？
安藤忠雄是谁？
美国如果多几个或少几个州，国旗会不会很尴尬？