逼真的全屏雨滴效果插件 – rainyday.js | 设计达人
爱设计，爱分享。
逼真的全屏雨滴效果插件 – rainyday.js
赞助商链接
以前看过一些为网页添加下雪特效的JS代码，那时候已经觉得很不错了。今天和大家介绍一个很漂亮的雨滴效果，这个插件出来的雨滴非常逼真，如果使用在模糊背景的网页设计上，我想一定很赞，下面大家一起看看这个插件的演示。
灯红酒绿的夜景
雨滴会从一点点慢慢的滴出来，最后越来越多。
从夏天这个DEMO上可以看到雨滴还有滑下去的水痕，很逼真。
这个插件的使用十分简单，直接把插件代码引用至页面头部即可。
&script src=&rainyday.js& type=&text/javascript&&&/script&
&script type=&text/javascript&&
function demo() {
var engine = new RainyDay('canvas','demo1', window.innerWidth, window.innerHeight);
engine.gravity = engine.GR***ITY_NON_LINEAR;
engine.trail = engine.TRAIL_DROPS;
engine.rain([
engine.preset(0, 2, 500)
engine.rain([
engine.preset(3, 3, 0.88),
engine.preset(5, 5, 0.9),
engine.preset(6, 2, 1),
赞助商链接
喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。
版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。
艺术与审美入门之书
设计师必看
手机APP设计
新手推荐！
Web用户体验入门书籍
web前端&设计群职业攻略：
特色玩法：
日月凌空：
剑网3足记截图PS攻略三 夜景色调处理
【17173独家原创攻略，转载请注明来源】传送门：第一期：第二期：之前的一个星期，小编和大家粗略总结了在剑网三游戏中，最适合新手学习的这三种常见的截图风格：1.冷色系，小清新色调（适合场景：浩气萌、长歌门、千岛湖、巴陵县、七秀坊等等）2.暖色系，金闪闪色调（适合场景：恶人谷、枫华谷、洛道、长安、天策府等等）3.夜景色调（适合场景：唐门除了工作室还有炮哥哥、明教秀死快圣地三生树，海誓山盟还是持国天王殿的好）↑因为今天要说这一层，所以小编文风特别美丽。_(:з?∠)_&那么在分享过冷色小清新色调和暖色金闪闪色调之后，本期我们就来说说最难办的夜景色调。首先我门来分析一下剑三夜景截图存在的一些问题：（电影画质下）①光线差，无细节，通病。②对比度过强，衣服上金属配件和武器超亮，尤其是五毒，开了电影画质银饰闪瞎眼。③颜色饱和度高，大家莫名穿得超鲜艳，感觉下一秒可以广场舞走起所以我们要做的，大体上来说，就是降低对比度、降低饱和度、调亮光源但保持色彩纯度三点，让夜间截图变得更柔和。说以小编要说的第一个技巧是：【夜景截图请使用超高画质，不要用电影画质】【夜景截图请使用超高画质，不要用电影画质】【夜景截图请使用超高画质，不要用电影画质】（重说三！）&实例分析，上原图：首先我们需要降低饱和度：（数值更具实际情况调整，总体上柔和不要太刺眼就行）接着依然还是曲线，整体调亮+降低高光亮度：用快速选择工具大致上选出人物，上面的数值是范围大小：然后调整边缘：（因为夜景和白天的截图整个环境色都不一样，所以不推荐直接羽化，这样的抠图方式衔接会比较自然）点调整边缘之后，上面菜单有个画笔大小，调到合适的大小，沿着人物和白色背景边缘涂一遍：涂完以后就是这样的，边缘模糊的。点确定。现在其实是个精细的选择了，不过这样看不明显。没关系，我们CTRL+j，复制图层隐藏背景图层，现在看到的就是这样的：其实上面那一步只是给大家看看抠出来的主题效果，接下来我们的操作要回到背景图层上，好的跟着我左手一个慢动作右手一个慢动作，把这图层关了…………和上一期一样，我们要用仿制图章工具，去噪点，修复截图上过于锋利的部分。（这么做可以让背景的贴图看起来不那么锐利，也有利于突出前景人物，当然如果你一开始的截图中就没有这些锐点，则可以忽略这一步。）还有一个办法，小编工作多年得出的经验，比较少人用但是非常方便：（这个树有点碍眼，拔了吧…………）于是小编真的把树拔了（呃……）精细修复后，现在的截图是这样子的：其实做到这里这张截图已经挺好的了，不过就是缺了那么一丢丢的“大片效果”，不要紧，我们接着给截图加强一下光照效果。这里大家可以根据实际情况多次尝试多次叠加，不要偷懒想着一步到位，越细致效果越好。热闹的街市在右边，所以光源是从城里发出的，我们这样拖动然后老规矩，增加暗角：大功告成！&最后还是来看看对比：&这个方法出来的的其他截图：总结：夜景截图的后期需要的就是耐心，慢慢修图，多练几次大家一定可以得心应手。大家在修图过程中遇到任何问题欢迎来微博找小编交流（@小蚕知夏），只要是小编知道都会帮大家解答，祝大家都能早日成为截图女神=w =。
手机看攻略，电脑玩游戏两不误！
加点再也不需要切来切去啦~
【剑侠情缘OL3】最新消息第一时间推送给您