Step 11.
Choose "Rectangular Marquee Tool (M)" and Ctrl-A to select the whole image, then hold down the ALT key, drag you the mouse vertically then horizontally to deselect parts of the image like in Picture 11A. Then save the go to main menu "Select" > "Save Selection..." with the name "box_divide". This selection will be loaded later on( Picture 11B).

Picture 11A

Picture 11B

Step 12.
Save you file with a name (box.psd for example) so that we can re-use it in case we want to make different color boxes. After that, using "Save as" command, save box.psd under another name like "bluebox.psd". This step is a kind of backup what we have done so far because in Step 13 we will flatten the whole image for cutting so we can not modify each layer independently

Step 13.
Open "bluebox.psd", go to top menu "Layer" > "Flatten Image". By now, the image will have only onle layer left. Next, choose "Select" > "Load Selection..." and choose to load the "divide_box" selection which we saved in Step 11

Step 14.
Again, choose "Rectangular Marquee Tool (M)", hold down the ALT key and and try to deselect parts of the image so that you have a selection as in Picture 14A. Ctrl-C to copy the selection then Ctrl-N to make a new file name box_t_l (which mean the top left part of the module). By default, Photoshop will remember the dimension of the selection part in clipboard. When the new file is created, Ctrl-V to paste the copied selection into the new file. What you have now is a new image as in Picture 14B.

Picture 14A

Picture 14B

Step 15.
Now we repeat the similar actions from Step 13 and Step 14 with a small difference, in Step 14 instead of making a top-left selection, we will make the other 3 parts: top-right, bottom-left and bottom right using "Rectangular Marquee Tool (M)" and, one by one, making other 3 new files named: box_t_r.psd, box_b_l.psd and box_b_r.psd and respectively paste those selections into them. Finishing this step, we will have 4 different PSD images (Picture 15).

Picture 15

Step 16.
Well well well, things are now easy. After saving all files, with each of the 4 new files, go to "File" > "Save for Web" or use shortcut "Alt-Shift-Ctrl-S" to export your images, you can choose to export as .GIF or .PNG format as in Picture 16. However, I would recommend .PNG for better quality images.

Picture 16

Step 17.
Supposing we use .PNG format in Step 16, we now have 4 images ( box_t_l.png, box_t_r.png, box_b_l.png and box_b_r.png) which are ready to put them into Mambo. These 4 images will be 4 background parts of Mambo modules. Please note that you can open the "box.psd" we saved in Step 12 and fill the "box" layer with diff rent colors then repeat from Step 13 to 16 to get more images package (4 images) to make extra color for your "rounded mambo modules"

Next week, in "Part 2: Putting corners into Mambo" I will continue with a tutorial on how to put these images into Mambo as you can see on the left side of this page..