overlay pictures- how to do it on windows.

can you please see attached. is it possible to so such or similar in windows without any sophisticated tools?

some things that attracted in this picture:
the background color is same as inside the leaf.
the 'signature is white and overlaid on the background color.
how to bring smartphone into the picture. do you need template pics for this?
etc
may.png
LVL 5
25112Asked:
Who is Participating?
 
aboo_sCommented:
There are so many tools under windows that can do image editing.
This can be achieved even with paint ,or Photo Editor.
But you also have some more advanced tools like Photoshop.

It really depends on what exactly you need to be doing.
0
 
viki2000Commented:
Changing the colors - less than 3min.
Removing the overlay text "may" - around  5min.
Finding a similar font - harder job - more than 10 min.
Applying the new font - easy job - less than 1 min.
All done in Corel Photoimpact.
may2
0
 
MereteCommented:
Hi 25112
I'm not sure I understand you
but let me introduce you to Paint Net free open source
http://www.getpaint.net/index.html
Paint Net Plugins effects and filters
http://paint.net.amihotornot.com.au/download/pluginspack/
First split the two images into 2 single images using the selection tool, put dotted line around then paste into new image, if you look closely you can see the results above where all the split images reduced image and merged images are
separate imagesexample of splitting them in paintshop pro into single images.
separated images then copy one into new image and drag in the edges to make it smaller do the same for both.
Then copy the smaller into the black and the smaller into white.
Then just align each
separated imageshere's how it looks and my results how to bring smartphone into the picture.
black inside white
black phone in white reducedwhite phone inside black
white phone in Black reducedAll done in free Paint Net. Please let me know what you mean as this is only a rough cast and the white phone is not really visible, and regarding the Text?
You want the text and flowers to match the colour of the phone?
refs to>the background colour is same as inside the leaf.<< leaf?
Or did you want to understand how these were made drawn?
Iphones have apps to modify the wallpaper?
http://iphone.appstorm.net/roundups/design/75-apps-to-customize-your-iphone-wallpaper/

templates for iphones
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

 
viki2000Commented:
And can you replace easy the text "may" above with "25112" in Paint Net?
0
 
BillDLCommented:
Hi 25112

I have read through your question a few times wondering what you were referring to when you mentioned "templates" and "overlay pictures".  I think I know what you are thinking about, and it involves "layers".

Most decent image editing programs (even the free ones) allow you to create an image containing a number of different layers that can be manipulated independently of the other layers, but the simpler programs usually don't support layers.  Another issue is that, when saved after editing, some image types (eg. PNG) will retain the separate layers for when you re-open the image to work on it again, but other images (eg. JPG, GIG, BMP) just have all the layers merged into one single flat layer when saved.

I will attempt to explain layers by picking up from where Merete suggests that you need to:
1. Select one part of the image, copy it, and paste it as a new image
2. Crop the first image down to cut out the part that you copied and pasted as a new image.

Let's say you want to have a black mobile phone "frame" with an empty screen into which you can insert different colour variations of the "wallpaper" image.  I think this is what you mean when you refer to a "template".  The first thing you would need to do is use the "Magic Wand Tool" to automatically find and select the black frame when you click on it.  Different programs may have different names for this tool, but it is usually shown with a little magic wand icon in the toolbar.  Here's an example of the black mobile phone frame being automatically selected (dotted line around it) with this tool:
frame-select-01.pngIf I now copy that selected area (Ctrl + C or Edit > Copy), and then use the option to paste the copied content as a New Image, I will have this:
frame-select-02.png
The checkerboard of small grey and white squares is commonly used by image editing programs to show transparency.  So what you have is a very fine border of checkered squares around the outside of the black mobile phone body.  It is completely see-through it is the background layer.  The area where the screen would be is also see-through, because you are seeing that same background layer.  The black body of the phone is a layer that is sitting on top of the transparent background layer.

Imagine that you have a black cardboard cut-out of that mobile phone surround and it is sitting on top of a sheet of clear cellophane.  You can slide other cut-outs or photo prints in between the cardboard cut-out and the clear cellophane.

In image editing programs that support layers and transparency, you can name each layer so that you know which one is currently in focus so that you can move, resize, or do something else with.

I have a larger PNG image that I want to slide in between these two layers to make new wallpaper.
new-wallpaper.pngIt is slightly taller and much wider than the screen area of the mobile phone frame, but I am going to slide it around until I get the castle in the middle of the screen area.

Some image editing applications may allow you to insert a new layer from an existing image file, but I'm going to first open the castle image, copy it to the clipboard, and then close it.  With the image of the phone cut-out open, I can choose the option to paste the castle picture "As A New LAYER", but this will paste it as the top layer on top of the phone frame.
frame-select-03.png
I deliberately pasted the new layer in so that it is off-centre and shows its layer position on top of the phone frame.

