Photoshop Knockout Background
Posted : admin On 5/25/2019Sep 4, 2018 - Before you can place your subject into a completely new landscape, you'll need to remove the background of the image first. Learn how it is. There are a couple of ways to do knockout text (text that appears cut out, such that you can see a background behind it) on the web. There is one fairly new way that has pretty decent browser support that is pretty interesting. But let's cover all the ground. Just Photoshop It Up. Like anything else, you can just fake it with a flat graphic.
Knockoutoptions let you specify which layers “punch through” to reveal content fromother layers. For example, you can use a text layer to knock outa color adjustment layer and reveal a portion of the image usingthe original colors.
As you plan your knockout effect, youneed to decide which layer will create the shape of the knockout,which layers will be punched through, and which layer will be revealed.If you want to reveal a layer other than the Background,you can place the layers you want to use in a group orclipping mask.
To reveal the background, position the layer that will create the knockout above the layers that will be punched through, and make sure the bottom layer in the image is a Background layer. (Choose Layer > New > Background From Layer to convert a regular layer into a Background layer.)
To reveal a layer above the background, place the layers you want to punch through in a group. The top layer in the group will punch through the grouped layers to the next layer below the group.
To reveal the base layer of a clipping mask, place the layers you want to use in a clipping mask. (See Revealing layers with clipping masks.) Make sure that the Blend Clipped Layers As Group option is selected for the base layer. (See Group blend effects.)
- Select the top layer (the layer that will create theknockout).
- To display blending options, either double-click thelayer (anywhere outside the layer name or thumbnail), choose Layer >Layer Style > Blending Options, or choose BlendingOptions from the Layers panel menu.
Note:
To view blending options for a text layer,choose Layer > Layer Style > Blending Options,or choose Blending Options from the Add A Layer Style buttonat the bottom of the Layers panel menu.
Select Shallow to knock out to the first possible stopping point, such as the first layer after the layer group or the base layer of the clipping mask.
Select Deep to knock out to the background. If there is no background, Deep knocks out to transparency.
Note:
If you are not using a layer group or clipping mask, either Shallow or Deep creates a knockout that reveals the background layer (or transparency, if the bottom layer is not a background layer).
- To create the knockout effect, do one of the following:
Lower the fill opacity.
Using the choices in the Blend Mode menu, changethe blending mode to reveal the underlying pixels.
More like this
Malayalam tv serials asianet. Twitter™ and Facebook posts are not covered under the terms of Creative Commons.
Legal Notices Online Privacy Policy
This article on how to remove a background in Photoshop remains one of our most popular posts, and was updated in 2018 for current Photoshop users.
Photoshop offers many different techniques to remove a background from an image. For simple backgrounds, using the standard magic wand tool to select and delete the background may well be more than adequate. For more complicated backgrounds, you might use the Background Eraser tool.
The Background Eraser Tool
The Background Eraser tool samples the color at the center of the brush and then deletes pixels of a similar color as you “paint.” It feels like painting with acid. Let me show you how it works.
Remove a Background, Step 1: Open your Image
Start by grabbing an image that you want to remove the background from. I’ll be using this image as it features areas that range from easy removal through to more challenging spots.
Remove a Background, Step 2: Select Background Eraser
Select the Background Eraser tool from the Photoshop toolbox. It may be hidden beneath the Eraser tool. If it is, simply click and hold the Eraser tool to reveal it.
Remove a Background, Step 3: Tune Your Tool Settings
Wow 5.00.9 torrents. On the tool options bar at the top of the screen select a round, hard brush. The most appropriate brush size will vary depending on the image you’re working on. Use the square bracket key ([
or ]
) for quickly scaling your brush size.
Free Photography Backgrounds For Photoshop
Next, on the tool options bar, set the Sampling to Continuous
, the Limits to Find Edges
and a Tolerance of somewhere between 20-25%
is a good starting place.
Note: A low tolerance limits your eraser to areas that are very similar to your sampled color. A higher tolerance expands the range of colors your eraser will select.
Love songs tamil 2000. • หมวดหมู่ • • แนะนำโดย [Simca] Five Star Audio • • เพลง • Konchem Agara • ศิลปิน • Hari Haran,Sujatha, Anupama • อัลบั้ม • Asha Asha Asha • YouTube ได้รับอนุญาตจาก • AdityaMusic (ในนามของ Aditya Music(India) Pvt.
Remove a Background, Step 4: Begin Erasing
Bring your brush over your background and begin to erase. You should see a brush-sized circle with small crosshairs in the center. The crosshairs show the “hotspot” and delete that color wherever it appears inside the brush area. It also performs smart color extraction at the edges of any foreground objects to remove ‘color halos’ that might otherwise be visible if the foreground object is overlayed onto another background.
Note: For the example image, I actually used a rather high Tolerance than the 20-25% recommended above due to the wide range of blues behind this subject.
When erasing, zoom up your work area and try to keep the crosshairs from overlapping on the edge of your foreground. It’s likely that you will need to reduce the size of the brush in some places to ensure that you don’t accidentally erase part of your foreground subject.
Remove a Background, Step 5: Choosing Effective Limit and Sampling Settings
Even though I have used a smaller brush to work around the hair and neck area, the Background Eraser has still managed to gouge a few chunks out of the hair and shirt.
For foreground image areas that share colors with the background (like this one), you may need to adjust the Sampling and Limits. In this picture, I switched over to the Sampling: Once option, set my Limits to Discontinguous
and set my Tolerance to 30%
.
The Sampling: Once option samples the color under the crosshair only the moment you click and it doesn’t resample as you move your brush along. The Discontiguous Limit option allows you to erase all pixels that match the sampled color that you’re erasing. This allowed me to get in between the hair strands without erasing them.
There’s a good chance the Background Removal Tool may be all you need to complete your task.
But if not, read on.
Remove a Background, Step 6: Quick Mask or Pen Tool
While removing the background on our example image is mostly straight-forward due to the fairly solid background, there are inevitably areas of our foreground subject that get wrongly erased as we work close to foreground’s edges.
In our example, the foreground and background share similar colors due to the lighting. This will be easiest to repair using Photoshop’s Pen tool. I only have a small section I need to touch up, so I’ll use the Pen to create a clean selection and delete the unwanted background.
Here’s the finished result:
Final Word
If you are working with a basic image with ample visual contrast between the subject and background, you can most likely get away with using only the Background Eraser Tool.
More complex images will likely require a mix of tools, samplings, and tolerances along with occasional manual touch-ups. There will be times when there is no visual difference between the foreground and background. We have to manually impose that distinction.
Photoshop Knockout
And don’t forget that if you are saving your image without adding a new background, you need to save it as a PNG to maintain the transparency.
Photoshop Knockout Background Pictures
Want more design and UX tips? Check out our library of design & UX books!