WWDC 2014 的海报是怎么做出来的？ 第1页
1
aton 网友的相关建议:
哈哈哈哈这题实在是太有意思了，下面的答案八仙过海各显神通，用什么方法实现的都有。
不过这种图片处理+渐变色的场合怎能少得了我大HTML5？而且别人的答案都是要你亲手去一步步处理，咱们这里有个天然的优势，就是做出来之后能在网页上所见即所得。
效果如下：
比如苹果的logo（为了效果明显，我做了一点高斯模糊）
出来的结果就是这样的：
再比如咱们扁平之前的Windows：
当然也不在话下：
这个小DEMO里预置了几个演示，除了上面的，还有喵星人、刘看山、以及我自己的头像……
另外最激动人心的是，它可以加载你本地的图片，把任意一张图转换成这个彩虹马赛克特效。
（最好使用jpg或非透明背景的png，浅底色深图案能达到最佳效果）
其实原理简单得很，会前端编程的一看即知：就是为canvas设置个横向渐变背景色，然后读取原图，获取每个点的灰度值，然后在对应位置绘制圆角矩形，颜色越亮，圆角矩形尺寸越大。
网页是一个内嵌的iframe，右键直接查看源码或者下载到本地慢慢研究都可以。
1
相关话题
为什么有人认为微软雅黑很一般？设计师应该学编程吗？
有哪些构图惊艳的绘画作品？
怎么看待花瓣1月16号停止访问！这对设计行业会产生哪些影响？是否有同类型的网址推荐！?
英文教材里经常见到的那三种字体分别叫什么名字？
美国学设计的学生有多刻苦？平时的作业量大到什么程度？
顶楼复式有什么弊端？
设计的海报被盗用应怎么办？
可以分享一些画面很干净的艺术作品吗？
为什么现在的手机都设计成不可换电池？
前一个讨论
有哪些建议给初到长沙的知友？
相关的话题
如何评价微软的surface pro4和surface book?如何评价知乎 2017 年 1 月 的改版？
机械设计专业，毕设要设计一条生产线，完全没学过，找了好久找不到相关的资料，大家有推荐的资料和书吗？
普通人和大师的差距在哪?
有哪些看上去很酷炫很屌、但内行人认为一点都不屌的技术或产品？
复旦大学 110 周年校庆 logo 是否构成侵权？
如何评价《天工开物》这本书？
(ಡωಡ)此颜文字为什么这么欠揍？
大家都说建筑行业苦累，007疯狂式的加班，还没有加班费，是什么最终让你继续留在了这个行业？
用人工智能来设计芯片有可行性么？
如何判断一张概念艺术作品画得好不好？
如何评价广州恒大俱乐部新建专业足球场的设计？
为什么广深高速出入口设计这么独特？
用人工智能来设计芯片有可行性么？
为什么现在的手机都设计成不可换电池？
法国贵族脖子上的装饰何时成为了小丑的元素?
一个好杯子会是什么样呢？用户会在乎它的手感轻重，导热程度，杯沿与嘴接触的厚度、倾角吗？
苹果公司的工业设计副总裁 Evans Hankey 是一个怎样的设计师？
怎样把黑白照片变成彩色的?
「廉价感」是如何产生的？
怎么才能算用光线进行建筑设计？
闲置的 iPad mini 一代如何物尽其用？
这种风格的简约字体叫什么名字呢？
模型驱动体系架构(MDA)和领域驱动设计(DDD)有什么关系和区别?
有哪些酒店的设计让你想用在自己家？
工业设计的我们，应该怎样找自己，才能算是中国风格？
有哪些令人叹为观止的细节？
有哪些精心设计且又不落俗套的情侣戒指？
有没有类似金属表带每节之间用针连接的固定连接方式或结构？
男/女朋友给自己搞了个创作/设计当礼物是一种什么样的体验？