LOGO

Photoshop Invisibility Cloak: A Stupidly Simple Trick

July 18, 2011
Photoshop Invisibility Cloak: A Stupidly Simple Trick

Creating Invisibility Effects in Photoshop and GIMP

Image manipulation software, such as Photoshop, offers a wide range of capabilities. One intriguing application involves simulating invisibility, purely for creative effect.

Achieving Invisibility: A Quick Guide

It is possible to generate the appearance of invisibility within images using either Photoshop or GIMP in a relatively short timeframe.

The following technique can be applied to both programs, allowing for the creation of simulated invisibility cloaks or similar effects.

Steps for Implementation

The process relies on manipulating the image's visual data to blend an object with its background.

This is accomplished through techniques that alter the object’s visibility, making it appear to seamlessly merge with the surrounding environment.

While the effect isn't true invisibility, it provides a compelling visual illusion.

This method allows users to explore creative possibilities and demonstrate the power of digital image editing.

The simplicity of the technique makes it accessible to both beginners and experienced users of Photoshop and GIMP.

Gathering the Necessary Source Images

Although not strictly required, capturing your own photographs is generally the most effective approach. Utilizing manual camera settings and a tripod is highly recommended for optimal results.

The primary objective is to photograph a subject against a detailed environment. A backdrop rich in texture and visual information will contribute to a more convincing final effect.

how-to-make-an-invisibility-cloak-in-photoshop-1.jpg

Maintaining Consistent Composition

Relying on automatic focus and shooting modes can introduce unwanted variations in your composition between shots. To mitigate this, select manual settings that provide appropriate exposure for your chosen environment.

Employing a tripod is crucial for maintaining camera stability. This prevents shifts in composition that could compromise the illusion of invisibility.

how-to-make-an-invisibility-cloak-in-photoshop-2.jpg

Once autofocus has been used to achieve initial sharpness, switch the lens to manual focus. This will prevent the camera from attempting to refocus with each subsequent image.

In the example provided, two photographs were taken: one with the subject present and one without. Because manual focus was engaged, the background blur remained consistent even after the subject was removed.

how-to-make-an-invisibility-cloak-in-photoshop-3.jpg

(Author's Note: If taking original photographs isn't feasible, this technique can still be applied using existing images. Simply remove an object from one background and integrate it into another. However, capturing your own photos will yield the most compelling results.)

Preparing the Images in Photoshop

After capturing your images, import them into a new Photoshop document as separate layers. Minor adjustments, such as rotation, may be necessary to achieve near-perfect alignment, as illustrated.

Your initial file should consist of two distinct layers: one containing the subject and the other depicting the scene without the subject. These will be referred to as the "Subject" layer and the "No-subject" layer, respectively.

how-to-make-an-invisibility-cloak-in-photoshop-4.jpg

Method One: Utilizing a Simplified "Green Screen" Approach

If the cloak in question exhibits a distinct, single color, a straightforward "Green Screen" technique can be employed. This method, while less complex, may yield a slightly less polished outcome. Initially, deactivate the layer representing the background and focus solely on the subject layer.

Press the key combination to activate the eyedropper tool. Then, left-click to select a representative color from the object itself.

how-to-make-an-invisibility-cloak-in-photoshop-7.jpg

Following color selection, navigate to Select > Color Range. Fine-tune the Color Range selection parameters until the highlighted white areas accurately delineate the regions intended to become invisible.

