您的位置：首页 > 网站优化 > photoshop  >  新海诚（你的名字）滤镜特效如何实现？巧用代码实现新海诚滤镜效果的教程

新海诚（你的名字）滤镜特效如何实现？巧用代码实现新海诚滤镜效果的教程

 更新时间：2016年12月21日 21:12  点击：1639
最近新海诚滤镜特效很火，很多软件都制作了相关滤镜。那么，如何自己实现呢，小编分享的这篇文章教大家利用代码轻松实现新海诚特效的滤镜效果

最近新海诚滤镜特效很火，Camera360为此还专门开发了相应的app，天天P图等等也是争先恐后，今天，本人来给大家解密一下。

先给大家看下本人程序实现的效果图：

原图

效果图

下面本人来详细说明一下如何程序实现这个滤镜特效：

1，天空检测与分割

这个滤镜中最主要的就是天空区域的分割与替换，关于天空分割，本人给出一篇参考文献：

Sky detection by effective context inference. Neurocomputing.2016

该文章是基于训练学习来实现天空分割的，大概流程如下：

2，天空MASK

通过1得到天空的精确分割区域后，我们需要对这个区域进行二值化，黑色为非天空区域，白色为天空区域，然后对这个二值图进行一个适当半径的高斯滤波，使得天空与非天空之间的边界线有足够的过度，也就是PS中的羽化。这里以下图为例：

3，天空融合

使用2中的Mask，将原图和天空图进行融合，这一步使用PS中的正常模式进行融合即可，白色区域显示天空图，黑色区域显示原图；这里使用的天空图像如下图所示：

(c)天空图像

效果图如下：

4，调色

