WWDC 2014 的海报是怎么做出来的？ 第1页
1
aton 网友的相关建议:
哈哈哈哈这题实在是太有意思了，下面的答案八仙过海各显神通，用什么方法实现的都有。
不过这种图片处理+渐变色的场合怎能少得了我大HTML5？而且别人的答案都是要你亲手去一步步处理，咱们这里有个天然的优势，就是做出来之后能在网页上所见即所得。
效果如下：
比如苹果的logo（为了效果明显，我做了一点高斯模糊）
出来的结果就是这样的：
再比如咱们扁平之前的Windows：
当然也不在话下：
这个小DEMO里预置了几个演示，除了上面的，还有喵星人、刘看山、以及我自己的头像……
另外最激动人心的是，它可以加载你本地的图片，把任意一张图转换成这个彩虹马赛克特效。
（最好使用jpg或非透明背景的png，浅底色深图案能达到最佳效果）
其实原理简单得很，会前端编程的一看即知：就是为canvas设置个横向渐变背景色，然后读取原图，获取每个点的灰度值，然后在对应位置绘制圆角矩形，颜色越亮，圆角矩形尺寸越大。
网页是一个内嵌的iframe，右键直接查看源码或者下载到本地慢慢研究都可以。
1
相关话题
一个朋友刚入广告圈做创意，大家有没有珍藏的创意图片和海报分享？有哪些代价深刻的改良设计？
你为什么讨厌顾爷和《小顾聊绘画》？
iPhone 6 和 6 Plus 新增的屏幕尺寸会如何影响 iOS 应用的界面设计？
锤子科技 199 元的台历质量怎么样？
有哪些好看的日常用的杯子？
有哪些家用电器附加功能奇特诡异？
顶楼复式有什么弊端？
如何看待「我在这个设计院每年才拿十几二十万，你凭什么让我负责这个建筑一辈子」？
复旦大学 110 周年校庆 logo 是否构成侵权？
前一个讨论
有哪些建议给初到长沙的知友？
相关的话题
WWDC 2013 会场的 iOS 7 标识，希望表达新版 iOS 的什么理念？机械设计专业，毕设要设计一条生产线，完全没学过，找了好久找不到相关的资料，大家有推荐的资料和书吗？
人类的医学标准肝脏为什么医生非要把标准模型设计成三角形而不是其他形状？
为什么有些国外地铁不设屏蔽门？
人机交互中，有哪些衡量用户体验的指标？
学编程应该买什么样的笔记本电脑最好？
作为一个程序员怎么才能找个懂设计的女朋友？可以稍微写的详细点
如何看待“Friso美素佳儿”在知乎的广告，无论是屏蔽还是点“不感兴趣”都无法让他消失？
中国人的审美水平真的这么低吗？
有没有哪张 PPT 是你自己做了之后觉得暗爽不已的？
怎么用 Ai 或 Ps 做一个简单，大方而不土的海报设计？
如何看待安藤忠雄设计的上海国际设计中心被评为第九届中国十大丑陋建筑第一名？
参与思源黑体项目的常州华文（Changzhou SinoType）是一家怎样的公司？
日常生活中，你见过哪些非常背离用户体验，以至于“反人类”的设计？
中国的设计怎么形成自己的民族风格？传递华夏文化？
做PPT时有哪些神操作？
如何评价中华人民共和国国旗的设计？
请问为了省油省电，能否在公路上铺设一块块能变换地面摩擦力的板，板能通过电脑感应，调节地面的粗糙程度？
我们如何在绘画中表现时间的流逝？
为什么现代高层建筑没有东方建筑风格的要素？
谈到北欧，你脑海中会出现怎样的画面？
你认为最好的电影海报和最差的电影海报是什么？
为异地情侣设计的情趣用品（如 Lovepalz）使用体验如何？
iPhone12 的奇怪蓝色设计，跟去年苹果设计师离职有关吗？
为什么客户都认为自己比设计师更会设计？
知乎十周年有奖挑战赛：如果你来创作知乎开屏图，会是怎样的？
熟能生巧，可以到一个什么程度？
如何评价知乎想法中「人工智能是否能做艺术创新」这一场论战？
你知道哪些冷门但逆天的 App？
知乎上的设计师们是如何成为成功设计师的？