WWDC 2014 的海报是怎么做出来的？ 第1页
1
aton 网友的相关建议:
哈哈哈哈这题实在是太有意思了，下面的答案八仙过海各显神通，用什么方法实现的都有。
不过这种图片处理+渐变色的场合怎能少得了我大HTML5？而且别人的答案都是要你亲手去一步步处理，咱们这里有个天然的优势，就是做出来之后能在网页上所见即所得。
效果如下：
比如苹果的logo（为了效果明显，我做了一点高斯模糊）
出来的结果就是这样的：
再比如咱们扁平之前的Windows：
当然也不在话下：
这个小DEMO里预置了几个演示，除了上面的，还有喵星人、刘看山、以及我自己的头像……
另外最激动人心的是，它可以加载你本地的图片，把任意一张图转换成这个彩虹马赛克特效。
（最好使用jpg或非透明背景的png，浅底色深图案能达到最佳效果）
其实原理简单得很，会前端编程的一看即知：就是为canvas设置个横向渐变背景色，然后读取原图，获取每个点的灰度值，然后在对应位置绘制圆角矩形，颜色越亮，圆角矩形尺寸越大。
网页是一个内嵌的iframe，右键直接查看源码或者下载到本地慢慢研究都可以。
1
相关话题
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿？苹果的产品有哪些反人类的设计？
男女共用小便池的设计，有多少男生女生能接受？
你见过最好的设计是什么？
武器的外观对士兵的士气有没有影响？
为什么许多轿车后座的窗户不能降到底？这样设计的意义是什么？
如何设计一款女性防身用的产品？
零件表达必须画在一张纸上吗，地方不够该咋办？
你见过的最美的图书馆什么样子？
各位觉得一艘科幻架空世界的星舰该怎么设计呢？
前一个讨论
有哪些建议给初到长沙的知友？
相关的话题
如何评价故宫淘宝的产品？有什么反人类设计？
能否分享一下你或身边人自己构思设计的实体游戏？
你遇到的最「反人类」的设计是什么？
你见过最奇葩的甲方是什么样子的？
怎样学好像素画？
為何日本書的設計都是很小型的？
如何看待安藤忠雄设计的上海国际设计中心被评为第九届中国十大丑陋建筑第一名？
为什么日本的设计一眼能看出来?
如何用Ps/Ai制作出路径混合的文字效果？
世界上有哪些有趣的机场？
你家的装修是怎样的，共花费多少？
微软英特尔是怎样配合开发操作系统和处理器的，处理器如何按照操作系统设计，操作系统如何利用处理器特性？
家庭装修，有哪些电子化产品能让家变的便捷、大气、奢华、高科技？
(ಡωಡ)此颜文字为什么这么欠揍？
怎样把黑白照片变成彩色的?
如何看待奥运会场地自行车项目，中国队头盔上的京剧脸谱设计？
在图片上加字，如何确定该用什么字体、字体的颜色和放置的位置？
锤子科技 199 元的台历质量怎么样？
参照《环太平洋》中与怪兽的战斗方式，类人型战斗机甲是否是最佳选择？
如何评价知乎想法中「人工智能是否能做艺术创新」这一场论战？
武器的外观对士兵的士气有没有影响？
请问在哪儿能找到比较好的工业设计的作品集？
学习UI设计，请问自学与培训，线上与线下培训对比，各自有什么优势？
化学史上有哪些美妙的图片？
为什么蚝油常用圆盖玻璃瓶设计，不用更容易挤的软瓶或者按压泵头？
设计博士如何申请?
从设计和美学角度看，五星红旗可做怎样的改良？
为什么材质廉价的首饰，款式比材质昂贵的首饰更精致或更时尚？
如何评价此社团的 logo？