WWDC 2014 的海报是怎么做出来的？ 第1页
1
aton 网友的相关建议:
哈哈哈哈这题实在是太有意思了，下面的答案八仙过海各显神通，用什么方法实现的都有。
不过这种图片处理+渐变色的场合怎能少得了我大HTML5？而且别人的答案都是要你亲手去一步步处理，咱们这里有个天然的优势，就是做出来之后能在网页上所见即所得。
效果如下：
比如苹果的logo（为了效果明显，我做了一点高斯模糊）
出来的结果就是这样的：
再比如咱们扁平之前的Windows：
当然也不在话下：
这个小DEMO里预置了几个演示，除了上面的，还有喵星人、刘看山、以及我自己的头像……
另外最激动人心的是，它可以加载你本地的图片，把任意一张图转换成这个彩虹马赛克特效。
（最好使用jpg或非透明背景的png，浅底色深图案能达到最佳效果）
其实原理简单得很，会前端编程的一看即知：就是为canvas设置个横向渐变背景色，然后读取原图，获取每个点的灰度值，然后在对应位置绘制圆角矩形，颜色越亮，圆角矩形尺寸越大。
网页是一个内嵌的iframe，右键直接查看源码或者下载到本地慢慢研究都可以。
1
相关话题
如何评价「伟大的产品永远只有一个按键」这句话？著名或者优秀的文艺游戏有哪些？
如何评价邵氏兄弟影业公司的LOGO设计？
为什么好的建筑项目设计都是国外的设计师设计而不是中国设计师？虽然设计无国界但他们真正的了解中国文化吗？
有哪些建筑看上去让你觉得很吃惊？
有哪些「无用」却充满灵光的设计？
工作上碰到画画或设计好几天没有灵感，又急赶项目，你们都会怎么做？
有哪些「无用」却充满灵光的设计？
在你看来，哪面国旗最丑？
一个好杯子会是什么样呢？用户会在乎它的手感轻重，导热程度，杯沿与嘴接触的厚度、倾角吗？
前一个讨论
有哪些建议给初到长沙的知友？
相关的话题
美国《消费者报告》对 2018 年度汽车品牌的统计是否说明可靠性对豪华品牌并不重要？为什么火车硬座的座椅设计感觉有些反人类？
怎么看待花瓣1月16号停止访问！这对设计行业会产生哪些影响？是否有同类型的网址推荐！?
从设计的角度来讲，哪只电竞战队的logo设计的最好？
有哪些超越时代审美的作品？
知乎上的设计师们是如何成为成功设计师的？
有哪些好的PPT素材网站，推荐下?
知乎登陆页这样设计好吗，你们的体验好么？
如何欣赏「花笙记」品牌服饰的设计风格？
为什么不做个苹果插件可以使在播放视频时把下面字幕遮盖住？
有哪些漂亮的中国风标志设计？
军用手枪和警用手枪的设计理念有什么区别？
如何评价扎哈·哈迪德以及她的设计？
怎样判断一件家具是不是实木？
只穿了牛奶这个照片如何用PS做出来？
能否分享一下你或身边人自己构思设计的实体游戏？
2016 里约奥运会主火炬塔是如何设计的？什么工作原理？
阿拉伯几何纹饰传统是怎样形成的？
为什么日本家居神器如此受欢迎？
为什么有人认为微软雅黑很一般？
如何评价「椰树牌椰汁」近 10 年都没换包装？
你觉得最美的火车站是哪一座？
东北人的家里，真的有「东北大花布」吗？「东北大花布」的设计来源是哪里？
深泽直人和原研哉的设计理念的差别？
有哪些值得推荐的PS（Adobe Photoshop）插件？
有什么反人类设计？
为什么苹果手机的各项参数都比国产手机低，但是我感觉运行却更流畅？
有哪些你知道的「神创意」？
法国贵族脖子上的装饰何时成为了小丑的元素?
装修中最值得花钱的地方有什么？