Geekzone: technology news, blogs, forums
Welcome Guest.
You haven't logged in yet. If you don't have an account you can register now.

23462 posts

Uber Geek


#90077 14-Sep-2011 11:42
Send private message

 I have many images with about 20 products per page that I need to crop into single images.

They are the same item but different sizes, so I need the images to have exactly the same relative size to each other. If I use the crop tool in photoshop it just limits the aspect of the select box to the aspect entered, even when they are pixels, so if I put in 300px and 300px and drag a box, and then drag another box around another it will just resize the box to be 300px.

Is there a tool that will give me a fixed size crop frame, basically when the images are displayed beside eachother the relative size of the products in shot needs to be preserved, which isnt something I can do by eye and I would rather avoid resampling if possible since the images from the supplier are already barely at screen resolution.


Create new topic
16214 posts

Uber Geek


  #520884 14-Sep-2011 11:45
Send private message

I'm pretty good with photoshop, but it's a huge app. AFAIK there's no easy way to do that.

I would crop to a fixed ratio, then resize to the size you require.

2788 posts

Uber Geek

  #521002 14-Sep-2011 15:24
Send private message

You could script it using the ImageMagick tools but it would still be fairly non-trivial.


25 posts


  #521010 14-Sep-2011 15:46
Send private message

1. I would recommend , getting the average size of the images & then in Photoshop create a new template say 100px * 100px @ 72dpi

2. Open the montage of images and using the [square] marque tool select a section (product) on the image containing all products Ctrl+C (Copy) & Ctrl+V (Paste) into the template created.

3. Resizing using Ctrl+T and holding Shift whilst extending the corners of the image (pasted) into the template.
*holding shift maintains the aspect ratio of the image being transformed (Ctrl+T=Transform)

Then repeat steps 2 & 3 until all images have been transferred over.

each time you paste the new image into the template you will notice in the layer palette - that they will be put onto a new layer. after doing this for like 20 images you should have 21 layers (including the background layer)

if you want to spend a bit more time and effort on these you can hide each layer 'by clicking the [eye] (view layer)' on each layer after you paste.

*Also hide the BG layer and you should have a transparent Background.

Next thing to do , well what I do is go through all the images and using the magic wand tool (Select) I try to select the Backgrounds with 1.0px feather (fiddly) but once you get into a roll then all you have to do is [delete] the Bg and the images should be on a transparent background.

4 & 3/4's
if proceeding like this you need to disable the [eye] on all layers and only have it visible on the layer that you are working on.

after this has been done , in CS3 Alt+F+D or CS2 Alt+F+W will bring up a 'save for web' window.
- File > "Save for Web" or "Device"

Select .png (8 or 24) and check file-size bottom right of window.
*if selecting 8bit .png , be sure to set the mat colour to your website's bg colour or it may look fugly.
- alternatively use .png 24bit.

if it is around 10-30kb (maybe a bit biggish) then click save.

hide that layer and un-hide the next one down the list and repeat from step 4 & 3/4's

import into your website and check how she looks :)

if you want to get adventurous then right click on one of the visible layers after cutting out the BG and select 'Blending Options' > there are a few cool features in there to make your mouth water as well.

355 posts

Ultimate Geek

  #521076 14-Sep-2011 17:17
Send private message

rectangular marquee tool? Not sure, try it. In the dimensions box stick the actual picture dimensions in that you want, say 200px by 300px. Be sure to put the "px" in there. Then just one click, not a click and drag.

Then in the menu: Image>crop.

25 posts


  #521305 15-Sep-2011 09:16
Send private message

Chainsaw: rectangular marquee tool?.


355 posts

Ultimate Geek

  #521388 15-Sep-2011 11:31
Send private message

Yeah, correct, except in the "Style" drop down, select "Fixed size".

25 posts


  #521588 15-Sep-2011 17:17
Send private message

have compiled a better tutorial for you to download here;

CS3-Cutout-Tutorial-bob.rar - 4.3 MB


25 posts


  #521639 15-Sep-2011 19:18
Send private message

Please excuse my "Spelliing & Gra'ma" as it was a rush jobby;

and my first attempt at using the Wink screen recorder

23462 posts

Uber Geek


  #523382 20-Sep-2011 08:52
Send private message

Got this sorted. I ended up just using the marquee tool on fixed size (which I had no idea was there) and then doing new layer by copy on each item, then using the absurdly slow script to save layers as files, save them all as PNG's and then open them all up and remove the edges of other products and fix the levels since the ones at the lower corner had a lower lighting than the top corner, then crop the height (since I found the site only resizes based on the width) and it was good enough.

All worked out ok and the friend I am doing it for is happy as.


Create new topic

News »

Freeview On Demand app launches on Sony Android TVs
Posted 6-Aug-2020 13:35

UFB hits more than one million connections
Posted 6-Aug-2020 09:42

D-Link A/NZ extends COVR Wi-Fi EasyMesh System series with new three-pack
Posted 4-Aug-2020 15:01

New Zealand software Rfider tracks coffee from Colombia all the way to New Zealand businesses
Posted 3-Aug-2020 10:35

Logitech G launches Pro X Wireless gaming headset
Posted 3-Aug-2020 10:21

Sony Alpha 7S III provides supreme imaging performance
Posted 3-Aug-2020 10:11

Sony introduces first CFexpress Type A memory card
Posted 3-Aug-2020 10:05

Marsello acquires Goody consolidating online and in-store marketing position
Posted 30-Jul-2020 16:26

Fonterra first major customer for Microsoft's New Zealand datacentre
Posted 30-Jul-2020 08:07

Everything we learnt at the IBM Cloud Forum 2020
Posted 29-Jul-2020 14:45

Dropbox launches native HelloSign workflow and data residency in Australia
Posted 29-Jul-2020 12:48

Spark launches 5G in Palmerston North
Posted 29-Jul-2020 09:50

Lenovo brings speed and smarter features to new 5G mobile gaming phone
Posted 28-Jul-2020 22:00

Withings raises $60 million to enable bridge between patients and healthcare
Posted 28-Jul-2020 21:51

QNAP integrates Catalyst Cloud Object Storage into Hybrid Backup solution
Posted 28-Jul-2020 21:40

Geekzone Live »

Try automatic live updates from Geekzone directly in your browser, without refreshing the page, with Geekzone Live now.

Support Geekzone »

Our community of supporters help make Geekzone possible. Click the button below to join them.

Support Geezone on PressPatron

Are you subscribed to our RSS feed? You can download the latest headlines and summaries from our stories directly to your computer or smartphone by using a feed reader.

Alternatively, you can receive a daily email with Geekzone updates.