WWDC 2014 的海报是怎么做出来的？ 第1页
1
aton 网友的相关建议:
哈哈哈哈这题实在是太有意思了，下面的答案八仙过海各显神通，用什么方法实现的都有。
不过这种图片处理+渐变色的场合怎能少得了我大HTML5？而且别人的答案都是要你亲手去一步步处理，咱们这里有个天然的优势，就是做出来之后能在网页上所见即所得。
效果如下：
比如苹果的logo（为了效果明显，我做了一点高斯模糊）
出来的结果就是这样的：
再比如咱们扁平之前的Windows：
当然也不在话下：
这个小DEMO里预置了几个演示，除了上面的，还有喵星人、刘看山、以及我自己的头像……
另外最激动人心的是，它可以加载你本地的图片，把任意一张图转换成这个彩虹马赛克特效。
（最好使用jpg或非透明背景的png，浅底色深图案能达到最佳效果）
其实原理简单得很，会前端编程的一看即知：就是为canvas设置个横向渐变背景色，然后读取原图，获取每个点的灰度值，然后在对应位置绘制圆角矩形，颜色越亮，圆角矩形尺寸越大。
网页是一个内嵌的iframe，右键直接查看源码或者下载到本地慢慢研究都可以。
1
相关话题
有哪些关于工业设计的好书？为什么飞机的座位那么挤，最初是谁设计的？
如何评价《喜羊羊与灰太狼》官方放出的拟人图？是什么水平？
党建类的设计如何实现扁平化？
一件珠宝是怎么被设计出来的？
PPT中的图片怎么排版才会好看？
为什么中国地铁站普遍装有屏蔽门，而有些国家没有？
为什么广深高速出入口设计这么独特？
怎么才能算用光线进行建筑设计？
你认为目前国内市面上缺少什么样的一款产品、服务？
前一个讨论
有哪些建议给初到长沙的知友？
相关的话题
如何评价邵氏兄弟影业公司的LOGO设计？有哪些漂亮的火车站设计？
开发人员拒绝按照 UI 标注还原设计，如何让他理解精确还原的重要性，从而去修改代码？
为什么武侠小说中的武功都不共享？
参与思源黑体项目的常州华文（Changzhou SinoType）是一家怎样的公司？
买了欧洲设计师设计的衣服，收到衣服后对质量和设计都非常满意。你注意到标签上说：中国制造。 你会怎么想？
有哪些脑残的产品设计？
各位觉得一艘科幻架空世界的星舰该怎么设计呢？
有哪些好的PPT素材网站，推荐下?
中国人的审美水平真的这么低吗？
梵克雅宝的镶嵌技术厉害在哪里？
没有阳台的房子，冬季有哪些晾衣服的妙招？
你见过哪些用极简的线条勾勒出的有意思的图画？
如果你是日本国旗设计者、你会提交怎样的作品？
国内外优秀设计、创意、艺术网站有哪些？
你所做过的最好的自己动手的手工是什么样子？
各位觉得一艘科幻架空世界的星舰该怎么设计呢？
怎么自己制作出苹果广告风格的视频？
请问能否用分子筛对付新冠病毒？把分子筛搞成细微粒状，再打入人体内，让新冠病毒吸附新冠类的新冠分子筛？
学编程应该买什么样的笔记本电脑最好？
如何评价 2016 年 10 月 25 日发布的小米全面屏概念手机 MIX？
爆料称苹果 iPhone 14 Pro 采用药丸状打孔屏，Face ID 隐藏在屏下，这样设计怎么样？
装修时，做好了哪些细节就能一劳永逸？
为什么意大利护照有种浓浓的社会主义阵营的风格？
你见过哪些有趣的图标？
什么样的临摹技艺令人叹为观止？
有哪些好看的日常用的杯子？
人类很少以俯视观看建筑，那为什么有一些建筑设计的最佳观赏角度却是俯视图?
想在深圳华侨城做LOFT工作室，包括设计、书吧、宠物吧和篮球场等，多人合资，目前考察阶段，有什么建议吗？
（修改版）为了缓解城市地面交通的压力，制造一种新的交通设施，称呼为：智能化的空中网格交通。是否可行？