Skip to main content
Known Participant
May 30, 2023
Answered

See image before opacity change

  • May 30, 2023
  • 2 replies
  • 2939 views

So I'm trying to isolate a sprite from a screenshot of a game (I'm trying to make a drawing reference sheet from the sprites), and this sprite has an element that is translucent, so I can see part of the background behind it. Is it possible to use the background elements in some way to see what this element would have looked like without the background behind it? I've already isolated this element from the rest of the sprite onto its own layer.

This topic has been closed for replies.
Correct answer c.pfaffenbichler

i use photoshop for its drawing capabilities, it has been years since I've edited a photo with it, so I can't really remember how to do have this stuff and I can't really tell what you're doing with those pictures

can I please have a more detailed step by step?

i managed to get the mask for the wings (although I don't really understand where to apply it) and I accessed the red channel, but I don't understand what you did there


I recommend you 

• Layer > Layer Mask > From Transparency 

• cmd-G

• cmd-G

• drag the Layer Mask to the top Group 

• apply the Layer Mask of the wing area to the contained Group (and invert it, cmd-I)

• add a Solid Color Layer behind the second Group (so at the very bottom of the top Group) 

• apply the original Red-Channel as a Layer Mask to the Solid Color Layer 

• alt-click the Layer Mask and use Curves (cmd-M) to make the lightest part of the wing completely white

 

Edit: 

• Then use Clone Stamp Tool, Brush Tool or what else you prefer to remove the lines. 

2 replies

Bojan Živković11378569
Community Expert
Community Expert
May 31, 2023

Difficult to imagine what are you talking about. Please post requested screenshot with Layers panel expanded and visible.

Known Participant
May 31, 2023

The pictures are from a friend who has a mod of Undertale. (the bits and pieces mod)

I have attached the screenshot from the game I got the sprite from and two screenshots of my photoshop file 

 

Photoshop screenshot with everything

the green background is just so I can see the white outline of the sprite, that is unrelated

the grid is also unrelated to my issue, I have that set up for something else

layer 3 is the rest of the sprite that isn't translucent so I don't have this issue

Layer 5 is the wings (the part I was talking about)

layer 2 (hidden) is my backup in case I cant fix this issue, it is pretty much layer 5 but without the gradient or background artifacts

 

Photoshop screenshot, layer 5 and background only

As stated, only showing the problematic layer (the more full screenshot but with layer 3 hidden, so I didn't feel the need to show the layer panel again)

 

Game screenshot: 

you can see the background that is showing behind the wings, I am constantly taking this in and out of photoshop to fix and change things, but it is not in this file at the moment (but could easily be brought in again)

My friend took this screenshot (and like 100 other unrelated ones) for me to do this project

 

 

so ideally I would like to see what the wings would have looked like if they were full opacity rather than translucent and with the background showing behind

This is purely for my (and my friend's) personal use to draw these characters with their game sprites as references

c.pfaffenbichler
Community Expert
Community Expert
May 31, 2023

the lines from the background (circled)

 

and how did you do that? the making the wings an opacity gradient thing


I used an additional Layer mask to hide the original wings and a Mask based on the Red Channel on a Solid Color Layer for th epink areay (the lines can be removed fairly easily). 

c.pfaffenbichler
Community Expert
Community Expert
May 31, 2023

Please post images with and without the element in question.