Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Channels / transparency. How to make?
#1
Photo 
Can you tell how this was done? Help friends ...

1) Open image.webp in gimp 2.1 and it showed the opacity

   

2) Note alpha channel in 2 images

image 1

   

image 2

   

3) See the thumbnail of the image

   

4) Finally when i open the image in paint, it looks perfect, without opacity in white backgroud.

   

OBJECTIVE 

what I'll do? I'm going to put the .webp image in front of an .svg and color it to show different colors of an outfit.
Reply
#2
Can you post the original image,webp file and maybe the svg you plan on using.
Reply
#3
(05-29-2023, 05:46 PM)rich2005 Wrote: Can you post the original image,webp file and maybe the svg you plan on using.

Yes. My software is already ready, I can't do the same as the image I posted ...


Original Image in webp


.zip   image.zip (Size: 79.88 KB / Downloads: 68)
Reply
#4
I don't understand what your problem is? Do you want to remove the partial opacity? Or reproduce it with another image? Or something else?
Reply
#5
I am not sure of requirements either.

The webp semi-transparent image looks like an overlay.

You can reduce that to your image (4) using Layer -> Transparency -> Semi-Flatten White is default but you can colour and avoid the other steps. 

   

From that you can make a flat image. Lock the alpha channel and fill.

   

Then with the original webp image on top to give the details and a bit of shading.

   

I do not know where an SVG image comes into the process ?
Reply
#6
[quote pid='34666' dateline='1685388742']
I don't understand what your problem is? Do you want to remove the partial opacity? Or reproduce it with another image? Or something else?
[/quote]

This image I found on the internet and it passes the color of the svg perfectly, without giving that opacity tone, which is matte white if you just apply direct opacity to any image. See the example of this image below, which is opened in gimp and simple opacity is applied, then see the other example.

image opened in gimp and applied opacity then exported to .webp

   

image of the example above that I want to do the same. This image is perfect, with no sign of opacity. Can you understand ?

   

(05-29-2023, 08:13 PM)rich2005 Wrote: I am not sure of requirements either.

The webp semi-transparent image looks like an overlay.

You can reduce that to your image (4) using Layer -> Transparency -> Semi-Flatten White is default but you can colour and avoid the other steps. 



From that you can make a flat image. Lock the alpha channel and fill.



Then with the original webp image on top to give the details and a bit of shading.



I do not know where an SVG image comes into the process ?



I want to do the same as the example above in this image here. is it possible?


.zip   image2.zip (Size: 30.27 KB / Downloads: 66)
Reply
#7
Like Ofnuts and rich2005, not sure what you are asking, maybe be go straight to the point, something like "I want from this before > to this after"

Anyway let's start for what I understood Wink

Duplicate your image twice

   

Check that your color background is white >  FG-BG-Swashes  , then on the top layer in the layers' dialog, right click on it, a context menu opens > Remove Alpha Channel (or you can go to Layer > Transparency > Remove Alpha Channel )

   