(Author's Note: For users of GIMP, the equivalent functionality is found within the "Select by Color" tool, accessible under Tools > Selection Tools > By Color Select. Adjust the Threshold setting in the toolbar to achieve comparable results. The "Selection Editor" panel, opened via Select > Selection Editor, provides further control.)

how-to-make-an-invisibility-cloak-in-photoshop-8.jpg
how-to-make-an-invisibility-cloak-in-photoshop-9.jpg

With the color selection active, briefly re-enable and select the background layer. Then, create a new layer based on this selection.

how-to-make-an-invisibility-cloak-in-photoshop-10.jpg

The keyboard shortcut for this action is . Once completed, the background layer can be deactivated again, as shown above.

how-to-make-an-invisibility-cloak-in-photoshop-11.jpg

The resulting image will resemble an invisibility cloak, offering a reasonably effective illusion. Using the same image, we will now explore a more sophisticated method for achieving a more consistent and refined effect.

how-to-make-an-invisibility-cloak-in-photoshop-12.jpg

 

Method Two: Cutouts and Masks (More Advanced)

Beginning with your two-layered image – the one prepared for animation – we can now initiate a more detailed approach to achieving this transparency effect. We will isolate the object through cutting it out and utilize layers to simulate the cloak.

how-to-make-an-invisibility-cloak-in-photoshop-13.jpg

In this demonstration, the pen tool will be employed, though any object isolation technique you prefer is suitable. If you are new to Photoshop, or find the pen tool challenging, consider this established HTG tutorial as a starting point.

how-to-make-an-invisibility-cloak-in-photoshop-14.jpg

Utilize the pen tool to meticulously draw paths around your object, effectively isolating it.

how-to-make-an-invisibility-cloak-in-photoshop-15.jpg

Activate the layer without the subject, then select it within the layers panel.

how-to-make-an-invisibility-cloak-in-photoshop-16.jpg

Generate a selection from the paths by navigating to the Paths panel and right-clicking to choose "Make Selection."

how-to-make-an-invisibility-cloak-in-photoshop-17.jpg

Create a new layer via copy by pressing Ctrl+J (or Cmd+J on Mac), then deactivate the no-subject layer, resulting in a new third layer positioned above the others.

how-to-make-an-invisibility-cloak-in-photoshop-18.jpg

This action renders the object transparent, but we can refine the effect further to achieve a more visually appealing outcome.

how-to-make-an-invisibility-cloak-in-photoshop-19.jpg

Reload the selection from the paths, or simply Ctrl + Click on the newly created layer to load it.

how-to-make-an-invisibility-cloak-in-photoshop-20.jpg
how-to-make-an-invisibility-cloak-in-photoshop-21.jpg

Return to your subject layer, and create another new layer via copy by pressing Ctrl+J again. Position this layer at the top of the layers panel and adjust its blending mode (as highlighted in blue above) to "Screen."

how-to-make-an-invisibility-cloak-in-photoshop-22.jpg

The result is a translucent appearance, where the brighter areas exhibit greater opacity.

how-to-make-an-invisibility-cloak-in-photoshop-23.jpg
how-to-make-an-invisibility-cloak-in-photoshop-24.jpg

how-to-make-an-invisibility-cloak-in-photoshop-25.jpg

Final adjustments to the invisibility cloak can be achieved by modifying the newly created "Screen" layer using levels. Access this function through Image > Adjustments > Levels.

As demonstrated, we enhanced the layer's effect by narrowing the range between shadows and highlights.

how-to-make-an-invisibility-cloak-in-photoshop-26.jpg

The resulting image showcases the effect. The darker areas are diminished, with the highlights becoming more prominent.

how-to-make-an-invisibility-cloak-in-photoshop-27.jpg

Further refinement of the object can be accomplished through the use of layer masks. While layers were utilized for simplicity in this tutorial, masks offer a more precise method for addressing imperfections in the initial cutout.

how-to-make-an-invisibility-cloak-in-photoshop-28.jpg
how-to-make-an-invisibility-cloak-in-photoshop-29.jpg

Layer masks are relatively straightforward to learn if you are unfamiliar with them. They prove particularly useful for smoothing out any rough edges that may be present.

how-to-make-an-invisibility-cloak-in-photoshop-30.jpg

At this point, the invisibility cloak can be considered complete. Enjoy experimenting with the creative possibilities within Photoshop (or GIMP)!

The image "Mike Baird's 1D Mark III" is by Mike Baird and is available under a Creative Commons license. We extend our gratitude to SwankIvy for their willingness to model for this imaginative Photoshop project.

#Photoshop#invisibility cloak#Photoshop tutorial#image editing#photo manipulation#effects