WWDC 2014 的海报是怎么做出来的？ 第1页
1
aton 网友的相关建议:
哈哈哈哈这题实在是太有意思了，下面的答案八仙过海各显神通，用什么方法实现的都有。
不过这种图片处理+渐变色的场合怎能少得了我大HTML5？而且别人的答案都是要你亲手去一步步处理，咱们这里有个天然的优势，就是做出来之后能在网页上所见即所得。
效果如下：
比如苹果的logo（为了效果明显，我做了一点高斯模糊）
出来的结果就是这样的：
再比如咱们扁平之前的Windows：
当然也不在话下：
这个小DEMO里预置了几个演示，除了上面的，还有喵星人、刘看山、以及我自己的头像……
另外最激动人心的是，它可以加载你本地的图片，把任意一张图转换成这个彩虹马赛克特效。
（最好使用jpg或非透明背景的png，浅底色深图案能达到最佳效果）
其实原理简单得很，会前端编程的一看即知：就是为canvas设置个横向渐变背景色，然后读取原图，获取每个点的灰度值，然后在对应位置绘制圆角矩形，颜色越亮，圆角矩形尺寸越大。
网页是一个内嵌的iframe，右键直接查看源码或者下载到本地慢慢研究都可以。
1
相关话题
如何评价全国范围内的商铺招牌统一化？为什么蚝油常用圆盖玻璃瓶设计，不用更容易挤的软瓶或者按压泵头？
生活用品中有哪些让你拍案叫绝的巧妙设计？为什么要这样设计?
一个朋友刚入广告圈做创意，大家有没有珍藏的创意图片和海报分享？
世界上有哪些很好看的纸币或者硬币？
从设计和美学角度看，五星红旗可做怎样的改良？
纯机械时代的巅峰是什么？
如何理解「侘寂」（wabi sabi）？
如何看待无印良品（MUJI）把长板凳卖到 1000 块钱？
有哪些「看似惊艳，实则很 LOW」的产品？
前一个讨论
有哪些建议给初到长沙的知友？
相关的话题
有哪些「无用」却充满灵光的设计？前端因为像素还原设计稿而离职，这是个别现象吗？
什么样的手机才算好看？
Photoshop 不支持编辑钞票图片吗？
你看到过最好看的婚纱或婚纱照是什么样的？
老板放弃了我做的文化墙，找了广告公司，这是什么操作？我的真的很丑吗？专业人士可以指点一下吗？
设计中好的剪影是遵循什么思路设计出来的？
有哪些看似很蠢但实际却精妙无比的设计？
为什么好的建筑项目设计都是国外的设计师设计而不是中国设计师？虽然设计无国界但他们真正的了解中国文化吗？
工业设计目前就业情况到底怎么样？
为什么北京南站基本没有候车区，座位也特别少，是为了让乘客更多地进店消费么？
是不是大陆书籍流行横排，而日本港台以直（竖）排为主？大陆为何不选择直（竖）排？
有哪些有意思的设计？
看起来有未来感的建筑，应该具备哪些特性？
设计师应该学编程吗？
科幻作品中的机体造型设计是否已经形成严谨化的理论体系？
你遇到过哪些好的防呆设计？
如何评价魅族 Flow 耳机？
有哪些令人叹为观止的细节？
如何评价扎哈·哈迪德以及她的设计？
如何看待印尼富二代设计的儿童脊椎和鳄鱼舌头组成的包？
如何评价北京科技大学博导覃京燕老师的「量子思维」和「元设计」？
汽车设计为什么没有出现极简主义 ？
如何看待中国建筑师在巴黎圣母院重建设计竞赛中获得网民最高投票？
人机交互中，有哪些衡量用户体验的指标？
学环境设计买什么样的笔记本比较好？
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿？
是什么让中国很多东西看起来缺乏美感和质感？
请问图中这种设计图案是由何而来？
世界上有哪些很好看的纸币或者硬币？