RSS/Atom feed Twitter
Site is read-only, email is disabled

Combining Images

This discussion is connected to the gimp-user-list.gnome.org mailing list which is provided by the GIMP developers and not related to gimpusers.com.

This is a read-only list on gimpusers.com so this discussion thread is read-only, too.

21 of 21 messages available
Toggle history

Please log in to manage your subscriptions.

Combining Images Abaddon 14 Jun 10:04
  Combining Images rich404 14 Jun 10:44
   Combining Images Abaddon 14 Jun 19:55
    Combining Images rich404 14 Jun 20:18
    Combining Images akovia 14 Jun 20:24
    Combining Images rich404 15 Jun 11:44
     Combining Images Abaddon 15 Jun 12:36
      Combining Images rich404 15 Jun 15:41
       Combining Images akovia 15 Jun 22:47
       Combining Images Abaddon 16 Jun 03:11
       Combining Images Abaddon 16 Jun 04:14
        Combining Images rich404 16 Jun 07:40
         Combining Images Abaddon 16 Jun 10:08
          Combining Images Abaddon 16 Jun 10:19
          Combining Images rich404 16 Jun 11:13
           Combining Images rich404 16 Jun 14:38
            Combining Images Abaddon 17 Jun 10:56
             Combining Images rich404 17 Jun 12:33
              Combining Images Abaddon 19 Jun 10:53
               Combining Images Abaddon 19 Jun 11:24
                Combining Images rich404 19 Jun 12:48
2018-06-14 10:04:25 UTC (almost 6 years ago)
postings
11

Combining Images

I'm trying to make a neat cover page for an InuYasha role-play.

I got a picture I want to use specifically, and the InuYasha logo.

I want to combine the two, maybe lower the opacity on the logo so it blends with the image?

rich404
2018-06-14 10:44:19 UTC (almost 6 years ago)

Combining Images

I'm trying to make a neat cover page for an InuYasha role-play.

I got a picture I want to use specifically, and the InuYasha logo.

I want to combine the two, maybe lower the opacity on the logo so it blends with the image?

Open the two images as layers: Open -> As Layers so the text is on top.

Add transparency to that top layer: Layer -> Transparency -> Add Alpha channel

Use the fuzzy select tool, set the threshold to about 20, click in the white background to select. screenshot: https://i.imgur.com/Yk8KlV6.jpg

Go into the Select Menu and grow the selection 1 pixel: Select -> Grow

Cut the selection: Edit -> Cut That gets to this : https://i.imgur.com/aYGqEOU.jpg

Kill the selection: Select -> None

Adjust the position of the layer with the Move Tool, enable move-the-active-layer to avoid moving the base layer. Adjust opacity in the Layer dock if required: https://i.imgur.com/jTOUSG2.jpg

The dotted outline is the layer boundary, only exists in Gimp. Export your image as a png (or jpeg) for a single layer image.

2018-06-14 19:55:06 UTC (almost 6 years ago)
postings
11

Combining Images

Open the two images as layers: Open -> As Layers so the text is on top.

Add transparency to that top layer: Layer -> Transparency -> Add Alpha channel

Use the fuzzy select tool, set the threshold to about 20, click in the white background to select. screenshot: https://i.imgur.com/Yk8KlV6.jpg

Go into the Select Menu and grow the selection 1 pixel: Select -> Grow

Cut the selection: Edit -> Cut That gets to this : https://i.imgur.com/aYGqEOU.jpg

Kill the selection: Select -> None

Adjust the position of the layer with the Move Tool, enable move-the-active-layer to avoid moving the base layer. Adjust opacity in the Layer dock if required: https://i.imgur.com/jTOUSG2.jpg

The dotted outline is the layer boundary, only exists in Gimp. Export your image as a png (or jpeg) for a single layer image.

I appreciate your reply; however, as I followed the steps, the white background still shows up. Any way to cut out the lettering and then make it transparent?

rich404
2018-06-14 20:18:47 UTC (almost 6 years ago)

Combining Images

I appreciate your reply; however, as I followed the steps, the white background still shows up. Any way to cut out the lettering and then make it transparent?

Are you sure you added a alpha layer to the logo right at the start?

All sorts of ways to get a result.

Open the logo select the white background. Invert the selection, shrink the selection, copy the selection.

Open the background image, paste in the logo, move to position. Make the floating selected layer a new layer. Adjust transparency if required.

akovia
2018-06-14 20:24:27 UTC (almost 6 years ago)

Combining Images

Make sure to save it as a png file.

Here is my own work file when I made an InuYasha logo for fanart.tv. https://www.dropbox.com/s/qsk4kwfcc8zusw4/Inuyasha%20-%20Logo1HD.xcf?dl=0 I used the path tool to cut it out exactly and built it from there.

