Skip to main content
bartonlew
Legend
April 24, 2018
Question

resize psd file for thumbnail layout

  • April 24, 2018
  • 3 replies
  • 942 views

I have about 60 images that I want to do a layout for in order to arrange on my website.  I created a new psd document and started to drop in jpg's of the images so that I could move them around in different configurations.  The problem is that the colors are off and so I really need to drop the actual psd's into the layout document.  But I need them as much smaller images so I can have 3 in a row to view how different images look in combination with others.  But when I drop them into the psd layout document they are much larger.  Is there a way to make these psd's smaller - more like thumbnail size easily?  Thanks.

This topic has been closed for replies.

3 replies

Legend
April 24, 2018

I think you are using the wrong tool for the job. A page-layout or web design program might work a lot better for a mockup.

Color in your mockup doesn't matter. And remember, the final images will be either JPEG or PNG files so if you can't get usable color, you already have a problem.

If you need thumbnails, use Image Processor to create smaller files of the exact dimensions you want.

bartonlew
bartonlewAuthor
Legend
April 24, 2018

Thanks.  I am unfamiliar with page layout software but will look into it.

When I initially dd this (created a blank psd document and dropped jpg's into it), I got messages about color issues which, unfortunately, I selected to not show again so now I can't replicate them.  So the problem with not getting usable color was, I assume, a result of opening the jpg's in PS and dropping them into a psd document.  The messages were about displaying color properly.  Also, I'm not sure what you mean when you say "color in your mockup doesn't matter."  If you're grouping images according to color, then surely it does.

Legend
April 25, 2018

You probably got a notice that the colorspaces were different. And I'm not understanding what the problem is- you say the color shift is minor, then you say its important.

D Fosse
Community Expert
Community Expert
April 24, 2018

bartonlew  wrote

The problem is that the colors are off and so I really need to drop the actual psd's into the layout document.

That's a very simple problem to solve. You don't say what applications are involved here, but if any of them don't support color management you need to convert your files to sRGB, which will display roughly right on a standard monitor even without color management. sRGB is the web standard for this reason.

If all applications are color managed, and the color profile is embedded in the file as it should, colors won't be off in any case.

bartonlew
bartonlewAuthor
Legend
April 24, 2018

Thank you.  The jpg's were all exported from Photoshop (I have Version 19.1.1) using File>Export>Save for Web (Legacy) and "Convert to sRGB" was checked.  The images are all artworks and the colors are not wildly off - in fact just portions are - so perhaps I am just being overly sensitive but I need fairly exact representations of the images in order to properly group them.  But I assume in any event the problem is not that to which you refer as it seems like these all are sRGB.  Thanks again.

Sahil.Chawla
Adobe Employee
Adobe Employee
April 24, 2018

Hi Bartonlew,

After dropping the PSD files, could you please go to Image > Image size and try lowering the size by changing the width and height of the image and lowering the resolution to 70?

Regards,

Sahil

bartonlew
bartonlewAuthor
Legend
April 24, 2018

Thanks, but I am having lots of problem with this.  First, I created a new psd for image layout with the dimensions 15"x50".  No real reason for that, other than if printed (which it won't be - this is purely for my review onscreen) I need about 3 thumbnails across and many rows. 

Then, I dropped one of the psd images into the layout document.  This created a new layer.  I went to Image Size in the layer and selected 4" for width; the height did not automatically populate so I put in 3" and this made the entire document very tiny on my screen - both background and image.  How can I manipulate the size of the image in each layer and move it around on the background without the background changing size?  Thank you.