PeterWang512 · jajabud99 · Jun 13, 2019 · Jun 13, 2019 · Jun 14, 2019 · Jun 22, 2019
diff --git a/README.md b/README.md
diff --git a/cite.txt b/cite.txt
@@ -0,0 +1,6 @@
+@inproceedings{wang2019detecting,
+  title={Detecting Photoshopped Faces by Scripting Photoshop},
+  author={Wang, Sheng-Yu and Wang, Oliver and Owens, Andrew and Zhang, Richard and Efros, Alexei A},
+  booktitle={ICCV},
+  year={2019}
+}
diff --git a/images/firstpg.png b/images/firstpg.png
diff --git a/images/teaser.png b/images/teaser.png
diff --git a/images/teaser.pptx b/images/teaser.pptx
diff --git a/images/train.png b/images/train.png
diff --git a/images/train.pptx b/images/train.pptx
diff --git a/index.html b/index.html
@@ -0,0 +1,380 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+
+  <!--
+  <script src="./resources/jsapi" type="text/javascript"></script>
+  <script type="text/javascript" async>google.load("jquery", "1.3.2");</script>
+ -->
+<style type="text/css">
+  body {
+    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+    font-weight:300;
+    font-size:18px;
+    margin-left: auto;
+    margin-right: auto;
+    width: 1100px;
+  }
+  h1 {
+    font-weight:300;
+  }
+  h2 {
+    font-weight:300;
+  }
+
+  .disclaimerbox {
+    background-color: #eee;
+    border: 1px solid #eeeeee;
+    border-radius: 10px ;
+    -moz-border-radius: 10px ;
+    -webkit-border-radius: 10px ;
+    padding: 20px;
+  }
+
+  video.header-vid {
+    height: 140px;
+    border: 1px solid black;
+    border-radius: 10px ;
+    -moz-border-radius: 10px ;
+    -webkit-border-radius: 10px ;
+  }
+
+  img.header-img {
+    height: 140px;
+    border: 1px solid black;
+    border-radius: 10px ;
+    -moz-border-radius: 10px ;
+    -webkit-border-radius: 10px ;
+  }
+
+  img.rounded {
+    border: 0px solid #eeeeee;
+    border-radius: 10px ;
+    -moz-border-radius: 10px ;
+    -webkit-border-radius: 10px ;
+
+  }
+
+  a:link,a:visited
+  {
+    color: #1367a7;
+    text-decoration: none;
+  }
+  a:hover {
+    color: #208799;
+  }
+
+  td.dl-link {
+    height: 160px;
+    text-align: center;
+    font-size: 22px;
+  }
+
+  .layered-paper-big { /* modified from: http://css-tricks.com/snippets/css/layered-paper/ */
+    box-shadow:
+            0px 0px 1px 1px rgba(0,0,0,0.35), /* The top layer shadow */
+            5px 5px 0 0px #fff, /* The second layer */
+            5px 5px 1px 1px rgba(0,0,0,0.35), /* The second layer shadow */
+            10px 10px 0 0px #fff, /* The third layer */
+            10px 10px 1px 1px rgba(0,0,0,0.35), /* The third layer shadow */
+            15px 15px 0 0px #fff, /* The fourth layer */
+            15px 15px 1px 1px rgba(0,0,0,0.35), /* The fourth layer shadow */
+            20px 20px 0 0px #fff, /* The fifth layer */
+            20px 20px 1px 1px rgba(0,0,0,0.35), /* The fifth layer shadow */
+            25px 25px 0 0px #fff, /* The fifth layer */
+            25px 25px 1px 1px rgba(0,0,0,0.35); /* The fifth layer shadow */
+    margin-left: 10px;
+    margin-right: 45px;
+  }
+
+
+  .layered-paper { /* modified from: http://css-tricks.com/snippets/css/layered-paper/ */
+    box-shadow:
+            0px 0px 1px 1px rgba(0,0,0,0.35), /* The top layer shadow */
+            5px 5px 0 0px #fff, /* The second layer */
+            5px 5px 1px 1px rgba(0,0,0,0.35), /* The second layer shadow */
+            10px 10px 0 0px #fff, /* The third layer */
+            10px 10px 1px 1px rgba(0,0,0,0.35); /* The third layer shadow */
+    margin-top: 5px;
+    margin-left: 10px;
+    margin-right: 30px;
+    margin-bottom: 5px;
+  }
+
+  .vert-cent {
+    position: relative;
+      top: 50%;
+      transform: translateY(-50%);
+  }
+
+  hr
+  {
+    border: 0;
+    height: 1px;
+    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
+  }
+</style>
+
+
+
+    <title>Detecting Photoshopped Faces by Scripting Photoshop</title>
+    <meta property="og:image" content="https://peterwang512.github.io/FALdetector/images/teaser.png">
+    <meta property="og:title" content="Detecting Photoshopped Faces By Scripting Photoshop">
+    <meta property='og:video' content='https://www.youtube.com/watch?v=TUootD36Xm0'/>
+  </head>
+
+  <body>
+        <br>
+          <center>
+            <span style="font-size:34px">Detecting Photoshopped Faces by Scripting Photoshop</span><br><br>
+
+          <table align="center" width="850px">
+            <tbody><tr>
+                    <td align="center" width="205px">
+              <center>
+                <span style="font-size:20px"><a href="http://peterwang512.github.io">Sheng-Yu Wang</a><sup>1</sup></span>
+                </center>
+                </td>
+                    <td align="center" width="175px">
+              <center>
+                <span style="font-size:20px"><a href="http://www.oliverwang.info">Oliver Wang</a><sup>2</sup></span>
+                </center>
+                </td>
+                    <td align="center" width="175px">
+              <center>
+                <span style="font-size:20px"><a href="http://andrewowens.com">Andrew Owens</a><sup>1</sup></span>
+                </center>
+                </td>
+                    <td align="center" width="175px">
+              <center>
+                <span style="font-size:20px"><a href="http://richzhang.github.io">Richard Zhang</a><sup>2</sup></span>
+                </center>
+                </td>
+                    <td align="center" width="175px">
+              <center>
+                <span style="font-size:20px"><a href="http://www.eecs.berkeley.edu/~efros/">Alexei A. Efros</a><sup>1</sup></span>
+                </center>
+                </td>
+            </tr>
+        </tbody></table>
+
+          <table align="center" width="700px">
+            <tbody><tr>
+                    <td align="center" width="100px">
+              <center>
+                    <span style="font-size:20px"></span>
+                </center>
+                </td>
+                    <td align="center" width="250px">
+              <center>
+                    <span style="font-size:20px"><sup>1</sup>UC Berkeley</span>
+                </center>
+                </td>
+                    <td align="center" width="250px">
+              <center>
+                    <span style="font-size:20px"><sup>2</sup>Adobe Research</span>
+                </center>
+                </td>
+                    <td align="center" width="100px">
+              <center>
+                    <span style="font-size:20px"></span>
+                </center>
+                </td>
+        </tr></tbody></table>
+
+          <table align="center" width="700px">
+            <tbody><tr>
+<!--                     <td align="center" width="50px">
+              <center>
+                    <span style="font-size:18px"></span>
+                </center>
+                </td> -->
+                    <td align="center" width="200px">
+              <center>
+                <br>
+                <span style="font-size:20px">Code <a href="https://github.com/peterwang512/FALdetector"> [GitHub]</a></span>
+                </center>
+                </td>
+                    <td align="center" width="200px">
+              <center>
+                <br>
+                <span style="font-size:20px">ICCV 2019 <a href="https://arxiv.org/abs/1906.05856"> <!-- [Paper] -->[Paper]</a></span>
+                </center>
+                </td>
+                    <td align="center" width="200px">
+              <center>
+                <br>
+                <span style="font-size:20px">Adobe Max <a href="https://youtu.be/21lj8tCSMkg"> <!-- [Paper] -->[Video]</a></span>
+                </center>
+                </td>
+
+        </tr></tbody></table>
+          </center>
+        <br>
+        <table align="center" width="980px">
+          <tbody><tr>
+                  <td width="400px">
+            <center>
+                      <img class="rounded" src="./images/teaser.png" width="980px">
+                      <br>
+          </center>
+                  </td>
+                  </tr>
+                  </tbody></table>
+
+          <br>
+      <hr>
+      <div class="disclaimerbox">
+          <!-- <center><h2>How to interpret the results</h2></center> -->
+
+         <span style="color:#646464">
+            <center><span style="font-size:28px"><b>How to interpret the results</b></span></center>
+
+            <br>
+
+        <i> Welcome! Computer vision algorithms often work well on some images, but fail on others. Ours is like this too. We believe our work is a significant step forward in detecting and undoing facial warping by image editing tools. However, there are still many hard cases, and this is by no means a solved problem. <br><br>
+
+        This is partly because our algorithm is trained on faces warped by the Face-aware Liquify tool in Photoshop, and will thus work well for these types of images, but not necessarily for others. We call this the "dataset bias" problem. Please see the paper for more details on this issue. <br><br>
+
+        While we trained our models with various data augmentation to be more robust to downstream operations such as resizing, jpeg compression and saturation/brightness changes, there are many other retouches (e.g. airbrushing) that can alter the low-level statistics of the images to make the detection a really hard one. <br><br>
+
+        Please enjoy our results and have fun <a href="https://github.com/peterwang512/FALdetector">trying out our models</a>!
+
+        </i>
+      </span>
+
+      </div>
+        <br>
+      <hr>
+
+        <center><h2>Abstract</h2></center>
+        Most malicious photo manipulations are created using standard image editing tools, such as Adobe Photoshop. We present a method for detecting one very popular Photoshop manipulation -- image warping applied to human faces -- using a model trained entirely using fake images that were automatically generated by scripting Photoshop itself. We show that our model outperforms humans at the task of recognizing manipulated images, can predict the specific location of edits, and in some cases can be used to "undo" a manipulation to reconstruct the original, unedited image. We demonstrate that the system can be successfully applied to real, artist-created image manipulations.<br>
+
+        <hr><center><h2 id="slides_video">Video</h2></center>
+<!--         <p align="center">
+<iframe width="660" height="395" src="https://www.youtube.com/embed/TUootD36Xm0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen align="center"></iframe></p>
+ -->
+        <table align="center" width="700px">
+            <tbody><tr>
+
+                    <td align="center" width="500px">
+              <center>
+                <iframe width="500" height="300" src="https://www.youtube.com/embed/TUootD36Xm0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen align="center"></iframe>
+                </center>
+                </td>
+                    <td align="center" width="500px">
+              <center>
+                <iframe width="500" height="300" src="https://www.youtube.com/embed/21lj8tCSMkg" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen align="center"></iframe>
+                 </center>
+                </td>
+        </tr></tbody></table>
+
+          <center>
+            <span style="font-size:20px"><a href="https://www.dropbox.com/s/fy0kihreilkck18/detect_photoshop.pptx?dl=0">[Slides (33.6 MB)]</a><span style="display:inline-block; width: 100px;"></span><a href="./presentation.pdf">[PDF Slides (4.7 MB)]</a></span></span>
+          </center>
+          <br><hr><center><h2>Training Warping Detectors</h2></center><table align="center" width="900px">
+
+          <tbody><tr>
+                <!-- <td align=center width=600px> --><!-- </td> -->
+        </tr>
+
+        </tbody></table><table align="center" width="800px">
+          <tbody><tr>
+                    <td align="center" width="800px">
+            <center>
+              </center></td><td><a href="https://github.com/peterwang512/FALdetector">
+              <img class="round" style="width:800px" src="./images/train.png"></a>
+            </td>
+        </tr>
+      </tbody></table>
+
+      <br>
+
+        <center>
+        <span style="font-size:22px">Try our code! <a href="https://github.com/peterwang512/FALdetector">[GitHub]</a></span>
+        <span style="font-size:22px"><a href="https://drive.google.com/file/d/1qCnwdbXFTf96g_LP-g_h-0BQcypNDuWB/view">[Dataset]</a></span>
+<!--       <br>
+          <br><hr><center><h2>In-the-Wild Image Splice Dataset</h2></center><table align="center" width="900px">
+
+          <tbody><tr>
+        </tr>
+
+        </tbody></table><table align="center" width="800px">
+          <tbody><tr>
+                    <td align="center" width="800px">
+            <center>
+              </center></td><td>
+              <img class="round" style="width:800px" src="./images/mask_sample.jpg">
+            </td>
+        </tr>
+      </tbody></table>
+
+      <br>
+        <center>
+        <span style="font-size:22px"><a href="in_wild/in_wild.tar.gz">[Download (89.2 MB)]</a>
+        <br>
+        </span></center><table align="center" width="800px">
+        <tbody><tr></tr>
+      </tbody></table>
+      <br> -->
+
+      <hr>
+        <center><h2>Paper</h2></center><table align="center" width="700" px="">
+
+          <tbody><tr>
+          <td><a href="https://peterwang512.github.io"><img class="layered-paper-big" style="height:175px" src="./images/firstpg.png"></a></td>
+          <td><span style="font-size:12pt">S.-Y. Wang, O. Wang, A. Owens, R. Zhang, A. A. Efros,</span><br>
+          <b><span style="font-size:12pt">Detecting Photoshopped Faces by Scripting Photoshop</span></b><br>
+          <span style="font-size:12pt">In ICCV, 2019. (<a href="https://arxiv.org/abs/1906.05856">Paper</a>).</span>
+          </td>
+
+          <br>
+          <table align="center" width="600px">
+            <tbody>
+              <tr>
+                <td>
+                  <center>
+                    <span style="font-size:22px">
+                      <a href="./cite.txt" target="_blank">[Bibtex]</a>
+                    </span>
+                  </center>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+      <br>
+
+      <br><hr>
+
+
+        <table align="center" width="1100px">
+          <tbody><tr>
+                  <td width="400px">
+            <left>
+          <center><h2>Acknowledgements</h2></center>
+          We thank Daichi Ito and Adam Pintek for contributing to our artist testset, and
+          Jacob Huh for the helpful discussions. This work was supported, in part, by DARPA MediFor
+          and UC Berkeley Center for Long-Term Cybersecurity. The views, opinions and/or findings expressed are those of the authors and should not be interpreted as representing the official views or policies of the Department of Defense or the U.S. Government.
+          <br>
+          <br>
+          This website template is borrowed from <a href="https://minyoungg.github.io/selfconsistency/">our forensics fellows</a> and <a href="https://richzhang.github.io/colorization/">our colorful landlords</a>.
+      </left>
+    </td>
+       </tr>
+    </tbody></table>
+
+    <br><br>
+
+
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=UA-142119615-2"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+
+  gtag('config', 'UA-142119615-2');
+</script>
+
+
+</body></html>
diff --git a/presentation.pdf b/presentation.pdf