You can check out some of the tutorial videos from the site if you want. https://www.youtube.com/channel/UCoq4TZLr-IWmQbw71ZQFxiQ

You can download tons of logos there if you need them. Here are some of mine I made in gimp. https://fanart.tv/members/akovia/tv-images/hdtvlogo/

On Thu, Jun 14, 2018, at 3:55 PM, Abaddon wrote:

Open the two images as layers: Open -> As Layers so the text is on top.

Add transparency to that top layer: Layer -> Transparency -> Add Alpha channel

Use the fuzzy select tool, set the threshold to about 20, click in the white background to select. screenshot: https://i.imgur.com/Yk8KlV6.jpg

Go into the Select Menu and grow the selection 1 pixel: Select -> Grow

Cut the selection: Edit -> Cut That gets to this : https://i.imgur.com/aYGqEOU.jpg

Kill the selection: Select -> None

Adjust the position of the layer with the Move Tool, enable move-the-active-layer to avoid moving the base layer. Adjust opacity in the Layer dock if required: https://i.imgur.com/jTOUSG2.jpg

The dotted outline is the layer boundary, only exists in Gimp. Export your image as a png (or jpeg) for a single layer image.

I appreciate your reply; however, as I followed the steps, the white background still shows up. Any way to cut out the lettering and then make it transparent?

-- Abaddon (via www.gimpusers.com/forums) _______________________________________________ gimp-user-list mailing list
List address: gimp-user-list@gnome.org List membership: https://mail.gnome.org/mailman/listinfo/gimp-user-list List archives: https://mail.gnome.org/archives/gimp-user-list

akovia
rich404
2018-06-15 11:44:05 UTC (almost 6 years ago)

Combining Images

I appreciate your reply; however, as I followed the steps, the white background still shows up. Any way to cut out the lettering and then make it transparent?

Look, it is not difficult. Not rocket science. If the white background is still there then you either forgot to add an alpha channel or applied one to the wrong layer.

Little video, two-and-a-half minutes, going through the whole process using your images.

https://youtu.be/92jin1W9WNU

rich: www.gimp-forum.net

2018-06-15 12:36:35 UTC (almost 6 years ago)
postings
11

Combining Images

Look, it is not difficult. Not rocket science. If the white background is still there then you either forgot to add an alpha channel or applied one to the wrong layer.

Little video, two-and-a-half minutes, going through the whole process using your images.

https://youtu.be/92jin1W9WNU

rich: www.gimp-forum.net

Listen here, I did NOT come to this place to badgered by belligerent know-it-alls. I came to learn. I'm not good at graphics that's why I am here. If you don't have any CONSTRUCTIVE criticism, then don't bother replying at all. You have been warned, the next time you insult me, Im taking the matter to the moderators or the admins.

Have a good day,

Abaddon

rich404
2018-06-15 15:41:38 UTC (almost 6 years ago)

Combining Images

Listen here, I did NOT come to this place to badgered by belligerent know-it-alls. I came to learn. I'm not good at graphics that's why I am here. If you don't have any CONSTRUCTIVE criticism, then don't bother replying at all. You have been warned, the next time you insult me, Im taking the matter to the moderators or the admins.

Have a good day,

Abaddon

ouch...

did you watch the video which explains all.

akovia
2018-06-15 22:47:36 UTC (almost 6 years ago)

Combining Images

Nice video rich404. I think I misunderstood when I said save it as a png. I was thinking he was cutting out the logo and saving it alone which might explain a white background after cutting it out if saving as a jpg.

It should save fine as a jpg since he is putting the logo on a solid background. (my bad) I think your video explains everything great!

I for one appreciate the time you take to help everyone with usage issues. I learn new tips all the time from following this list. Keep up the great work!

On Fri, Jun 15, 2018, at 11:41 AM, rich404 wrote:

Listen here, I did NOT come to this place to badgered by belligerent know-it-alls. I came to learn. I'm not good at graphics that's why I am here. If you don't have any CONSTRUCTIVE criticism, then don't bother replying at all. You have been warned, the next time you insult me, Im taking the matter to the moderators or the admins.

Have a good day,

Abaddon

ouch...

did you watch the video which explains all.

-- rich404 (via www.gimpusers.com/forums) _______________________________________________ gimp-user-list mailing list
List address: gimp-user-list@gnome.org List membership: https://mail.gnome.org/mailman/listinfo/gimp-user-list List archives: https://mail.gnome.org/archives/gimp-user-list

akovia
2018-06-16 03:11:56 UTC (almost 6 years ago)
postings
11

Combining Images

ouch...

did you watch the video which explains all.

Yes, I did, thank you; I could highlight the letters, but didn't know how to remove the white background. I think I forgot to hit 'cut' cause it would turn the lettering and white box transparent

2018-06-16 04:14:13 UTC (almost 6 years ago)
postings
11

Combining Images

ouch...

did you watch the video which explains all.

Rich, I would like to apologize, sincerely. I lashed out quite rudely. But from my perspective, you were being very insulting. Not everyone takes to this as easy as you do. You should keep that in mind.

Now, on to business. I followed your video to the T. But unlike your video, I was left with this:

As you can see there's still an outline of where it used to be--how do I fix that?

rich404
2018-06-16 07:40:15 UTC (almost 6 years ago)

Combining Images

Rich, I would like to apologize, sincerely. I lashed out quite rudely. But from my perspective, you were being very insulting. Not everyone takes to this as easy as you do. You should keep that in mind.

Now, on to business. I followed your video to the T. But unlike your video, I was left with this:

As you can see there's still an outline of where it used to be--how do I fix that?

I know what you have done (or not done)

That will vanish vanished when you kill the selection Select -> None.

Also will vanish when you export the image to a png.

Just for info. Gimp saves in .xcf format which saves all layers, active selections, paths, masks etc. Ready to pick up again for more editing. When completely finished export to some format png (preserves transparency) jpg (losses transparency) then other types for various purposes.

2018-06-16 10:08:25 UTC (almost 6 years ago)
postings
11

Combining Images

I know what you have done (or not done)

That will vanish vanished when you kill the selection Select -> None.

Also will vanish when you export the image to a png.

Just for info. Gimp saves in .xcf format which saves all layers, active selections, paths, masks etc. Ready to pick up again for more editing. When completely finished export to some format png (preserves transparency) jpg (losses transparency) then other types for various purposes.

Alright, thank you.

Now, will that work for cutting out anime characters for Sigs? Or is there a different process?

2018-06-16 10:19:17 UTC (almost 6 years ago)
postings
11

Combining Images

Alright, thank you.

Now, will that work for cutting out anime characters for Sigs? Or is there a different process?

Here is my attempt.

rich404
2018-06-16 11:13:50 UTC (almost 6 years ago)

Combining Images

Alright, thank you.

Now, will that work for cutting out anime characters for Sigs? Or is there a different process?

You can use that method to remove a background only if the background is a solid colour. Any complicated background requires other methods.

More usually it is called foreground extraction and there are reams written about this. It is a subject on its own.

No real definitive way, it all depends on the image. You can go round the outline with free-select tool or the scissors tool or using the path tool (and a selection from the path is a good way). I use a filter from a 3rd party plugin called gmic.

Since you are using Gimp 2.10 you could try the foreground select tool. There are videos and descriptions of how it works, this is a good start.

http://gimplearn.net/viewtopic.php/GIMP-Tutorials/Foreground-Select-tool--Extracted-from-a-video?f=10&t=1383

Briefly, You make a selection, paint in the foreground, touch up bits of the background that are missing. All using the tool options. Get a strange looking object like screenshot 1.

Apply that, gives a selection of the foreground. Copy the selection, Paste it as a new image. screenshot 2

Note. The chequer board pattern is Gimps way to depict transparency. Save as a Gimp .xcf or export as a .png which keeps that transparency.

rich404
2018-06-16 14:38:44 UTC (almost 6 years ago)

Combining Images

You can use that method to remove a background only if the background is a solid colour. Any complicated background requires other methods.

A remake of a video I make 2014, how time flies. Foreground interactive extraction using the gmic plugin. www.gmic.eu

Gimp 2.10.2 gmic_gimp_qt and Windows 10.

four and a half minutes https://youtu.be/Yu46Gs1NI34

2018-06-17 10:56:23 UTC (almost 6 years ago)
postings
11

Combining Images

A remake of a video I make 2014, how time flies. Foreground interactive extraction using the gmic plugin. www.gmic.eu

Gimp 2.10.2 gmic_gimp_qt and Windows 10.

four and a half minutes https://youtu.be/Yu46Gs1NI34

I have a few more questions if you don't mind.

1.) Do you use the Path's Tool to cut out characters then use a blur tool on a low setting to tone the edges down?

2.) How do you take to distinct images and make them one? Like, blended or meshed.I'm assuming a lot of layering is involved?

rich404
2018-06-17 12:33:56 UTC (almost 6 years ago)

Combining Images

I have a few more questions if you don't mind.

1.) Do you use the Path's Tool to cut out characters then use a blur tool on a low setting to tone the edges down?

2.) How do you take to distinct images and make them one? Like, blended or meshed.I'm assuming a lot of layering is involved?

1) Usually the whole idea of using the path tool for foreground extraction (or replacing background), is to get sharp edges that other extraction tools struggle with.

