<style> .css{ margin:0; padding: 0 ; overflow: hidden; } </style> <script type="text/javascript"> </script> </head> <body> <h1> Project1 - Hybrid Image </h1> <h2>Jihoon Lee</h2> <h2> Hybrid Image Results </h2> <table width=100% border=1 cellpadding=4 cellspacing=3> <tr valign=TOP> <th width="25%">Image1 </th> <th width="25%">Image2 </th> <th width="50%">Hybrid Image </th> </tr> <tr> <td colspan="3"> <h3><center>Images from data directory </h3></center></td></tr> <tr> <th width="25%"> <img src="img/data/DerekPicture.jpg" width=250></img> </th> <th width="25%"> <img src="img/data/nutmeg.jpg" width=250></img> </th> <th width="50%"> cutoff(2,4) <img src="img/derek_nutmeg.jpg"width=500></img> </th> </tr> <tr> <th width="25%"> <img src="img/data/rhino.jpg" width=250></img> </th> <th width="25%"> <img src="img/data/car.jpg" width=250></img> </th> <th width="50%"> cutoff(1,6) <img src="img/rhino_car.jpg"width=600 height=400></img> </th> </tr> <tr> <th width="25%"> <img src="img/data/dog.jpg" width=250></img> </th> <th width="25%"> <img src="img/data/cat.jpg" width=250></img> </th> <th width="50%"> cutoff(2,6) <img src="img/cat_dog.jpg"width=600 height=400></img> </th> </tr> <tr> <td colspan="3"> <h3><center>Images from web </h3></center></td></tr> <tr> <th width="25%"> <img src="img/c.jpg" width=250></img> <br/>from http://crayongirl.wordpress.com/category/fiction/page/6/</th> <th width="25%"> <img src="img/a.jpg" width=250></img> <br/>from http://khonsa02.wordpress.com/category/baby/page/7/ </th> <th width="50%"> cutoff(2,5) <img src="img/a_c.jpg"width=600 height=400></img> </th> </tr> <tr> <th width="25%"> <img src="img/monitor.jpg" width=250></img> <br/>from http://benchmarkreviews.com/index.php?option=com_content&task=view&id=84&Itemid=1</th> <th width="25%"> <img src="img/ghost.jpg" width=250></img> <br/>from http://monster.wikia.com/wiki/Ghost </th> <th width="50%"> cutoff(2,6) <img src="img/ghost_monitor.jpg"width=600 height=400></img> </th> </tr> <tr> <th width="25%"> <img src="img/iron_man.jpg" width=250></img> <br/>from http://ifonlyihadsuperpowers.blogspot.com/2009/12/marvelous-monday-teaching-tuesday.html</th> <th width="25%"> <img src="img/serena.jpg" width=250></img> <br/>from http://gossipgirls.episodeseason.com/ </th> <th width="50%"> cutoff(2,6) <img src="img/serena_ginger.jpg"width=600 height=400></img> </th> </tr> </table> <h2> Implementation </h2> <p> Hybrid image is generated by two steps. 1) Create image pyramids of two images, and 2) Take high-pass filtered image from one and low-pass filtered image from another, and mix them. <p>Image pyramids are created by following procedure. Image below is an example of image pyramid </p> <ol> <li> Blur the given image </li> <li> Resize the blurred image </li> <li> Store the gaussian image </li> <li> Generate the laplacian image by subtracting the blurred image from the given image </li> <li> If it is repeated N times, break, if not go to 1. </li> </ol> <img src="img/cat_pyramid.jpg"></img> <h2> Discussion </h2> <p> The hybrid images varies with cutoff frequency and which images are used. First two images from data directory showed fairly ok result but the third one is hard to tell it is the mix of cat and dog. Also the images are sesitive with cutoff frequency. Inappropriate cutoff frequecy just showed one image regardless the image size is small or large. </p> <br/> <br/> <br/> </body> </html>