WWDC 2014 的海报是怎么做出来的？ 第1页
1
aton 网友的相关建议:
哈哈哈哈这题实在是太有意思了，下面的答案八仙过海各显神通，用什么方法实现的都有。
不过这种图片处理+渐变色的场合怎能少得了我大HTML5？而且别人的答案都是要你亲手去一步步处理，咱们这里有个天然的优势，就是做出来之后能在网页上所见即所得。
效果如下：
比如苹果的logo（为了效果明显，我做了一点高斯模糊）
出来的结果就是这样的：
再比如咱们扁平之前的Windows：
当然也不在话下：
这个小DEMO里预置了几个演示，除了上面的，还有喵星人、刘看山、以及我自己的头像……
另外最激动人心的是，它可以加载你本地的图片，把任意一张图转换成这个彩虹马赛克特效。
（最好使用jpg或非透明背景的png，浅底色深图案能达到最佳效果）
其实原理简单得很，会前端编程的一看即知：就是为canvas设置个横向渐变背景色，然后读取原图，获取每个点的灰度值，然后在对应位置绘制圆角矩形，颜色越亮，圆角矩形尺寸越大。
网页是一个内嵌的iframe，右键直接查看源码或者下载到本地慢慢研究都可以。
1
相关话题
在 iOS 的交互设计中，「向右滑返回」和「向下滑返回」有什么区别？优劣分别是什么？华为能设计出 M1 这样的芯片吗？
我的角色设计的问题出在哪里？
景观设计到底是设计什么的？
如何评价深泽直人为摩拜设计的新车？
生活中还有哪些类似于「人民币上招财猫」这样的图案巧合？
怎么才能算用光线进行建筑设计？
「霍氏弯角」号称可以让车辆看起来更具豪华感和运动性，这是如何体现的，我怎么看不出来？
美国《消费者报告》对 2018 年度汽车品牌的统计是否说明可靠性对豪华品牌并不重要？
你见过哪些让人一眼记住的头像？
前一个讨论
有哪些建议给初到长沙的知友？
相关的话题
去哪可以买到不贵又体面的家居装饰画呢？有哪些值得推荐的字体？
有哪些外形不俗、性价比高的男表？
裤子太瘦怎么改？
有哪些好的网站，让人第一眼看了就怦然心动，流连忘返？
各位觉得一艘科幻架空世界的星舰该怎么设计呢？
奥特曼的设计有哪些美感？
平面设计中，出血（bleed）为什么这样叫？最初是如何设定的名字？
有哪些看起来很蠢实际上确实很蠢的设计？
「霍氏弯角」号称可以让车辆看起来更具豪华感和运动性，这是如何体现的，我怎么看不出来？
著名或者优秀的文艺游戏有哪些？
有哪些外行人看来很蠢的设计实际上却是精妙无比？
如何评价邵氏兄弟影业公司的LOGO设计？
如何评论iPhone 7 要取消标准 3.5 mm 耳机口设计？
如何看待对合肥公交站亭被雪压塌事故相关设计、施工、监理及建设等单位及人员的处理结果？
如何评价 Smartisan T2？
从专业角度看，肖战微博发的梅花设计得怎么样?
你见过最奇葩的甲方是什么样子的？
为什么现在的手机都设计成不可换电池？
这种字贴合人体的效果是用什么功能实现的 ？
为什么少有设计院能够实现真正的BIM设计，还是死守着CAD这样的二维生产工具？
有哪些让人拍案叫绝的智障设计？
苹果公司的工业设计副总裁 Evans Hankey 是一个怎样的设计师？
有哪些好的游戏原画集、电影设定集、个人插画集推荐？
如何挽救这幅画？
你见过的真正的Photoshop高手是什么样的？
什么是国潮？为什么现在国潮风越来越流行？
如何评价顾爷7月4号的公众号文章《看不懂的艺术，就是大便》？
从设计的角度来讲，哪只电竞战队的logo设计的最好？
有哪些「看似很 LOW，实则惊艳」的产品？