WWDC 2014 的海报是怎么做出来的？ 第1页
1
aton 网友的相关建议:
哈哈哈哈这题实在是太有意思了，下面的答案八仙过海各显神通，用什么方法实现的都有。
不过这种图片处理+渐变色的场合怎能少得了我大HTML5？而且别人的答案都是要你亲手去一步步处理，咱们这里有个天然的优势，就是做出来之后能在网页上所见即所得。
效果如下：
比如苹果的logo（为了效果明显，我做了一点高斯模糊）
出来的结果就是这样的：
再比如咱们扁平之前的Windows：
当然也不在话下：
这个小DEMO里预置了几个演示，除了上面的，还有喵星人、刘看山、以及我自己的头像……
另外最激动人心的是，它可以加载你本地的图片，把任意一张图转换成这个彩虹马赛克特效。
（最好使用jpg或非透明背景的png，浅底色深图案能达到最佳效果）
其实原理简单得很，会前端编程的一看即知：就是为canvas设置个横向渐变背景色，然后读取原图，获取每个点的灰度值，然后在对应位置绘制圆角矩形，颜色越亮，圆角矩形尺寸越大。
网页是一个内嵌的iframe，右键直接查看源码或者下载到本地慢慢研究都可以。
1
相关话题
没有阳台的房子，冬季有哪些晾衣服的妙招？为什么现在的建筑不盖成古代那样了？
为什么某些宗教绘画中会使用反向透视（reverse perspective）这种怪异的透视法？
地广人稀的瑞典，为什么宜家的家居设计多以小户型为主？
用一张纸能做出什么 ?
日常生活中，你见过哪些非常背离用户体验，以至于“反人类”的设计？
把30平住成townhouse是种什么体验？
是不是吉祥物都那么丑？有好看的吉祥物么？
你见过哪些好看的录取通知书？
为什么编程语言语法的设计不往缩小与自然语言的差别的方向发展，或者说在这个方向发展得这么慢呢？
前一个讨论
有哪些建议给初到长沙的知友？
相关的话题
有什么古风美句适合写在婚礼请柬上？有什么简单方法设计一张大气海报？
大家用过什么反人类的文具？
著名或者优秀的文艺游戏有哪些？
如何评论iPhone 7 要取消标准 3.5 mm 耳机口设计？
深泽直人和原研哉的设计理念的差别？
如何用2个月时间从0开始做出一个交互设计作品集？
真正打动过你的一个设计是什么？
可以分享一些画面很干净的艺术作品吗？
为什么很多人无法接受在产品的外观设计中出现汉字？
手工做一张折叠床?
开发人员拒绝按照 UI 标注还原设计，如何让他理解精确还原的重要性，从而去修改代码？
为什么日本的设计一眼能看出来?
你家的装修是怎样的，共花费多少？
美国在线协同软件 Figma 封禁大疆、华为等企业，目前有哪些替代产品？国产设计软件性能是否过关？
为什么大多数车的侧面没有图案？
兵器历史上有哪些惊为天人或者脑洞大开的产品（包括原型机）？
2019年设计行业还值得应届生加入吗？
有哪些故意缩短产品寿命的设计？
你家的装修是怎样的，共花费多少？
有哪些为动物建的建筑？
想在深圳华侨城做LOFT工作室，包括设计、书吧、宠物吧和篮球场等，多人合资，目前考察阶段，有什么建议吗？
如何评价故宫淘宝的产品？
各位觉得一艘科幻架空世界的星舰该怎么设计呢？
为什么好的建筑项目设计都是国外的设计师设计而不是中国设计师？虽然设计无国界但他们真正的了解中国文化吗？
生活用品中有哪些让你拍案叫绝的巧妙设计？为什么要这样设计?
真正打动过你的一个设计是什么？
请问这样像素效果的分析图是怎么画出来的？
苹果公司有哪些特别糟糕的设计？
公认外形好看的汽车有哪些共性？