WWDC 2014 的海报是怎么做出来的？ 第1页
1
aton 网友的相关建议:
哈哈哈哈这题实在是太有意思了，下面的答案八仙过海各显神通，用什么方法实现的都有。
不过这种图片处理+渐变色的场合怎能少得了我大HTML5？而且别人的答案都是要你亲手去一步步处理，咱们这里有个天然的优势，就是做出来之后能在网页上所见即所得。
效果如下：
比如苹果的logo（为了效果明显，我做了一点高斯模糊）
出来的结果就是这样的：
再比如咱们扁平之前的Windows：
当然也不在话下：
这个小DEMO里预置了几个演示，除了上面的，还有喵星人、刘看山、以及我自己的头像……
另外最激动人心的是，它可以加载你本地的图片，把任意一张图转换成这个彩虹马赛克特效。
（最好使用jpg或非透明背景的png，浅底色深图案能达到最佳效果）
其实原理简单得很，会前端编程的一看即知：就是为canvas设置个横向渐变背景色，然后读取原图，获取每个点的灰度值，然后在对应位置绘制圆角矩形，颜色越亮，圆角矩形尺寸越大。
网页是一个内嵌的iframe，右键直接查看源码或者下载到本地慢慢研究都可以。
1
相关话题
请问在哪儿能找到比较好的工业设计的作品集？建筑师如何改变世界？
安藤忠雄是谁？
设计的海报被盗用应怎么办？
汉庭为何采用透明的淋浴间设计？
苹果公司的工业设计副总裁 Evans Hankey 是一个怎样的设计师？
如何评价@王守英是仙女 的服装设计？
如何制作350mA，误差几mA的恒流源？
有哪些做工精良、有设计感、值得入手的杯子能推荐？
如何评价中国奥运出场服？
前一个讨论
有哪些建议给初到长沙的知友？
相关的话题
男/女朋友给自己搞了个创作/设计当礼物是一种什么样的体验？有没有类似金属表带每节之间用针连接的固定连接方式或结构？
家里的家具全是无印良品 (MUJI)的是一种怎样的体验呀？
用手机 App 能画出多美的图？
如何评价北京科技大学博导覃京燕老师的「量子思维」和「元设计」？
常规PC键盘上Q行到A行纵向错开¼键宽，但A行到Z行却错开达½键宽，为什么？
什么样的数据库设计才是优秀的？
有什么古风美句适合写在婚礼请柬上？
地广人稀的瑞典，为什么宜家的家居设计多以小户型为主？
CAD最让人吐槽的地方有哪些？
陶醉于自己的作品是一种怎样的体验？
为什么很多透明胶带最里面一圈都会印有狮子的图案？
知乎十周年有奖挑战赛：如果你来创作知乎开屏图，会是怎样的？
为什么材质廉价的首饰，款式比材质昂贵的首饰更精致或更时尚？
世界上有哪些著名的好看雕塑？
Google 新推出的色彩空间 HCT 是什么？
大家都说建筑行业苦累，007疯狂式的加班，还没有加班费，是什么最终让你继续留在了这个行业？
哪些轿车是非承载式车身？为什么福特停产了维多利亚皇冠？
除了打字机键盘布局，还有哪些东西当初是为降低运行效率而设计的？
开发人员拒绝按照 UI 标注还原设计，如何让他理解精确还原的重要性，从而去修改代码？
普通人和大师的差距在哪?
人机交互中，有哪些衡量用户体验的指标？
有哪些好看极简的手表？
品牌设计做的比较好的公司有哪些？
工业设计的我们，应该怎样找自己，才能算是中国风格？
有哪些颜色搭配、色彩基本知识方面的书籍？
你见过有哪些与月亮相关的神奇设计？
怎样制作工业设计作品集？
你为什么讨厌顾爷和《小顾聊绘画》？
如何评价苹果2014年发布的 OS X Yosemite？