Inspiring

Answered

Cutting out a transparent edge to layer below

Forum|Forum|7 years ago
March 20, 2018
4 replies
4220 views

Hi Everybody -

I want to overlap 2 layer of text (type) above the base layer below. At first I thought the example was just an enlarged black edge, but later realised it is transparent.

Hope this makes sense. Here is an example - the white text layer above (not visible in example) and the white text layer underneath the layer below cuts through the base layer with a transparent edge that I have to assume is done with the text and an overrsized outline of that text.

Thanks for any and all help!

Garry

This topic has been closed for replies.

Correct answer Bojan Živković11378569

Here are my $0.02 Cutting out a transparent edge to layer below - YouTube

Note: you can add a layer mask to the group of layers, it works exactly the same. Automation is possible using actions but things will be complicated if you are planning to update text.

Bojan Živković11378569

Correct answer

Community Expert

Here are my $0.02 Cutting out a transparent edge to layer below - YouTube

Note: you can add a layer mask to the group of layers, it works exactly the same. Automation is possible using actions but things will be complicated if you are planning to update text.

Sebastian Bleak

Community Expert

Hi Garry!

Looks like there’s many different ways to get this result and I’d like to share one with you. You can achieve this look with 3 different layers: Dark Grey as background layer, next bright halftone and white script on top. You can apply a stroke to the white script text that is the same color as the background. It will appear as though we are cutting into the bright halftone but we are only covering it.

Hope you find this helpful

-Sebastian

JJMack

Community Expert

If the original file was a png file there was a single pixel layer with transparency there were no text layers. There may be color borders around the original text characters. You dif not post that png. The layer palette you show this time looks like you have merged all your layers above your red background layer into a single smart object layer. The only way to work on all you layers now is to open the smart object in Photoshop and edit the object to remove what you do not want. Add a bottom black layer and make only one of the upper layer visible to see the layer content over black. So you can see the pixels on the layer that you do not want in the layer so you can delete them and also add any missing pixels that you want but are not there. The loutline may be cause by missing pixels. Do the same to the other layers one layer at a time. Then make all layer visible delete the black layer and close the work document and reply yes to save it so Photoshop will update your smart object layer's object.

JJMack

G

garry101Author

Inspiring

Below is the png I've been sending - but without any color background layer (and much harder to see along with a screenshot of the psd file. Again - I'm not trying to do anything to this .png file.

What I am trying to do is emulate the way the type (font) cuts out the layer it overlaps.

So my question is how do I make a text layer that by my decision of design cutout portions of a type layer that it may overlap

The only reason the layer shows as a smart object is because the png file is pasted into a transparent psd file that has the correct size and width dimensions required by the printing service. I would then normally apply a distressed effect in photoshop and then save back out to .png and send to the printer

G

garry101Author

Inspiring

Open the original Png files in Photoshop Use the Magic Wand to select all White. With that selection do a Ctrl+C and Ctrl+V Copy Paste. Deselect target the bottom layer and use the Magic Wand to select all the blue-greens then Copy paste. Turning off the visibility of the bottom layer should not change the image appearance. It look like Fish is missing parts of some of the fish characters. Turn off the visibility you the white top layer and add an empty layer below it. With the empty layer targeted use the clone stamp tool to fill in the missing parts of the fish characters.

Hi JJMack-

I'm still not connecting with you I'm afraid. I'm not trying to edit any .png file.

I'm building a new design in .psd completely unrelated to the png example design I sent.

I believe I have found the answer with an outer stroke on one of my new creation .PSD text layers > then converting this layer to a smart object > then adjusting the blend mode to deep Knockout.

And I can record this action and repeat the desired effect on any and all of my new text layers .PSD files and then convert the finished design from .psd to a .png file to send to the printing service for another t-shirt...

Thanks for your help - I never wanted to edit my .png the png files were just examples of what I wanted to achieve in a separate aa yet undesigned final version of a new .PSD file with text layers

JJMack

Community Expert

You poster a png if you want to write about layers and Photoshop items you should post a screen capture of you document open in Photoshop where where the layers palette and other importation palettes are visible so we can get some idea of what you writing about. Are your text layers text layers or pixels layers containing text etc.

Supply pertinent information for quicker answers

The more information you supply about your situation, the better equipped other community members will be to answer. Consider including the following in your question:
Adobe product and version number
Operating system and version number
The full text of any error message(s)
What you were doing when the problem occurred
Screenshots of the problem
Computer hardware, such as CPU; GPU; amount of RAM; etc.

JJMack

G

garry101Author

Inspiring

Hello JJMack -

Hope these screenshots make sense -

Where the text layers (upper pink layer and lower red layer) cross over the white bottom layer I want the "pink" and "red" text to cut out the white layer with an over sized transparent shape of the text.

Example of it being used is the white lettering cutting out a transparent shape of the text "over" the blue FISH text (3rd screen shot).

Hope this makes sense