How to divide picture into 9 equal squares/rectangles?

[Turbe]

Below is the example, is there a simple way to do this with Photoshop (I have CS on XP Home)? I need the nine separate jpeg images for the flash version, I understand this example is just one jpeg and is used in the standard html version of a template I have....

Curious is there is way that is automated to do this. I can rotate each section (image) as needed for the spot, but want to take a picture and cut it into equal squares.

Thanks in advance...

Shawn

Example Pic:

[Andrei Doubrovski]

Hi Turbe,
- In the Toolbox, choose the Slice Tool (shortcut [K])
- Right-click on the image and choose "Divide Slice" from the context menu
- In the dialog box, set "Divide Horizontally Into 3 slices down..." and "Divide Vertically Into 3 slices across..."

To save the slices as separate images:
- Open "Save for Web" dialog
- Press [Ctrl+A] to select all the slices
- Difine optimization settings
- Click "Save"

[Turbe]

Thanks, I knew it had to be that easy...

One last question.. as far as the border, the fill command basically covers the picture elements below the border, how can I create a border (hard edges) that reduces the picture (based on the size of the border width) then applies the border (white in my case) as the example above shows...

[Andrei Doubrovski]

- Open a "sliced" image
- Make your background color is white (backward swatch on the Toolbox)
- Open "Canvas Size" dialog (Image > Canvas Size) and increase Width and Height, e.g., by 3 px

You may automate the process by recording editing the first image to "action" and then batch-process all the "slices".

[Tips]

Excellent, Andrei

Folks, aren't you glad you discovered this forum.
Help when you need it!

[Vijay]

I'd like to to suggest something more here.
The method suggested is with the Illustrator Software.
You can do the same thing with PhotoShop Software too.
I can discuss it if you like - here is my illustration.

[Tips]

There are actually a number of ways to do this from the quick and easy "SLICE" method, to the more difficult and time consuming "random" method - I think makes a much better looking Photo Collage Mosaic

See my tutorial: One Photo to Many: Collage Mosaic

[Vijay]

That's true! there are lots of technique to do that. I personally feel, if you plan before on a rough page - how to show up the picture parts and their frames, it will be easier and more artistic results.
Well, I want to curl or bend some of the photo frames - can you suggest a way or two how to do that?

[Tips]

ABsolutely... when you have your individual layers -- each with the 'tile' and its frame, you can select the image and the use the
Edit > Transform > Warp

...and then push/pull the lines, and / or the anchor points with their handles to curl, twist, or even pick up a corner.

Now, here's the clue:

REMOVE the "shadow" effect BEFORE warping.
After warping, you'll need to generate your shadow the traditional way, so it looks natural. (Layer effect "shadow" follows the shape exactly and does NOT realize that it's curled in "space" -- therefore looks like an amateur did it.)

If you'll look at This tutorial on photo filters, I used this technique to make the "snapshots" of the musicians look natural -- as if placed on the wood background.



(You could also use the Liquify filter -- but not as easy and not as good results as Warp.)

[jordan]

That's true! there are lots of technique to do that. I personally feel, if you plan before on a rough page - how to show up the picture parts and their frames, it will be easier and more artistic results.