WWDC 2014 的海报是怎么做出来的？ 第1页
1
aton 网友的相关建议:
哈哈哈哈这题实在是太有意思了，下面的答案八仙过海各显神通，用什么方法实现的都有。
不过这种图片处理+渐变色的场合怎能少得了我大HTML5？而且别人的答案都是要你亲手去一步步处理，咱们这里有个天然的优势，就是做出来之后能在网页上所见即所得。
效果如下：
比如苹果的logo（为了效果明显，我做了一点高斯模糊）
出来的结果就是这样的：
再比如咱们扁平之前的Windows：
当然也不在话下：
这个小DEMO里预置了几个演示，除了上面的，还有喵星人、刘看山、以及我自己的头像……
另外最激动人心的是，它可以加载你本地的图片，把任意一张图转换成这个彩虹马赛克特效。
（最好使用jpg或非透明背景的png，浅底色深图案能达到最佳效果）
其实原理简单得很，会前端编程的一看即知：就是为canvas设置个横向渐变背景色，然后读取原图，获取每个点的灰度值，然后在对应位置绘制圆角矩形，颜色越亮，圆角矩形尺寸越大。
网页是一个内嵌的iframe，右键直接查看源码或者下载到本地慢慢研究都可以。
1
相关话题
你自己画过的画中，最喜欢或者最重要的是哪一幅？为什么广深高速出入口设计这么独特？
2021年了，你还建议我们大学生加入游戏美术行业吗？（包括角色设计，场景设计，GUI等所有位置）？
你见过哪些有趣的图标？
为什么野兽派花店可以如此成功？
人类制造的最不可思议的机器有哪些？
如何把小户型阳台布置出有情调又不贵？
青岛胶东机场（一期工程）和北京新机场的外形和设计理念为何惊人的相似？
青岛胶东机场（一期工程）和北京新机场的外形和设计理念为何惊人的相似？
日常生活里有哪些我们不太容易感知到，但实际是经过反复优化的事情？
前一个讨论
有哪些建议给初到长沙的知友？
相关的话题
为什么工业设计能力强大的苹果对于手机窄边框没有追求？梵克雅宝的镶嵌技术厉害在哪里？
北京冬奥组委回应「一墩难求」，将加大协调供应，冰墩墩为什么这么受欢迎？你买到了吗？
从设计的角度来讲，哪只电竞战队的logo设计的最好？
有哪些值得推荐的字体？
为什么材质廉价的首饰，款式比材质昂贵的首饰更精致或更时尚？
如何评价全国范围内的商铺招牌统一化？
知乎上的设计师们是如何成为成功设计师的？
世界上有哪些有趣的机场？
如何处理「极简设计理念」与「设计无内涵」之间的矛盾？
著名或者优秀的文艺游戏有哪些？
在家装方面多数的年轻人都愿意亲手设计自己的房屋，让自己的参与度最大化，那么专业设计师如何看待这种现象？
学习UI设计，请问自学与培训，线上与线下培训对比，各自有什么优势？
如何排版才能和谐地将图中的三个元素（小提琴，乒乓球拍、地板）融入其中？
有没有哪张 PPT 是你自己做了之后觉得暗爽不已的？
东北人的家里，真的有「东北大花布」吗？「东北大花布」的设计来源是哪里？
如何制作350mA，误差几mA的恒流源？
有哪些「富人用不着，穷人买不起」的东西？
有哪些外形不俗、性价比高的男表？
用户体验是不是被过度放大了？
大家都说建筑行业苦累，007疯狂式的加班，还没有加班费，是什么最终让你继续留在了这个行业？
怎么才能使粉色看起来非常硬汉？
公司要求设计一天出 150 张海报，该如何解决？
你的学校有哪些令你深恶痛绝的设计？
如果给你一个重新设计湖州站的机会，你会怎么设计？
你为什么讨厌顾爷和《小顾聊绘画》？
如何评价原研哉设计的小米新logo？
我们如何在绘画中表现时间的流逝？
怎么自己制作出苹果广告风格的视频？
如何设计一张高品位高水准海报？