Then select the layer in the middle (still in the layer's dialog), then go to Filters > Generic > GEGL graph... and input these value  > gegl:opacity value=5.55 < (copy/paste)

   

Re-activate the top layer and put it in Screen Mode then play with the opacity slider to have more light(white) or less light,
the lab-gown is fully opaque while retaining a transparent background all around

   

Note: you could do the middle layer with, Layer > Transparency > Threshold alpha..., but this filter will "pixelize" between transparency and opaque, thus it's better to use GEGL graph IMO
Reply
#8
(05-29-2023, 08:13 PM)leabreuh Wrote: I want to do the same as the example above in this image here. is it possible?

For that first image: As PixLab noted, Layer -> Transparency -> Semi-Flatten does leave a hard border.  I fix that by selecting the transparent area, then erasing the border using a small brush and stroking the selection with the eraser tool.

You can improve that flat looking image by using: Colors -> Auto -> White Balance.

...and I think the ultimate requirement is an image, easily coloured maybe for selling clothing. There are often multi-layer .PSD images that add options just by making layers visible. Make your own starting by;

Use a layer mask.
Get a selection from the image. Layer -> Transparency -> Alpha-to-selection

Make a new layer and create a layer mask: Layer -> Mask -> Add Layer Mask then choose the From Selection Option.

Turn selection off and put that layer into Darken Only mode.

The image is colored by filling the layer. Change colour as required. Save this as a Gimp .xcf file. For web use, Export as a .PNG image.

This a 3 minute example of all that. https://youtu.be/yGTEf9n2AEs





..and the second image attached as a Gimp .xcf.gz file. Just open with Gimp.


Attached Files
.gz   image2.xcf.gz (Size: 236.55 KB / Downloads: 80)
Reply
#9
(05-30-2023, 10:36 AM)rich2005 Wrote:
(05-29-2023, 08:13 PM)leabreuh Wrote: I want to do the same as the example above in this image here. is it possible?

For that first image: As PixLab noted, Layer -> Transparency -> Semi-Flatten does leave a hard border.  I fix that by selecting the transparent area, then erasing the border using a small brush and stroking the selection with the eraser tool.

You can improve that flat looking image by using: Colors -> Auto -> White Balance.

...and I think the ultimate requirement is an image, easily coloured maybe for selling clothing. There are often multi-layer .PSD images that add options just by making layers visible. Make your own starting by;

Use a layer mask.
Get a selection from the image. Layer -> Transparency -> Alpha-to-selection

Make a new layer and create a layer mask: Layer -> Mask -> Add Layer Mask then choose the From Selection Option.

Turn selection off and put that layer into Darken Only mode.

The image is colored by filling the layer. Change colour as required. Save this as a Gimp .xcf file. For web use, Export as a .PNG image.

This a 3 minute example of all that. https://youtu.be/yGTEf9n2AEs





..and the second image attached as a Gimp .xcf.gz file. Just open with Gimp.


Thanks for the answer.

But I need to leave image 2 with the same opacity as the example of image 1 at the beginning. I put the images at the top to explain how it was and now I need to make image 2 identical, in transparency with thumbnail identical to image 1, with image 1 being the first in the video, a medical coat and image 2 the suit with pants. I hope I explained it correctly

(05-30-2023, 04:46 AM)PixLab Wrote: Like Ofnuts and rich2005, not sure what you are asking, maybe be go straight to the point, something like "I want from this before > to this after"

Anyway let's start for what I understood Wink

Duplicate your image twice



Check that your color background is white >  FG-BG-Swashes  , then on the top layer in the layers' dialog, right click on it, a context menu opens > Remove Alpha Channel (or you can go to Layer > Transparency > Remove Alpha Channel )



Then select the layer in the middle (still in the layer's dialog), then go to Filters > Generic > GEGL graph... and input these value  > gegl:opacity value=5.55 < (copy/paste)



Re-activate the top layer and put it in Screen Mode then play with the opacity slider to have more light(white) or less light,
the lab-gown is fully opaque while retaining a transparent background all around



Note: you could do the middle layer with, Layer > Transparency > Threshold alpha..., but this filter will "pixelize" between transparency and opaque, thus it's better to use GEGL graph IMO



Thanks for the answer.

But I need to leave image2 with the same opacity as the example of image 1 at the beginning. I put the images at the top to explain how it was and now I need to make image 2 identical, in transparency with thumbnail identical to image 1, with image 1 being the first in the video, a medical coat and image 2 the suit with pants. I hope I explained it correctly.

this is original image


.zip   image1.zip (Size: 79.88 KB / Downloads: 61)



image 2 ( I need this image 2 to have the same transparency ( opacity ), thumbnail, of image 1 with the details appearing and if it is opened on a white background, it has no signs of opacity, just like it is at the beginning of the question in the images I posted )


.zip   image2.zip (Size: 30.27 KB / Downloads: 62)
Reply
#10
Quote:....I need to leave image2 with the same opacity as the example of image 1 .....

OK, got it (I think)

You can try matching using sample points see: https://docs.gimp.org/2.10/en/gimp-sampl...ialog.html

Any difficulty is assessing matching sample points between images. In this example I chose the dark shadow under the collar.

Then it is applying the curves tool, in alpha mode and getting an alpha value in (2) to match the alpha value in (1)

45 second example: https://i.imgur.com/JCgnduR.mp4
Reply


Forum Jump: