WWDC 2014 的海报是怎么做出来的？ 第1页
1
aton 网友的相关建议:
哈哈哈哈这题实在是太有意思了，下面的答案八仙过海各显神通，用什么方法实现的都有。
不过这种图片处理+渐变色的场合怎能少得了我大HTML5？而且别人的答案都是要你亲手去一步步处理，咱们这里有个天然的优势，就是做出来之后能在网页上所见即所得。
效果如下：
比如苹果的logo（为了效果明显，我做了一点高斯模糊）
出来的结果就是这样的：
再比如咱们扁平之前的Windows：
当然也不在话下：
这个小DEMO里预置了几个演示，除了上面的，还有喵星人、刘看山、以及我自己的头像……
另外最激动人心的是，它可以加载你本地的图片，把任意一张图转换成这个彩虹马赛克特效。
（最好使用jpg或非透明背景的png，浅底色深图案能达到最佳效果）
其实原理简单得很，会前端编程的一看即知：就是为canvas设置个横向渐变背景色，然后读取原图，获取每个点的灰度值，然后在对应位置绘制圆角矩形，颜色越亮，圆角矩形尺寸越大。
网页是一个内嵌的iframe，右键直接查看源码或者下载到本地慢慢研究都可以。
1
相关话题
党建类的设计如何实现扁平化？如何评价 Smartisan T2？
如何评价「椰树牌椰汁」近 10 年都没换包装？
谈到北欧，你脑海中会出现怎样的画面？
你平时在哪找免费的可商业使用的图片素材？
日常生活里有哪些我们不太容易感知到，但实际是经过反复优化的事情？
有什么值得推荐的设计类书籍？
请问图中这种设计图案是由何而来？
有哪些有意思的设计？
建筑大师有哪些的失败的案例？如何评价失败的著名建筑？
前一个讨论
有哪些建议给初到长沙的知友？
相关的话题
如何利用木工边角料，做出实用的家具或者好玩的物件？可以分享一些画面很干净的艺术作品吗？
有哪些构图惊艳的绘画作品？
苹果公司有哪些特别糟糕的设计？
有哪些有趣的小家具？
梵克雅宝的镶嵌技术厉害在哪里？
你见过的真正的Photoshop高手是什么样的？
一个迷宫从入口进去，沿着右手边的墙走，是否肯定能走到出口？
大连新机场征名开始，最佳命名奖可获 2 万元，你有哪些好想法？
我的角色设计的问题出在哪里？
从设计角度看，二次元痛衣为什么上身效果差呢？
为什么大写锁定键（Capslock）使用不多，却被设计在键盘的黄金位置上？
看起来有未来感的建筑，应该具备哪些特性？
公司要求设计一天出 150 张海报，该如何解决？
你为什么讨厌顾爷和《小顾聊绘画》？
Photoshop 不支持编辑钞票图片吗？
如何利用木工边角料，做出实用的家具或者好玩的物件？
如何欣赏「花笙记」品牌服饰的设计风格？
做机械设计4年快5年了，工资还只有5-6k，技术自我感觉一般水平，从哪方面提升自己，可以升值加薪?
2016 里约奥运会主火炬塔是如何设计的？什么工作原理？
有哪些让你忍不住想吐槽/点赞/觉得蛋疼的设计或者设定？
从平面设计的角度，哪个国家的国旗最好看？
大连新机场征名开始，最佳命名奖可获 2 万元，你有哪些好想法？
美军勋表是怎么设计的？
哪个学校的网站首页最好看？
下载的字体文件图标为什么有的是T，有的是O，有的是A？
你是如何完成一份优秀的校园海报的?
WWDC 2014 的海报是怎么做出来的？
为什么造园师也就是现在的景观设计师和规划师在古代和现代的地位差别比较大?
如何评价「演员江一燕获美国建筑大师奖」？奖项含金量有多高？