How to Become Invisible on Camera Using Invisibility Video Effects—Expert Results

Updated on November 2, 2019
mikejhca profile image

I started experimenting to find cool things I could do with my laptop and mobile phone.

Invisibility effect using a red towel. First attempt at becoming invisible.
Invisibility effect using a red towel. First attempt at becoming invisible. | Source

Can a Person Become Invisible?

I was experimenting with displaying my webcam in a browser and adding filters. The first thing I tried was switching the RGB colors. Switching red and blue could make a blue shirt look red on camera. With some other filters I could alter the brightness, rotate the hues and alter the contrast. It gave me some interesting effects.

One of the filters I added could hide colors. Only show blue and only your blue shirt shows on your computer screen. I wanted to see if I could make an invisibility effect that would make me invisible on camera. So I started an invisibility experiment. The goal was to see through objects by making them transparent.

  • I could hide colors in a video while it was playing.
  • I could hide colors from my webcam display.
  • I could record a new video with transparent images.
  • I could play a video in the foreground and another underneath.
  • I made an invisibility effect.
  • I became invisible on screen.

How to Make Transparent Images and Videos

It is possible to get the color for each pixel in an image. After storing the information in a variable you can change the red, green, blue and transparency values. Set the transparency to 0 and it becomes invisible. It is like you are cutting a whole in it. Put the image over top of another image and you will see the image behind it where the holes are. You could make an image transparent by using a graphics program designed for editing pictures.

Videos are made up of pictures. Make part of each picture transparent and it becomes a transparent video. I made a computer program using HTML and JavaScript to do that.

Making a red shirt transparent.
Making a red shirt transparent.

Foreground and Background

To make something invisible you need to display a foreground and a background. Record a video. Then play the video while displaying the webcam to combine the images. The transparency should be added to the foreground so it is on top of the background. For a live demonstration add the transparency to the webcam display while a loaded video is displayed in the background.

The advantage of making a transparent video and using the live image as the background is that the filter is not running while it is displaying the webcam and playing a video. The filter checks every pixel for every frame. That was 1,228,800 pixels for each frame for my webcam. If your computer does not do it fast enough then the video will be choppy.

Hide an object by showing what was behind it in the background to create an invisibility effect.

Choosing a Color

Making parts of an image transparent or invisible is fairly easy. The hardest part is picking the right colors. Objects and people tend to be different colors. Things that are the same color may appear to be different colors depending on the way the light hits it. When you try to hide an object you may find other things in the picture are missing.

To make it easier start by using bright colors. For my test I used a red towel.

Hiding red to make a towel invisible.
Hiding red to make a towel invisible.

A Working Invisibility Cloak

Turn a regular cloak into a working invisibility cloak using a webcam and a computer program. When you wear the cloak the parts covered by the selected colors will be hidden. It can be as easy as putting on the cloak and and clicking a color filter. If you don't have a cloak you could use a large towel or rain coat. The color matters more than than object you are using.

Get out of the way and record the background you want without any filters. Load the video and have it play in the background. Filter the live webcam video so the cloak is invisible. Wear the cloak or put it in front of you to become invisible. When you look at your computer display it should look like the camera is looking through you like you are not there.

Creating a similar invisibility effect in the real world is possible but not very practical and it could be expensive. You would need a screen in front of you that shows what is behind you. Wearing a flat screen TV might work but I don't recommend it. Moving around would be difficult and you could scratch the screen.

Becoming Visible Again

I used two methods to make things invisible. The first method was to change the transparency of the pixels. You can see the canvas background color where the hidden pixels are. The second was to copy the background image onto the foreground image. You might think the things you don't see are not there. If it is hidden because it is transparent then you or someone else could bring it back. The colors and transparency are still there when you record the video.

Don't post videos or pictures that still contain images you don't want people to see.

Challenges and Ideas

  • Become invisible using an invisibility cloak or towel.
  • Make a whole in your chest by making it see-through.
  • Levitate by sitting on an unseen object
  • Do the invisible box challenge with an invisible step stool or box.
  • See through a wall or clothes using x-ray vision. I did a background video with my shirt off. Then I put my shirt back on. When I made my shirt transparent it did an x-ray vision effect.
  • Make a green screen. Find or make a background that you can turn invisible and only record yourself. Then add yourself to videos or a webpage.
  • Become partly out of phase like a ghost. So you are visible but see-through.
  • Make it look like you moved or levitated an object without touching it.
  • Hide your body but show your clothes.

