<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
    <title>Webcam Effects & Overlay Images, With Photo Frames & Borders.</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<meta name="description" content="Create new photos with overlay webcam effects online with this Overlay Webcam Editing tool. Add borders and frames to your webcam pictures aswell as some new and unique webcam effects, such as light adjusting and reflection effects." /> 
<meta name="robots" content="index, follow" />
<link rel="next" href="http://overlay.htmlchat.net" />
<link rel="icon" href="ico/overlay.ico" type="image/x-icon" />
<link rel="stylesheet" href="Resources/CSS/Styles2a1.asp" type="text/css" charset="utf-8" />
<!--<link rel="stylesheet" href="Resources/CSS/fancybox.css" type="text/css" charset="utf-8" />-->
<style type="text/css">
dt{color:#00f;}#preheader{background:#D9D900;}#fancybox-overlay{background-color:#D9D900!important;}
#body{border-right:solid #D9D900 1px;border-left:solid #D9D900 1px;}
.bxbrd{border:1px #D9D900 solid;background-color:#D9D900;}
.info_heading{background-color:#D9D900;background-image:-webkit-gradient(linear,0 0,0 100%,from(#D9D900),to(#000000));background-image:-moz-linear-gradient(top, #D9D900, #000000);filter:progid:DXImageTransform.Microsoft.Gradient(EndColorstr='#000000',StartColorstr='#D9D900',GradientType=0);}
</style>
<script type="text/javascript">
var idKey     = "";
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-2172027-5']);
_gaq.push(['_setDomainName', 'htmlchat.net']);
_gaq.push(['_addIgnoredRef', 'htmlchat.net']);
_gaq.push(['_trackPageview']);
  (function() {var ga = document.createElement('script');ga.type='text/javascript';ga.async=true;ga.src=('https:'==document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(ga,s);})();
</script>
</head>
<body>

<div id="container">
    <div id="main">
       <div id="preheader" class="cc">
        <div id="header" class="cc">
		<div id="gda" class="fl">
<a href="http://htmlchat.net"><img src="http://resources.htmlchat.net/Images/Layout/t.gif" class="sprites htmlchat" width="172" height="110" alt="HTML CHAT" /></a>
		</div>
	<div id="rheader" class="ctr"><a href="http://www.youtube.com/watch?v=4Z9WVZddH9w" target="_blank"><img alt="Zeitgeist" src="http://resources.htmlchat.net/Images/Layout/t.gif" class="sprites zeitmf" width="632" height="46"  /></a></div>
	<div id="lheader" class="ctr">
		&nbsp; <!--goog-->
	</div>
        </div>
    </div>
 <div class="cc" id="tbdr">
 <div class="fl left_b w17 h13 bb"></div><div id="ctrb" class="fl center_b h13 bb"></div><div class="fl right_b w17 h13 bb"></div>
 </div>
        <div id="body" class="cc">
            <div id="left-sidebar" class="fl">

<div class="hinfo"><h1>Webcam Effect Apps</h1></div>
<ol>
<li><a href="http://snapshot.htmlchat.net">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="snapshot sprites" alt="Webcam snapshot Effect App" /><span class="applnk">Snapshot</span></a>
</li>
<li><a href="http://snapshot2.htmlchat.net">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="snapshot2 sprites" alt="Webcam snapshot2 Effect App" /><span class="applnk">Snapshot 2.0</span></a>
</li>
<li><a href="http://anime.htmlchat.net">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="anime sprites" alt="Webcam anime Effect App" /><span class="applnk">Ani-Me</span></a>
</li>
</ol>
<div id="yop" class="p_t p_b">
<div id="gdc" class="gd">
<script type="text/javascript">
google_ad_client = "ca-pub-3445002631436000";
/* MidNav Ad HTMLChat */
google_ad_slot = "8263212983";
google_ad_width = 300;
google_ad_height = 250;
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</div>
<ol><li><a href="http://color-channels.htmlchat.net">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="color-channels sprites" alt="Webcam color-channels Effect App" /><span class="applnk">Colour Channels</span></a>
</li>
<li><a href="http://liquefy.htmlchat.net">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="liquefy sprites" alt="Webcam liquefy Effect App" /><span class="applnk">Liquefy</span></a>
</li>
<li><a href="http://colorize.htmlchat.net">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="colorize sprites" alt="Webcam colorize Effect App" /><span class="applnk">Colourise</span></a>
</li>
<li><a href="http://blender.htmlchat.net">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="blender sprites" alt="Webcam blender Effect App" /><span class="applnk">Blender</span></a>
</li>
<li><a href="http://colorize2.htmlchat.net">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="colorize2 sprites" alt="Webcam colorize2 Effect App" /><span class="applnk">Colourise 2.0</span></a>
</li>
<li><a href="http://mycelium.htmlchat.net">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="mycelium sprites" alt="Webcam mycelium Effect App" /><span class="applnk">Mycelium</span></a>
</li>
<li><a href="http://green-screen.htmlchat.net">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="green-screen sprites" alt="Webcam green-screen Effect App" /><span class="applnk">Green Screen</span></a>
</li>

<li><a href="http://campad.htmlchat.net/" title="Cam Pad">
<img src="http://resources.htmlchat.net/Images/Layout/campad.png" height="71" width="72" class="campad sprites" alt="CamPad" /><span class="applnk">CamPad</span></a>
</li>
</ol>
<div class="hinfo"><h1>Webcam Themed Apps</h1></div>
<ol>
<li><a href="http://halloween.htmlchat.net">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="halloween sprites" alt="Webcam halloween Theme App" /><span class="applnk">Halloween</span></a>
</li>
<li><a href="http://valentines.htmlchat.net">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="valentines sprites" alt="Webcam valentines Theme App" /><span class="applnk">Valentine's</span></a>
</li>
<li><a href="http://easter.htmlchat.net">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="easter sprites" alt="Webcam easter Theme App" /><span class="applnk">Easter</span></a>
</li>
<li><a href="http://christmas.htmlchat.net">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="christmas sprites" alt="Webcam christmas Theme App" /><span class="applnk">Christmas</span></a>
</li>

</ol>

<div class="hinfo"><h1>Other Games &amp; Apps</h1></div>
<ol>
<li><a href="http://artpad.htmlchat.net/" title="Art Pad">
<img src="http://resources.htmlchat.net/Images/Layout/artpad.png" height="71" width="72" class="artpad sprites" alt="ArtPad" /><span class="applnk">ArtPad</span></a>
</li>
</ol>

<div class="hinfo"><h1>Other Site Links</h1></div>
<ol>
<li><a href="http://webcamwall.net" target="_blank" title="Webcam wall">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="wcw sprites" alt="Webcam Wall" /><span class="applnk">Webcam Wall</span></a>
</li>
<li><a href="http://pastsnaps.htmlchat.net" target="_blank" title="Past 60 Webcam Snapshots">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="71" class="psts links" alt="Past Snaps" />
<span class="applnk">Past Snaps</span></a>
</li>
<li><a href="http://afbconfessions.com/?id=random&amp;noad" target="_blank" title="Confessions Online">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="71" class="fb links" alt="AFB" />
<span class="applnk">Confessions</span></a>
</li>
<li><a href="http://tumblr.htmlsnap.com" target="_blank" title="Tumblr">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="71" class="tum links" alt="Tumblr" />
<span class="applnk">Tumblr</span></a>
</li>

<li><a href="http://htmlchat.org/?name=htmlchat" target="_blank" title="Chat">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="chat sprites" alt="HTML Chat" /><span class="applnk">Chat Room</span></a>
</li>

</ol>
<div class="pd">
<script type="text/javascript">
google_ad_client = "ca-pub-3445002631436000";
/* Bottom Nav txt Ad */
google_ad_slot = "1318464042";
google_ad_width = 200;
google_ad_height = 90;
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
		</div>
     <div id="content" class="fl">

<div class="ctr hd">
    <h1>Webcam Image Overlays</h1>
    <span><object name="preloader" id="preloader" type="application/x-shockwave-flash" data="http://resources.htmlchat.net/Swf/preloader.swf" width="1" height="1"><param name="AllowScriptAccess" value="always" /><param name="movie" value="http://resources.htmlchat.net/Swf/preloader.swf" /></object></span>
    <noscript><h1>Attention!</h1><b>This Application will never load, because your browser does not have javascript enabled. <a href="https://www.google.com/search?q=enabling+javascript">Learn How To Enable Javascript.</a></b></noscript>
</div>
<div class="pd35 bxbrd nobb">
<div id="apploader" class="cc">
<object name="snapApp" id="snapApp" type="application/x-shockwave-flash" data="resources/swf/Overlay.swf" width="640" height="550">
<param name="movie" value="resources/swf/Overlay.swf" /><param name="allowScriptAccess" value="always" /><param name="quality" value="best" /><param name="bgcolor" value="#000000" />
<param name="wmode" value="transparent" /><param name="scale" value="Scale" /><param name="salign" value="TL" /><param name="FlashVars" value="playerMode=embedded" /></object>
</div>         
</div>
<div class="pd5 bxbrd nobt tar">

<input type="button" id="vflip" value="Vertical Flip" class="btn bc11" /> &nbsp;&nbsp;&nbsp; <input type="button" id="hflip" value="Horizontal Flip" class="btn bc11" />

</div>

<div style="margin-left:-8px;margin-top:5px;">
<script type="text/javascript">
google_ad_client = "ca-pub-3445002631436000";
/* ATF - Entire Site Header Ad */
google_ad_slot = "5851063812";
google_ad_width = 728;
google_ad_height = 90;
</script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
</div>
<div class="cb bc15 bxbrd mg_t">
<div class="addthis_toolbox addthis_default_style p_t p_l">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
<a target="_blank" href="http://tumblr.htmlsnap.com">&nbsp;&nbsp;<img src="http://resources.htmlsnap.com/Images/Layout/logo-tumblr.png" alt="Tumblr" height="22" width="46" /></a>
<img src="http://resources.htmlchat.net/Images/Layout/Images.aspx?img=refresh.png" alt="Refresh" height="22" width="22" class="fr p_r cp" id="resnap" /></div>
<script type="text/javascript" defer="defer"> 
var addthis_config = {"data_track_clickback":true};
function createscript(url,id){var oNode=document.createElement("script");document.getElementsByTagName("head")[0].appendChild(oNode);oNode.setAttribute("type", "text/javascript", 0);oNode.setAttribute("defer", "defer", 0);oNode.setAttribute("src", url, 0);}
createscript('http://s7.addthis.com/js/250/addthis_widget.js#username=123546789');
</script> 
</div>
<div id="pubsnaps" class="ctr"></div>
<hr class="bxbrd pd" />
<script type="text/javascript">
google_ad_client = "ca-pub-3445002631436000";
/* Txt unit Under Image All Image Apps */
google_ad_slot = "3963559712";
google_ad_width = 728;
google_ad_height = 15;
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<div id="snapcontainer" class="mg_t">
</div>
<div class="bxbrd pd mg_t">
<div id="introcontent" class="bw">
<h4 class="pd">Newest App</h4>
<p class="pd">Be sure to try out the <a href="http://artpad.htmlchat.net/" title="Online Art Pad">ArtPad</a> App.</p>
<h4 class="pd">Chrome Apps</h4>
<p class="pd">Chrome users can now add an app extension in your browser. Click this <a target="_blank" href="https://chrome.google.com/webstore/detail/ffgfedebnhmhkcfhhjoikplfafgpihpo" title="Chrome Extension">Snapshot 2</a> or <a target="_blank" href="https://chrome.google.com/webstore/detail/gpgbkndiciilcccelbaaaobennpngejo" title="Chrome Extension">Green-Screen</a> link to read more.</p>
<h4 class="pd">overlay</h4>

<p class="pd">This Overlay photo booth application will overlay different images over your webcam snaps to spice up your photos before sharing them with friends and family or using them as your profile pictures. Note that some of these overlay effects also have the option the edit the light intensity filter.</p>

<h4 class="pd">Taking Photos</h4>
<p class="pd">Use your <abbr title="Web Camera">webcam</abbr> to take photos online and even offline for free with these fun flash based webcam applications. Each application has some unique (as well as some classic) effects, filters and/or themes for you to try.</p>
<p class="pd">For a timed snapshot so that you can set a pose, simply selected a time delay from the drop down list. With delays as short as three seconds or as much as sixty seconds.</p>
<h4 class="pd">Snapshots Online</h4>
<p class="pd">Your uploaded snapshots will be set to private by default, but the option to share and make them public as well as submitting to Tumblr will be given after uploading your photo. Clicking the "Copy" button will save your link 
to your clipboard for pasting to friends and family online.</p>
<h4 class="pd">Snapshots Offline</h4>
<p class="pd">While using this page offline you will still be able to save snapshots using the "Download" button to save locally to your computer. However the "Upload" button that hosts your photos to HTML Chat will require a connection to the internet.</p>
<h4 class="pd">Requirements</h4>
<p class="pd">This application requires that you have Javascript enabled in your browser and that you have the Abobe Flash Player installed. You can get your most up to date version of Flash Player from the <a href="http://get.adobe.com/flashplayer/" target="_blank">Adobe Installation Page</a>.</p>
<h4 class="pd">Share Bar</h4>
<p class="pd">If you like these webcam photo booth applications then please use the share bar below the application and share on Facebook, Twitter, Google Plus 1, Tumblr and more to support this site. Thanks!</p>
</div>
</div>
<div class="ctr mg_t">
<!--
<object id="webcamAd" name="webcamAd" type="application/x-shockwave-flash" data="http://ws.amazon.com/widgets/q?rt=tf_cw&ServiceVersion=20070822&MarketPlace=US&ID=V20070822%2FUS%2Frich0d8-20%2F8010%2Fb67bdc1d-712f-42b1-8d50-f162ff9edeae&Operation=GetDisplayTemplate"
    width="500" height="175">
      <param name="movie" value="http://ws.amazon.com/widgets/q?rt=tf_cw&ServiceVersion=20070822&MarketPlace=US&ID=V20070822%2FUS%2Frich0d8-20%2F8010%2Fb67bdc1d-712f-42b1-8d50-f162ff9edeae&Operation=GetDisplayTemplate" />
      <param name="allowScriptAccess" value="always" />
      <param name="quality" value="best" />
      <param name="wmode" value="transparent" /> 
      <param name="scale" value="Scale" />
      <param name="salign" value="TL" />
      <param name="name" value="webcamAd" />
      <param name="FlashVars" value="playerMode=embedded" />
</object>

<iframe src="http://rcm.amazon.com/e/cm?t=rich0d8-20&o=1&p=48&l=ur1&category=jewelry&banner=1J4G2QSWMBMFFY19TB02&f=ifr" width="728" height="90" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe>
-->
</div>
<div id="appinfo">
<p class="info_heading bc11"><span class="expand">+</span> Tip For Taking The Best Webcam Photo. </p>
<div class="info_content bc11" style="display:none;">
<p>When taking your webcam photo, whether or not you have a high quality and expensive webcam you can still follow some basic steps to get the best photo possible out of your web-camera.</p>
<p>One of the main important things to focus on when taking a photo is the lighting. Be sure that the light source is not behind the subject (you), as it will likely flood the webcam lens with light and cast the subject as a black/dark shadow. 
To prevent this you simple need the source light to shine on the subject and to be behind the web-camera.</p>
</div>
<p class="info_heading bc11"><span class="expand">+</span> General Application Functionality. </p>
<div class="info_content bc11" style="display:none;">
<p>This is a general description of all of the HTMLSnap/HTMLChat applications and their functions, so keep in mind that some parts of this description may only apply to specific applications.</p>
<dl id="appFunc">
<dt>[Capture]</dt>
<dd>Clicking the 'Capture' button will freeze a single frame from your webcam and open up new options for printing or saving the webcam frame as a JPEG file (or a GIF file and multiple frames within the Ani-Me application).</dd>
<dt>[Delete]</dt>
<dd>Clicking the 'Delete' button will remove the webcam frame you previously captured and give you the ability to capture another new frame.</dd>
<dt>[Upload]</dt>
<dd>Clicking the 'Upload' button will upload and save your cuptured webcam frame to the HTMLSnap server(s) for free hosting.</dd>
<dt>[Download]</dt>
<dd>Clicking the 'Download' button will save your captured webcam frame as a JPEG file (or GIF within Ani-Me) locally to your computer to any folder/local location that you decide to choose.</dd>
<dt>[Print]</dt>
<dd>Clicking the 'Print' button will send the captured webcam frame to your selected printer handler for printing (or PDF file creation).</dd>
<dt>[Previous]</dt>
<dd>Clicking the 'Previous' button (where applies) will set the previous filter, effect or image within the webcam effects application you're currently using.</dd>
<dt>[Next]</dt>
<dd>Clicking the 'Next' button (where applies) will set the next filter, effect or image within the webcam effects application you're currently using.</dd>
<dt>[Time Delay]</dt>
<dd>Setting a 'Time Delay' from the drop-down list will enable you to delay the frame capture of your photo by X number of seconds, giving you time to set a pose. Where 'X' is a minimum of 3 seconds and a maximum of 60 seconds.</dd>
<dt>[Reset]</dt>
<dd>Clicking the 'Reset' button (where applies) will reset the webcam instance to its normal state.</dd>
<dt>[Load Image]</dt>
<dd>Clicking the 'Load Image' button (where applies) will allow you to add a local image from your computer to the webcam application for unique personalised effects.</dd>
<dt>[Vertical Flip]</dt>
<dd>Clicking the 'Vertical Flip' button under the application (where applies) will flip your webcam instance upside down.</dd>
<dt>[Horizontal Flip]</dt>
<dd>Clicking the 'Horizontal Flip' button under the application (where applies) will mirror your webcam instance.</dd>
</dl> 
</div>


</div>

<div id="siteinfo">
<p class="info_heading bc11 terms"><span class="expand">+</span> Terms &amp; Conditions - Quick Overview.</p>
<div class="info_content bc11 dpn"><h4>Violations.</h4>
<p> Snapshots containing race hate, spam, harassment, gore or anything considered to be any of those things by the site moderator(s) reviewing the public or reported snapshot(s) are completely forbidden from this site.</p>
</div>
<p class="info_heading bc11 terms"><span class="expand">+</span> Terms &amp; Conditions - Full Version.</p>
<div class="info_content bc11 dpn">
<a onclick="openMod('terms.html',600,600);return false;" href="http://htmlsnap.com/terms.html">Click Here To Read The Full Site Terms</a>.
</div>
<p id="ppp" class="info_heading bc11 terms"><span class="expand">+</span> Privacy Policy.</p>
<div class="info_content bc11 dpn" id="pripol"></div>
</div>
<!--<div id="gdb">-->
<div style="position:absolute;top:100px;left:50%;margin-left:-245px;">
<script type="text/javascript">
google_ad_client = "ca-pub-3445002631436000";
google_ad_slot = "6558632172";
google_ad_width = 728;
google_ad_height = 90;
google_color_link = "0000FF";
google_color_bg = "D9D900";
google_color_border = "D9D900";
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
</div>
<!--end header ad-->	
         </div><!-- end content-->
      </div>
    </div>
<div class="cc" id="bbdr">
<div class="fl left_b w17 h13 bt"></div><div id="ctrb" class="fl center_b h13 bt"></div><div class="fl right_b w17 h13 bt"></div>
</div>
<div id="footer" class="cc">
   <div class="fl footc">
<ul>
 <li><a href="http://tumblr.htmlchat.org" title="HTML Tumblr Page" target="_blank">Tumblr</a></li>
 <li><a href="http://afbconfessions.com" title="Online Confessions" target="_blank">AFB</a></li>
 <li><a href="http://htmlsnap.com" title="HTML Snap" target="_blank">HTMLSnap</a></li>
 <li><a href="http://www.zeitgeistmovie.com/" title="Join The Movement" target="_blank">Zeitgeist</a></li>
</ul> 
   </div>
   <div class="fl footc ctr"><p>HTML Chat</p>
<ul>
 <li><a href="http://99.com" title="Javascript - HTML Based Chat" target="_blank">99.Com</a></li>
 <li><a href="http://htmlchat.org" title="HTML Chat" target="_blank">HTMLChat.Org</a></li>
</ul> 
   </div>
   <div class="fl footc tar">
<ul>
 <li><a href="mailto:report@htmlchat.net?subject=Report%20Problem" title="HTML Chat Problem" target="_blank">Report A Problem</a></li>
 <li><a href="https://www.google.com/adplanner/site_profile#siteDetails?uid=domain%253A%2520htmlchat.net&amp;geo=001&amp;lp=false" title="Advertising On HTMLChat" target="_blank">Ad Planner</a></li>
</ul> 
   </div>
</div>
</div>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">var appID="7";var t;var appName="overlay";var cache="2.2";</script>
<script type="text/javascript" src="http://resources.htmlchat.net/JS/Main2.0.js"></script>

</body>
</html>

