Gimp-Forum.net

Full Version: project smaller image into a bigger one
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2
Hello, I am newbbie, so please excuse my question if it is too stupid!
I have an .png image (white-logo.png), which I want to exploit/project on a bigger background image (04.png).
Not sure if this is possible at all with GiMP.

Thank you in advance for your response!

Best regards,
Lucky
Very easy.

File -> Open the blue background image
then
File -> Open as Layers the logo image. It is white on transparency, so all you then need to do is move it to wherever you want it. Use the move tool and make sure the mouse pointer is on a solid white part.

It might be that the logo size is what you require. Nothing more to do.

If it too small and if you need it larger, you can scale it but it will turn out fuzzy.  I recommend turning the png logo into a svg vector file using https://png2svg.com/

Then in Gimp File -> Open as Layers the svg file, set it to the size required then ok to add as a new layer.

something like this:

[attachment=8509]

edit: Since I already made the svg, attached it
Thank you very much, rich2005 for your quick reply and the tips!
I have learned something new, thank you for that!
If you take a look at the background image, it alreary contains the logo image,but stretched and with dark blue color - this is what I am trying to reach - the logo image stretched on a new background image with exactly the same colors ( blue and dark blue) as the exisiting background image and the same size, as the existing background image.
Can you help me to do this?
One more question - I would like to have a bigger distance between the symbol and the text in the logo image, making the image a bit higher and keep the transparency.
I can try to delete the text (even that I am not sure how to do that - with the eraser tool maybe?) and to add new text box underneat the symbol, but I need to increase the hight of the image before adding text.
Last question - how to edit the symbol in the image in order to change it a little bit - the idea is to make it more similar to "LM" letters, but some kind of enigmatic, mysterious.
Quote:...what I am trying to reach - the logo image stretched on a new background image with exactly the same colors ( blue and dark blue) as the existing background image and the same size, as the existing background image...

I am still not absolutely sure what you mean by stretch.  In the video I match the size (with lots of the logo off the canvas) , or ....?  These sort of logos are best made using a vector program such as Inkscape.

Quote:I would like to have a bigger distance between the symbol and the text in the logo image, making the image a bit higher and keep the transparency.  I can try to delete the text (even that I am not sure how to do that - with the eraser tool maybe?) and to add new text box underneat the symbol, but I need to increase the hight of the image before adding text.

Use Image -> Canvas size to make extra room at the bottom. You can still use that SVG keeping the text but removing the logo or a better bet, just replace the text. The font is Courier Prime https://www.ffonts.net/CourierPrime.font

Quote:Last question - how to edit the symbol in the image in order to change it a little bit - the idea is to make it more similar to "LM" letters, but some kind of enigmatic, mysterious.

All sorts of ways, but it is an artistic exercise, all depends what you consider enigmatic, easier to change the text to match the logo.... Wink

About 5 minutes: https://youtu.be/Aaww8yRGtZI



This is amasing, Rich2005!
The idea with youtube video is brilliant!
I was able to understand a lot of the procedure of using an combining layers, but you are a professional and are very quick, so I need to study this video a couple of times more in order to implement it into my image.
I will come back in case of further questions.

Thank you too for the tip with INKSCAPE application!
Because your logo is quite simple, you can increase the size as an "svg" in GIMP, this will also allows you transform your logo by moving the nodes if needed, to make it "mysterious".

Right click on your logo in the layer stack/dialog, then Alpha to Selection, then Select ➤ To Path, then use the Scale tool and set it on Path, then once scaled go to Edit ➤ Fill Path
[attachment=8514]

the xcf if you'd like to take a look ➤ [attachment=8515]
Thank you, PixLab!
This is what I want to do - to expose the logo symbol on the background blue screen.
Exactly as done by you in the attached xcf file.
However, I would like to use the same colors, as in the original image - blue background and dark blue symbol color (not sure if any % transparency has been used).
In addition I need the (red) border of the symbol to be deleted.
As a whole, I am using the portable version of GiMP.
Could this be the reason, why I have a littlebit different view on my version of GiMP?

Please see attached images for more details.
The red border is just a visual reference in GIMP, it's not printed nor visible on an image like jpg/tiff/png/webp/gif etc...
To remove it go to the Path tab (usually beside the layer tab) and untick the eye (once it's done, don't forget to click back on the layer tab to have it in focus)
[attachment=8521]

To change the color you need to pick it up for example on the original image (open it in GIMP as well, a second tab will open beside your first one, you can switch back and forth as desired
[attachment=8522]

Now change the color of the FG and BG (ForeGround and BackGround) in GIMP (yellow arrow first), start by the FG ➤ click on the top little square, a window opens, click on the pipette and pick the color on your original image, then click OK on that window.
BG now ➤ Red arrow... click on the bottom square, and do the same as the FG.
[attachment=8524]

Use the bucket fill tool for the BG or just drag and drop that BG square on your BG layer,
for the top layer ➤ click on it in the layer stack/dialog, (delete it if you use my xcf or you will have fringes) and create a new transparent layer ➤ then go to Edit ➤ Fill Path(even if you don't see the path it is here and selected because only one path) a window opens, select "solid color" (it will take the one on the FG)

Final result ➤ [attachment=8525]

Quote:Could this be the reason, why I have a littlebit different view on my version of GiMP?

No absolutely not Big Grin
I changed the theme of my GIMP, go to Edit ➤ Preferences a window opens, and as usual follow the red arrows below, then click OK to confirm the changes Wink
[attachment=8526]
Hello, I am really confused with difficulties this programm.
Can you please help me.
In the attached file, in the channels menu with uncheckd alpha channel I see the old image text behind my newly inserted text and this is annoying me.
How to remove the old image completly and to only use the log and the colors of the old image?
thanbk you in advance for yout help
For the 'visible' layer

Crop the layer to remove the section containing the erased text
then
Layer -> Layer to image size to restore

30 second example: https://i.imgur.com/NlSeWos.mp4

------------
Another way, for the visible layer

Set the background colour to black
Remove the layers alpha channel, Layer -> Transparency -> Remove Alpha Channel (overwrites the saved erased pixels)
Restore the layers alpha channel, Colours -> Color-to-Alpha selecting black as the colour

another 30 second example: https://i.imgur.com/ikmPt3G.mp4
Pages: 1 2