WWDC 2014 的海报是怎么做出来的？ 第1页
1
aton 网友的相关建议:
哈哈哈哈这题实在是太有意思了，下面的答案八仙过海各显神通，用什么方法实现的都有。
不过这种图片处理+渐变色的场合怎能少得了我大HTML5？而且别人的答案都是要你亲手去一步步处理，咱们这里有个天然的优势，就是做出来之后能在网页上所见即所得。
效果如下：
比如苹果的logo（为了效果明显，我做了一点高斯模糊）
出来的结果就是这样的：
再比如咱们扁平之前的Windows：
当然也不在话下：
这个小DEMO里预置了几个演示，除了上面的，还有喵星人、刘看山、以及我自己的头像……
另外最激动人心的是，它可以加载你本地的图片，把任意一张图转换成这个彩虹马赛克特效。
（最好使用jpg或非透明背景的png，浅底色深图案能达到最佳效果）
其实原理简单得很，会前端编程的一看即知：就是为canvas设置个横向渐变背景色，然后读取原图，获取每个点的灰度值，然后在对应位置绘制圆角矩形，颜色越亮，圆角矩形尺寸越大。
网页是一个内嵌的iframe，右键直接查看源码或者下载到本地慢慢研究都可以。
1
相关话题
兵器历史上有哪些惊为天人或者脑洞大开的产品（包括原型机）？怎么才能算用光线进行建筑设计？
中国风扁平化应该是什么样的？
如何看待台湾顶级设计大师方序中，因给郁可唯最新专辑单曲《寻》设计的封面太丑被群嘲？
著名的设计失败的汽车有哪些？
如何排版才能和谐地将图中的三个元素（小提琴，乒乓球拍、地板）融入其中？
法国贵族脖子上的装饰何时成为了小丑的元素?
青岛胶东机场（一期工程）和北京新机场的外形和设计理念为何惊人的相似？
化学史上有哪些美妙的图片？
为什么螺丝钉有那么多种接头？都有什么区别？为什么不能都用十字的？
前一个讨论
有哪些建议给初到长沙的知友？
相关的话题
PPT图片质量比较低的情况下，如何保证PPT的“高大上”?如何制作一张好的学术海报（poster）？
装修时，做好了哪些细节就能一劳永逸？
人类工程学能以动物为中心的吗？
如何评价中国近年来武器装备的外观设计？
作为 Airbnb 房东，你对自己出租的空间有哪些装点心得？
机械设计专业，毕设要设计一条生产线，完全没学过，找了好久找不到相关的资料，大家有推荐的资料和书吗？
有哪些带汉字的标志（Logo）或者图标设计得很出色？
如何评价中国近年来武器装备的外观设计？
世界上有哪些著名的好看雕塑？
同样是标志设计，淘宝 50、100 元的设计和几千上万的设计差在哪？
为什么北京西直门立交桥的设计被称为「传奇」？
游戏场景设计，这种水平能去实习吗?
为什么中国地铁站普遍装有屏蔽门，而有些国家没有？
你平时在哪找免费的可商业使用的图片素材？
在网上请设计师设计的名片太烂，接下来该怎么让她修改？
想成为交互设计师应该进入怎样的公司/企业，会更有利于自身成长?
如果让你设计手机，你会怎么设计？
如何看待 90 后设计师陈建放弃 4-5 万月薪，改行做外卖骑手？
cpu是怎么制造的?
如何用2个月时间从0开始做出一个交互设计作品集？
你平时在哪找免费的可商业使用的图片素材？
每个设计师都会有一个自己的素材库吗？怎么创建并且完善呢？
为什么在知乎获赞最多的装修案例都是北欧风或日系风？
实木相比复合板材有哪些优缺点？
你的学校有哪些令你赞不绝口的设计？
家庭装修，有哪些电子化产品能让家变的便捷、大气、奢华、高科技？
如何用Photoshop制作类似张杰《婆娑世界》封面和我是歌手3总决赛的宣传海报？
有哪些神一般的实验设计？
你见过的真正的Photoshop高手是什么样的？