WWDC 2014 的海报是怎么做出来的？ 第1页
1
aton 网友的相关建议:
哈哈哈哈这题实在是太有意思了，下面的答案八仙过海各显神通，用什么方法实现的都有。
不过这种图片处理+渐变色的场合怎能少得了我大HTML5？而且别人的答案都是要你亲手去一步步处理，咱们这里有个天然的优势，就是做出来之后能在网页上所见即所得。
效果如下：
比如苹果的logo（为了效果明显，我做了一点高斯模糊）
出来的结果就是这样的：
再比如咱们扁平之前的Windows：
当然也不在话下：
这个小DEMO里预置了几个演示，除了上面的，还有喵星人、刘看山、以及我自己的头像……
另外最激动人心的是，它可以加载你本地的图片，把任意一张图转换成这个彩虹马赛克特效。
（最好使用jpg或非透明背景的png，浅底色深图案能达到最佳效果）
其实原理简单得很，会前端编程的一看即知：就是为canvas设置个横向渐变背景色，然后读取原图，获取每个点的灰度值，然后在对应位置绘制圆角矩形，颜色越亮，圆角矩形尺寸越大。
网页是一个内嵌的iframe，右键直接查看源码或者下载到本地慢慢研究都可以。
1
相关话题
用手机 App 能画出多美的图？有哪些让人眼前一亮的「奇奇怪怪」的建筑？
日本的建筑设计水平是否达到了世界最高水平？
为什么好的建筑项目设计都是国外的设计师设计而不是中国设计师？虽然设计无国界但他们真正的了解中国文化吗？
人类很少以俯视观看建筑，那为什么有一些建筑设计的最佳观赏角度却是俯视图?
为异地情侣设计的情趣用品（如 Lovepalz）使用体验如何？
为什么意大利护照有种浓浓的社会主义阵营的风格？
Excel 中的颜色要怎么搭配，视觉上更能接受且区分度高？
如果以我国古代的建筑风格建造现代礼堂，那它应该是什么样子？
有什么简单方法设计一张大气海报？
前一个讨论
有哪些建议给初到长沙的知友？
相关的话题
怎么削铅笔？如何评价小米发布会上最新发布的小米 11 Pro、小米 11Ultra新品，有哪些设计或功能值得关注？
为什么造园师也就是现在的景观设计师和规划师在古代和现代的地位差别比较大?
实木相比复合板材有哪些优缺点？
国外设计师的作品中，有哪些异域思维和中国特质结合得很好的设计？
世界上有哪些很好看的纸币或者硬币？
怎么用 Ai 或 Ps 做一个简单，大方而不土的海报设计？
是不是吉祥物都那么丑？有好看的吉祥物么？
有哪些你想发明却已经被人发明了的东西？
如何做一个人力驱动的太阳系模型？
为什么意大利护照有种浓浓的社会主义阵营的风格？
三国杀的设计机制是怎么样的？为什么现在插画和技能越来越烂，平衡性越来越差？
北京冬奥组委回应「一墩难求」，将加大协调供应，冰墩墩为什么这么受欢迎？你买到了吗？
有哪些为动物建的建筑？
有哪些神一般的实验设计？
复旦大学 110 周年校庆 logo 是否构成侵权？
如何看待零度可口可乐新包装开始模仿0糖0脂肪的宣传？
世界上有哪些旗帜重新设计后会更好？
我们如何在绘画中表现时间的流逝？
用人工智能来设计芯片有可行性么？
纯美学考虑最好看的国旗是哪个？
CAD最让人吐槽的地方有哪些？
有哪些极具美感的机械设计？
赵又廷1个logo改4年，你遇到过哪些奇葩的甲方要求？
为什么工业设计能力强大的苹果对于手机窄边框没有追求？
为什么国外的 App 乃至互联网产品通常都很简陋？
科幻作品中的机体造型设计是否已经形成严谨化的理论体系？
有哪些「看似很 LOW，实则惊艳」的产品？
把30平住成townhouse是种什么体验？
你最希望哪些技术/事物从未被发明/发现？