Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 11 of 11
  1. #1
    Regular Coder
    Join Date
    Nov 2008
    Posts
    165
    Thanks
    0
    Thanked 0 Times in 0 Posts

    join images into one

    How can I join images into one. Say for example i have 3 images each 100 pixels in length and height. How can i merge them automatically in such a way that the new image will be 300pixels x 300pixels. All methods that i have seen so far make the merged images either overlap or leave gaps.

    I am using photoshop

  • #2
    Regular Coder BoldUlysses's Avatar
    Join Date
    Jan 2008
    Location
    Winston-Salem, NC
    Posts
    938
    Thanks
    10
    Thanked 190 Times in 187 Posts
    Well, if you join 3 100x100 images, the resulting image will be either 300x100 or 100x300, depending on whether you want to do portrait or landscape.

    Regardless, do this:

    1. Make a new file, set it to either 300x100 or 100x300 (resolution is irrelevant when specifying pixel dimensions.
    2. Open your 100x100 image, copy it.
    3. Go to your new file, turn on Snap under the View menu. Make sure Layers and Document Bounds are checked under the Snap To submenu.
    4. Paste your 100x100 file in the new file. It will snap to the edges of the document. Drag the layer all the way to the left.
    5. Paste the remaining images. They will snap the edges of the previously pasted layers.
    6. Flatten image if necessary. Save in the file format of your choice. Voilà.
    Last edited by BoldUlysses; 02-24-2009 at 10:09 PM.
    matt | design | blog

  • #3
    Regular Coder
    Join Date
    Nov 2008
    Posts
    165
    Thanks
    0
    Thanked 0 Times in 0 Posts
    nice ... but it doesn't solve my problem because my images are mainly transparent. Imagine a 100pixel by 100pixel image which has a tiny dot in the middle... and the rest of the image is transparent. The dot is not always in the exact middle but it can be anywhere in the pic. the point is, the dot is surrounded by nothingness. (transparent stuff).

    So now imagine i must join all these transparent images keeping the tranaparent areas too ... join it into one large image...

  • #4
    Regular Coder BoldUlysses's Avatar
    Join Date
    Jan 2008
    Location
    Winston-Salem, NC
    Posts
    938
    Thanks
    10
    Thanked 190 Times in 187 Posts
    It's funny because this is one of those things that would actually be easier with GIMP, the "lesser" or the "knockoff" of the two big bitmap graphics editors, since GIMP allows you to set the layer dimensions independently of the content inside it. As far as I know Photoshop doesn't (yet) allow you to do that.

    What you'll probably have to do:

    1. In your 100x100 file, create a new layer. Move it beneath the content layer. Fill it with white or some contrasting color. Link it to the content layer by clicking the link icon or shift-clicking (depending on your version of PS).
    2. Open your 300x100 file. Go back to your 100x100 file. Drag the linked layers from the layers palette directly into the 300x100 file.
    3. Make sure you have snaps set as described above. Position your linked layers.
    4. Repeat for the other two 100x100 files.
    5. Delete the positioning layers in your 300x100 file.
    matt | design | blog

  • #5
    Regular Coder
    Join Date
    Nov 2008
    Posts
    165
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Great solution... and that is what i have had to do. But unfortunately, i need to do this process 1249 times. So a batch process for this solution is what i need. I was well on my way to creating the batch process when i discovered that fireworks can not execute the import command under batch process... any ideas ?

    I need to import my 3 pictures into the 300 x 300 image... but fireworks wont accept "import" for batch...

  • #6
    Regular Coder BoldUlysses's Avatar
    Join Date
    Jan 2008
    Location
    Winston-Salem, NC
    Posts
    938
    Thanks
    10
    Thanked 190 Times in 187 Posts
    The manipulations required (linking specific layers, dragging and snapping, etc) are so context specific that they can't be easily (or at all) automated. As you know, it's not as easy as, say, telling the program to open 1249 files in turn, res them to 72 dpi and resave. I assume you know about Actions in Photoshop as well as File > Automate > Batch. But those won't help you much in this case.

    Never used Fireworks; don't know anything about it. Sorry.

    Try searching for "join multiple image files."
    matt | design | blog

  • #7
    Regular Coder
    Join Date
    Nov 2008
    Posts
    165
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks all ..I guess i will have to find a work around

  • #8
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    Quote Originally Posted by gani View Post
    Thanks all ..I guess i will have to find a work around
    use a server side scripting to do that or a specific extension. For example with gimp you can use Script Fu to automate the task.

    http://www.gimp.org/docs/scheme_plugin/

    regards

  • #9
    Banned
    Join Date
    Mar 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by gani View Post
    How can I join images into one. Say for example i have 3 images each 100 pixels in length and height. How can i merge them automatically in such a way that the new image will be 300pixels x 300pixels. All methods that i have seen so far make the merged images either overlap or leave gaps.

    I am using photoshop
    now u you have to use the latestversion of photoshop

  • #10
    New to the CF scene
    Join Date
    Mar 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    My wife be not much experienced in computer programs want to go on very expensive 8 months 3D MAX courses.? Will it be some good invest of money?Are there many job opportunities for it? Is it possible to be a professional after courses? What else does she need to go forward on this field?

  • #11
    Regular Coder
    Join Date
    Mar 2009
    Location
    Portland Oregon
    Posts
    690
    Thanks
    44
    Thanked 63 Times in 62 Posts
    Quote Originally Posted by gani View Post
    Thanks all ..I guess i will have to find a work around
    you could use firefox to put the three images on a canvas and then save the output as a png file. It would be quicker than messing with photshop. You could even script it to do a bunch of them at a time on the same page. I think there's also a way to get it to save the file to a server also if you have control of the server scripting.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •