WWDC 2014 的海报是怎么做出来的？ 第1页
1
aton 网友的相关建议:
哈哈哈哈这题实在是太有意思了，下面的答案八仙过海各显神通，用什么方法实现的都有。
不过这种图片处理+渐变色的场合怎能少得了我大HTML5？而且别人的答案都是要你亲手去一步步处理，咱们这里有个天然的优势，就是做出来之后能在网页上所见即所得。
效果如下：
比如苹果的logo（为了效果明显，我做了一点高斯模糊）
出来的结果就是这样的：
再比如咱们扁平之前的Windows：
当然也不在话下：
这个小DEMO里预置了几个演示，除了上面的，还有喵星人、刘看山、以及我自己的头像……
另外最激动人心的是，它可以加载你本地的图片，把任意一张图转换成这个彩虹马赛克特效。
（最好使用jpg或非透明背景的png，浅底色深图案能达到最佳效果）
其实原理简单得很，会前端编程的一看即知：就是为canvas设置个横向渐变背景色，然后读取原图，获取每个点的灰度值，然后在对应位置绘制圆角矩形，颜色越亮，圆角矩形尺寸越大。
网页是一个内嵌的iframe，右键直接查看源码或者下载到本地慢慢研究都可以。
1
相关话题
如何评价 Google 的新 Logo 及 VI ？汽车开发中的快速原型和基于模型设计的区别 dspace 有什么作用？
为什么中国地铁站普遍装有屏蔽门，而有些国家没有？
如何看待 90 后设计师陈建放弃 4-5 万月薪，改行做外卖骑手？
苹果的产品有哪些反人类的设计？
有哪些好的PPT素材网站，推荐下?
上海一智能公厕 15 分钟不出来自动报警提醒保洁员协助，避免老年人如厕发生意外，这一设计是否合理？
如何用2个月时间从0开始做出一个交互设计作品集？
前端因为像素还原设计稿而离职，这是个别现象吗？
你的学校有哪些令你深恶痛绝的设计？
前一个讨论
有哪些建议给初到长沙的知友？
相关的话题
有没有什么开发工具可以自动识别设计稿中元素的尺寸、坐标？用人工智能来设计芯片有可行性么？
为什么 Mac 系列长期标配镜面屏而非雾面屏？
如何评价知乎想法中「人工智能是否能做艺术创新」这一场论战？
值得欣赏的 Logo 有哪些？
有什么反人类设计？
优秀的电影海报设计是怎样的?
如何评价雷克萨斯UX的设计？
熟能生巧，可以到一个什么程度？
2021年了，你还建议我们大学生加入游戏美术行业吗？（包括角色设计，场景设计，GUI等所有位置）？
「艺多不压身」有道理吗？
谈到北欧，你脑海中会出现怎样的画面？
老板放弃了我做的文化墙，找了广告公司，这是什么操作？我的真的很丑吗？专业人士可以指点一下吗？
有没有哪张 PPT 是你自己做了之后觉得暗爽不已的？
有哪些非常有气势的海报？
如何制作350mA，误差几mA的恒流源？
macbookpro 2016 15寸低配版 和 mbp 2015 高配 如何选择？
如何看待印尼富二代设计的儿童脊椎和鳄鱼舌头组成的包？
安藤忠雄是谁？
超轻粘土有什么好的制作创意?
iPhone12 的奇怪蓝色设计，跟去年苹果设计师离职有关吗？
如何评价中国近年来武器装备的外观设计？
为什么螺丝钉有那么多种接头？都有什么区别？为什么不能都用十字的？
工业设计的我们，应该怎样找自己，才能算是中国风格？
如何评价中华人民共和国国旗的设计？
商业标志「扁平化」的设计风格为何会在近几年流行起来？
国内有哪些给人印象深刻的海报？
怎样把黑白照片变成彩色的?
为什么现代高层建筑没有东方建筑风格的要素？
在网上请设计师设计的名片太烂，接下来该怎么让她修改？