X-ray vision effect by making my shirt see-through.
X-ray vision effect by making my shirt see-through.

Invisibility Experiment Results

I was able to achieve partial invisibility. Becoming partly invisible was easy but becoming completely invisible is harder. The program I made works. My problem was that it was difficult to find objects that appeared to be the same color. Hold up a red towel and it has wrinkles and edges that look different from the rest of the towel. Based on my results becoming fully invisible on screen is possible. You just need good lighting and an object or material that appears to be the same color.

It is not very practical but becoming invisible on screen can be fun and you can make some nice videos and pictures. A picture or video of me being completely transparent would look the same as it would without me. If you and your clothes are not visible then something should be visible that you can move.

When I set the filter to only show blue I did not show up in the video at all. I put on a pair on blue jeans so you could tell I was there.

Can You See Me?

I was wearing these pants when the picture was taken.
I was wearing these pants when the picture was taken. | Source

Using an invisibility effect is not as good as actually becoming invisible but it is possible and it is easy.

Edge Detection

Using edge detection allows you to only show the edges of an object. The effect looks similar to a drawing an outline. By itself it reminds me of a cartoon sketch that has not been filled in. When used with a background it is good for making ghost pictures or videos. You could also use it to become an invisible man or woman. Everything becomes invisible including your clothes.

The foreground only shows the edges. The background shows the full unfiltered images. Objects that were in both look the same. Things that are just in the foreground will be partially invisible or transparent. As I mentioned before, partial invisibility is better than full invisibility for pictures and videos.

Click thumbnail to view full-size
See through ghost effect. Me as a ghost.Me as the invisible man.
See through ghost effect. Me as a ghost.
See through ghost effect. Me as a ghost. | Source
Me as the invisible man.
Me as the invisible man. | Source

What is your favorite transparent video effect?

See results

Using the Program

The program is on an HTML web page. So it opens in a web browser like Google Chrome. You will be prompted to give the program permission to use your webcam and microphone. I made and tested the program on my laptop. It may not work on your phone. Let me know if you make some interesting videos with the invisibility effect.

Press 'Background' to move the webcam to the background. Choose a file to load a video. Uncheck 'Hide' to only show the selected color. For the invisible in jeans video I only showed black and blue. Uncheck 'PNG' if you want to save the photos as JPEGs. You may need to alter the color values to get the results you want.

https://www.mikes-space.com/WebcamEffects/InvisibilityEffects.htm

This content is accurate and true to the best of the author’s knowledge and is not meant to substitute for formal and individualized advice from a qualified professional.

Questions & Answers

    © 2019 Michael H

    Comments

      0 of 8192 characters used
      Post Comment

      No comments yet.

      working

      This website uses cookies

      As a user in the EEA, your approval is needed on a few things. To provide a better website experience, owlcation.com uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

      For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at: https://owlcation.com/privacy-policy#gdpr

      Show Details
      Necessary
      HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
      LoginThis is necessary to sign in to the HubPages Service.
      Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
      AkismetThis is used to detect comment spam. (Privacy Policy)
      HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
      HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
      Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
      CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
      Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the googleapis.com or gstatic.com domains, for performance and efficiency reasons. (Privacy Policy)
      Features
      Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
      Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
      Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
      Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
      Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
      VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
      PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
      Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
      MavenThis supports the Maven widget and search functionality. (Privacy Policy)
      Marketing
      Google AdSenseThis is an ad network. (Privacy Policy)
      Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
      Index ExchangeThis is an ad network. (Privacy Policy)
      SovrnThis is an ad network. (Privacy Policy)
      Facebook AdsThis is an ad network. (Privacy Policy)
      Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
      AppNexusThis is an ad network. (Privacy Policy)
      OpenxThis is an ad network. (Privacy Policy)
      Rubicon ProjectThis is an ad network. (Privacy Policy)
      TripleLiftThis is an ad network. (Privacy Policy)
      Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
      Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
      Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
      Statistics
      Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
      ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
      Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)
      ClickscoThis is a data management platform studying reader behavior (Privacy Policy)