Page 1 of 1

2 images appended + overlay?

Posted: 2011-05-03T02:01:11-07:00
by 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:

Image

With this:

Code: Select all

convert /img1.jpg /vs.png /img2.jpg +append -quality 94 '/result.png'
But I'm looking to do this:

Image

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!

Re: 2 images appended + overlay?

Posted: 2011-05-03T10:13:33-07:00
by 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

Re: 2 images appended + overlay?

Posted: 2011-05-03T22:29:19-07:00
by 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/

Re: 2 images appended + overlay?

Posted: 2011-05-05T11:56:09-07:00
by 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!

Re: 2 images appended + overlay?

Posted: 2011-05-05T12:13:21-07:00
by zombie1134
...and I created the transparent frames png here:

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

Re: 2 images appended + overlay?

Posted: 2011-05-05T12:31:41-07:00
by 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

Re: 2 images appended + overlay?

Posted: 2011-05-05T14:50:43-07:00
by zombie1134
Got it! Thanks guys... this layering effect works like a charm!

Thanks again!

Re: 2 images appended + overlay?

Posted: 2011-05-05T14:55:36-07:00
by fmw42
zombie1134 wrote: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.