调色这一步很关键，你需要什么样风格的漫画，就需要针对调出什么样风格的颜色色调。本人在这里参考的是如下的风格(ps://www.zhihu.com/question/29594460?from=groupmessage&isappinstalled=1">点击打开链接)：

5，光晕

调色之后，我们需要给图片上添加一定的光晕，这一步，我们直接使用光晕模版，与原图做滤色的图层混合，即可。

本人使用的光晕模版如下：

4-5两步骤的结果图如下：

关于滤色图层混合的计算，代码如下：

  1. int ModeFilterColor(int basePixel, int mixPixel)  
  2. {  
  3.     int res = 0;  
  4.     res = 255 - (255 - mixPixel) * (255 - basePixel) / 255;  
  5.     return Math.Min(255, Math.Max(0, res));  
  6. }  

6，饱和度和亮度调节

最后，对图像进行一个饱和度和亮度的简单调节，调出一种明亮清新的感觉，调节步骤如下：

效果图如下：

(g)新海诚滤镜效果图

如果需要边界的加强感觉，可以在1之前，对图像进行一个照亮边缘的操作，得到照亮边缘图A，然后讲A和原图进行叠加处理，效果会更好一点。

叠加处理的代码如下：

  1. int ModeOverlay(int basePixel,int mixPixel)  
  2. {  
  3.     int res = 0;  
  4.     res = ((basePixel <= 128) ? (mixPixel * basePixel / 128):(255 - (255 - mixPixel) * (255 - basePixel) / 128));  
  5.     return CheckRange(res);  
  6. }  

最后附上调用的逻辑代码：

  1. private void specialFilterToolStripMenuItem_Click(object sender, EventArgs e)  
  2.         {  
  3.             if (pictureBox1.Image != null)  
  4.             {  
  5.                 //获取由1天空分割得到的天空图像  
  6.                 Bitmap sky = new Bitmap(Application.StartupPath + "\\sky.png");  
  7.                 //获取由2得到的天空Mask图像  
  8.                 Bitmap mask = new Bitmap(Application.StartupPath + "\\mask_6.jpg");  
  9.                 //天空融合  
  10.                 curBitmap = SpecialFilter(srcBitmap, sky, mask);  
  11.                 //调色与光晕  
  12.                 Bitmap map = new Bitmap(Application.StartupPath + "\\map.png");  
  13.                 Bitmap light = new Bitmap(Application.StartupPath + "\\light.png");  
  14.                 curBitmap = MapFilter(curBitmap, light, map);  
  15.                //亮度与饱和度调节  
  16.                 Bitmap anMap = new Bitmap(Application.StartupPath + "\\anmap.png");  
  17.                 curBitmap = AnMapFilter(curBitmap, anMap);  
  18.                 pictureBox1.Image = curBitmap;  
  19.             }  
  20.         }  

以上就是新海诚滤镜的程序实现方案，原理已经写清楚了，大家可以尝试一下！

[!--infotagslink--]

相关文章

  • php语言实现redis的客户端

    php语言实现redis的客户端与服务端有一些区别了因为前面介绍过服务端了这里我们来介绍客户端吧，希望文章对各位有帮助。 为了更好的了解redis协议，我们用php来实现...2016-11-25

  • jQuery+jRange实现滑动选取数值范围特效

    有时我们在页面上需要选择数值范围，如购物时选取价格区间，购买主机时自主选取CPU，内存大小配置等，使用直观的滑块条直接选取想要的数值大小即可，无需手动输入数值，操作简单又方便。HTML首先载入jQuery库文件以及jRange相关...2015-03-15

  • 不打开网页直接查看网站的源代码

    　　有一种方法，可以不打开网站而直接查看到这个网站的源代码.. 　　这样可以有效地防止误入恶意网站... 　　在浏览器地址栏输入： 　　view-source:http://...2016-09-20

  • 怎么用PS为人像脸部增加打散颗粒特效

    用PS将人像脸部打造成打散颗粒的效果，成品出来后很美，过程略复杂，需要耐心和细心。现在跟着步骤来做吧！ 1、首先在PS里面打开这张图。 2、选择快速选择工具的增加...2016-12-21

  • php 调用goolge地图代码

    <?php require('path.inc.php'); header('content-Type: text/html; charset=utf-8'); $borough_id = intval($_GET['id']); if(!$borough_id){ echo ' ...2016-11-25

  • JS基于Mootools实现的个性菜单效果代码

    本文实例讲述了JS基于Mootools实现的个性菜单效果代码。分享给大家供大家参考，具体如下：这里演示基于Mootools做的带动画的垂直型菜单，是一个初学者写的，用来学习Mootools的使用有帮助，下载时请注意要将外部引用的mootools...2015-10-23

  • JS实现的简洁纵向滑动菜单(滑动门)效果

    本文实例讲述了JS实现的简洁纵向滑动菜单(滑动门)效果。分享给大家供大家参考，具体如下：这是一款纵向布局的CSS+JavaScript滑动门代码，相当简洁的手法来实现，如果对颜色不满意，你可以试着自己修改CSS代码，这个滑动门将每一...2015-10-21

  • JS+CSS实现分类动态选择及移动功能效果代码

    本文实例讲述了JS+CSS实现分类动态选择及移动功能效果代码。分享给大家供大家参考，具体如下：这是一个类似选项卡功能的选择插件，与普通的TAb区别是加入了动画效果，多用于商品类网站，用作商品分类功能，不过其它网站也可以用，...2015-10-21

  • JS实现自定义简单网页软键盘效果代码

    本文实例讲述了JS实现自定义简单网页软键盘效果。分享给大家供大家参考，具体如下：这是一款自定义的简单点的网页软键盘，没有使用任何控件，仅是为了练习JavaScript编写水平，安全性方面没有过多考虑，有顾虑的可以不用，目的是学...2015-11-08

  • php 取除连续空格与换行代码

    php 取除连续空格与换行代码，这些我们都用到str_replace与正则函数 第一种： $content=str_replace("n","",$content); echo $content; 第二种： $content=preg_replac...2016-11-25

  • php简单用户登陆程序代码

    php简单用户登陆程序代码 这些教程很对初学者来讲是很有用的哦，这款就下面这一点点代码了哦。 <center> <p>&nbsp;</p> <p>&nbsp;</p> <form name="form1...2016-11-25

  • PHP实现清除wordpress里恶意代码

    公司一些wordpress网站由于下载的插件存在恶意代码，导致整个服务器所有网站PHP文件都存在恶意代码，就写了个简单的脚本清除。恶意代码示例...2015-10-23

  • js识别uc浏览器的代码

    其实挺简单的就是if(navigator.userAgent.indexOf('UCBrowser') > -1) {alert("uc浏览器");}else｛//不是uc浏览器执行的操作｝如果想测试某个浏览器的特征可以通过如下方法获取JS获取浏览器信息 浏览器代码名称：navigator...2015-11-08

  • JS实现双击屏幕滚动效果代码

    本文实例讲述了JS实现双击屏幕滚动效果代码。分享给大家供大家参考，具体如下：这里演示双击滚屏效果代码的实现方法，不知道有觉得有用处的没，现在网上还有很多还在用这个特效的呢，代码分享给大家吧。运行效果截图如下：在线演...2015-10-30

  • jQuery+slidereveal实现的面板滑动侧边展出效果

    我们借助一款jQuery插件：slidereveal.js，可以使用它控制面板左右侧滑出与隐藏等效果，项目地址：https://github.com/nnattawat/slideReveal。如何使用首先在页面中加载jquery库文件和slidereveal.js插件。复制代码 代码如...2015-03-15

  • JS日期加减,日期运算代码

    一、日期减去天数等于第二个日期function cc(dd,dadd){//可以加上错误处理var a = new Date(dd)a = a.valueOf()a = a - dadd * 24 * 60 * 60 * 1000a = new Date(a)alert(a.getFullYear() + "年" + (a.getMonth() +...2015-11-08

  • PHP+jQuery翻板抽奖功能实现

    翻板抽奖的实现流程：前端页面提供6个方块，用数字1-6依次表示6个不同的方块，当抽奖者点击6个方块中的某一块时，方块翻转到背面，显示抽奖中奖信息。看似简单的一个操作过程，却包含着WEB技术的很多知识面，所以本文的读者应该熟...2015-10-21

  • PHP开发微信支付的代码分享

    微信支付，即便交了保证金，你还是处理测试阶段，不能正式发布。必须到你通过程序测试提交订单、发货通知等数据到微信的系统中，才能申请发布。然后，因为在微信中是通过JS方式调用API，必须在微信后台设置支付授权目录，而且要到...2014-05-31

  • SQLMAP结合Meterpreter实现注入渗透返回shell

    sqlmap 是一个自动SQL 射入工具。它是可胜任执行一个广泛的数据库管理系统后端指印, 检索遥远的DBMS 数据库等，下面我们来看一个学习例子。 自己搭建一个PHP+MYSQ...2016-11-25

  • PHP常用的小程序代码段

    本文实例讲述了PHP常用的小程序代码段。分享给大家供大家参考，具体如下：1.计算两个时间的相差几天$startdate=strtotime("2009-12-09");$enddate=strtotime("2009-12-05");上面的php时间日期函数strtotime已经把字符串...2015-11-24