It is not easy to make a good path, very time consuming even when used to the tool. Every curve and rounded corner has to be set by hand. example screenshot 1.

However, once a selection is made from the path, there is usually enough anti-aliasing not to required blurring the edges. I will attach that xcf (gz compressed-opens straight up in Gimp) file with the path for you to play with. To cut out the foreground use:

Select -> From Path then Edit -> Copy -> then Edit -> Paste As -> New Image.

2) Always use plenty of layers and save in Gimp .xcf format as you go. Not too sure what you mean by meshed but blending in one layer with a layer underneath often uses a layer mask. see:

https://docs.gimp.org/en/gimp-layer-mask-add.html and https://www.gimp.org/tutorials/Layer_Masks/

Not a wonderful example but used one, screenshot 2, to blend in the bottom of the superimposed figure.

2018-06-19 10:53:54 UTC (almost 6 years ago)
postings
11

Combining Images

1) Usually the whole idea of using the path tool for foreground extraction (or replacing background), is to get sharp edges that other extraction tools struggle with.

It is not easy to make a good path, very time consuming even when used to the tool. Every curve and rounded corner has to be set by hand. example screenshot 1.

However, once a selection is made from the path, there is usually enough anti-aliasing not to required blurring the edges. I will attach that xcf (gz compressed-opens straight up in Gimp) file with the path for you to play with. To cut out the foreground use:

Select -> From Path then Edit -> Copy -> then Edit -> Paste As -> New Image.

2) Always use plenty of layers and save in Gimp .xcf format as you go. Not too sure what you mean by meshed but blending in one layer with a layer underneath often uses a layer mask. see:

https://docs.gimp.org/en/gimp-layer-mask-add.html and https://www.gimp.org/tutorials/Layer_Masks/

Not a wonderful example but used one, screenshot 2, to blend in the bottom of the superimposed figure.

Sorry, I used the wrong image when asking how to cut out images. Those two I wanted to combine to make a neat banner. Something like this attachment

2018-06-19 11:24:34 UTC (almost 6 years ago)
postings
11

Combining Images

Sorry, I used the wrong image when asking how to cut out images. Those two I wanted to combine to make a neat banner. Something like this attachment.

Hit reply by accident.

So, the first two attachments I'd like to combine, like overlay one over the other? Then add text. I'm thinking overlying the sword picture over the darker one since its lighter. How could I do that? And would I need to decrease the opacity?

Also, what are some simple effects I could do with it? Like I was planning on using Valdemar font and maybe making it 'glow' green? maybe do some lighting effects? Uses some different brushes?

Dragon Age: Shattered Dreams

I haven't quite gotten down the use of brushes yet. I mean the Biohazard signs and blood splotches I can do. But to make abstract designs or fractional designs that blend well? Can't do it yet.

rich404
2018-06-19 12:48:35 UTC (almost 6 years ago)

Combining Images

Hit reply by accident.

So, the first two attachments I'd like to combine, like overlay one over the other? Then add text. I'm thinking overlying the sword picture over the darker one since its lighter. How could I do that? And would I need to decrease the opacity?

Also, what are some simple effects I could do with it? Like I was planning on using Valdemar font and maybe making it 'glow' green? maybe do some lighting effects? Uses some different brushes?

Dragon Age: Shattered Dreams

I haven't quite gotten down the use of brushes yet. I mean the Biohazard signs and blood splotches I can do. But to make abstract designs or fractional designs that blend well? Can't do it yet.

Getting out of the realms of beginner stuff, but the best way to learn is experiment.

You need to know about layer masks (1), which is a non-destructive way to hide parts of an image.

The gimp docs are here, but very basic. https://docs.gimp.org/en/gimp-layer-mask-add.html Do a search and you will find examples.

The idea is, with a white layer mask: Black hides, acts as a window to the layer below. White shows what is in the layer. Various shades of grey give various levels of transparency, and of course you can also use the layer opacity slider.

Text is a whole subject in itself. I really-really advise a different forum for this. The people across at http://gimpchat.com have all sorts of ways and examples. They will tell you how to make it 'glow green'

This simple one (2) is some text duplicated and blurred for a bump map. The docs are out-of-date for Gimp 2.10 https://docs.gimp.org/en/plug-in-bump-map.html but worth a look.

A 2.10 example: https://www.gimp-forum.net/Thread-How-to-Bump-Map?pid=8608#pid8608

The gimp 2.10 example (10MB, Big once you start using layers) is here:

https://my.pcloud.com/publink/show?code=XZUuYf7Z2T6X957x6njOW2Yen6ARGRJh2hMk

Just have a play around with it, see how it is built up starting with the 2 images.