WWDC 2014 的海报是怎么做出来的？ 第1页
1
aton 网友的相关建议:
哈哈哈哈这题实在是太有意思了，下面的答案八仙过海各显神通，用什么方法实现的都有。
不过这种图片处理+渐变色的场合怎能少得了我大HTML5？而且别人的答案都是要你亲手去一步步处理，咱们这里有个天然的优势，就是做出来之后能在网页上所见即所得。
效果如下：
比如苹果的logo（为了效果明显，我做了一点高斯模糊）
出来的结果就是这样的：
再比如咱们扁平之前的Windows：
当然也不在话下：
这个小DEMO里预置了几个演示，除了上面的，还有喵星人、刘看山、以及我自己的头像……
另外最激动人心的是，它可以加载你本地的图片，把任意一张图转换成这个彩虹马赛克特效。
（最好使用jpg或非透明背景的png，浅底色深图案能达到最佳效果）
其实原理简单得很，会前端编程的一看即知：就是为canvas设置个横向渐变背景色，然后读取原图，获取每个点的灰度值，然后在对应位置绘制圆角矩形，颜色越亮，圆角矩形尺寸越大。
网页是一个内嵌的iframe，右键直接查看源码或者下载到本地慢慢研究都可以。
1
相关话题
大家都说建筑行业苦累，007疯狂式的加班，还没有加班费，是什么最终让你继续留在了这个行业？工业设计目前就业情况到底怎么样？
如何看待无印良品（MUJI）把长板凳卖到 1000 块钱？
什么是「苹果式中文」？
有哪些外行看来很蠢的设计实际上的确很蠢？
有哪些让人眼前一亮的「奇奇怪怪」的建筑？
总是有一些反人类的设计，可是它们是怎么被设计出来的？
爆料称苹果 iPhone 14 Pro 采用药丸状打孔屏，Face ID 隐藏在屏下，这样设计怎么样？
地广人稀的瑞典，为什么宜家的家居设计多以小户型为主？
蒙牛 22 年来首次更换 Logo，由苹果 Logo 设计者亲自操刀，新 Logo 符合你的审美吗？
前一个讨论
有哪些建议给初到长沙的知友？
相关的话题
请问能否用分子筛对付新冠病毒？把分子筛搞成细微粒状，再打入人体内，让新冠病毒吸附新冠类的新冠分子筛？怎样制作工业设计作品集？
PPT中的图片怎么排版才会好看？
世界上有哪些旗帜重新设计后会更好？
为什么北京西直门立交桥的设计被称为「传奇」？
机械设计专业，毕设要设计一条生产线，完全没学过，找了好久找不到相关的资料，大家有推荐的资料和书吗？
如何评价微软的surface pro4和surface book?
去哪可以买到不贵又体面的家居装饰画呢？
有哪些标志或动画形象可以供宿舍七个人每人一个的图案印在 T 恤上？
从设计和美学角度看，五星红旗可做怎样的改良？
有哪些平平无奇两样东西结合在一起之后大放异彩的例子？
如何看待西安地铁站的英文命名方式？
怎么看待花瓣1月16号停止访问！这对设计行业会产生哪些影响？是否有同类型的网址推荐！?
有哪些漂亮的火车站设计？
有哪些你知道的「神创意」？
你见过哪些有趣的图标？
如何评价东京奥运会开幕式现场真人模仿运动标志的「超级变变变」？
你见过的最不人性化的设计是什么？
马伯庸新书《殷商玛雅征服史》书腰上的设计是什么意思？
造一种适合小手的钢琴，不损失音色，可以吗？能否用电子设备完美模拟钢琴？
cpu是怎么制造的?
有哪些原理简单，但是设计精妙，让人感到惊艳的设计或机械结构？
如何挽救这幅画？
有哪些让你忍不住想吐槽/点赞/觉得蛋疼的设计或者设定？
参照《环太平洋》中与怪兽的战斗方式，类人型战斗机甲是否是最佳选择？
知乎登陆页这样设计好吗，你们的体验好么？
C4D为什么突然火了？小白如何快速的入门？
设计师在工作中通过哪些方式获取灵感？
如何评价中国奥运出场服？
能否分享一下你或身边人自己构思设计的实体游戏？