WWDC 2014 的海报是怎么做出来的？ 第1页
1
aton 网友的相关建议:
哈哈哈哈这题实在是太有意思了，下面的答案八仙过海各显神通，用什么方法实现的都有。
不过这种图片处理+渐变色的场合怎能少得了我大HTML5？而且别人的答案都是要你亲手去一步步处理，咱们这里有个天然的优势，就是做出来之后能在网页上所见即所得。
效果如下：
比如苹果的logo（为了效果明显，我做了一点高斯模糊）
出来的结果就是这样的：
再比如咱们扁平之前的Windows：
当然也不在话下：
这个小DEMO里预置了几个演示，除了上面的，还有喵星人、刘看山、以及我自己的头像……
另外最激动人心的是，它可以加载你本地的图片，把任意一张图转换成这个彩虹马赛克特效。
（最好使用jpg或非透明背景的png，浅底色深图案能达到最佳效果）
其实原理简单得很，会前端编程的一看即知：就是为canvas设置个横向渐变背景色，然后读取原图，获取每个点的灰度值，然后在对应位置绘制圆角矩形，颜色越亮，圆角矩形尺寸越大。
网页是一个内嵌的iframe，右键直接查看源码或者下载到本地慢慢研究都可以。
1
相关话题
参与思源黑体项目的常州华文（Changzhou SinoType）是一家怎样的公司？景观设计到底是设计什么的？
为什么某些宗教绘画中会使用反向透视（reverse perspective）这种怪异的透视法？
阿拉伯几何纹饰传统是怎样形成的？
欧美的普通人能承受正版软件的价格吗？
MacBook Air 和 MacBook Pro 为什么仍旧坚持不用已经是主流的 16:9 屏幕？
你见过最好的设计是什么？
怎么削铅笔？
如果让你设计手机，你会怎么设计？
你看过哪些「全场最佳」的操作？
前一个讨论
有哪些建议给初到长沙的知友？
相关的话题
哪些网站让你感觉发现了新大陆？好的产品包装设计有哪些？
只穿了牛奶这个照片如何用PS做出来？
如何看待《梦想改造家》最新一期设计师陶磊引起的争议？设计师应该遵循什么样的设计原则？
有哪些包装方法让礼物瞬间高大上？
请问这张海报如何实现？
为什么意大利护照有种浓浓的社会主义阵营的风格？
希腊化中国艺术应该是怎样的？
macbookpro 2016 15寸低配版 和 mbp 2015 高配 如何选择？
尼赫鲁选择勒·柯布西耶作为昌迪加尔的建筑师的原因是什么？
如何看待@德国人Leo乐柏说 委婉指出国产英雄牌钢笔某一款与德国凌美（Lamy）钢笔相像？
为什么苹果手机的各项参数都比国产手机低，但是我感觉运行却更流畅？
你见过最酷的设计是什么？
师承疑似“傻大黑粗”的苏联工业体系，中国企业个人有什么体现“细节决定成败”的地方？
什么样的手机才算好看？
怎样制作工业设计作品集？
为什么许多轿车后座的窗户不能降到底？这样设计的意义是什么？
如果你是日本国旗设计者、你会提交怎样的作品？
你见过最好的设计是什么？
WWDC 2014 的海报是怎么做出来的？
如何排版才能和谐地将图中的三个元素（小提琴，乒乓球拍、地板）融入其中？
有哪些神一般的实验设计？
如何看待“Friso美素佳儿”在知乎的广告，无论是屏蔽还是点“不感兴趣”都无法让他消失？
令人印象最深刻的包装设计有哪些？
如何看懂照片的直方图？
男女共用小便池的设计，有多少男生女生能接受？
身为设计师碰到最奇葩的需求是如何的？
有什么值得推荐的设计类书籍？
建筑师如何改变世界？
有哪些为动物建的建筑？