: How can I fit an image onto an iPhone template perfectly? I made a mock-up for mobile and saved it as a jpeg. Adobe fireworks has a library that contains an iPhone template and I wanted

@Mendez620

In an ideal situation you would simply go back to your source file and if possible, slice it and save the slices as SVG. You could then keep the correct dimensions for most other elements and redo the background (if it is solid) by recreating it or if it is a pattern background by possibly recreating the pattern.

Vote Up Vote Down

@Alves566

Without seeing your original design it is difficult to say what would be the best way to deal with this. You say your design is too tall so I am going to assume you do not want to crop it down. (Can you add a pic so we can see?)

If possible I would probably look as adding to the sides of the design to make it wider so when you resized to the correct height it filled the width.

As previously said by @Vicki a mask or template would be of help here.

Vote Up Vote Down

@Megan533

Based on what you've described, you could try one of the following things:

Use a Mask

Use a mask in Fireworks to hide the top and/or bottom of your image


Draw a rectangle the exact size of hole in the template
Edit > Cut to put the rectangle into your clipboard
Select your mockup image
Edit > Paste as Mask to mask your image


Scale to fit vertically

Shift + Transform the mockup image to fit vertically inside the template, leaving empty space on the left and right sides

Non-uniform Scale to fit vertically and horizontally

Transform the mockup image without Shift, and squish your design vertically to fit in the template

Rework your mockup to fit

If none of the other options sound ideal, you could always re-work your mockup to fit into the dimensions of your device template.

Vote Up Vote Down