Jump to content

Best way to overlay this logo?


Recommended Posts

I'm working on making a loadingscreen for a game, and to do this I'd like to overlay this logo:

ff10logoxo4.jpg

Onto this image:

screenshot0093wf3.jpg

I don't want to just remove the white background; but I would like to have a cutout of the image's shape to overlay. Ideally I'd like to have the image cut out with a small border and then apply some sort of filter (or plugin, what-have-you) to give the cutout a "fuzzy" border. I'm not sure what plugin I might need or if this would even look the best.

Suggestions as to how I would implement the above idea or even artistic alternatives would be appreciated.

Link to comment
Share on other sites

Magic wand

Shift+click the white background

Ctrl+I

Now you have the logo and words selected and you can do what you like with them.

I'm from OneClick Wi-Fi, a Nintendo WFC community site.

Unofficial Paint.NET IRC chat | Server: irc.initialized.org | Room: #paintdotnet

If you don't have an IRC client, you can also access initialized IRC here.

Link to comment
Share on other sites

I'm sorry, perhaps I wasn't clear enough. I'm aware of how to select just the non-white parts of the logo and overlay that. However, some of the logo itself is white (notice the 'sleeves' of the kimono on the left, etc.) and additionally I don't want a hard copy of just the logo onto the background image. I'd like to have a small-ish, white, fuzzy border around it.

However, I'm not necessarily the best at arranging something like this and if someone has creative input or something else they feel would look like a nicer combination of the logo and the screenshot, then I would appreciate that as well.

Link to comment
Share on other sites

My original plan was to use the lasso tool to free select the image with a small white border and then apply some sort of plugin on it to give the edges a fuzzy-ish effect. I know I used to be able to do this with Microsoft PhotoDraw; it essentially took the edge of a selection and made a gradual transparent-translucent effect on just the edges, creating the appearance that the selection was blended in with the background image. If such a plugin existed, then it would work, and regardless I can select the image using the magic wand and preserve the white sleeves just by setting the tolerance to a low level. The problem lies in implementing the blended/fuzzy edges.

Link to comment
Share on other sites

th_ffxblends.png

How are those? They were made, almost exclusively, by resizing the logo and changing the layer blend mode for the layer it was on. For the 'Overlay' version, I also dropped the brightness 125% so that the white wouldn't appear through it.

... To leave parts of the image white would not only be difficult, it also wouldn't look very attractive.

At least not in my opinion.

Edit: I forgot the white outline you were asking about.

th_ffxblendswhite.png

---

I, personally, like how the 'Multiply' version of that came out. So here's the two variations of it.

ffxmultiply.png

ffxmultiplyoverlay.png

Hope all that helps. :)

~Wither

Link to comment
Share on other sites

How are those? They were made, almost exclusively, by resizing the logo and changing the layer blend mode for the layer it was on. For the 'Overlay' version, I also dropped the brightness 125% so that the white wouldn't appear through it.

... To leave parts of the image white would not only be difficult, it also wouldn't look very attractive.

At least not in my opinion.

Actually, that multiply effect looks very nice. I know it's really basic and that's why not all of you may have thought of it, but I appreciate it because I rarely work with layers. That seems to work well, and I think I'll take it from there. Thanks to all of you!

Edit: End result, if anyone's interested:

loadscreenvd4.jpg

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...