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

21018 posts

Uber Geek
+1 received by user: 4155


Topic # 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
13835 posts

Uber Geek
+1 received by user: 2450


  Reply # 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.

AWS Certified Solution Architect Professional, Sysop Administrator Associate, and Developer Associate
TOGAF certified enterprise architect
Professional photographer

2782 posts

Uber Geek
+1 received by user: 120

  Reply # 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.


Try Wrike: fast, easy, and efficient project collaboration software
25 posts


  Reply # 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
+1 received by user: 12

  Reply # 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


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

Chainsaw: rectangular marquee tool?.


355 posts

Ultimate Geek
+1 received by user: 12

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

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

25 posts


  Reply # 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


  Reply # 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

21018 posts

Uber Geek
+1 received by user: 4155


  Reply # 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

Twitter »

Follow us to receive Twitter updates when new discussions are posted in our forums:

Follow us to receive Twitter updates when news items and blogs are posted in our frontpage:

Follow us to receive Twitter updates when tech item prices are listed in our price comparison site:

News »

IBM leads Call for Code to use cloud, data, AI, blockchain for natural disaster relief
Posted 25-May-2018 14:12

New FUJIFILM X-T100 aims to do better job than smartphones
Posted 24-May-2018 20:17

Stuff takes 100% ownership of Stuff Fibre
Posted 24-May-2018 19:41

Exhibition to showcase digital artwork from across the globe
Posted 23-May-2018 16:44

Auckland tops list of most vulnerable cities in a zombie apocalypse
Posted 23-May-2018 12:52

ASB first bank in New Zealand to step out with Garmin Pay
Posted 23-May-2018 00:10

Umbrellar becomes Microsoft Cloud Solution Provider
Posted 22-May-2018 15:43

Three New Zealand projects shortlisted in IDC Asia Pacific Smart Cities Awards
Posted 22-May-2018 15:14

UpStarters - the New Zealand tech and innovation story
Posted 21-May-2018 09:55

Lightbox updates platform with new streaming options
Posted 17-May-2018 13:09

Norton Core router launches with high-performance, IoT security in New Zealand
Posted 16-May-2018 02:00

D-Link ANZ launches new 4G LTE Dual SIM M2M VPN Router
Posted 15-May-2018 19:30

New Panasonic LUMIX FT7 ideal for outdoor: waterproof, dustproof
Posted 15-May-2018 19:17

Ryanair Goes All-In on AWS
Posted 15-May-2018 19:14

Te Papa and EQC Minecraft Mod shakes up earthquake education
Posted 15-May-2018 19:12

Geekzone Live »

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

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.