Mynwood Cat Jackets #1 - Adding a New Material Part 2
How to make a 3D cat silhouette

For PhotoImpact X3 (will probably also work with version 12).

Rosemount cat silhouette

Start PhotoImpact and open the file 'Fabric Choice x35 Cats 3D'.
Select the jacket of one of the unused cats at the bottom.

Fabric Cats

Select the Bucket Fill Tool 'down arrow', to show the other tools.

Fabric Cats

Select the Texture Fill Tool.

Fabric Cats

Click on the 'down arrow' by the image near the top of the screen, and select 'Select other texture'.

Fabric Cats

Choose the texture you want to fill the cat jacket with, and press 'Open'.

Fabric Cats

You will see that the little preview image has changed to your new fabric. Make sure that the drop down menu to the right is set to 'Resize freely' - this allows you to change the size of the fabric pattern after you've pasted it onto the jacket.

Fabric Cats

Drag from the top left down to the bottom right of the jacket - let go and the jacket will be filled.

Fabric Cats

The pattern is too small, so I want to enlarge it, so you can see more detail.

Fabric Cats

Drag the corner tag up to the right, and this will enlarge the fill pattern. Adjust it until it looks most like the real thing.

Fabric Cats

Now we need to add the 3D effect to the jacket, so that it matches all the other ones.
Press F2 to view the EasyPalette. This normally appears on the right hand side of the screen. In the first section, 'Image Enhancements', find the 'Button' section, and right click the 'A10' button, and choose 'Modify Properties and Apply...'.

Fabric Cats

You will then see the Button Designer window. Modify the bevel size to 4, and the light elevation to 47. You will see a preview of the 3D jacket on the right hand side of the Button Designer window, which changes in real time as you adjust the settings.
Press OK.

Fabric Cats

You should then see the cat jacket has a 3D effect. Now all we need to do is save it.

Fabric Cats

Select the Pick tool.

Fabric Cats

Drag around the cat and jacket to select them both.

Fabric Cats

Press CTRL+C to copy the cat and jacket, then CTRL+SHIFT+V to 'paste as new image'. You will see that the cat and jacket are still selected in the new image, click anywhere outside of them to deselect them.

Fabric Cats

Select the Bucket Fill Tool, and then select the Color Picker Tool.

Fabric Cats

Set the colour to #947C3E by entering that value in the Hex box in the bottom right hand corner.

Fabric Cats

Fill the background with the colour.

Fabric Cats

Now I need to save the image as a GIF file, and to set the background colour as transparent. I use a background colour which is similar to the colour of the background image onto which we are going to place the 3D cat. This ensures that the pixels around the edge of the cat are approximately the same colour as the background image, and don't stand out. If I had left the background as white, when I saved the cat image, it would have light grey pixels around the edges, and this would show up on the beige background image when we put it on the web page.

Select File, Save As. Tick the box at the bottom "Invoke Options dialog box". (This lets you adjust the settings of the file before you save it.) Navigate to the folder '/images/fabric cats/' to save it. Call it 'cheetahcottonprint.gif'. Press 'Save', and you will be taken to the GIF Image Optimizer screen.

Fabric Cats

On the right is the image that will be saved, on the left is the original. On the left hand side, press the magnify button a few times to zoom into the image. Then select the 'Mask Options' tab. Change the Mask pull down option to 'Pick Color', and select the Eyedropper.

Fabric Cats

Click anywhere on the coloured background in the left hand window, and you will see the background colour turns to a check pattern - this will be transparent in the saved image. Notice that the edges of the cat have varying shades of light brown pixels on them - this is why we had to fill the background with the light brown colour earlier, otherwise these pixels would be white or very light, if we had left the background as white.

Fabric Cats

Press OK to save the image. Upload the image to the server using Filezilla, to the /images/fabriccats/ folder.
Finished!

Why use BondWebDesign?

I am a freelance web designer, with five years' experience working with X-Cart, and have run my own X-Cart e-commerce site for the last four years. I offer a personal service and will endeavour to help you with any queries you have about your site's customisation.
I always reply to e-mails within 24 hours, normally within half an hour if I'm at my computer, and my Live Chat button (above) will show you when I'm working on your site, so you can contact me every day to discuss how the site is progressing.