2 images appended + overlay?

[zombie1134]

For any who can help this is greatly appreciated...

I'm looking to join 3 images together, 2 of them side by side (with 10px of padding between the two) and an overlay on top, centered between them.

So far, I've got this:



With this:

Code: Select all

convert /img1.jpg /vs.png /img2.jpg +append -quality 94 '/result.png'

But I'm looking to do this:



And as an added bonus, is there even a way for me to sink both images into a custom, premade frame?

Any help is appreciated! Thanks!

[fmw42]

Make a transparent background the size of the two images with the space between them. The use a series of composites to place them onto the background. For example

convert -size WidthxHeight xc:none img1 -gravity west -composite \
img2 -gravity east -composite \
vs -gravity center -composite \
resultimage

where WIDTHxHEIGHT is the size you need to hold the two images with the space between them.

Can you post links to your images? If so, we can demonstrate better.

Can you explain about the frame in more detail or show an example?

Note quality for PNG is different from that of jpg. See http://www.imagemagick.org/script/comma ... hp#quality

[anthony]

Use Image Layering -- much like Fred has already mentioned...


This examples quite a range of techniques you can use (beyond append which is what it starts with)
http://www.imagemagick.org/Usage/layers/

[zombie1134]

Hey guys, thanks so much for your responses... trying some of this out now...

As for links to the raw files, here you go:

http://devmedia.movieweb.com/1.jpg

http://devmedia.movieweb.com/2.jpg

http://devmedia.movieweb.com/vs_med.png

I'm creating the frame now as instructed. Stay tuned!

[zombie1134]

...and I created the transparent frames png here:

http://devmedia.movieweb.com/vs_frames.png

[fmw42]

You would be better to put frames around your images first, then composite them as explained above. Putting your images inside the frames is harder, though not impossible, but you need to know exactly where to place them and if they need resizing. See Anthony's page about framing at http://www.imagemagick.org/Usage/thumbnails/#framing. Also see my script, picframe, at the link below

[zombie1134]

Got it! Thanks guys... this layering effect works like a charm!

Thanks again!

[fmw42]

Got it! Thanks guys... this layering effect works like a charm!

Thanks again!

Post your result and command line(s), if you don't mind. I would be interested in seeing your solution (esp. for adding the border/frame effect) and others could benefit.