Because I have an image with two separate layers and a background layer, I can now move this castle layer downwards in the stack so that it is sandwiched between the clear cellophane at the back and the black phone cut-out in the front.  To do this I use the layer menu options to select this layer and move it backwards.  The menu options will differ between image editing applications.  I now end up with this:
frame-select-04.png
The castle layer will still be the one that has focus, so even though it is behind the phone outline I can use the "mover" tool to slide it around behind the front layer until it is where I want it.
frame-select-05.png
If I wanted a less vibrant image of the castle, I could adjust the transparency of it, or use other colour or effect tools to manipulate its appearance while it is selected.

I now realise that the bottom part of the phone surround isn't really black at all.  It is very dark grey and it has become quite obvious.  Not to worry, I could easily fix this by flipping back to that layer to select it, and use the paint bucket fill tool to paint it black.

I also realise that I have the castle layer showing through the holes in the phone frame because those holes are not part of the top layer.  I should have blanked them off with the sections from the original image.  Not to worry, I can fix this afterwards by copying and pasting parts from the original image back into it.  I also left myself a bit of cleaning up to do at the corners of the finished image.  i should have resized the castle photo so that the top wasn't above the phone surround, but this is only to let you see how layers work and isn't perfect.

I hope I understood what you were asking and that this will help you to understand.
0
 
viki2000Commented:
Would be interesting to know how do you change the text "may" with "25112", but maintaining the bucket with flowers using the software suggested above.
0
 
MereteCommented:
It's not hard when you know the tricks of Paint Net viki2000 ;)
Haven't heard back from 25112 yet
25112
0
 
BillDLCommented:
viki2000

My comment was really just intended as an overview to layers, without any reference to any particular software.  I had a feeling that 25112 might have been imagining the use of layers without really knowing how it worked, so I took the opportunity to explain in case he found it useful.

Every image editing program I have used has a text tool, and they usually present the same range of installed fonts as you have available in word processing applications.  Inserting the text is very easy.

The harder part is obscuring the old text which is in white and partly across the flower pot.

Any image editing program allows you to draw straight lines in various thicknesses, so the black outline of the plant pot can be drawn over the top of the white text.  Some of the simpler programs like Microsoft Paint are not very good at drawing diagonal lines, and leave them jagged.

All image editing programs have a variety of paint brushes, flood fill, and clone  tools that can be used to re-paint the plant pot inside the new black border lines.  You could also use the clone tool to pick up the adjacent colour and paint in where you want this colour.  Even the eraser tool works for this if you first set the colour you want it to "erase" to.  The colour picker tool is present in every image editing program I have ever used, so it is relatively easy to pick the existing colour of the plant pot and re-paint it to cover the white text.

All of this can be achieved in Microsoft Paint, but it is a little bit more clunky than a proper image editing program, and the text tool doesn't allow you much freedom.

Here's a simple edit done in Microsoft paint on a Windows XP computer.  I just selected the pink screen area and pasted it in on top of the light blue screen inside the black frame.
Edited-In-Paint.jpgYou can see the jagged diagonal lines that it created when re-drawing them on the plant pot.  If I had been more careful with the painting tools I probably would not have needed to redraw the black lines.  Trying to use MS Paint to draw text on this would have been pretty horrible.  It might have come out better using the Windows 7 version of Paint, but i think it would be better to use another program that is better at text.

I also saved it as a JPG image and it has left some little fuzzy Jpeg artefacts.  MS Paint compresses JPG images quite badly.  More advanced programs allow you to choose the level of compression to retain more quality.

One observation I would make is that it is very hard to match fonts when you are comparing alphabetic text with numbers.  It is better to use the original word to try and match the font, and you can then change it to numbers.

So, in summation, the task is not very difficult at all.  It does require an image editing program that applies text better than MS Paint and draws diagonal lines more neatly, but it doesn't need specialist tools.
0
 
25112Author Commented:
this has been truly eye opening.. been like in design 101 class! thanks a bunch.. learnt some thing neat & new.

appreciate all your input..
regards,
0
 
BillDLCommented:
Thank you 25112.
0
 
MereteCommented:
Happy to share what I know 25112 thankyou
Best Wishes
Merete
0
 
viki2000Commented:
My method to delete the old white text is "paintbrush" + "eyedropper tool" combined with "clone paintbrush" for simple images like above.
Corel as beside the Photoimpact also PaintShop Pro, which has special feature to remove objects (besides the mask+contour functions also present in Photoimpact), but they work well on complex images:
https://www.youtube.com/watch?v=JcKTHPbu5GQ
https://www.youtube.com/watch?v=AzykfDHrouc
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.