WWDC 2014 的海报是怎么做出来的？ 第1页
1
aton 网友的相关建议:
哈哈哈哈这题实在是太有意思了，下面的答案八仙过海各显神通，用什么方法实现的都有。
不过这种图片处理+渐变色的场合怎能少得了我大HTML5？而且别人的答案都是要你亲手去一步步处理，咱们这里有个天然的优势，就是做出来之后能在网页上所见即所得。
效果如下：
比如苹果的logo（为了效果明显，我做了一点高斯模糊）
出来的结果就是这样的：
再比如咱们扁平之前的Windows：
当然也不在话下：
这个小DEMO里预置了几个演示，除了上面的，还有喵星人、刘看山、以及我自己的头像……
另外最激动人心的是，它可以加载你本地的图片，把任意一张图转换成这个彩虹马赛克特效。
（最好使用jpg或非透明背景的png，浅底色深图案能达到最佳效果）
其实原理简单得很，会前端编程的一看即知：就是为canvas设置个横向渐变背景色，然后读取原图，获取每个点的灰度值，然后在对应位置绘制圆角矩形，颜色越亮，圆角矩形尺寸越大。
网页是一个内嵌的iframe，右键直接查看源码或者下载到本地慢慢研究都可以。
1
相关话题
PPT图片质量比较低的情况下，如何保证PPT的“高大上”?这是我的大二上期末设计，被同学摁在地上锤，请问可以给点改进的建议吗？
苹果的产品有哪些反人类的设计？
如何评价中国奥运出场服？
有哪些道理是你进入设计院前必须要懂的？
瑞典有哪些令人印象深刻的设计与技术？
建筑大师有哪些的失败的案例？如何评价失败的著名建筑？
为什么有些游戏或动漫的设定集会把模型的设计细节解释的非常清楚？
火车硬座设计成座位对着座位是否是一个败笔？
参照《环太平洋》中与怪兽的战斗方式，类人型战斗机甲是否是最佳选择？
前一个讨论
有哪些建议给初到长沙的知友？
相关的话题
为什么很多人无法接受在产品的外观设计中出现汉字？怎样判断一件家具是不是实木？
普通人和大师的差距在哪?
你被哪些雕塑作品震撼过？
如何评价同济大学设计创意学院 2014 年本科生毕业设计展海报？
有哪些好看的日常用的杯子？
家庭装修，有哪些电子化产品能让家变的便捷、大气、奢华、高科技？
用户没有明确提出的需求，但是我们加上一点，很小的改动，能提高用户体验，需不需要做？
常规PC键盘上Q行到A行纵向错开¼键宽，但A行到Z行却错开达½键宽，为什么？
有没有很魔性的图片？
你见过最丑的设计是什么？
人类制造的最不可思议的机器有哪些？
什么样的数据库设计才是优秀的？
怎么才能算用光线进行建筑设计？
如何用2个月时间从0开始做出一个交互设计作品集？
有哪些让你忍不住想吐槽/点赞/觉得蛋疼的设计或者设定？
家里的家具全是无印良品 (MUJI)的是一种怎样的体验呀？
国内外有哪些著名的玩具设计师，他们的作品都是怎样的？
从专业角度看，肖战微博发的梅花设计得怎么样?
为什么螺丝钉有那么多种接头？都有什么区别？为什么不能都用十字的？
如果让知友们根据自己的需求设计一款自己的专属鼠标或者键盘，你会怎么设计？
美国如果多几个或少几个州，国旗会不会很尴尬？
一些图片是怎么设计出来的，是设计图案的那种，有什么软件？
是不是大陆书籍流行横排，而日本港台以直（竖）排为主？大陆为何不选择直（竖）排？
有哪些对你很有冲击力的设计？
MINI 中国提问：在汽车领域，哪个设计让你觉得最人性化？
机械工程师玩 Besiege 是怎样一种体验？
如果让你设计手机，你会怎么设计？
复旦大学 110 周年校庆 logo 是否构成侵权？
为什么很多人无法接受在产品的外观设计中出现汉字？