WWDC 2014 的海报是怎么做出来的？ 第1页
1
aton 网友的相关建议:
哈哈哈哈这题实在是太有意思了，下面的答案八仙过海各显神通，用什么方法实现的都有。
不过这种图片处理+渐变色的场合怎能少得了我大HTML5？而且别人的答案都是要你亲手去一步步处理，咱们这里有个天然的优势，就是做出来之后能在网页上所见即所得。
效果如下：
比如苹果的logo（为了效果明显，我做了一点高斯模糊）
出来的结果就是这样的：
再比如咱们扁平之前的Windows：
当然也不在话下：
这个小DEMO里预置了几个演示，除了上面的，还有喵星人、刘看山、以及我自己的头像……
另外最激动人心的是，它可以加载你本地的图片，把任意一张图转换成这个彩虹马赛克特效。
（最好使用jpg或非透明背景的png，浅底色深图案能达到最佳效果）
其实原理简单得很，会前端编程的一看即知：就是为canvas设置个横向渐变背景色，然后读取原图，获取每个点的灰度值，然后在对应位置绘制圆角矩形，颜色越亮，圆角矩形尺寸越大。
网页是一个内嵌的iframe，右键直接查看源码或者下载到本地慢慢研究都可以。
1
相关话题
有哪些故意缩短产品寿命的设计？《秘密花园》怎样涂色才会显得高大上？
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿？
想在深圳华侨城做LOFT工作室，包括设计、书吧、宠物吧和篮球场等，多人合资，目前考察阶段，有什么建议吗？
有哪些颜色搭配、色彩基本知识方面的书籍？
人类未来如果通过「营养舱」进入虚拟世界生活，那么身体的污垢和粪便是如何排出舱外的呢？
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿？
有哪些看上去很酷炫很屌、但内行人认为一点都不屌的技术或产品？
我的角色设计的问题出在哪里？
什么是好的设计？
前一个讨论
有哪些建议给初到长沙的知友？
相关的话题
世界上有哪些有趣的火车站?工作上碰到画画或设计好几天没有灵感，又急赶项目，你们都会怎么做？
文字比较多的PPT，如何做出扁平化效果？
日本的平面设计水平为什么这么高？
有哪些有趣的小家具？
如何评价 iPhone X 的双电池设计？
什么是国潮？为什么现在国潮风越来越流行？
如何看待杜嘉班纳 Dolce&Gabbana 设计总监种族歧视和辱华的言论？
有哪些反人类的科技发明或设计？
30岁转行设计行业怎么样？？谢谢，经济压力不大？
如何看待「我在这个设计院每年才拿十几二十万，你凭什么让我负责这个建筑一辈子」？
有哪些有创意的旧物改造？
国内外有哪些著名的玩具设计师，他们的作品都是怎样的？
如果想以后参加军械设计制造，需要学什么专业?
你遇到过哪些好的防呆设计？
为什么广深高速出入口设计这么独特？
在图片上加字，如何确定该用什么字体、字体的颜色和放置的位置？
想在深圳华侨城做LOFT工作室，包括设计、书吧、宠物吧和篮球场等，多人合资，目前考察阶段，有什么建议吗？
知乎上有哪些看似聪明实则很蠢的高票答案？
PPT图片质量比较低的情况下，如何保证PPT的“高大上”?
从专业角度看，肖战微博发的梅花设计得怎么样?
有没有知名度比较低但是含金量比较高的中国设计师？
有哪些有创意的旧物改造？
有哪些工程或高科技项目，让你觉得寄托着设计者的星辰大海？
设计师在工作中通过哪些方式获取灵感？
为什么 Mac 系列长期标配镜面屏而非雾面屏？
你觉得最美的机场是哪一座？
为什么 Mac 系列长期标配镜面屏而非雾面屏？
你见过哪些用极简的线条勾勒出的有意思的图画？
东北人的家里，真的有「东北大花布」吗？「东北大花布」的设计来源是哪里？