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




8819 posts

Uber Geek

Trusted
Subscriber

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.




Richard rich.ms

Create new topic
3752 posts

Uber Geek

Trusted
Subscriber

  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.




Asus eee pad transformer
iPod 2G
Windows 7 PC
Lots and lots of Nikon camera gear

1965 posts

Uber Geek

Subscriber

  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.




"You are" = "You're" - Not "Your".  "They are" = "They're" - Not "Their" or "There".  You probably mean "lose" not "loose".  There's no such word as "Alot".
 
On the internet, wasting time, since '89.

25 posts

Geek


  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.


323 posts

Ultimate Geek


  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

Geek


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

Chainsaw: rectangular marquee tool?.

Correct.

323 posts

Ultimate Geek


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

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

25 posts

Geek


  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

Geek


  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



8819 posts

Uber Geek

Trusted
Subscriber

  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.




Richard rich.ms

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 new jobs are posted to our jobs board:



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




News »

Trending now »
Hot discussions in our forums right now:

Fecked up religious people strike again :-(
Created by Mark, last reply by freitasm on 25-May-2013 08:44 (85 replies)
Pages... 4 5 6


Cannabis is illegal yet we have really strong 'legal highs' ?
Created by qwerty7, last reply by freitasm on 23-May-2013 23:20 (74 replies)
Pages... 3 4 5


A new project coming to Geekzone
Created by freitasm, last reply by l43a2 on 24-May-2013 23:02 (342 replies)
Pages... 21 22 23


Xbox One
Created by DjShadow, last reply by nathan on 25-May-2013 14:53 (73 replies)
Pages... 3 4 5


HTC One (2013) owners' discussion
Created by Dingbatt, last reply by mrgsm021 on 25-May-2013 14:30 (1567 replies)
Pages... 103 104 105


Monolithic Cement Sheet cladding mid 80s house - "leaky home" or not?
Created by joker97, last reply by mattwnz on 24-May-2013 23:46 (15 replies)

Orcon, Is this for real or a scam??
Created by old3eyes, last reply by DarthKermit on 22-May-2013 19:12 (29 replies)
Pages... 2


Entire house HTPC concept
Created by InfiniteLoop, last reply by darthmeow on 24-May-2013 12:19 (26 replies)
Pages... 2



Geekzone Jobs »
Most recent NZ jobs in technology:

Ambitious Project Coordinator
Posted 25-May-2013 19:28

Ambitious Project Coordinator
Posted 25-May-2013 19:28

Exceptional Senior Project Manager
Posted 25-May-2013 19:28

Multitalented Business Analyst
Posted 25-May-2013 18:28

Communicative Test Manager
Posted 25-May-2013 17:28

Flexible Test Manager
Posted 25-May-2013 17:28

Security Analyst
Posted 25-May-2013 09:28


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.